/* 
Created for  ProMission Projects in December 2008 and January 2009 
Written by Gabe Wallace
http://promission.net/

Index:
- Main Page Styles
- Wrapper Styles
- Footer Styles

*/



/* Main Page Styles
------------------------------------------------------------------------ */ 

#mainfeature {
	background:  url(../img/main_head_bg7.jpg) repeat-x left top;
	width: 100%;
	margin-top: 10px;
}

.mainfeatureclass {
	margin: 0 auto;
	clear: both;
	display: block;
	width: 1000px;
	min-height: 85px;
	text-align: left;
	position: relative;
}

.mainfeatureclass .image {
	background: url(../img/icon_portfolio.png) no-repeat;
	height: 85px;
	display: block;
}

.bodywrap {
	clear: both;
	width: 100%;
	min-width: 1000px;
	background: #ffffff;
}



/* Wrapper Styles
------------------------------------------------------------------------ */

#main {
	background: #000000;
	color: #ffffff;
	width: 100%;
	text-align: left;
	margin: 0px auto 0px auto;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 24px;
	}
	
#main h2 {
	}

#main p {
	}
							
#main a {
	text-decoration: none;
	color: #0ea006;
	}
				
#content{
	margin: 0 auto;
	width: 100%;
	padding-top: 30px;
	background: url(../img/content_bg.jpg) repeat-x;
	}

.content{	
	width: 1000px;
	background: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}

#imageslide {
	width: 1000px;
	min-height: 815px;
	margin: 15px 0px 30px 0px;
	padding-top: 1px;
	background: none;
	
	}
	
#slidetop .image {
	width: 505px;
	height: 607px;
	background: url(../img/slideone.png) no-repeat;
	display: block;
	float: right;
	margin: 25px 0px 15px 0px;
	}
	
#slidetop2 .image {
	width: 505px;
	height: 607px;
	background: url(../img/slidetwo.png) no-repeat;
	display: block;
	float: right;
	margin: 25px 0px 15px 0px;
	}
	
#slidetop3 .image {
	width: 505px;
	height: 607px;
	background: url(../img/slidethree.png) no-repeat;
	display: block;
	float: right;
	margin: 25px 0px 15px 0px;
	}
	
#slidetop4 .image {
	width: 505px;
	height: 607px;
	background: url(../img/slidefour.png) no-repeat;
	display: block;
	float: right;
	margin: 25px 0px 15px 0px;
	}
	
#slidetop5 .image {
	width: 505px;
	height: 607px;
	background: url(../img/slidefive.png) no-repeat;
	display: block;
	float: right;
	margin: 25px 0px 15px 0px;
	}
	
#imageinfo {
	margin: 20px 33px 0px 0px;
	width: 437px;
	float: left;
	}
	
#imageslide .image_logo {
	width: 333px;
	height: 98px;
	background: url(../img/treelogo.png) no-repeat;
	display: block;
	margin:  0px 0px 30px 0px;
}
	
#imageinfo2 {
	margin: 30px 33px 0px 0px;
	width: 437px;
	float: left;
	}
	
#imageinfo3 {
	margin: 30px 33px 0px 0px;
	width: 437px;
	float: left;
	}
	
#imageinfo4 {
	margin: 30px 33px 0px 0px;
	width: 437px;
	float: left;
	}
	
#imageinfo5{
	margin: 30px 33px 0px 0px;
	width: 437px;
	float: left;
	}

#imageslide h1 {
	padding: 0px;
	color: #ffffff;
	font-family: Helvetica, Arial Narrow, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	margin-bottom: 25px;
}

#imageslide h2 {
	padding: 0px;
	color: #ffffff;
	font-family: Helvetica, Arial Narrow, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	margin-bottom: 15px;
}

#imageslide p {
	color: #ffffff;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 24px;
	}
	
.tabs {
	width: 1000px;
	float: left;
}

#main .idTabs a {
	color: #ffffff;
	}
	
.idTabs .tab-images {
	padding-top: 0px;
	}
	

