/* main style sheet */
html{ min-height: 700px; height:auto !important;  width:100%;  background:#69787f url(../images/header-bg.png) repeat-x ; }
body{ min-height: 700px; height:auto !important;  width:100%;   width:100%;  background: url(../images/body-bg.png) repeat-x bottom; padding: 0 0 250px 0; position:relative;}
	#page{width:750px; margin:0 auto; font-family:arial; font-size:14px; color:#000; height:100%;}		
		#header{height:122px;  }
		
		#about{}
		#about h1{display:block; background:url(../images/logo.png) no-repeat; width:267px; height:65px; overflow:hidden; text-indent:-10000px; margin:0px auto;}
		#about .hiddenHeaderBox{display:none; background:#455054; padding:0px;  margin:0px auto; width:100%; height:100px; position:absolute; top:-100px; left:0px; }
		#about .aboutJeremy{margin:0 auto; padding:10px; color:#fff; width:500px; background:#212629 url(../images/hidden-bg.png) no-repeat bottom; height:90px;}
		#about .aboutJeremy p{text-align:center; line-height:45px;}
		#nav{position:absolute; top:84px; height:38px; font-weight:bold;  }
		#nav ul{margin-left:38px;}
		#nav ul li{float:left; width:135px;}
		#nav ul li a{display:block; width:127px; height:38px; color:#000; text-align:center; line-height:250%;}
		/*
		#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active{background:url(../images/nav-btn.png); text-decoration:none;}
		#nav ul li a:hover{background:url(../images/nav-btn-hover.png); text-decoration:underlined;}
		#nav ul li a.current:link, #nav ul li a.current:visited, #nav ul li a.current:active, #nav ul li a.current:hover{background:url(../images/nav-btn-current.png); text-decoration:none;}
		*/
		#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active{background:url(../images/nav-btns.png) 0px -38px; text-decoration:none;}
		#nav ul li a:hover{background-position:0px -76px; text-decoration:underlined;}
		#nav ul li a.current:link, #nav ul li a.current:visited, #nav ul li a.current:active, #nav ul li a.current:hover{background:url(../images/nav-btns.png) 0px 0px; text-decoration:none;}
			 
		#footer{position:absolute; bottom:50px; width:750px;}
		#footer h3{color:#69787f; font-size:12px; margin:0 0 5px 0;}		
		#footer .footerList{}
		#footer .footerList li{width:100%;}
		#footer .footerList li a{font-size:11px; display:block; padding:5px 0; text-decoration:none; width:75%; }
		#footer .footerList li a:link, #footer .footerList li a:visited, #footer .footerList li a:active{color:#272d30; border-bottom:1px solid #272d30;}
		#footer .footerList li a:hover{color:#000; border-bottom:1px solid #000;}
		#footer .footerList li a.current:link, #footer .footerlistli a.current:active, #footer .footerList li a.current:visited, #footer .footerList li a.current:hover{color:#69787f; border-bottom:1px solid #69787f;}
		#footer .copyright{text-align:right; font-size:10px; color:#69787f;}
		
		#content{margin:0;}
		#content .section{margin: 25px 0;}	
		#content .section h1{margin:10px 0; font-size:20px; line-height:28px; font-weight:bold; color:#bfced5;}
		#content .section h2{margin:5px 0 25px 0; font-size:18px; line-height:24px; font-weight:bold; color:#fff;  width:90%; clear:both; padding:3px; }
		#content .section h3{margin:0 0 10px 0; font-size:12px; line-height:20px; font-weight:bold; color:#000; }
		#content .section p{font-size:12px; line-height:18px; margin-bottom:10px;}
		#content .section img{}
		#content .section a{color:#000;}
		#content .section a:link, #content .section a:visited, #content .section a:active {text-decoration:none;}
		#content .section a:hover {text-decoration:}
		
		#home{}
		#home h2{background:url(../images/home/home-h-bg.png) no-repeat; width:240px!important; height:56px; text-align:center; line-height:40px!important; margin-bottom:2px!important;}
		#home h2:hover{cursor:pointer;}
		#home p{background:url(../images/home/home-p-bg.png) no-repeat; padding:20px; height:100px; text-align:justified; margin-bottom:0px; }
		#home a{color:color:#bfced5!important;}
		#home .intro{background:url(../images/intro-bg.png) no-repeat; height:130px; margin-bottom:10px;}
		#home .intro h1{background:none; color:#fff!important;  width:100%!important; padding-top:20px; text-align:center!important;}
		#home .intro p{background:none; color:#bfced5; margin:0px; padding:0 20px;}
		
		
		#services h2{background:url(../images/services/services-h-bg.png) no-repeat; width:500px!important; height:56px; text-align:center; line-height:40px!important; margin-bottom:2px!important;}		
		
		#services p{background:url(../images/services/services-p-bg.png) no-repeat; padding:20px; text-align:justified; }
		#services p a{display:block; padding:3px 6px;; margin:12px 0; text-align:center; clear:both;}
		#services p a:link, #services p a:visited, #services p a:active{ color:#bfced5;}
		#services p a:hover{background-color:#556167; color:#bfced5;}
		#services .sidebar h3{background:url(../images/services/services-sidebar-h-bg.png) no-repeat; height:30px; line-height:26px; margin-left:-9px; padding-left:9px;}
		
		
		#portfolio h2{background:url(../images/portfolio/portfolio-h-bg.png) no-repeat; height:56px; width:100%!important; line-height:44px!important; margin-bottom:0px!important; text-align:center!important;}
		#portfolio ul{width:100%; float:left; clear:both; margin-bottom:20px;}
		#portfolio a{float:left;}
		#portfolio a:link, #portfolio a:visited, #portfolio a:active{border:3px solid #566368; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
		#portfolio a:hover{border:3px solid #bfced5; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
		
		#photos h2{background:url(../images/portfolio/portfolio-h-bg.png) no-repeat; height:56px; width:100%!important; line-height:44px!important; margin-bottom:0px!important; text-align:center!important;}
		#photos ul{width:100%; float:left; clear:both; margin-bottom:20px;}
		#photos a{float:left;}
		#photos a:link, #photos a:visited, #photos a:active{border:3px solid #566368; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
		#photos a:hover{border:3px solid #bfced5; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
		
		
		
		#contactForm{width:500px; margin: 0 125px; background:url(../images/form-bg.png) no-repeat; padding:15px 80px;}
		#contactFormLoading{display:none; height:200px; width:500px; margin: 0 125px; background:url(../images/loading-bg.png) no-repeat; padding:15px 0px; text-align:center;}
		#contactFormLoading h2, #contactFormError h2, #contactFormSuccess h2{margin:0px!important; padding:0px!important; width:100%!important;}
		#contactFormLoading img, #contactFormError img, #contactFormSuccess img{padding:10px;}
		#contactFormError{display:none; width:500px; margin: 0 125px; background:url(../images/form-bg.png) no-repeat; padding:15px 0px; text-align:center;}
		#contactFormSuccess{display:none; width:500px; margin: 0 125px; background:url(../images/form-bg.png) no-repeat; padding:15px 0px; text-align:center;}
		
		
		
		
		
		#rotator .promo {background:url(../images/home-promo-bg.png) no-repeat; padding:10px; width:650px; height:220px; overflow:hidden; float:left; }
		#rotator .promo ul{}
		#rotator .promo li{margin-bottom:20px;}
		#rotator .promo ul img{border:0px;}
		#rotator .promoBtns{width:60px; float:left; margin:0 0 0 10px;}
		#rotator .promoBtns ul{}
		#rotator .promoBtns li{margin:0 0 10px 0;}
		#rotator .promoBtns a{display:block; width:40px; height:40px; text-decoration:none; text-align:center; font-size:12px; font-weight:bold; line-height:40px;}
		#rotator .promoBtns a:link,#home .promoBtns a:visited, #rotator .promoBtns a:active{background:url(../images/home-promo-btn.png); color:#000;}
		#rotator .promoBtns a:hover{background:url(../images/home-promo-btn-hover.png); }
		#rotator .promoBtns a.current:link, #rotator .promoBtns a.current:visited, #rotator .promoBtns a.current:active, #rotator .promoBtns a.current:hover {background:url(../images/home-promo-btn-current.png);}
		
		
		ul.twoColumn{}
		ul.twoColumn li{width:50%; display:block; float:left; margin:0; padding:0; border:none; overflow:hidden;}

		ul.threeColumn{}
		ul.threeColumn li{width:33%; display:block; float:left; margin:0; padding:0; border:none; overflow:hidden;}	

		ul.fourColumn{}
		ul.fourColumn li{width:25%; display:block; float:left; margin:0; padding:0; border:none; overflow:hidden;}			
		
		.oneThird{width:33%;display:block; float:left; margin:0; padding:0; border:none; overflow:hidden;}
		.twoThirds{width:66%;display:block; float:left; margin:0; padding:0; border:none; overflow:hidden;}
		
		
		.sidebar{background:url(../images/sidebar-bg.png) no-repeat; min-height:340px; color:#141718 !important;}
		.sidebar h1, .sidebar h2, .sidebar h3{color:#bfced5!important}
		.sidebar p, .sidebar a {color:#141718!important;}
		.sidebar li{font-size:12px; padding:0 0 6px 6px; }
		.rightSidebar{margin:0 0 40px 40px;}
		
			
		.hidden{display:none}
		.clear{clear:both;}
		
		
		.rowElem{margin:0 auto;}
		.rowElem label{display:block; width:100%; float:left; clear:both; font-weight:bold; color:#fff; margin-bottom:8px;}
		.rowElem label.error{display:inline; color:yellow; font-size:12px; margin:-10px 0 30px 0; font-weight:bold;}
		.rowElem input{}
		.rowElem input[type=text]{width:300px; border:2px solid #bfced5; background:#fff url(../images/input-bg.png) repeat-x; height:32px; margin-bottom:16px; padding:0 5px; font-size:13px; font-weight:bold; color:#2e3638;}
		.rowElem input[type=submit]{width:300px; height:40px; color:#fff; background:url(../images/submit-bg.png) no-repeat; border:0px; font-size:16px; font-weight:bold;}
		.rowElem input[type=submit]:hover{background-position: 0 -40px!important;}
		.rowElem textarea{width:300px; height:150px; background:#fff url(../images/input-bg.png) repeat-x; border:2px solid #bfced5; margin-bottom:16px; padding:5px; font-size:13px; font-weight:bold; color:#2e3638;}
		
		img.alignRight{float:right;}
		img.alignLeft{float:left;}
		
		
		#ufo{width:80px; position:absolute; top:0; left:0;}
		#ufo .ship{background:url(../images/ufo.png) no-repeat; height:30px;}
		#ufo .shadow{background:url(../images/ufo-shadow.png) no-repeat; height:30px;}