@charset "UTF-8";
/* CSS Document */

body {
	background:url(_images/bg/bg.gif) repeat-x top;
	background-color:#c6c2ba;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	}

/*general page structure
--------------------------------------------------------*/
#header {
	width: 800px;
	}
#logo {
	border: 0;
	float: left;
	padding: 0 0 15px 36px;
	}
h1 {
	padding: 0 0 8px 0;
	margin: 0;
	border: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #7b7974;
	line-height: 16px;
	font-weight: bold;
	}
#content  {
	width: 674px;
	clear: left;
	float: left;
	padding: 30px 5px 30px 21px;
	height: 510px;
	}
#content_rotate {
	width: 675px;
	clear: left;
	float: left;
	margin: 30px 4px 30px 21px;
	height: 510px;
	overflow: hidden;
	}
#content_rotate img {
	width: 675px;
	height: 508px;
	border: 0;
}
#content p {
	padding: 0 0 20px 40px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #7b7974;
	line-height: 16px;
	}
#content a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #7b7974;
	text-decoration: none;
	}
#content a:hover {
	color: #f18728;
	}
#footer  {
	clear: left;
	width: 872px;
	height: 80px;
	float: left;
	padding: 25px 0 0 46px;
	background: url(/_images/bg/logo.gif) no-repeat right 27px;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
#footer a  {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}	
#footer a:hover  {
	color: #726f6a;
	}	
#footer p {
	padding: 10px 0;
	font-size: 10px;
	color: #726f6a;
}
#footer p a {
	color: #726f6a;
	font-size: 10px;
}
#footer p a:hover {
	color: #ffffff;
}
	
/* home
---------------------------------------------------------*/		
#content.home  {
	width: 785px;
	padding: 30px 0 30px 132px;
	}
#content_rotate.home  {
	width: 700px;
	margin: 30px 0 30px 82px;
	_margin: 30px 0 30px 52px;
	}
#welcome {
	position: absolute;
	left: 784px;
	top: 270px;
	width: 135px;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #7b7974;
	line-height: 30px;
	font-weight: bold;
	text-align: right;
}
	
/* portfolio
---------------------------------------------------------*/
#content.portfolio p {
	padding: 60px 0 20px 190px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #7b7974;
	line-height: 30px;
	}
img#portfoliointro {
	border: 0;
	margin: 0 0 0 192px;
	}
#description {
	width: 175px;
	padding: 12px 0 50px 0px;
	margin: 30px 0 0 10px;
	border-top: 1px solid #e2e0dc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #7b7974;
	line-height: 16px;
	}
#description p {
	padding: 0 0 10px 0;
	margin: 0;
	}
#description a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #f18728;
	text-decoration: none;
	}
#description a:hover {
	text-decoration: underline;
	}
	
/* overview
---------------------------------------------------------*/	
#content.overviewpg  {
	width: 880px ! important;
	font-size: 14px;
	}
h1.overview {
	padding: 0 0 30px 132px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #7b7974;
	line-height: 30px;
	font-weight: normal;
	width: 800px;
	}	
#believe {
	padding: 0 0 20px 133px;
	margin: 0;
	list-style: none;
	}	
#believe li {
	padding: 0 0 20px 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #7b7974;
	line-height: 17px;
	background: url(/_images/common/asterik_orange.gif) no-repeat 0 5px;
	width: 800px;
	}	
.attribute {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: .1em;
	}	#intro_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#intro_list li {
	padding-bottom: 5px;
	}
#intro_list li a {
	margin: 0;
	padding-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #7b7974;
	text-decoration: none;
	}
#intro_list li a:hover {
	color: #f18728;
	}	

/* contact
---------------------------------------------------------*/
.highlight {
	color: #f18728;
	font-weight: bold;
	padding-right: 5px;
	}
	
h1.contact {
	padding: 0 0 20px 132px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #7b7974;
	line-height: 30px;
	}

h2.contact {
	padding: 0 0 20px 132px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #7b7974;
	line-height: 30px;
	font-weight: normal;
	}
#content.contact p {
	padding: 0 0 20px 132px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #7b7974;
	line-height: 16px;
	}
	


/* sitemap
---------------------------------------------------------*/
h1.sitemap {
	padding: 0 0 20px 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #7b7974;
	line-height: 30px;
	}
#content.sitemap_pg  {
	width: 850px;
	margin-left: 50px;
	}
.sitemap_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 280px;
	float: left;
}
.sitemap_list li {
	padding-bottom: 3px;
	}	
.sitemap_list li a {
	margin: 0;
	padding-left: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #f18728;
	text-decoration: none;
	background: url(/_images/common/asterik_orange.gif) no-repeat 0 4px;
	font-weight: bold;
	}	
.sitemap_list li a:hover {
	color: #f18728;
	}
.sitemap_list li ul {
	list-style: none;
	padding-bottom: 3px;
	margin: 10px 0 10px 10px;
	padding: 0;
	}
.sitemap_list li ul li {
	padding-bottom: 3px;
	font-size: 12px;
	}
.sitemap_list li ul li a {
	margin: 0;
	padding-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	color: #7b7974;
	text-decoration: none;
	background: url(_images/bullets/arrow_orng_outline.gif) no-repeat 0 4px;
	font-weight: normal;
	}
