@charset "utf-8";
/*
ATWP CSS
Title: Default CSS
Author: Pasquale Scerbo (pasquale@waveactive.com || pasquale@leftlanecreative.com)
Date: February 2010
*/


/*----------------- CSS NORMALIZER -----------------*/
/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select 		{background:#FFF;}
.floatLeft	{ float: left; }
.floatRight { float: right; }
.cleaner	{ clear: both; _font-size: 1%; }
.clear5		{ clear: both; height: 5px; _font-size: 1%; }
.clear10	{ clear: both; height: 10px; _font-size: 1%; }
.clear15	{ clear: both; height: 15px; _font-size: 1%; }
.clear20	{ clear: both; height: 20px; _font-size: 1%; }
a	{ outline: none; }
label { cursor: pointer; }


/*----------------- DEFAULTS -----------------*/
body	{ background: #000; margin: 0; padding: 0; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
h1		{ font-size: 55px; font-weight: bold; color: #FFF; margin-bottom: 26px; letter-spacing: -3px; } /*Font is being replaced with Cufont*/
h2		{ font-size: 18px; font-weight: bold; color: #FFF; margin: 0 0 2px 0; }
p		{ margin: 0 0 18px 0; }
a		{ color: #ff9900; text-decoration: none; }
a:hover	{ text-decoration: underline; }


/*----------------- CONTAINERS -----------------*/
#container	{ margin: auto; width: 1276px; height: 643px; background: url("img/main_bg.jpg") no-repeat; position: relative; padding-top: 75px; }

/*Stages*/
#stage				{ width: 959px; height: 560px; margin: auto; background: url("img/bg_stage.png") no-repeat; position: relative; color: #FFF; font-size: 14px; line-height: 1.6em; }
#stage.services		{ background: url("img/bg_stage_services.png") no-repeat; position: relative; }
#stage.company		{ background: url("img/bg_stage_company.png") no-repeat; position: relative; }
#stage.contact		{ background: url("img/bg_stage_contact.png") no-repeat; position: relative; }
#stage.footprint	{ background: url("img/bg_stage_footprint.png") no-repeat; position: relative; }
#stage.shortform	{ background: url("img/bg_stage_shortform.png") no-repeat; position: relative; }

#stage.contact		{ background: url("img/bg_stage_contact.png") no-repeat; position: relative; }

#logo		{ position: absolute; top: -30px; left: 28px; width: 187px; height: 116px; }

/*----------------- MAIN MENU -----------------*/
#menu	{ width: 632px; height: 44px; float: right; margin: 10px 8px 0 0; text-align: left; }

#menu ul    { margin: 0; padding: 0; list-style-type: none; }
#menu li    { float: left; height: 44px; text-indent: -9999px; }
#menu a     { display: block; text-decoration: none; overflow: hidden; }

#menu a#company     { background: url("img/menu-company.jpg") 0 0 no-repeat; width: 89px; height: 44px; }
#menu a#services    { background: url("img/menu-services.jpg") 0 0 no-repeat; width: 83px; height: 44px; }
#menu a#portfolio   { background: url("img/menu-portfolio.jpg") 0 0 no-repeat; width: 97px; height: 44px; }
#menu a#shortform   { background: url("img/menu-shortform.jpg") 0 0 no-repeat; width: 180px; height: 44px; }
#menu a#footprint   { background: url("img/menu-footprint.jpg") 0 0 no-repeat; width: 98px; height: 44px; }
#menu a#contact     { background: url("img/menu-contact.jpg") 0 0 no-repeat; width: 77px; height: 44px; }

#menu a#company:hover, #menu a#company.on,
#menu a#services:hover, #menu a#services.on,
#menu a#portfolio:hover, #menu a#portfolio.on,
#menu a#shortform:hover, #menu a#shortform.on,
#menu a#footprint:hover, #menu a#footprint.on,
#menu a#contact:hover, #menu a#contact.on { background-position: 0 -45px; }

/*----------------- HOME PAGE BANNER -----------------*/
.home_banner	{ position: absolute; top: 153px; left: 102px; height: 458px; width: 1065px; }

/*----------------- SERVICES PAGE -----------------*/
#servicesWrap			{ float: left; position: absolute; top: 109px; left: 10px; width: 882px; padding: 0 25px 0 35px; }
#servicesWrap .leftCol	{ float: left; width: 330px; margin-right: 33px; }
#servicesWrap .rightCol	{ float: left; width: 366px; }

/*----------------- COMPANY PAGE -----------------*/
#companyWrap					{ float: left; position: absolute; top: 109px; left: 10px; width: 892px; padding: 0 15px 0 35px; }
#companyWrap .leftCol			{ float: left; width: 330px; margin-right: 33px; }
#companyWrap .rightCol			{ float: left; width: 521px; }
#companyWrap .rightCol .miniCol			{ float: left; width: 147px; margin-right: 10px; font-size: 12px; line-height: 1.3em; padding: 0 6px; }
#companyWrap .rightCol .miniCol .thumb	{ margin-bottom: 14px; }
#companyWrap .rightCol .miniCol h2		{ margin-bottom: 4px; }

/*Company Detail Page*/
#companyWrapDetail				{ float: left; position: absolute; top: 54px; left: 10px; width: 892px; height: 432px; padding: 57px 15px 0 35px; overflow-x: hidden; overflow-y: scroll; }
#companyWrapDetail				{ line-height: 15px; }
#companyWrapDetail .img			{ margin: 15px 0 0 10px; }
#companyWrapDetail .colOne		{ float: left; width: 218px; }
#companyWrapDetail .colTwo		{ float: left; /*width: 277px;*/ width: 600px; padding: 0 19px; line-height: 1.4em; }
/*#companyWrapDetail .colThree	{ float: left; width: 299px; padding: 0 10px; line-height: 1.4em; }*/

/*----------------- CONTACT PAGE -----------------*/
#contactWrap			{ float: left; position: absolute; top: 109px; left: 10px; width: 882px; padding: 0 25px 0 35px; }
#contactWrap .leftCol	{ float: left; width: 330px; margin-right: 33px; }
#contactWrap .rightCol	{ float: left; width: 366px; }

/*----------------- FOOTPRINT PAGE -----------------*/
#footprintWrap				{ float: left; position: absolute; top: 54px; left: 10px; width: 892px; height: 432px; padding: 57px 15px 0 35px; overflow-x: hidden; overflow-y: scroll; }
#footprintWrap .spacer	{ clear: both; height: 44px; }
#footprintWrap .leftCol	{ float: left; width: 330px; margin-right: 33px; }

/*Mini Columns*/
#footprintWrap .wrap	{ float: left; margin-left: 49px; }
#footprintWrap .miniCol	{ float: left; width: 150px; margin-right: 10px; }

/*----------------- PORTFOLIO PAGE -----------------*/
#portfolioWrap				{ float: left; position: absolute; top: 54px; left: 10px; width: 892px; height: 432px; padding: 57px 15px 0 35px; overflow-x: hidden; overflow-y: scroll; }
#portfolioWrap .leftCol		{ float: left; width: 320px; margin-right: 10px; }
#portfolioWrap .rightCol	{ float: left; width: 533px; }
#portfolioWrap .rightCol .mini	{ float: left; width: 235px; overflow: hidden; margin: 0 0 33px 30px; }

#portfolioWrap .leftCol ul	{ margin: 0 0 0 15px; padding: 0; list-style: none; }

/*Portfolio Detail Pages*/
#portfolioDetailWrap			{ float: left; position: absolute; top: 54px; left: 10px; width: 892px; height: 432px; padding: 57px 15px 0 35px; overflow-x: hidden; overflow-y: scroll; }
#portfolioDetailWrap .leftCol	{ float: left; width: 492px; margin-right: 15px; }
#portfolioDetailWrap .rightCol	{ float: left; width: 340px; padding-top: 76px; }
#portfolioDetailWrap .rightCol h2	{ font-size: 19px; margin-top: 0; }
#portfolioDetailWrap .rightCol h3	{ font-size: 16px; clear: both; margin-top: 15px; font-weight: bold; }

#portfolioDetailWrap .rightCol ul	{ margin: 0 0 0 23px; padding: 0; list-style: none; }
#portfolioDetailWrap .rightCol li	{ float: left; clear: both; }

/*----------------- SHORT FORM CONTENT PAGE -----------------*/
#shortWrap				{ float: left; position: absolute; top: 109px; left: 10px; width: 882px; padding: 0 25px 0 35px; }
#shortWrap .leftCol		{ float: left; width: 492px; margin-right: 15px; }
#shortWrap .rightCol	{ float: left; width: 366px; padding-top: 65px; }

#shortWrap #videoArea	{ width: 479px; margin-top: -10px; }
#shortWrap table		{ margin-left: 20px; }
#shortWrap table a		{ font-weight: normal; }
#shortWrap table a.nbg	{ background: none; padding-right: 0; }

/*----------------- FOOTER -----------------*/
#footer	{ margin: auto; clear: both; text-align: center; font-size: 10px; width: 1275px; height: 45px; color: #FFF; padding-top: 24px; }
#footer a		{ text-decoration: none; color: #FFF; }
#footer a:hover	{ text-decoration: underline; }