html, body, div, p {font: 11px "Lucida Sans Unicode",Verdana,Arial,sans-serif; color: #333;}
body {margin: 0; padding: 0; background: #fff;}
sup { line-height: 0;}

a:link, a:active, a:visited {
font-weight: bold; color: #003D7D; 
padding: 1px 2px 2px; 
background: url(../img/bghatch.gif); 
text-decoration: none;
}

a:hover {
color: #958670;
}

a img {
border-width: 0; 
border-style: none;
}

h2 span, h3 span, h4 span {display: none;}
p {margin: 0; padding: 1em 0 0; line-height: 140%;}
sup { line-height: 0; vertical-align: text-top;}
hr {display: none;}
#bravoline {position: absolute; top: 0; left: 0; width: 233px; height: 6px; background: #003D7D;}
#bravo {position: absolute; top: 6px; left: 0; width: 233px; background: url(../img/bravo.gif) no-repeat;}
	#bravo a {display: block; height: 96px; padding: 0 !important; background: url(../img/bravo.gif) no-repeat;}
	#bravo h1 {margin: 0;}
	#bravo h1 strong {display: none;}
#topper {position: relative; margin-left: 9px; height: 103px;}
#navbox {
	position: absolute;
	top: 59px;
	left: 252px!important;
	left: 250px;
	width: 495px;
} /*with espanol 282 and 280*/

#navbox_s {
	position: absolute;
	top: 59px;
	left: 222px!important;
	left: 220px;
	width: 600px;
} /*with espanol 282 and 280*/
#nav {margin: 0; padding: 0; list-style: none;}
	#nav li {display: block; float: left; margin-left: 21px;}
	#nav li a {display: block; height: 22px; padding: 0 !important;}
	#nav li a:hover {border-bottom: 2px solid #003D7D;}
	#nav li a strong {display: none;}
	#nav li#hm {display: none;}
	#nav li#nav-about {width: 43px; background: transparent url(../img/about.gif) no-repeat;}
	#nav li#nav-strategy {width: 65px; background: transparent url(../img/strategy.gif) no-repeat;}
	#nav li#nav-portfolio {width: 69px; background: transparent url(../img/portfolio.gif) no-repeat;}
	#nav li#nav-team {width: 35px; background: transparent url(../img/team.gif) no-repeat;}
	#nav li#nav-contact {width: 58px; background: transparent url(../img/contact.gif) no-repeat;}
	
	#nav li#nav-abouts {width: 51px; background: transparent url(../img/about_s.gif) no-repeat;}
	#nav li#nav-strategys {width: 79px; background: transparent url(../img/strategy_s.gif) no-repeat;}
	#nav li#nav-portfolios {width: 83px; background: transparent url(../img/portfolio_s.gif) no-repeat;}
	#nav li#nav-teams {width: 50px; background: transparent url(../img/team_s.gif) no-repeat;}
	#nav li#nav-contacts {width: 71px; background: transparent url(../img/contact_s.gif) no-repeat;}

	#nav li#nav-espanol {width: 78px; background: transparent url(../img/espanol.gif) no-repeat;}
	#nav li#nav-english {width: 56px; background: transparent url(../img/english.gif) no-repeat;}
		li#nav-about a {background: transparent url(../img/about.gif) no-repeat;}
		li#nav-strategy a {background: transparent url(../img/strategy.gif) no-repeat;}
		li#nav-team a {background: transparent url(../img/team.gif) no-repeat;}
		li#nav-portfolio a {background: transparent url(../img/portfolio.gif) no-repeat;}
		li#nav-contact a {background: transparent url(../img/contact.gif) no-repeat;}
		li#nav-abouts a {background: transparent url(../img/about_s.gif) no-repeat;}
		li#nav-strategys a {background: transparent url(../img/strategy_s.gif) no-repeat;}
		li#nav-teams a {background: transparent url(../img/team_s.gif) no-repeat;}
		li#nav-portfolios a {background: transparent url(../img/portfolio_s.gif) no-repeat;}
		li#nav-contacts a {background: transparent url(../img/contact_s.gif) no-repeat;}
		li#nav-espanol a {background: transparent url(../img/espanol.gif) no-repeat;}
		li#nav-english a {background: transparent url(../img/english.gif) no-repeat;}


