*{color:#ab9677; margin:0; padding:0;  font-size:13px;  line-height:22px; outline: none; border:none;}
	body { background:#FFF; font-family:Arial, Helvetica, sans-serif; }
	
	



html, body {
			height:100%;
			}
			
#horizon {width:100%;		height:50%;		margin-bottom:-288px; /* half of container's height */		float:left;	}
noscript div { background: #FFF; border-bottom:1px dashed #698385; margin: 0 0 50px 0; padding: 15px; position:fixed; top:0; width:100%; z-index:300; }

noscript ol{list-style:inside decimal-leading-zero; line-height:36px; padding:12px 0 12px 0; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0 0 2px 0; position:relative; background: url(../images/bg_wrapper.gif) repeat-x bottom left; height:575px;  overflow:visible; }
	.coda-slider { background:#fff; overflow:visible; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: hidden !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider{width:100%; overflow:visible;}
	
	 .coda-slider .panel { height:575px; width:1440px;  overflow:visible;  } 
	 
	 .panel h1{padding:106px 0 36px 24px;}
	 .panel h2{color:#cfc296; font-size:24px; font-weight:lighter; line-height:35px; padding:24px 0 30px 40px;}
	 .panel p{padding: 0 0 0 24px; margin:0 0 22px 0;}
	 #pan7 h1{padding:236px 0 30px 108px;}
	#pan7 p{padding:0 0 0 108px;}
	 
	 
	 #pan1 h1, #pan2 h1{padding-top:142px;}
	 #pan2 h1{padding-bottom:60px;}
	 #pan3 h1{padding-bottom:22px; padding-top:90px;}
	 #pan4 h1{padding-top:120px; padding-bottom:14px;}
	 #pan6 h1{padding-top:120px;}
	 .panel a, .project a, .panel strong{color:#b6b42f; font-weight:bold; text-decoration:none;}
	 .panel a:hover, .project a:hover{color:#6b5736;}
	 
	/* #pan1 p{ font-size:14px; font-weight:lighter; line-height:24px;}
	 #pan1 p a{ font-size:14px; font-weight:bold; line-height:24px; color:#b6b42f;}
	  #pan1 p a:hover{color:#6b5736;}
*/
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {  color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav{background:url(../images/bg_navigation.png) repeat-x 22px 0; height:68px;  position: absolute; top:50%;  left:0; margin-top:-288px; z-index:2; width:100%; }
	
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px;  overflow:visible; }
	
	
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */

	
	
	
	
	ul#navigation{ height:68px;width:988px; list-style:none;    }
	ul#navigation a{display:block; height:68px;	text-indent:-9999px;}

	ul#navigation li a{height:68px; position: absolute; top: 0; background: url(../images/navigation.png) 0 0 no-repeat; display: block; list-style: none;	}


	ul#navigation #nav_home a{left: 0; width:285px;background-position:0 0;}
	ul#navigation #nav_who a{left:285px; width:82px; background-position: -285px 0;}
	ul#navigation #nav_services a{left:367px; width:82px; background-position: -367px 0;}
	ul#navigation #nav_clients a{left:448px; width:92px; background-position: -448px 0;}
	ul#navigation #nav_case a{left:540px; width:100px; background-position: -540px 0;}
	ul#navigation #nav_port a{left:640px; width:90px; background-position: -640px 0;}
	ul#navigation #nav_contact a{left:730px; width:70px; background-position: -730px 0;}

	#navigation #nav_home a:hover { background-position: -0 -68px;}
	#navigation #nav_who a:hover, #navigation #nav_who a.current { background-position: -285px -68px;}
	#navigation #nav_services a:hover, #navigation #nav_services a.current { background-position: -367px -68px;}
	#navigation #nav_clients a:hover, #navigation #nav_clients a.current { background-position: -448px -68px;}
	#navigation #nav_case a:hover, #navigation #nav_case a.current {background-position: -540px -68px;}
	#navigation #nav_port a:hover, #navigation #nav_port a.current {background-position: -640px -68px;}
	#navigation #nav_contact a:hover,#navigation #nav_contact a.current {background-position: -730px -68px;}
	
	
	
	
	
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel {float:left; overflow:visible; }
	.coda-slider .panel-container { position: relative; top:0; right:0; }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	#pan1{background:url(../images/hello.jpg) 0 0 no-repeat; }
	#pan2{background:url(../images/partners.jpg) 0 0 no-repeat;  }
	#pan3{background:url(../images/services.jpg) 0 0 no-repeat;  }
	#pan4{background:url(../images/client_list.jpg) 0 0 no-repeat; }
	#pan5{background:url(../images/case_study.jpg) 0 0 no-repeat;  }
	#pan6{background:url(../images/portfolio.jpg) 0 0 no-repeat;  }
	#pan7{background:url(../images/contact.jpg) 0 0 no-repeat;  }
	
	.extraShort{ height:575px; background: url(../images/extra_short.jpg) 0 0 no-repeat; left:-1000px;  position:absolute; width:1000px; }
	.extraLong{height:575px; background: url(../images/extra_long.jpg) 0 0 no-repeat; left:10080px;  position:absolute; width:720px;}
		
		
.project{background:#fff; color:#666; overflow:visible; clear:both; height:400px;}
.project img{padding:0; float:left; margin:0;}
.project .flash{padding:0; float:left; margin:0; }
.project .dets{float:left; display:table; background:url(../images/bg_proj_right.png) repeat-y; margin:0 0 0 0px; padding:0; border:0; z-index:13; }
.project .detsVid{float:left; display:table; }

.project .dets .copy{ width:295px;  padding:0 20px 0 20px;  display:table-cell; vertical-align:bottom; height:400px; }
.project .dets .copyVid{ width:295px;  padding:0 20px 0 20px;  display:table-cell; vertical-align:bottom; height:348px; }


.project h1{color:#b6b42f; font-size:18px; font-weight:normal; line-height:36px;}
.project h2{font-size:14px; font-weight:normal; line-height:18px; padding:0 0 18px 0; }
.project h2 strong{font-size:14px; color:#b6b42f; font-weight:normal;}
.project p{font-size:13px; line-height:22px; margin:0 0 18px 0;}

.project p.last{margin:0;}


ul.client_list{float:left; padding:0 0 0 24px; list-style:none;}

p.partner{margin:0; margin:0 0 36px 0; }
.partner img{padding:5px 15px 0 0;}

p.study{float:left; padding:4px 18px 0 40px;}
p.study img{padding:0 0 6px 0;}

.clear{clear:both;}

p .small_px{margin:1px 0 0 2px; padding:0; }

ul.port_items{ width:900px; list-style:none;  padding: 0 0 0 40px; overflow:hidden; }
ul.port_items li{float:left;}
ul.port_items a{display:block; height:65px;	 text-indent:-9999px;}
ul.port_items li a{height:65px; display: block;  list-style: none; margin:0 18px 21px 0; width:202px; 	}
	
ul.port_items #ks a{background:url(../images/portfolio/wetlands_sm.jpg) no-repeat;}
ul.port_items #third_coast a{background:url(../images/portfolio/third_coast_sm.jpg) no-repeat;}
ul.port_items #stoney_river a{background:url(../images/portfolio/stoney_river_sm.jpg) no-repeat;}
ul.port_items #taillight a{background:url(../images/portfolio/taillight_sm.jpg) no-repeat;}
ul.port_items #hermitage a{background:url(../images/portfolio/hermitage_sm.jpg) no-repeat;}
ul.port_items #dancers a{background:url(../images/portfolio/dancers_sm.jpg) no-repeat;}
ul.port_items #symphony a{background:url(../images/portfolio/symphony_sm.jpg) no-repeat;}
ul.port_items #watermark a{background:url(../images/portfolio/watermark_sm.jpg) no-repeat;}
ul.port_items #families a{background:url(../images/portfolio/families_sm.jpg) no-repeat;}
ul.port_items #tristar a{background:url(../images/portfolio/tristar_sm.jpg) no-repeat;}
ul.port_items #bond a{background:url(../images/portfolio/bond_sm.jpg) no-repeat;}
ul.port_items #biopalooza a{background:url(../images/portfolio/biopalooza_sm.jpg) no-repeat;}


ul.port_items #ks a:hover{background-position:0 -65px;}
ul.port_items #third_coast a:hover{background-position:0 -65px;}
ul.port_items #stoney_river a:hover{background-position:0 -65px;}
ul.port_items #taillight a:hover{background-position:0 -65px;}
ul.port_items #hermitage a:hover{background-position:0 -65px;}
ul.port_items #dancers a:hover{background-position:0 -65px;}
ul.port_items #symphony a:hover{background-position:0 -65px;}
ul.port_items #watermark a:hover{background-position:0 -65px;}
ul.port_items #families a:hover{background-position:0 -65px;}
ul.port_items #tristar a:hover{background-position:0 -65px;}
ul.port_items #bond a:hover{background-position:0 -65px;}
ul.port_items #biopalooza a:hover{background-position:0 -65px;}


#proj_ks{width:940px; overflow:hidden; height:356px;}
#proj_ks .dets .copy{ width:295px;  padding:0 20px 0 20px;  display:table-cell; vertical-align:bottom; height:356px; }

#proj_third_coast{width:940px; overflow:hidden; height:400px;}
#proj_stoney_river{width:835px; overflow:hidden; height:400px;}
#proj_taillight{width:940px; overflow:hidden; height:400px;}
#proj_hermitage{width:630px; overflow:hidden; height:400px;}
#proj_dancers{width:600px; overflow:hidden; height:400px;}
#proj_symphony{width:740px; overflow:hidden; height:400px;}
#proj_watermark{width:940px; overflow:hidden; height:400px;}

#proj_families{height:348px; width:750px;}
#proj_tristar{height:348px; width:750px;}
#proj_bond{height:348px; width:750px;}
#proj_biopalooza{height:348px; width:750px;}


#contact_form{ padding:12px;  text-align:center;}

.notification_error
{
height: auto;
width: auto;

text-align: left;
}

.notification_ok
{
width: auto;
text-align: center;
font:18px Arial, Helvetica, sans-serif;
padding:125px 0 0 0;
}




.button{background: #b6b42f; color: #fff; padding:4px; width:auto; text-align:right;}

/* Label */
label  { width: 100px;  margin: 0; float: left; text-align: right; padding:6px 0 0 0;}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 4px; 
float: left;

border:1px dashed #b6b42f; 

color: #333333; 
width:300px;
font: 13px Arial, Helvetica, sans-serif;

}

select{background:#fff; border:none; width:300px; margin:5px; padding:4px; float:left; color:#333;}
/* BR */

.info_fieldset br { clear: left; }