/*MASTER LAYOUT*/



body{
	text-align:center;
	background-color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:22px;
}



#container {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	position: relative;
}



#header{
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:400px;
	z-index:1;
}



#flashheader{
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:400px;
	z-index:2;
}



#menu_welcome{
	position:absolute;
	top:400px;
	left:0px;
	width:107px;
	height:50px;
	z-index:1;
}

#menu_about{
	position:absolute;
	top:400px;
	left:107px;
	width:79px;
	height:50px;
	z-index:1;
}

#menu_smarter{
	position:absolute;
	top:400px;
	left:186px;
	width:98px;
	height:50px;
	z-index:1;
}

#menu_projects{
	position:absolute;
	top:400px;
	left:284px;
	width:104px;
	height:50px;
	z-index:1;
}

#menu_contact{
	position:absolute;
	top:400px;
	left:388px;
	width:97px;
	height:50px;
	z-index:1;
}

#menu_tagline{
	position:absolute;
	top:400px;
	left:485px;
	width:475px;
	height:50px;
	z-index:1;
}



#footer_text{
	position:absolute;
	top:0px;
	left:0px;
	width:740px;
	height:50px;
	padding-left:90px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#e9e9e9;
}

#footer_logo{
	position:absolute;
	top:0px;
	left:870px;
	width:90px;
	height:90px;
}


#footer_credits{
	position:absolute;
	top:110px;
	left:90px;
	width:500px;
	height:70px;
}

div.spacer { clear: both; }


#page_intro{
	position:absolute;
	top:450px;
	left:0px;
	width:780px;
	height:50px;
	background-color:#1c1c1c;
	padding-left:90px;
	padding-right:90px;
	padding-top:30px;
	padding-bottom:30px;
}






/*PAGE CONTENT LAYOUTS*/


/*HOME*/

#home_page_bg{
	position:absolute;
	top:560px;
	left:0px;
	width:960px;
	height:385px;
	background-color:#FFF;
}

#home_content_left{
	position:absolute;
	top:40px;
	left:90px;
	width:340px;
}

#home_content_right{
	position:absolute;
	top:40px;
	left:530px;
	width:340px;
}

#home_footer{
	position:absolute;
	top:965px;
	left:0px;
	width:960px;
	height:90px;
}


/*ABOUT*/

#about_page_bg{
	position:absolute;
	top:560px;
	left:0px;
	width:960px;
	height:700px;
	background-color:#FFF;
}

#about_content_left{
	position:absolute;
	top:40px;
	left:90px;
	width:340px;
}

#about_content_right{
	position:absolute;
	top:40px;
	left:530px;
	width:340px;
}

#about_footer{
	position:absolute;
	top:1280px;
	left:0px;
	width:960px;
	height:90px;
}


/*SMARTER*/

#smarter_page_bg{
	position:absolute;
	top:560px;
	left:0px;
	width:960px;
	height:940px;
	background-color:#FFF;
}

#smarter_heading{
	position:absolute;
	top:40px;
	left:90px;
	width:782px;
	height: 140px;
}

#smarter_content_topleft{
	position:absolute;
	top:110px;
	left:90px;
	width:340px;
}

#smarter_content_topright{
	position:absolute;
	top:110px;
	left:530px;
	width:340px;
}

#smarter_content_midleft{
	position:absolute;
	top:350px;
	left:90px;
	width:340px;
}

#smarter_content_midright{
	position:absolute;
	top:350px;
	left:530px;
	width:340px;
}

#smarter_content_bottomleft{
	position:absolute;
	top:690px;
	left:90px;
	width:340px;
}

#smarter_content_bottomright{
	position:absolute;
	top:690px;
	left:530px;
	width:340px;
}

#smarter_footer{
	position:absolute;
	top:1520px;
	left:0px;
	width:960px;
	height:90px;
}



/*PROJECTS*/

#projects_intro{
	position:absolute;
	top:450px;
	left:0px;
	width:780px;
	height:90px;
	background-color:#1c1c1c;
	padding-left:90px;
	padding-right:90px;
	padding-top:40px;
	padding-bottom:40px;
}

#projects_heading{
	position:absolute;
	top:40px;
	left:90px;
	width:781px;
	height: 113px;
}

#projects_page_bg{
	position:absolute;
	top:560px;
	left:0px;
	width:960px;
	height:660px;
	background-color:#FFF;
}

#projects_content_one{
	position:absolute;
	top:100px;
	left:90px;
	width:220px;
}

#projects_content_two{
	position:absolute;
	top:100px;
	left:370px;
	width:220px;
}

#projects_content_three{
	position:absolute;
	top:100px;
	left:650px;
	width:220px;
}

#projects_content_four{
	position:absolute;
	top:350px;
	left:90px;
	width:220px;
}

#projects_content_five{
	position:absolute;
	top:350px;
	left:370px;
	width:220px;
}

#projects_content_six{
	position:absolute;
	top:350px;
	left:650px;
	width:220px;
}

#projects_footer{
	position:absolute;
	top:1240px;
	left:0px;
	width:960px;
	height:90px;
}



/*PROJECTS - MORE INFO*/

#projects_more_page_bg{
	position:absolute;
	top:450px;
	left:0px;
	width:960px;
	height:750px;
	background-color:#FFF;
}

#projects_more_content_left{
	position:absolute;
	top:40px;
	left:90px;
	width:340px;
}

#projects_more_content_right{
	position:absolute;
	top:40px;
	left:530px;
	width:340px;
}

#projects_more_footer{
	position:absolute;
	top:1220px;
	left:0px;
	width:960px;
	height:90px;
}



/*CONTACT*/

#contact_page_bg{
	position:absolute;
	top:560px;
	left:0px;
	width:960px;
	height:385px;
	background-color:#FFF;
}

#contact_content_left{
	position:absolute;
	top:40px;
	left:90px;
	width:340px;
}

#contact_content_right{
	position:absolute;
	top:40px;
	left:530px;
	width:340px;
}

#contact_footer{
	position:absolute;
	top:965px;
	left:0px;
	width:960px;
	height:90px;
}






/*MASTER STYLES*/



a:link {
	color: #999;
}

a:visited {
	color: #999;
}

a:hover {
	color: #000;
}



hr{
	border:0 #999 solid;
	border-top-width:1px;
	clear:both;
	height:0;
	width:150px;
	margin-bottom:0px;
	text-align:left;
}



h1{
	font-size:22px;
	font-weight:normal;
	line-height:26px;
}



h2{
	font-size:16px;
	font-weight:normal;
}



.largetext{
	font-size:16px;
}



.whitetext{
	color:#FFF;
}



.footertext{
	color:#666;
}

.footertext a {
	color: #666;
}

.footertext a:hover {
	color: #333;
}



.creditstext{
	color:#666;
}

.creditstext a {
	color: #666;
}

.creditstext a:hover {
	color: #999;
}



ul{list-style:disc}li{margin-left:15px}



p,dl,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset{margin-bottom:22px}