#headerhome {margin-top: 40px; height: 330px;}
#building {float: left; width: 237px; height: 330px; background: url(../img/bravoski.jpg) no-repeat;}
#picnavholder {float: left; width: 520px;}
	#picnav {margin: 0; padding: 0; list-style: none;}
	#picnav li {display: block; float: left; width: 130px; position: relative;}
	#picnav li a.on {display: block; height: 124px; padding: 0 !important;}
	#picnav li a.on strong {display: none;}
	#picnav li p {position: absolute; top: 52px; left: 0; padding: 0 10px; font-size: 10px; line-height: 110%;}
	#picnav li p a {padding: 0; font-weight: normal; color: #333; background: none;}
	#picnav li p a:hover {color: #666;}
		li#about {background: transparent url(../img/nav_about.gif) bottom left no-repeat;}
		li#strategy {background: transparent url(../img/nav_strategy.gif) bottom left no-repeat;}
		li#portfolio {background: transparent url(../img/nav_portfolio.gif) bottom left no-repeat;}
		li#contact {background: transparent url(../img/nav_contact.gif) bottom left no-repeat;}
		li#about a.on {background: transparent url(../img/nav_about.gif) bottom left no-repeat;}
		li#about a.on:hover {background-position: top left;}
		li#strategy a.on {background: transparent url(../img/nav_strategy.gif) bottom left no-repeat;}
		li#strategy a.on:hover {background-position: top left;}
		li#portfolio a.on {background: transparent url(../img/nav_portfolio.gif) bottom left no-repeat;}
		li#portfolio a.on:hover {background-position: top left;}
		li#contact a.on {background: transparent url(../img/nav_contact.gif) bottom left no-repeat;}
		li#contact a.on:hover {background-position: top left;}
#tagline {float: right; width: 500px; height: 205px; padding-left: 9px;}
	#tagline h2 {margin: 0; width: 460px; height: 28px; background: url(../img/headline.gif) no-repeat;}
			li#about_s {background: transparent url(../img/nav_about_s.gif) bottom left no-repeat;}
		li#strategy_s {background: transparent url(../img/nav_strategy_s.gif) bottom left no-repeat;}
		li#portfolio_s {background: transparent url(../img/nav_portfolio_s.gif) bottom left no-repeat;}
		li#contact_s {background: transparent url(../img/nav_contact_s.gif) bottom left no-repeat;}
		li#about_s a.on {background: transparent url(../img/nav_about_s.gif) bottom left no-repeat;}
		li#about_s a.on:hover {background-position: top left;}
		li#strategy_s a.on {background: transparent url(../img/nav_strategy_s.gif) bottom left no-repeat;}
		li#strategy_s a.on:hover {background-position: top left;}
		li#portfolio_s a.on {background: transparent url(../img/nav_portfolio_s.gif) bottom left no-repeat;}
		li#portfolio_s a.on:hover {background-position: top left;}
		li#contact_s a.on {background: transparent url(../img/nav_contact_s.gif) bottom left no-repeat;}
		li#contact_s a.on:hover {background-position: top left;}
        #tagline_s {float: left; width: 460px; height: 205px; padding-left: 9px;}
	    #tagline_s h2 {margin: 0; width: 460px; height: 28px; background: url(../img/headline_s.gif) no-repeat;}


	#leftcontent {float: left; margin: 39px 0 0 9px; width: 485px !important; width: 475px; background:url(../img/darkline.gif) top left repeat-x;}
	#leftcontent h3 {margin: 0 0 1em; height: 22px; border-bottom: 2px solid #003D7D;}
	#leftcontent ul {margin-top: 1em; margin-bottom: 0;}
	#leftcontent ul li {margin-top: .5em; line-height: 140%;}
	#leftcontent ul li p, #leftcontent ol li p {padding-top: 0;}
	#leftcontent ul li span {font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}
	#home #leftcontent {margin-left: 41px !important;}
	#home #leftcontent p {padding: .5em 0; color: #6B6B6B;}

.sidetext {padding: 1em 0 0 !important; color: #333 !important;}
#sideler {float: right; margin-top: 39px; width: 222px; background: url(../img/bg_linedark.gif) top left repeat-x;}
.sidepiece {margin: 2em 0; padding: 1em; background: url(../img/bghatch.gif);}
	.sidepiece a {background: none;}
	.sidepiece p {padding: 0;}

#footer { margin: 39px 0 39px 9px; background: url(../img/lightline.gif) top left repeat-x;}
#footer a {padding: 0; background: none; color: #6B6B6B; font-weight: normal; text-decoration: underline;}
#footer p {font-size: 10px; color: #6B6B6B;}
#container {margin: 0 auto; width: 757px;}