.sitemap_list li ul li a:hover {
	color: #f18728;
	}
	
/* navigation
---------------------------------------------------------*/
#topnavwrap {
	float: left;
	width: 918px;
	margin: 0;
	padding: 40px 0 0 0;
	border-bottom: 1px solid #e2e0dc;
	}	
#topnav {
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	}
#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .1em;
	}
#topnav a {
	float: left;
	display: block;
	margin: 0;
	padding: 0 6px 3px 18px;
	color: #7b7974;
	text-decoration: none;
	}
#topnav a:hover {
	color: #0098d1;
	}

/* this turns the top nav item on */	
body#home #nav_home a, body#overview #nav_overview a, body#contact #nav_contact a {
	color: #0098d1;
	font-weight: bold;
	}
body#portfolio #nav_portfolio a {
	color: #0098d1;
	font-weight: bold;
	background: url(/_images/common/arrow_gray.gif) no-repeat 0 4px;
	}
/* end on */
	
#portnav {
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	}
#portnav li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: .1em;
	}
#portnav a {
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 3px 16px;
	color: #7b7974;
	text-decoration: none;
	}
#portnav a:hover {
	color: #f18728;
	}

/* this turns the top SUBnav item on */
body#portfolio.id #nav_id a, body#portfolio.posters #nav_posters a, body#portfolio.collateral #nav_collateral a, body#portfolio.web #nav_web a, body#portfolio.misc #nav_misc a { 	
	color: #f18728;
	font-weight: bold;
	}
/* end on */

#portfolio_list {
	width: 200px;
	padding: 105px 0 40px 0px;
	position: absolute;
	top: 80px;
	left: 700px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #7b7974;
	}	
#portfolio_list.intro {
	width: 188px;
	padding: 140px 0 0 0px;
	position: absolute;
	left: 692px;
	}	
#p_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#p_list li {
	padding-bottom: 5px;
	}	
#p_list li a {
	margin: 0;
	padding-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #7b7974;
	text-decoration: none;
	}
#p_list li a:hover {
	color: #f18728;
	background: url(/_images/common/arrow_orange.gif) no-repeat 0 4px;
	}
	
/* this turns the portfolio list item on */	
	
body#portfolio #portfolio_list.list_aib #id_aib a, #portfolio_list.list_amp #id_amp a, #portfolio_list.list_hlh #id_hlh a, #portfolio_list.list_cp #id_cp a, #portfolio_list.list_sac #id_sac a, #portfolio_list.list_bold #id_bold a, #portfolio_list.list_crisp #id_crisp a, #portfolio_list.list_ml #id_ml a, #portfolio_list.list_bb #id_bb a,

#portfolio_list.list_aib #col_aib a, #portfolio_list.list_amp #col_amp a, #portfolio_list.list_bb #col_bb a, #portfolio_list.list_hf #col_hf a, #portfolio_list.list_lmy #col_lmy a, #portfolio_list.list_nh #col_nh a, #portfolio_list.list_seanc #col_seanc a, #portfolio_list.list_src #col_src a, #portfolio_list.list_wilson #col_wilson a,

#portfolio_list.list_bark #poster_bark a, #portfolio_list.list_farm01 #poster_farm01 a, #portfolio_list.list_farm02 #poster_farm02 a, #portfolio_list.list_mmcs #poster_mmcs a, #portfolio_list.list_ppatch #poster_ppatch a, #portfolio_list.list_taste #poster_taste a, #portfolio_list.list_thinkpink #poster_thinkpink a, #portfolio_list.list_wilson #poster_wilson a, 

#portfolio_list.list_apg #web_apg a, #portfolio_list.list_bb #web_bb a, #portfolio_list.list_civiced #web_civiced a, #portfolio_list.list_corsa #web_corsa a, #portfolio_list.list_mooring #web_mooring a, #portfolio_list.list_rw #web_rw a, #portfolio_list.list_roof #web_roof a, #portfolio_list.list_san #web_san a, #portfolio_list.list_pd #web_pd a, #portfolio_list.list_lassiter #web_lassiter a, #portfolio_list.list_sog #web_sog a, #portfolio_list.list_wp #web_wp a, #portfolio_list.list_ncmha #web_ncmha a, #portfolio_list.list_sac #web_sac a,#portfolio_list.list_br #web_br a, #portfolio_list.list_hf #web_hf a,     

#portfolio_list.list_wilson05 #env_wilson05 a, #portfolio_list.list_wilson07 #env_wilson07 a

 {
	color: #f18728;
	background: url(/_images/common/arrow_orange.gif) no-repeat 0 4px;
	}
	
/* end on */

/* trying for flyout horiz nav */
#topnav li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: -999px;
	}
#topnav li ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: .1em;
	}
#topnav li ul li a {
	display: block;
	margin: 0;
	padding: 0 0 3px 16px;
	color: #7b7974;
	text-decoration: none;
	text-transform: none!important;
	}
#topnav li ul li a:hover {
	color: #f18728;
	}
#topnav li:hover ul, #topnav li.sfhover ul  { 
	left: 190px;
}