/**MISC - These overriding styles help fight the Browser Wars**/
.Spacer {margin:0; padding:0; font-size:0px;}
p {margin:0; padding:0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333;}
td, tr {vertical-align:top; margin:0; padding:0;}
tbody {border:none;}
a {outline:none;}
img {margin:0; padding:0;}
ul, li {list-style:none; list-style-type:none; margin:0; padding:0;}

/**MIS**/
.PageTitleText {display:none;}

/**General Structural**/
body {position:relative; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#wrapper {position:relative; width:960px; margin:0 auto;}
#header {position:relative; width:960px; height:90px;}
	#logo {width:228px; height:109px; position:absolute; top:-70px; left:0; z-index:10;} 
	#logoText {width:234px; height:17px; position:absolute; top:55px; left:243px;} 
	a.LogoClick {display:block; width:228px; height:109px; position:absolute; top:-19px; left:0;} 
	#topNav {
	position:absolute;
	top:68px;
	left:603px;
	width:500px;
}
		#topNav li {float:left; padding:0 15px 0 15px;} 
	#phonenumber {position:absolute; top:42px; left:848px;}
#mainNav {position:relative; width:960px; height:19px;}
	#mainNav a {display:block;}
	#mainNav ul {position:absolute; right:0; width:815px; z-index:100;}
	#mainNav li {float:left;}
#body {
	position:relative;
	width:960px;
	height: 515px;
}
	#body .ContentWrapper {position:relative; top:0; left:0; width:465px; height:515px;}
	#body .Content {
	font-size:12px;
	color:#333333;
}
	#body .MainImage {position:absolute; top:0; right:0; width:480px;}
		#body .MainImage .Loader {background:url(../images/ajax-loader.gif) no-repeat; width:220px; height:19px; position:absolute; top:15px; right:15px;}
	#body .Thumbnails {position:absolute; bottom:15px; right:0; z-index:10; text-align:right;}
	#body .Thumbnails ul {margin:0; padding:0;}
	#body .Thumbnails li {float:right; margin:0; padding:0 0 0 15px; text-align:right; width:62px; height:62px; background:none;}
	#body .Thumbnails img {cursor:pointer;}
	#body .ThumbnailInstructions {font-size:12px; color:#333333;}
#footer {position:relative; width:960px;}
	#bottomNav {position:absolute; top:0px; left:0px; width:400px;}
	#bottomNav li {float:left; padding:0 15px 0 0px;}
	#legal {position:absolute; top:5px; right:0; font-size:11px; color:#666666; text-align:right;}
	#legal a {font-size:11px; color:#CCCCCC; text-decoration:none;}
	
/**Homepage Specific**/
#hero {
	position:relative;
	width:960px;
	height:395px;
	background-image: url(../images/homepage_hero.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#featuresWrapper {position:relative; width:960px; height:120px;}
	#featuresWrapper .Container {float:left; background:url(../images/homepage_divider.png) no-repeat 0px 15px; padding:13px 15px 20px 15px; width:290px; height:95px;}
	#featuresWrapper h1 {font-size:18px; color:#417839; margin:0 0 5px 0; padding:0;}
	#featuresWrapper p {color:#3b3b3b; font-size:11px;}
	
/**Contact Page Specific**/
.ContactPage h2, .ContactPage h3 {
	padding:0 0 5px 0;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #366530;
	font-size: 20px;
}
.ContactPage h3 {
	font-weight:normal;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #333333;
}
.MainImage .ContactForm {padding:10px; height:492px;}
.MainImage .ContactForm label {font-size:11px;}
.MainImage .ContactForm textarea {width:100%;}
.MainImage .ContactForm input {width:100%;}
a.GoogleMapsText {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.ContactForm h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #333333;
}

/**PORTFOLIO PAGE SPECIFIC**/
#mainPortfolioImage {position:relative; width:960px; height:394px;}
#mainPortfolioImage .Image {position:absolute; width:960px; height:394px; top:0; left:0; z-index:1;}
	#mainPortfolioImage .Arrows {position:absolute; top:0; left:0; width:960px; height:394px; z-index:100;}
	a.LeftBtn_mainimage {background:url(../images/transparent.png); display:block; width:480px; height:394px; left:50px; position:absolute; top:0px; left:0px; z-index:100; cursor:pointer;}
	a.LeftBtn_mainimage:hover {background:url(../images/portfolio/leftbtn_mainimage.png) no-repeat 0px 175px; z-index:100;}
	a.RightBtn_mainimage {background:url(../images/transparent.png); display:block; width:480px; height:394px; left:480px; position:absolute; top:0px; left:480px; z-index:100; cursor:pointer;}
	a.RightBtn_mainimage:hover {background:url(../images/portfolio/rightbtn_mainImage.png) no-repeat 430px 175px; z-index:100;}

#viewWrapper {position:relative; background:url(../images/portfolio/selectview_bg.jpg) no-repeat; width:960px; height:51px; overflow:hidden;}
	#viewWrapper .Title {float:left;}
	#viewWrapper .Thumbs {float:right; margin:5px 108px 0 0; height:40px;}
	#viewWrapper .Thumbs ul, #viewWrapper .Thumbs li {list-style:none; list-style-type:none; margin:0; padding:0;}
	#viewWrapper .Thumbs li {display:block; float:right; margin:0 0 0 15px;}
	#viewWrapper .Thumbs li img {border:1px solid #fff; cursor:pointer;}
	#viewWrapper .Thumbs li img:hover {border:1px solid #000;}
	
#projectWrapper {position:relative; background:url(../images/portfolio/selectproject_bg.jpg) no-repeat; width:850px; height:62px; padding:6px 0 0 110px; clear:both;}
	#projectWrapper ul, #projectWrapper li {list-style:none; list-style-type:none; margin:0; padding:0;}.Content    a, .Content a:visited   {
	color: #366530;
	text-decoration: none;
}