img, div, logo_box { behavior: url(iepngfix.htc) }


*{border:0px solid #eee;margin:0;padding:0;list-style:none}

html,body,#bg,#bg table,#bg td,#cont{
	width:100%;
	height:100%;
	overflow:hidden;
	font-size: 100%;
}
body{
	font-family:"Century Gothic", "Lucida Grande", Arial, sans-serif;
	cursor:default;
	color:#FFFFFF;
	background-color: #333333;
	font-size: 12px;
}
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}

h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

h4{
	text-transform:lowercase;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-size: 30px;
	padding-top: 30px;
	font-weight: lighter;
}

h4 span{
	position:absolute;
	right:565px;
	top:43px;
	background:#000;
	text-align:center;
	padding:0 5px;
	white-space:nowrap;
	display:block;
	color:#fff;
	font-weight:normal
}

h5{
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	letter-spacing: 1pt;
	color: #FF6600;
	font-size: 10px;
}

.orange {color: #FF6600;}


title_content{
	position:fixed;
	top:200px;
	left:400px;
	z-index:80;
	width:400px;}

header_text{
	text-transform:uppercase;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 1pt;
	padding-left: 13px;
	left: 0px;
	position: relative;
	color: #FFFFFF;
	top: 2px;
}

credits_text{
	text-transform:uppercase;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	padding-left: 13px;
	position: relative;
	color: #FFFFFF;
	top: 2px;
	left: 0px;
}

footer_address{
	position:absolute;
	bottom:7px;
	right:200px;
	z-index:80;
	line-height:12px;
	text-align: right;
	font-size: 10px;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-weight: lighter;
	text-transform:lowercase;
	letter-spacing: 1px;}

a{
	text-decoration:none;
	color:#FFFFFF;
	outline:0;
	font-size: 12px;
	}


img{display:block}

.photo {
	padding-right: 5px;
}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{
	position:absolute;
	top:1px;
	left:13px;
	z-index:70;
	overflow:auto
}
#footer{
	position:absolute;
	bottom:10px;
	left:141px;
	z-index:80;
	width:100%;
	line-height:12px;
}
#footer div{height:56px; background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}

#header{
	position:absolute;
	top:20px;
	left:141px;
	z-index:80;
	width:100%;
	line-height:12px;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	height: 56px;
}
#header div{height:56px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}

h1{position:relative;left:-141px;margin-bottom:-63px;width:140px;opacity:0.99}
h1 a{
	padding: 41px 10px 10px 0;
	color:#fff;
	font-size:11px;
	text-align:right;
	display:block;
	background-color: #FF6600;
	background-image: url(go.gif);
	background-repeat: repeat-x;
	background-position: 0 -30px;
	font-weight: lighter;
}
h1 a:hover{
	background-color: #FF6600;
	background-image: url(go.gif);
	background-repeat: repeat-x;
	background-position: 0 43px;
	color: #333333;
}
ul{float:left;width:110px}

li a{
	font-weight:normal;
	color:#FFFFFF;
	display:block;
	letter-spacing: 2pt;
	text-align: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

li a:hover,li.cur a{
	color:#FF6600
}

lb a{
	font-size: 10px;
}



lb a:hover,lb.cur a{
	color:#FF6600
}

/*-- THIS APLIES MICROSOFT ALPHA IMAGE LOADER FOR IE6--*/
img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}


/*START CSS LOGO PLACEMENT ON PAGE*/

#logo_box{
	position:absolute;
	top:30px;
	left:150px;
	z-index:300;
	width:200px;
	height: 56px;}

#services_box{
	position:absolute;
	top:85px;
	left:150px;
	z-index:80;
	width:100%;
	line-height:11px;
	text-align: left;
	font-size: 11px;
	letter-spacing: 0.5px;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-weight: normal;

	}
	
#tagline_1{
	position:absolute;
	top:35px;
	right:60px;
	z-index:80;
	width:100%;
	line-height:12px;
	text-align: right;
	font-size: 10px;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
	color: #FF6600;
	letter-spacing: 1px;
}


#tagline_2{
	position:absolute;
	top:50px;
	right:60px;
	z-index:80;
	width:100%;
	line-height:10px;
	text-align: right;
	font-size: 11px;
	letter-spacing: 1px;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
}


/*------START TRANSPARENT BOX--------*/

#wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 20%;
	width: 80em;
	height: 100%;
	z-index: 80;
	overflow: hidden;	
	}
	
#wrapper_portfolio {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 18%;
	width: 90em;
	z-index: 80;	
	}
	
.overlay {
	position: absolute;
	top:0;
	left:5px;
	width:100%;
	height: 100%;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	background-color: #000000;
	z-index: 80;
	padding-bottom: 20px;
	border: thin solid #FF6600;
	padding-right: 10px;
}
	
.container {
	position: relative;
	float: left;
	}
	
.content {
	position: relative; /* Fixes the z-index */
	float: left;
	height: 100%;
	overflow: auto;
	z-index: 100;
	line-height:1.3em;
	letter-spacing: 1px;
	font-size: 10px;
	}
	
.portfolio_thumbnail {
	border: 1px solid #FF6600;
	float: left;
	padding: 0px;
	margin: 3px;
}	
	
#box {
	width: 100%;
	}
	
#box .content {
	width: 95%;
	padding-left: 30px;
	padding-top: 15px;
}
	
	
	
/* Compensate for IE6's inability to interpret top: 0; and bottom: 0; */
* html #box .overlay { height: expression(document.getElementById("box").offsetHeight); }

/*------END TRANSPARENT BOX--------*/

list_text {
	font-size: 11px;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


dl{margin:10px 0; 	right: 131px;
	bottom: 300px;
	bottom: 211px;
	float: right;
}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
dd{height:0px;overflow:hidden;width:440px}

#photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}


.copy_header{
	text-transform:lowercase;
	line-height:30px;
	font-size: 18px;
	letter-spacing: 1pt;
	color: #FF6600;
	font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
}