@import 'reset.css';
/* ***************** GLOBAL STYLES ********************** */
body {font-family:Arial, Helvetica, Sans;font-size:12px;background:#fc8b13 url(../img/bg_repeat.gif) 0 0 repeat-x;}
a {color: #fff;text-decoration:none;}
a:hover {text-decoration:1px dotted #fff;}
p {margin:1em 0;line-height:18px;color:#2d2d2d;}
.error {color:#990000;}
.warning {color:orange;}
.clear {clear:both;}
.txt_indent {text-indent:-3000em;}
/* ***************** GLOBAL STYLES ********************** */
#container {width:960px;margin:0 auto;position:relative;}


#header {height:131px;}
#header h1 {position:absolute;z-index:10;left:-68px;top:0;width:372px;height:191px;background:url(../img/branding.png) no-repeat 0 0;}
#header h1 a {position:relative;left:50px;top:50px;text-indent:-3000em;display:block;width:250px;height:80px;}

#main_content {position:relative;overflow:hidden;margin-bottom:15px;width:955px;padding-bottom:37px;background:url(../img/sub_cont_btm.jpg) bottom left no-repeat;}
#main_content div.tp {padding-top:40px;position:relative;overflow:hidden;background:url(../img/sub_cont_tp.jpg) no-repeat 0 0;}
#main_content div.bk {height:1%;position:relative;overflow:hidden;background:url(../img/sub_cont_bg.jpg) 0 0 repeat-y;}

.primary_content {width:550px;float:left;padding:0 0 10px 50px;}
#sub_content {width:280px;float:right;display:inline;background:none;padding:0;margin:10px 50px 10px 0;}

#footer {clear:both;position:relative;height:1%;overflow:hidden;padding:10px 0 30px 0;}
#footer p.first {float:left;margin:0 0 20px 5px;}
#footer p.last {float:right;display:inline;margin:10px 15px 0 0;text-align:right;font-size:10px;color:#fff;}
#footer p.last a:hover {color:#000;text-decoration:underline;}
#footer a {color:#fff;}
#footer img {float:left;}
#footer img a {display:block;}

#global_nav {position:absolute;z-index:100;top:0;right:0;width:530px;}
#global_nav li {display:inline;}
#global_nav li img {vertical-align:bottom;}
#global_nav ul {position:relative;overflow:hidden;text-align:right;}
#global_nav ul.first {margin:10px 0 20px 0;font-size:12px;color:#fff;}
#global_nav ul.first a {color:#fff;padding:5px 8px;}
#global_nav ul.first a:hover,
#global_nav ul.first a.selected {color:#fff;}
#global_nav ul.last {margin:64px 0 0 0;font-size:12px;}
#global_nav ul.last a {color:#000;padding:0 20px;text-transform:uppercase;}
#global_nav ul.last a:hover,
#global_nav ul.last a.selected {color:#fff;}

h2 {color:#f46600;font-size:32px;font-family:Moderne, Sans;font-weight:bold;margin:0 0 10px 0;}
h3 {color:#231f20;font-size:18px;margin:0 0 10px 0;}
h4 {color:#f46600;font-size:14px;margin:0 0 10px 0;}
h5 {color:#2d2d2d;font-size:13px;font-weight:bold;margin:0 0 10px 0;}
/* ***************** INDEX PAGE ********************** */

#index #main_content {background-image:none;margin:0 0 15px 0;padding:0;}
#index div.callout {float:left;display:inline;margin:13px 0 0 0;width:370px;color:#fff;font-size:15px;}
#index div.callout p {font-size:15px;line-height:21px;margin:1.1em 0;}
#index div.callout strong {font-size:27px;font-weight:normal;color:#312c2d;display:block;margin:0 0 5px 0;}
#index div.callout span {display:block;text-indent:-3000em;width:275px; height:60px;background:url(../img/txt_inspiration.png) 0 0 no-repeat;}
#index div.callout p.btn {text-align:right;margin:25px 0 40px 18px;padding:5px 0 5px 0;width:310px;background:url(../img/btn_shadow.gif) bottom center no-repeat;}
#index div.callout a.sprite {display:block;width:175px; margin:0 auto; height:42px;background:url(../img/btn_see_work.png) 0 0 no-repeat;}
#index div.callout a.sprite:hover {background-position:0 -42px;}

#index ul#billboard {float:right;position:relative;overflow:hidden;display:inline;width:568px;height:350px;background:url(../img/pic_frame.png) 0 0 no-repeat;}
#index ul#billboard li {width:517px;height:290px;margin:30px 0 0 25px;}
#index ul#billboard li p {position:absolute;font-size:22px;padding:20px 0 0 50px;color:#fff;top:180px;left:1px;width:466px;height:40px;background:url(../img/bg_fade.png) 0 0 repeat;}
#index ul#billboard li span {color:#fc8b13;} 
#index ul#billboard li.first {background:url(../img/banner1.jpg) no-repeat 0 0;}
#index ul#billboard li.second {background:url(../img/banner2.jpg) no-repeat 0 0;}
#index ul#billboard li.third {background:url(../img/banner3.jpg) no-repeat 0 0;}

#index #billboard_nav {clear:right;width:300px;margin:0 0 0 auto;text-align:right;}
#index #billboard_nav a {padding:13px 5px 0 5px;}
#index #billboard_nav img {
	-moz-box-shadow:1px -1px 15px #a25310;
	-webkit-box-shadow:1px -1px 15px #a25310;
	box-shadow:1px -1px 15px #a25310;
	}
#index #billboard_nav a.activeSlide img {border:1px solid #333;}

#index #sub_content_home {position:relative;overflow:hidden;width:955px;padding-bottom:37px;background:url(../img/sub_cont_btm.jpg) bottom left no-repeat;}
#index #sub_content_home div.tp {padding-top:33px;position:relative;overflow:hidden;background:url(../img/sub_cont_tp.jpg) no-repeat 0 0;}
#index #sub_content_home div.bk {height:1%;position:relative;overflow:hidden;background:url(../img/sub_cont_bg.jpg) 0 0 repeat-y;}
#index ul.logos {float:left;display:inline;margin:0 0 0 25px;width:360px;position:relative;overflow:hidden;}
#index ul.logos li {float:left;display:inline;margin:0 12px 10px 0;text-indent:-3000em;width:106px; height:80px;background:url(../img/logos.png) no-repeat 0 0;}
#index ul.logos li.lg1 {background-position:0 -844px;}
#index ul.logos li.lg2 {background-position:0 -85px;}
#index ul.logos li.lg3 {background-position:0 0;}
#index ul.logos li.lg4 {background-position:0 -255px;}
#index ul.logos li.lg5 {background-position:0 -340px;}
#index ul.logos li.lg6 {background-position:0 -425px;}
#index ul.logos li.lg7 {background-position:0 -510px;}
#index ul.logos li.lg8 {background-position:0 -595px;}
#index ul.logos li.lg9 {background-position:0 -680px;}
#index #sub_content_home dl {float:right;display:inline;margin:13px 20px 0 0;position:relative;width:240px; min-height:245px; height:auto !important; height:245px;}
#index #sub_content_home dl.excerpt1 {background:url(../img/subcontent_pic2.jpg) no-repeat 0 0;}
#index #sub_content_home dl.excerpt2 {background:url(../img/subcontent_pic1.jpg) no-repeat 0 0;}
#index #sub_content_home dt {color:#f46600;font-size:14px;margin:88px 0 10px 0;}
#index #sub_content_home dd {color:#2d2d2d;line-height:18px;}
#index #sub_content_home dd.first {padding-bottom:25px;}
#index #sub_content_home dd.btn_bk a {display:block;width:98px;margin:0 auto;padding-top:3px;}
#index #sub_content_home dd.btn_bk {width:141px;height:25px;position:absolute;bottom:0;right:0;padding:0 0 3px 0;background:url(../img/btn_shadow2.png) bottom center no-repeat;}
/* ***************** SERVICES PAGE ********************** */
#services .primary_content p strong {font-size:15px;line-height:21px;}
#services .primary_content dl {float:left;display:inline;width:250px;}
#services .primary_content dl.group1 {margin:15px 30px 0 0;background:url(../img/bg_list_block1.gif) no-repeat 160px 30px;}
#services .primary_content dl.group2 {margin:15px 0 0 0;background:url(../img/bg_list_block2.gif) no-repeat 130px 30px;}
#services .primary_content dt {color:#f46600;font-size:14px;margin:0 0 10px 0;}
#services .primary_content dd {margin:5px 0;padding:2px 0 2px 25px;background:url(../img/bullit.gif) no-repeat 10px 5px;}

#services #sub_content ul {position:relative;overflow:hidden;width:280px;margin:10px auto;}
#services #sub_content li {float:left;display:inline;width:140px;height:120px;}
p.next_btn {width:190px;margin:0 10px 0 auto;background:url(../img/btn_next.png) no-repeat center right;}
p.next_btn a {color:#f46701;}
p.next_btn a:hover {color:#888684;}

#services_body_photos {margin:296px 0 0 0;position:relative;}
#services_body_photos li {display:inline;height:120px;width:136px;float:left;}



/* ***************** PROCESS PAGE ********************** */
#process p.divide {padding-bottom:20px;border-bottom:1px dotted #ddd;}
#process .primary_content p {margin:2.5em 0;}
#process .primary_content p strong {font-size:14px;line-height:20px;}
#process .summary {width:590px;margin:5px auto;padding:10px 0 80px 275px;background:url(../img/process_back.jpg) no-repeat 0 0;}

#process #sub_content ul {}
#process #sub_content ul li {border-bottom:1px dotted #ddd;padding:5px 0 0 0;background:url(../img/bullit.gif) no-repeat 0 10px;}
#process #sub_content ul li div {background:url(../img/howWeThink.jpg) no-repeat;height:85px;}
#process #sub_content ul li .examp1 { background-position:150px 0;}
#process #sub_content ul li .examp2 { background-position:150px -83px;}
#process #sub_content ul li .examp3 { background-position:170px -160px;}
#process #sub_content ul li p {width:150px;margin:0;padding:0 0 0 15px;}
/* ***************** CLIENTS PAGE ********************** */
#clients ul.logos {float:left;display:inline;margin:0 0 0 25px;width:540px;position:relative;overflow:hidden;}
#clients ul.logos li {float:left;display:inline;margin:15px 20px 10px 0;text-indent:-3000em;width:106px; height:80px;background:url(../img/logos.png) no-repeat 0 0;}
#clients ul.logos li.lg2 {background-position:0 -85px;}
#clients ul.logos li.lg3 {background-position:0 -170px;}
#clients ul.logos li.lg4 {background-position:0 -255px;}
#clients ul.logos li.lg5 {background-position:0 -340px;}
#clients ul.logos li.lg6 {background-position:0 -425px;}
#clients ul.logos li.lg7 {background-position:0 -510px;}
#clients ul.logos li.lg8 {background-position:0 -595px;}
#clients ul.logos li.lg9 {background-position:0 -680px;}
#clients ul.logos li.lg10 {background-position:0 -763px;}
#clients ul.logos li.lg11 {background-position:0 -844px;}
#clients .primary_content p strong {font-size:14px;line-height:20px;}
#clients #sub_content dl {position:relative;width:260px;/*background:url(../img/eagles.jpg) no-repeat 140px 0;padding:0 0 20px 0; */ }
#clients #sub_content dt {font-size:14px;color:#f46600;margin:0 0 10px 0;}
#clients #sub_content dd {width:120px;line-height:18px;}
#clients #sub_content dd.btn_bk {position:absolute;top:90px;left:140px;}
/* ***************** COMPANY PAGE ********************** */
#company #sub_content ul#subnav {}
#company #sub_content ul#subnav li {border-bottom:1px dotted #ddd;}
#company #sub_content ul#subnav a {display:block;padding:13px 0;color:#f46600;}
#company #sub_content ul#subnav a.current {color:#888684;padding:10px 0 10px 15px;background:url(../img/bullit.gif) no-repeat 0 13px;}
#company #sub_content ul#subnav a:hover {color:#888684;background-color:#eee;}
#company .primary_content blockquote {float:right;padding:10px;margin:0 0 10px 10px;background-color:#eee;width:180px;border:1px dotted #ddd;}
#company .primary_content blockquote p {font-size:13px;padding:5px;margin:0;line-height:18px;}
#company .primary_content blockquote em {display:block;text-align:right;margin:0;color:#aaa;}
#company .primary_content img {float:right;margin:0 10px 20px 10px;}
/* ***************** CONTACT PAGE ********************** */
#contact #contact_form {padding:20px;border:1px dotted #ddd;background-color:#eee;}
#contact .primary_content li {width:250px;height:60px;float:left;}
#contact li label,
#contact .text_block label {margin:5px 0;display:block;font-weight:bold;color:#f46600;}
#contact .primary_content li em {color:#990000;}
#contact .text_block {clear:left;}
#contact input.input_txt {width:215px;padding:4px 2px;border:1px solid #ddd;background:#fff url(../img/txt_input.gif) repeat-x top left;}
#contact textarea.textarea {height:150px;width:400px;border:1px solid #ddd;background:#fff url(../img/textfield_input.gif) repeat-x top left;}
#contact fieldset.check_group {width:475px;margin:0 0 15px 0;border-bottom:1px dotted #ddd;position:relative;overflow:hidden;padding:5px;}
#contact fieldset.check_group div {float:left;width:150px;font-size:11px;position:relative;overflow:hidden;}
#contact fieldset.check_group div label {color:#222;}
#contact input.submit_btn {width:100px;position:relative;top:0;left:300px;}

#contact .map_back {width:285px;padding:10px;height:285px;background:#fff url(../img/map_back.gif) no-repeat 0 0;}
#map {width:255px;height:245px;margin:5px 0 0 5px;}
#contact #sub_content dl,
#sitemap #sub_content dl {width:265px;padding:10px 0;margin:5px 0 5px 10px;border-bottom:1px dotted #ddd;}
#contact #sub_content dd,
#sitemap #sub_content dd {color:#2d2d2d;line-height:18px;}
#contact #sub_content dt,
#sitemap #sub_content dt {color:#f46600;margin:3px 0;}

div.message {position:relative;margin:10px 0;}
#alert b {color:#990000;}
#alert strong {color:green;display:block;margin:0 0 40px 0;}
#contact_form #alert li {float:none;height:auto;margin:3px 0;font-weight:bold;}
label.error {
	color:#990000;
	display:block;
	clear:left;
	margin:3px 0;
	width:100%;
}
div.special_row {display:none;}
/* **************** LIGHTBOX ****************************** */

#sitemap .primary_content a {color:#f46600;}
#sitemap .primary_content a:hover {color:#2d2d2d;}
#sitemap .primary_content li {margin:10px 0;font-size:14px;}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}