.tab-images {
	display: block;
	width: 184px;
	height: 194px;
	text-indent: -9999px;
	text-align: center;
	font-size: 14px;
	font-weight: lighter;
	list-style: none;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	}
	
	html>body .tab-images { /*Fix for padding and width in Firefox*/
		width: 184px;
		height: 194px;
		}
	
	#firsttab {
		background: url(../img/slidethumb1.png) no-repeat;
		width: 184px;
		height: 194px;
		display: block;
		float: left;
		margin: 0px 20px 0px 0px;
		}
		
		#firsttab:hover {
			background: url(../img/slidethumb1.1.png) no-repeat;
			text-indent: 0px;
			}
	
	#secondtab {
		background: url(../img/slidethumb2.png) no-repeat;
		width: 184px;
		height: 194px;
		display: block;
		float: left;
		margin: 0px 20px 0px 0px;
		}
		
		#secondtab:hover {
			background: url(../img/slidethumb2.1.png) no-repeat;
			text-indent: 0px;
			}
	
	#thirdtab {
		background: url(../img/slidethumb3.png) no-repeat;
		width: 184px;
		height: 194px;
		display: block;
		float: left;
		margin: 0px 20px 0px 0px;
		}
		
		#thirdtab:hover {
			background: url(../img/slidethumb3.1.png) no-repeat;
			text-indent: 0px;
			}

#fourthtab {
		background: url(../img/slidethumb4.png) no-repeat;
		width: 184px;
		height: 194px;
		display: block;
		float: left;
		margin: 0px 20px 0px 0px;
		}
		
		#fourthtab:hover {
			background: url(../img/slidethumb4.1.png) no-repeat;
			text-indent: 0px;
			}
			
#fifthtab {
		background: url(../img/slidethumb5.png) no-repeat;
		width: 184px;
		height: 194px;
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
		}
		
		#fifthtab:hover {
			background: url(../img/slidethumb5.1.png) no-repeat;
			text-indent: 0px;
			}



/* Footer Styles
------------------------------------------------------------------------ */

#footer {
	height: 150px;
	background: url(../img/footer_bg.jpg) repeat-x left;
	clear: both;
	margin: 0 auto;
	padding: 0px 0;
}

.footerclass {
	clear: both;
	margin: 0 auto;
	width: 1000px;
	padding: 0px;
	text-align: left;
	color: #ffffff;
}

#worksheet {
	width: 520px;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #b5b5b5;
	display: block;
	float: left;
}

#worksheet p {
	color: #adadad;
	font-size: 14px;
	margin-bottom: 10px;
}

#worksheet h5 {
	color: #f8f8f8;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin: 0px 0px 5px 0px;
}

#worksheet h6 {
	color: #f8f8f8;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin: 20px 0px 5px 0px;
}

#worksheet a {
	color: #ffffff;
	text-decoration: none;
}

#worksheet h5 a {
	color: #ffffff;
	text-decoration: none;
	font-size: 20px;
}

#bottom-nav {
	width: 400px;
	float: right;
	display: block;
}

#bottom-nav ul {
	width: 450px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
			
#bottom-nav ul li {
	list-style: none;
	float: left;
	margin: 30px 0px 0px 30px;
	}
	
#bottom-nav li.home-end {
	margin-left: 70px;
	}
			
#bottom-nav li a  {
	display: block;
	margin: 0px;
}

#bottom-nav a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	color: #adadad;
	display: block;
	float: left;
}
				
#bottom-nav li a:hover {
	color: #800000;
	text-decoration: none;
}
					
#contact {
	float: right;
	margin: 10px 0px 10px 0px;
}

#contact ul {
	width: 380px;
	margin-top: -15px;
	float: right;
}

#contact li.home-end {
	margin-left: 0px;
	margin-right: 30px;
}

#contact h5 {
	color: #f8f8f8;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin-top: 10px;
}

#contact-p {
	float: left;
}

#contact p {
	color: #adadad;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}