@import url('/css/reset.css');
/*******************************
Author: Tyson Busch
Date: March 27 2009
Website: www.tysonbusch.com
Email: tyson.busch@gmail.com
********************************/

ul, ol, dl, li {position: relative; padding: 0; margin: 0;} 



img{  border-style: none;}

body { 
	background:url(../images/background.jpg) top repeat-x;
	margin: 0;
	padding: 0;
}

h1{
	text-align: left;
	font-size: 20px;
}


h2{
	text-align: center;
	font-size: 20px;

}

h3 { text-align: center;
	 font-size:30px;
	 padding:0;
	 padding-top: 70px;
	 margin:0;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

a{
	text-decoration: none;
}


#container { 
	line-height:1.1;
	background:#FFF;
	position: relative;
	width: 961px;
	margin:  auto;
}

#header {
	overflow: hidden;
	height: 100%; /*ie6*/
}

#header img {
	float: left;
}

#featured {
	width: 961px;
	height: 259px;
	padding: 0;
	margin: 0;
	
}



/******************* Navigation */

#nav {margin: auto;	background:url(../images/navBG.jpg); height: 43px; }
#nav ul {margin:0; padding:0; list-style:none; }  
#nav li { float: left; background: url(../images/nav_01.gif) no-repeat left top; display:inline; 
/*margin:0; padding:0;*/

}

#nav a{ float: left; width: 100px; height: 24px; margin: 0; padding: 0; margin-top: 8px;}

#nav a.home {background:url(../images/bHome.png) no-repeat left top; margin-left: 70px; margin-right:70px;}
#nav a.services {background: url(../images/bServices.png) no-repeat left top; margin-right: 70px;}  
#nav a.products {background: url(../images/bProducts.png) no-repeat left top; margin-right:70px;}
#nav a.projects {background: url(../images/bProjects.png) no-repeat left top; margin-right:70px;} 
#nav a.contact {background: url(../images/bContact.png) no-repeat left top; margin-right:70px;} 
#nav a.downloads {width: 137px; background: url(../images/bDemo.png) no-repeat left top;} 

#nav a:hover {background-position: right;}

/************ End Navigation */

#mainBody {
	position: relative;
	width: 961px; 
	height: 582px;
	background:#e6e6e6; 
	background:url(../images/bodyBG.jpg);}
	
#mainBody2{
	background:#e6e6e6;
	width: 961px;

}

#mainBody2.projects {height: 480px;}
#mainBody2.services {height: 430px;}
#mainBody2.products {height: 250px;}

#mainBody2.products h1 {padding: 0; padding-top: 80px; margin: auto; font-size: 56px; text-align: center;}

#bodyHeader{
	padding-top: 20px;
	text-align:center;
	position: relative;
	margin:auto;
}

#bodyLeft {
	padding-left: 20px;
	padding-top: 20px;
	float: left;
}
#bodyRight {
	float:right;
	width: 490px;
	margin-right: 12px;
	/*padding-bottom: 8px;*/
}
#bodyText { padding-top: 0px; padding-bottom: 20px;}

#bodyText p {
	padding:0;
	margin:10px;
	text-align:center;
	font:Verdana;
	font-weight:300;
	font-size:24px;
	color:#000;
	padding-bottom: 22px;
}

#bottomNav {
	width:100%;				/* width of whole page */

}

#bottomNav ul { padding-left:30px;}

#featureL {	
	font-size:18px; 
	font:Verdana;
	width: 640px;
	display:inline;
 }
#featureLR ul {list-style:disc;} 
#featureRR ul {list-style:disc;}
#featureR ul {list-style:disc;}	
#featureR {
	padding-top: 10px;
	float: right;
	font-size:18px; 
	font:Verdana;
	width: 320px;
	display:inline;
 }
 
 #featureLL {	padding-top: 10px; float: left; width: 320px;}
 #featureLR {	padding-top: 10px; float: right; width: 320px;}


/****** Contact ******/
#contactInfo {
	background: url(../images/miniLogo.png) no-repeat top center; 
	margin: auto;
	float: left;
	width: 310px;
	font: bold 15px Verdana; ;
	padding-top: 100px;


	}
#contactInfo h2 { padding-top: 20px;}
#contactInfo span { color:#069; padding-left: 25px; font-weight:bold;}
#contactInfo img { margin: auto;  margin-top: 5px;}
#contactForm {padding-right: 20px; padding-top: 10px;}

/*****Projects ****/
#projectsHeader {
	background:url(../images/projectsHeader.jpg) left no-repeat;
	height: 85px;
	float:left;
	width:237px;
	margin-left:30px;
	padding:0;
}

#projectsText{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	float:right;
	text-align:center;
	font-size: 17px;
	width: 600px;
	margin-right: 30px;
	padding-top: 20px;
	
}

#projectsText p {padding:0; margin:0;}


#projectsNav { clear:both; float: left; width: 290px; padding-left: 30px;}
#projectsNav ul {margin:0; padding:0; list-style: none;}
#projectsNav li {background: url(../images/portfolio_header_01.jpg) no-repeat left; display: inline; margin:0; padding:0; }
#projectsNav a{ float: left; width: 300px; height: 48px; margin: 0; padding: 0; padding-bottom: 10px;}

