/*******************************
Author: Tyson Busch
Date: June 15 2007
Website: www.tysonbusch.com
Email: tyson.busch@gmail.com
********************************/

@import url(reset.css);

body{
	background-color:#000;
	background: #000 url(../images/background.jpg) no-repeat top ; 
	font: bold 12px Verdana; color:#fff; 
	margin: 0;
	padding: 0;
	text-align: center;
}

h1{
font: bold 18px Verdana; color:#c3fb81;
margin: 0;
padding: 0;
text-align: left;
}

h2{
font: bold 16px Verdana; color:#FFFF66;
font-weight: bold;
margin: 0;
padding: 0;
text-align: left;
padding: 10px;
}

.clear {clear:both; height:0px;}

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

#header {margin-left: 20px; width: 850px; height: 428px; background: url(../images/header.jpg) no-repeat;}

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

#nav {margin: auto; margin-top: 10px; margin-bottom: 10px; width: 568px;}
#nav ul {margin:0; padding:0; list-style:none;}  
#nav li {background: url(../images/nav_01.gif) no-repeat left top; display:inline; margin:0; padding:0;}
#nav a{ float: left; width: 142px; height: 36px; margin: 0; padding: 0;}

#nav a.home {background: url(../images/nav_01.gif) no-repeat left top;}  
#nav a.portfolio {background: url(../images/nav_02.gif) no-repeat left top;}
#nav a.contact {background: url(../images/nav_03.gif) no-repeat left top;} 
#nav a.solutions {background: url(../images/nav_04.gif) no-repeat left top;} 

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

/************ End Navigation */
#contentHeader {margin: auto; background: url(../images/content_header.jpg) no-repeat left top; width: 692px; height: 43px;}
#portfolioHeader {margin: auto; background: url(../images/portfolio_header.jpg) no-repeat left top; width: 692px; height: 43px;}


#contentWrapper { width: 755px; height: 410px;}


.project {
	float: left;
	padding-left: 82px;
	margin-bottom:20px;
	width:430px;
	display: inline;
	position: relative;
	}
		
.project ul {
	list-style:none;
	padding-top:10px;
	float:left;
	width:170px;
	}

.project li {
	padding-left:15px;
	background:url(../images/check.gif) left top no-repeat;
	padding-bottom:8px;
	}

.project img {
	margin:8px;
	margin-left:0;
	float:left;
	}
	
.project span {color:#d8c077; font-weight:bold;}

.project span a {
	padding:0;
	margin:0;
	padding-left:15px;
	padding-top:15px;
	font-weight:normal;
	}
	
#sidebar {
display: inline;
float: right;
width: 210px;
height: 410px;
margin-right: 20px;
padding-left: 5px;
border-left:1px dashed #263C3F;
}
#sidebar span {color:#d8c077; font-weight:bold; font-size: 12px;}


.contactInfo {
margin-top: 10px;
width: 210px;
height: 80px;
border-bottom: 1px dashed #263C3F;
}

.resume {margin-top: 10px; width: 108px; height: 38px; background: url(../images/resume_header.jpg)  left top no-repeat; padding-bottom: 8px;}

.resumeInfo {margin-top: 10px; padding-left: 5px}
.resumeInfo ul { list-style:none; }
.resumeInfo li {color: #d8c077; height: 46px; background:url(../images/word.jpg) no-repeat; padding-left: 56px; padding-bottom: 10px;}
.resumeInfo a {font-weight: bold; color: #d8c077; text-decoration: none;}
.resumeInfo a:hover {color: #FFCC33;}

li#pdf{ background-image: url("../images/pdf.jpg"); }

h3{
color: #FFFFFF;
font-size: 12px;
}

#footerContainer{border-top:1px solid #6aa70c; padding-top: 5px; margin-top: 12px; height: 42px;}
#footer {clear:both;font: bold 12px tahoma; color:#fff; width: 600px; margin: auto;}
#footer a:hover{color:#FFCC33;}
#footer a, a:link, a:visited{text-decoration: none; padding: 2px; color:#fff;}
#footer ul{list-style-type: none; margin: auto; float: left;}
#footer li{
	text-align: left;
	line-height: 12px;
	padding: 2px 6em 3px 16px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: none;
	}

li#checkXHTML{ background-image: url("../images/check.gif" ); }
li#checkCSS{ background-image: url("../images/check.gif" ); }
li#copyright{ background-image: url("../images/copyright.png"); }

/**********Portfolio**********/

#portfolioWrapper{ width: 695px; height: 335px; margin-left: 80px; }

#portfolioNav { float: left; width: 240px;}
#portfolioNav ul {margin:0; padding:0; list-style: none;}
#portfolioNav li {background: url(../images/portfolio_header_01.jpg) no-repeat left; display: inline; margin:0; padding:0; }
#portfolioNav a{ float: left; width: 240px; height: 37px; margin: 0; padding: 0; padding-bottom: 10px;}

#portfolioNav a.web{background: url(../images/portfolio_header_01.jpg) no-repeat left;}
#portfolioNav a.ps{background: url(../images/portfolio_header_02.jpg) no-repeat left;}
#portfolioNav a.tex{background: url(../images/portfolio_header_03.jpg) no-repeat left;}
#portfolioNav a.mod{background: url(../images/portfolio_header_04.jpg) no-repeat left;}
#portfolioNav a.env{background: url(../images/portfolio_header_05.jpg) no-repeat left;}
#portfolioNav a.print{background: url(../images/portfolio_header_06.jpg) no-repeat left;}
#portfolioNav a:hover{background-position: right;}

#portfolioMain {float: right; width: 440px;  line-height: normal;}
#portfolioMain ul {margin: 0; padding-top: 8px; list-style: none;}
#portfolioMain li {background: url(../images/web01.jpg) no-repeat left top; display: inline; margin: 0; padding: 0;}
#portfolioMain a {
  float:left;
  width: 100px;
  height: 100px;
  margin:0;
  margin-left: 8px;
  margin-bottom: 14px;
  padding:0;
  text-align: left;
  color:#000000;
  text-decoration:none;
  } 
#portfolioMain a:hover{background-position: right;}

/********Contact*******/
#contactHeader {margin: auto; background: url(../images/contact_header.jpg) no-repeat left top; width: 692px; height: 43px;}
#contactWrapper { margin: auto; width: 650px; height: 250px; text-align: left;}
#contactMain {width: 200px; height: 120px; text-align: left;}
#contactSide {width: 200px; height: 200px;  }

/*****Solutions*****/
#solutionsHeader {margin: auto; background: url(../images/solutions_header.jpg) no-repeat left top; width: 692px; height: 43px;}
#solutionsWrapper { margin: auto; width: 650px; height: 400px; text-align: left;}
#solutionsWrapper ul {margin: 0; padding: 0; padding-left: 10px; list-style-type: circle;}
c