@charset "utf-8";



/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,p,blockquote,th,td{

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

fieldset,img{

	border: 0;

}

address,caption,cite,code,dfn,th,var{

	font-style: normal;

	font-weight: normal;

}

ul {

	list-style: circle;

	line-height: 1.7em;

}

ol.one, ul.one{

	list-style-image: url(assets/images/bullet1.gif);

}

ol.two, ul.two {

	list-style-image: url(assets/images/bullet2.gif);

}

caption,th {

	text-align: left;

}

h1,h2,h3,h4,h5,h6 {

	font-size: 100%;

	font-weight: normal;

	font-family: Verdana, Helvetica, Arial, sans-serif;

}

q:before,q:after {

	content: '';

}

abbr,acronym {

	border: 0;

}

a{

	margin:0; padding:0; border:none; outline:none;

}

/* /reset */





/* body elements */

body{

	background: #191919 url(assets/images/bgg.png) repeat-x top;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: 11px;

	font-weight: normal;

	font-variant: normal;

	font-style: normal;

	color: #191919;

}

a:link, a:visited {

	color:#000000;

	text-decoration: underline;

	margin:0;

}

a:hover, a:active {

	color:#000000;

	text-decoration: none;

	margin:0;

	cursor: pointer;

}

h2 a, h2 a:link, h2 a:visited,

h3 a, h3 a:link, h3 a:visited,

h4 a, h4 a:link, h4 a:visited {

	color:#000000;

	text-decoration: none;

}

h2 a:hover, h2 a:active,

h3 a:hover, h3 a:active,

h4 a:hover, h4 a:active {

	color:#000000;

	text-decoration: underline;

}

h2,h3,h4 {

  padding-top: .4em;

  line-height: 1.3em;

}

h1 {

  font-size: 24px;

  font-weight: bold;

  color:#000000;

}

h2 {

  font-size: 1.2em;

  font-weight: normal;

  text-transform: uppercase;

  color: #005dab;

}

h3 {

  font-size: 1.1em;

  font-weight: bold;

  color: #005dab;

}

h4 {

  font-size: .9em;

}

p, ul, ol {

  padding: 10px 0;

}

ul, ol{

  margin-left: 15px;

}

li ul, li ol {

  margin-left: 15px;

}

li ol li {

  list-style-type: lower-alpha;

}

li {

  padding: .2em 0;

}

img {

  border-width: 0;

}

/* /body elements */







/* ow */

#ow{

  background: url(assets/images/bg.jpg) no-repeat top center;

}

/* /ow */





/* w */

#w{

  margin: 0 auto;

  padding: 0;

  background-color: #FFFFFF;

  width: 919px;

  height: auto !important;

  min-height: 800px;

  height: 800px;

  z-index: 10;

  position: relative;

}

/* /w */





/* h */

#h{

	background: url(assets/images/header.jpg) no-repeat;

  margin: 0;

  padding:0;

	margin-left:9px;

  width: 910px;

	height: 372px;

  position: relative;

}

.index #h{

	background: url(assets/images/header.jpg) no-repeat;

}

#contactinfo{

	position: absolute;

	top: -5px;

	right: 16px;

	font-size: 10px;

	color: #dedede;

	text-align: right;

}

#contactinfo p{

	font-weight:bold; font-size:11px;

}

/* /h */





/* n */

#n{

  width: 345px;

  font-size: 16px;

  text-transform: uppercase;

  text-align: left;

  color: #000000;

  padding: 0;

  margin: 0;

  font-weight: bold;

	position: absolute;

	top: 81px;

	left: 0;

}

#n .nav a{

  text-decoration: none;

  color: #000000;

  font-weight: bold;

  display: block;

  background-color: #ffffff;

}

#n .nav a:hover, #n .nav a:active, #n .nav a.current{

  background-color: #ffffff;

}

ul#writeNav{

  padding: 0;

  margin: 0;

  list-style-type: none;

}

#n li{

  line-height: 35px;

  margin: 0;

  padding: 0;

	display: inline;

	float: left;

}