#projectsNav a:hover{background-position: right;}
#projectsNav a.show{background: url(../images/buttonShow.jpg) no-repeat left;}
#projectsNav a.best{background: url(../images/buttonBest.jpg) no-repeat left;}
#projectsNav a.home{background: url(../images/buttonHome.jpg) no-repeat left;}
#projectsNav a.spec{background: url(../images/buttonSpec.jpg) no-repeat left;}
#projectsNav a.other{background: url(../images/buttonOther.jpg) no-repeat left;}
#projectsNav a.flat{background: url(../images/buttonFlat.jpg) no-repeat left;}
#projectsNav a.temple{background: url(../images/buttonTemple.jpg) no-repeat left;}
#projectsNav a.brian{background: url(../images/buttonBrian.jpg) no-repeat left;}
#projectsNav a.renderings{background: url(../images/button3d.jpg) no-repeat left;}

#projectsNav.hShow a.show{background-position: right;}
#projectsNav.hBest a.best{background-position: right;}
#projectsNav.hHome a.home{background-position: right;}
#projectsNav.hSpec a.spec{background-position: right;}
#projectsNav.hOther a.other{background-position: right;}
#projectsNav.hFlat a.flat{background-position: right;}
#projectsNav.hTemple a.temple{background-position: right;}
#projectsNav.hBrian a.brian{background-position: right;}
#projectsNav.hRenderings a.3d{background-position: right;}

#projectsNav a:hover{background-position: right;}


	/* jQuery lightBox plugin - Gallery style */
	#projectsMain {
		margin-right: 10px;
		float: right;
		margin-top: 40px;
		padding: 0px;
		width: 590px;
	}
	#projectsMain ul { list-style: none; }
	#projectsMain ul li { display: inline; }
	#projectsMain ul img {
		border: 4px solid #036;
		border-width: 4px 4px 4px;
	}
	#projectsMain ul a:hover img {
		border: 4px solid #ECBF24;
		border-width: 4px 4px 4px;
		color: #ECBF24;
	}
	#projectsMain ul a:hover { color:#ECBF24; }

/*****jquery tabs*****/
/******* MENU *******/
#servicesContainer {
	margin: auto;
	padding-top: 30px; 
	width: 850px;
	
}
#servicesContainer ul {
	list-style: none;
	list-style-position: outside;
}
#servicesContainer ul.menu li {
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#servicesContainer ul.menu li {
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #d0ccc9;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #898989;
	cursor: pointer;
}
#servicesContainer ul.menu li.active {
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #5f95ef;
}
/******* /MENU *******/
/******* CONTENT *******/
.content {
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	/*padding-bottom: 20px;*/
	font-size: 11px;
}
.content h1 {
	line-height: 1em;
	vertical-align: middle;
	height: 48px;
	padding: 10px 10px 10px 52px;
	font-size: 32px;
}
/******* /CONTENT *******/
/******* NEWS *******/
.content.homeTheater h1 {
	background: transparent url(images/news.jpg) no-repeat scroll left top;
}
.content.homeTheater {
	background:url(../images/servicesHT.jpg) no-repeat top left;
	height: 340px;
	
}
/******* /NEWS *******/
/******* automation *******/
.content.automation h1 {
	background: transparent url(images/tuts.jpg) no-repeat scroll left top;
}
.content.automation {
	background:url(../images/servicesAUT.jpg) no-repeat top left;
	height: 340px;
		display: none;

	
}
/******* /automation *******/
/******* security *******/
.content.security h1 {
	background: transparent url(images/security.jpg) no-repeat scroll left top;
}
.content.security {
	display: none;
	background:url(../images/servicesSEC.jpg) no-repeat top left;
	height: 340px;
}
.content.security a {
	color: #5f95ef;
}
/******* /security *******/

/******* rendering *******/
.content.rendering h1 {
	background: transparent url(images/tuts.jpg) no-repeat scroll left top;
}
.content.rendering {
	background:url(../images/services3D.jpg) no-repeat top left;
	height: 340px;
	display: none;

	
}
/******* /rendering *******/

/******* distributed *******/
.content.distributed h1 {
	background: transparent url(images/tuts.jpg) no-repeat scroll left top;
}
.content.distributed {
	background:url(../images/servicesDIS.jpg) no-repeat top left;
	height: 340px;
	display: none;

	
}
/******* /distributed *******/

/******* homeTheater *******/
.content.homeTheater h1 {
	background: transparent url(images/tuts.jpg) no-repeat scroll left top;
}
.content.homeTheater {
	background:url(../images/servicesHT.jpg) no-repeat top left;
	height: 340px;
	display:block;
	
}
/******* /homeTheater *******/

/**** Downloads *****/
#youtube {
	width: 873px; height: 575px; margin: auto; padding-top: 10px;
}
#youtube2 {
	width: 660px; height: 575px; margin: auto; padding-top: 10px;
}
/*****Footer*****/
#footer {width: 100%; height: 44px; background:url(../images/footer.jpg) no-repeat top center; margin-bottom: 30px; }