/* GLOBAL STYLES */
@import "/css/reset.css";

html { background: #ffffff; border-top: 7px solid #2a2a2a; min-width: 960px; }
body { font: 0.84em/1.333 'Lucida Grande', Arial, sans-serif; height: 100%; margin: 0 auto; min-width: 960px; position: relative; text-align:center; width: 100%; }

/*---------------------------
	=Header Section
---------------------------*/
div#header { margin: 0 auto; padding: 0 62px; position: relative; width: 836px; }
 a#brand { background: url("/images/logo.png") 0 0 no-repeat; display: block; height: 81px; float: left; margin: 28px 0 0 0; overflow: hidden; text-indent: -10000px; width: 159px; }

/*---------------------------
	=Navigation Section
---------------------------*/
ul#sub-navigation { background: url("/images/toolbar-left-corner.jpg") 0 bottom no-repeat #2a2a2a; display: block; float: right; padding: 0 0 0 4px; }	
	ul#sub-navigation li { display: block; float: left; padding: 0 9px; }
	ul#sub-navigation li.last { background: url("/images/toolbar-right-corner.jpg") right bottom no-repeat #2a2a2a; padding: 0 13px 0 8px; }
		ul#sub-navigation li a { color: #ffffff; display: block; font: normal .7em/1.5em "Lucida Grande", Arial, sans-serif; padding: 2px 0 6px 0; text-decoration:none; }
		ul#sub-navigation li a:hover, ul#sub-navigation li a.active, ul#sub-navigation li a:active { color: #999; }
		/*ul#sub-navigation li a.active { border-top: 2px solid #f27217; padding: 0 0 6px 0; }*/

ul#main-navigation { background: url("/images/navigation.gif") 0 0 no-repeat; clear: right; float: right; height: 15px; margin: 45px 0 0 0; width: 478px; }
	ul#main-navigation li { display: block; float: left; height: 14px; vertical-align: middle; }
	ul#main-navigation li a { background: url("/images/navigation.gif") 0 0 no-repeat; display: block; height: 17px; text-indent: -10000px; vertical-align: middle; }

	ul#main-navigation li#nav-work a { background-position: 0px 0px; width: 56px; }
	ul#main-navigation li#nav-work a:hover, ul#main-navigation li#nav-work.active a:hover { background-position: 0px -17px; }
	ul#main-navigation li#nav-work a.active { background-position: 0px -34px; }

	ul#main-navigation li#nav-clients a { background-position: -56px 0px; width: 83px; }
	ul#main-navigation li#nav-clients a:hover, ul#main-navigation li#nav-clients.active a:hover { background-position: -56px -17px; }
	ul#main-navigation li#nav-clients a.active { background-position: -56px -34px; }

	ul#main-navigation li#nav-process a { background-position: -139px 0px; width: 94px; }
	ul#main-navigation li#nav-process a:hover, ul#main-navigation li#nav-process.active a:hover { background-position: -139px -17px; }
	ul#main-navigation li#nav-process a.active { background-position: -139px -34px; }

	ul#main-navigation li#nav-services a { background-position: -233px 0px; width: 96px; }
	ul#main-navigation li#nav-services a:hover, ul#main-navigation li#nav-services.active a:hover { background-position: -233px -17px; }
	ul#main-navigation li#nav-services a.active { background-position: -233px -34px; }

	ul#main-navigation li#nav-blog a { background-position: -329px 0px; width: 63px; }
	ul#main-navigation li#nav-blog a:hover, ul#main-navigation li#nav-blog.active a:hover { background-position: -329px -17px; }
	ul#main-navigation li#nav-blog a.active { background-position: -329px -34px; }

	ul#main-navigation li#nav-about-us a { background-position: -392px 0px; width: 86px; }
	ul#main-navigation li#nav-about-us a:hover, ul#main-navigation li#nav-about-us.active a:hover { background-position: -392px -17px; }
	ul#main-navigation li#nav-about-us a.active { background-position: -392px -34px; }

/*---------------------------
	=Toolbar Section
---------------------------*/
div#toolbar { background: url("/images/toolbar-bg.jpg") bottom repeat-x #2a2a2a; display: none; width: 100%; }
	div#toolbar div.toolbar-content { color: #ffffff; font: normal 1.1em/1.5em "Lucida Grande", Arial, sans-serif; margin: 0 auto; padding: 15px 138px 15px 62px; position: relative; text-align: right; width: 760px; }
	div#toolbar div.toolbar-content a.close { background: url("/images/toolbar-close.png") 0 0 no-repeat; color:#eee; display: block; font-size:.6em; height: 22px; left: 62px; letter-spacing:1px; overflow: hidden; position: absolute; text-align: center; text-transform:uppercase; text-decoration:none; top: 0; width: 72px; }
	div#toolbar div.toolbar-content h2 { float: left; font-size: 1.8em; line-height: 26px; font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2"; font-style: italic; margin: 0 0 0 100px; }
	input.text-input { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:#f0f0f0; border:2px solid #e0e0e0; font: normal 11px/11px 'Lucida Grande', Arial, sans-serif; margin: 0 15px 6px 0; padding: 3px; }
	input.text-input:focus { border:2px solid #FFAB2E; }
	div#toolbar input.submit { position: absolute; right: 62px; top: 15px; }
	div#toolbar label, div#toolbar input, div#sidebar label, div#sidebar input { vertical-align: middle; }
	div#toolbar label.checkbox { display: block; margin: 0 15px 0 0; vertical-align: bottom; }
		div#toolbar label.checkbox input { margin: 0 0 -2px 0; vertical-align: bottom; }
	div#toolbar select { margin-right:12px; }	
/*---------------------------
	=Maincontent Section
---------------------------*/	
div#maincontent { clear: both; padding: 15px 0 40px 0; text-align:left; width: 100%; }
	div.brief-description { background: url("/images/hd-brief-description.gif") 68px 0 no-repeat; color: #495050; display: block; font-size:.8em; height: 18px; letter-spacing: -.03em; margin: -16px auto 0 auto; padding:5px 62px 0 62px; position: relative; text-align: center; text-transform: uppercase; width: 836px; z-index: 50; }
		div.brief-description a { color: #495050; display:block; padding: 0 0 0 3px; text-decoration:none; }
	
/*---------------------------
	=Sidebar Section
---------------------------*/

	
	
/*---------------------------
	=Footer Section
---------------------------*/
div#site-info { background: url("/images/site-info-bg.jpg") repeat-x; clear: both; text-align:left; width: 100%; }
	div#site-info span.contain { display:block; margin:0 auto; padding-top:15px; width:836px; }
	div#site-info p { color: #505050; float: right; font-size:.8em; padding: 0 30px 0 0; }
	div#site-info p.last { padding: 0; }
	div#site-info p span.street, div#site-info p span.city, div#site-info p span.phone { color: #868686; display: block; padding: 0; }
	div#site-info p a { color: #fd811b; }
	div#site-info p span { padding: 0 1em 0 0; }
	div#site-info p.credits { float: left; padding:0 0 12px 0; width:430px; }

/*---------------------------
	=misc
---------------------------*/		
.clear { clear: both; }

.group:after, #maincontent:after, div#site-info span.contain:after, #footer-briefs:after, #site-info:after, #site-info em:after, ul#case-studies:after, #clients ul.client-list:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group {display: inline-block;}  /* for IE/Mac.. of course we still care*/