#n .home{

  width: 62px;

}

#n .services{

  width: 80px;

}

#n .community{

  width: 110px;

}

#n .contact{

  width: 93px;

}

#n .home h1, #n .services h1, #n .community h1, #n .contact h1{

  height: 35px;

  text-indent: -9999px;

}

#n .home h1:hover, #n .services h1:hover, #n .community h1:hover, #n .contact h1:hover{

  background-position: 0 -35px;

}

#n .home h1{

  background: url(assets/images/nav_home.png) 0 0 no-repeat;

}

#n .services h1{

  background: url(assets/images/nav_services.png) 0 0 no-repeat;

}

#n .community h1{

  background: url(assets/images/nav_community.png) 0 0 no-repeat;

}

#n .contact h1{

  background: url(assets/images/nav_contact.png) 0 0 no-repeat;

}

/* /n */





/* b */

#b{

	margin: 0;

	padding: 9px;

	width: 900px;

  height: auto !important;

  min-height: 430px;

  height: 430px;

  position: relative;

}

#b p{

  letter-spacing: normal;

  font-family: Verdana, Helvetica, Arial, sans-serif;

}

#b a:link, #b a:visited {

	color:#005dab;

	text-decoration: underline;

	margin:0;

}

#b a:hover, #b a:active {

	color:#005dab;

	text-decoration: none;

	margin:0;

	cursor: pointer;

}

#paths{

	background: url(assets/images/home_headers.png) no-repeat;

	width:900px;

	height:37px;

}

#paths img{

	padding-bottom:8px;

	height: 37px;

	border-bottom: 1px solid #666666;

}

#main-body{

	overflow: auto;

	width: 100%;

	margin: 0;

	padding: 0;

	border-top: 1px solid #666666;

}

.index #main-body{

	background: url(assets/images/roller.jpg) no-repeat;

	width: 588px;

	height: 374px;

	margin-top: 10px;

	padding: 6px;

	padding-bottom: 0;

	float: left;

	border: 0;

}

.invert{

	background-color: #191919;

	color: #ffffff;

}



h2#home1{

	background: url(assets/images/h01.png) no-repeat;

	text-indent: -9999px;

	height: 16px;

}

h2#home2{

	background: url(assets/images/h02.png) no-repeat;

	text-indent: -9999px;

	height: 20px;

}

h2#home3{

	background: url(assets/images/h04.png) no-repeat;

	text-indent: -9999px;

	height: 29px;

	margin-top: 20px;

}

h2#home4{

	background: url(assets/images/h06.png) no-repeat;

	text-indent: -9999px;

	height: 55px;

	margin-right:8px;

	padding-bottom: 8px;

	border-bottom:1px solid #ffffff;

}

h2#home5{

	background: url(assets/images/h05.png) no-repeat;

	text-indent: -9999px;

	height: 16px;

}

h2#services1{

	background: url(assets/images/services.jpg) no-repeat;

	text-indent: -9999px;

	height: 120px;

}

h2#services2{

	background: url(assets/images/ask_about_services.png) no-repeat;

	text-indent: -9999px;

	height: 15px;

}

h2#services3{

	background: url(assets/images/wow_repairs&upgrades.png) no-repeat;

	text-indent: -9999px;

	margin-left: -15px;

	height: 44px;

}

h2#services4{

	background: url(assets/images/what_is_design_build.png) no-repeat;

	text-indent: -9999px;

	height: 49px;

}

h2#services5{

	background: url(assets/images/troubleshooting_permits.png) no-repeat;

	text-indent: -9999px;

	height: 15px;

}

h2#services6{

	background: url(assets/images/whats_next_permitting.png) no-repeat;

	text-indent: -9999px;

	height: 15px;

}

h2#community1{

	background: url(assets/images/community.jpg) no-repeat;

	text-indent: -9999px;

	height: 120px;

}

h2#contact1{

	background: url(assets/images/contact.jpg) no-repeat;

	text-indent: -9999px;

	height: 120px;

}

