/* =viewport */
html,body{height:100%;}
body{font-family:Verdana, Geneva, sans-serif; background:#fff url(../img/bg_alpha_home.jpg) repeat-x top center; line-height:1.6em; text-align:center;}


/* =main structure */
#document{min-height: 100%;height: auto !important; height:100%; margin:0 auto -200px; /* the bottom margin is the negative value of the footer's height */	width:100%;}
.content-container{padding-bottom:25px;}
#header{position:relative; height:129px;}

.content-outer{background:#fff url(../img/bg_content_sub_nav.png) repeat-x top center; margin-top:0; overflow:hidden;}
	#home .content-outer{background:#fff url(../img/bg_content.png) repeat-x top center; margin-top:30px; min-height:150px; padding-top:25px;}
.content-inner{padding-right:25px; border-right:4px dotted #e1e1e1; min-height:315px; _height:315px;}


#content{position:relative; padding:200px 0 0 0; text-align:left;}
	#home #content{padding:0; position:relative;}
	#content.section-no-sub{padding-top:200px;}
	
#footer{background-color:#333;}
#footer, .push {height: 200px; /* .push must be the same height as .footer */}
.push{ background-color:#fff;}

#sitemap{text-align:left;}
	.sitemap-outer{background:#666 url(../img/bg_sitemap.png) repeat-x top center; overflow:hidden; padding:10px 0;}
	.siteinfo-outer{background:#333 url(../img/bg_foot.png) repeat-x top center; overflow:hidden;}

#siteinfo{padding:10px 0; text-align:left;}



/* =modules */
#portfolio-snapshot{height:312px; width:894px; position:absolute; top:32px; left:14px;}
#billboard{background:url(../img/bg_showcase_home.png) no-repeat top center; height:356px; position:relative; /*margin-bottom:57px;*/}
#twitter{background:url(../img/interface-bullet.png) no-repeat 0 1px; position:absolute; left:330px; top:11px; margin:0; padding:0 0 2px 20px; line-height:1; text-align:left;} /* ToDo// IE not co-operating with proper line heights and margins */ 
.twitter-link{margin-left:3px;}



/* =components */


/* =navigation */

/* primary nav */
#nav-primary{background:url(../img/bg_nav_primary.png) no-repeat top center; height:20px; position:absolute; top:71px; right:20px; overflow:hidden; margin:0; padding:0;}
#nav-primary li{float:left; position:relative; list-style:none; margin:0; padding:0;}
#nav-primary a{float:left; display:inline-block; height:inherit; overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; background-position:top center;}
.n1{background-image:url(../img/n1.png); margin-right:37px; width:38px;}
.n2{background-image:url(../img/n2.png); margin-right:36px; width:107px;}
.n3{background-image:url(../img/n3.png); margin-right:36px; width:58px;}
.n4{background-image:url(../img/n4.png); margin-right:36px; width:72px;}
.n5{background-image:url(../img/n5.png); margin-right:38px; width:50px;}
.n6{background-image:url(../img/n6.png); margin-right:39px; width:34px;}
.n7{background-image:url(../img/n7.png); width:59px;}
#nav-primary a:hover,#nav-primary a.current{background-image:none;}

/* secondary nav */
#nav-secondary{margin:0; padding:0; overflow:hidden; height:32px; position:absolute; top:110px; left:0;}
#nav-secondary li{position:relative; margin:0; padding:0; list-style:none; line-height:32px; display:inline;}
#nav-secondary li a{margin-right:20px; color:#fff; font-size:93%;/*text-transform:uppercase;*/ font-weight:bold; text-decoration:none;}
#nav-secondary li a:hover,#nav-secondary a.current{color:#bbb;text-decoration:underline;}