h2#contact2{

	background: url(assets/images/send_email.png) no-repeat;

	text-indent: -9999px;

	height: 15px;

}

h2#contact3{

	background: url(assets/images/sanford&company.png) no-repeat;

	text-indent: -9999px;

	height: 19px;

}

/* /b */





/* f */

#f{

	width: 919px;

  border-top: 1px solid #ffffff;

  margin:0 auto;

	margin-top: 9px;

  padding: 8px 0;

  height: 60px;

}

#f, #f a{

  font-size: 10px;

  color: #ffffff;

}

#f a:link, #f a:visited {

  color:#005dab;

  text-decoration: none;

  margin:0;

}

#f a:hover, #f a:active {

  color:#ffffff;

  text-decoration: underline;

  margin:0;

}

/* /f */



/*  Login Section  */

.log{

	width:488px; height:56px; float:right;

}



form.login{

	width:488px; padding:6px 0 0 0; margin:0;  overflow:hidden;

}

.logimg{

	padding:1px 8px 0 0; float:left; width:15px;

}

form.login lable.inp{

	width:111px; height:20px; display:block; float:left;

	padding:0 0 10px 0; margin:0;

}

form.login input.tbox{

	width:114px; height:16px; border:1px solid #8a8686;

	background:#616161; color:#c0c0c0;

	font-size:11px; padding:2px 0 0 5px; margin:0 5px 0 0;

}

.go{

	line-height:14px; border:1px solid #8a8686;

	background:#616161; color:#c0c0c0;

	font-size:11px; font-weight:bold; padding:0 8px 2px 8px;

	outline:none; cursor:pointer; margin:0 12px 0 0;

	

}

form.login p{color:#c0c0c0; font-size:11px; margin:0; padding:3px 0 0 23px;line-height:18px; float:left;}

form.login p span{

	color:#f7e273; font-weight:bold;

}



form.login a{

	color:#fff; text-decoration:underline; margin:0; padding:0;

}

form.login a:hover{

	text-decoration:underline;

}



p.logouttxt{

	color:#f7e273; font-weight:bold;

}

p.logouttxt span{

	font-weight:normal; padding:0 0px 0 8px; color:#fff;

}

a.logout{

	color:#fff; padding:0 0 0 4px; text-decoration:none;

}

a.logout:hover{

	text-decoration:underline;

}

.reg{

	width:570px; margin:0 auto;

	overflow:hidden;

}



.reg h2{

	font-weight:normal; font-size:18px;

	text-transform:uppercase; padding:15px 0 15px 0;

}

form.regarea{

	width:550px; overflow:hidden;

}

.regcontainer{

	padding:15px; overflow:hidden;border:1px solid #CCC;

	margin:15px 0; 

}

.regcontainer h3{

	font-size:14px; font-weight:normal; color:#111;

	padding:0 0 20px 0;

}

form.regarea label.txt{

	width:150px; float:left; padding-bottom:10px;

	display:block; font-weight:bold;

}

form.regarea label.txtarea{

	float:left; width:350px; height:32px;display:block;

	 padding-bottom:10px;

}

form.regarea input.txtbox{

	width:348px; height:19px; border:1px solid #CCC;

	padding:0 0 0 6px;

}

form.regarea label.commbox{

	float:left; width:350px; height:150px;display:block;

	 padding-bottom:10px;

}

form.regarea textarea.commarea{

	width:348px; height:148px; border:1px solid #CCC;

	padding:0 0 0 6px;

}

.spacer{

	font-size:0; line-height:0; clear:both;

}

.rating{

	width:505px;  border:1px solid #CCC;

	overflow:hidden; padding:15px 0;

	margin:0 0 15px 0;

}

.radiolabel{

	width:35px; height:25px; float:left; display:block;

	text-align:center; padding:0 7px;

}

.subreset{

	float:left; width:auto; margin:0 6px 0 150px;

}

#errormsg1, #errormsg2{

	margin:0 0 0 150px; font-size:11px; line-height:13px;

	color:#900;

}