
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:#E0E0E0; }

#page { width:760px; margin:0 auto; background-color:#fff; border:1px solid #ccc; border-top:none; }

#header { margin:10px; margin-top:0; position:relative; height:80px; }
#header h1 { position:absolute; top:10px; left:0; width:211px; height:62px; background:transparent url(../images/logo1.png) center no-repeat; text-indent:-5000px; }
#header h1 a { display:block; width:100%; height:100%; }
#header p.serving { display:none; }
#header p.phone { position:absolute; top:60px; right:0; width:202px; height:19px; background:transparent url(../images/phone.gif) no-repeat; text-indent:-5000px; }


#nav_main { width:520px; height:50px; position:absolute; top:0; right:0; }
#nav_main li { float:left; list-style:none; width:104px; height:50px; }
#nav_main li a { display:block; text-indent:-5000px; width:104px; height:50px; }

.inactive #nav_exteriorpainting { background:transparent url(../images/nav_main.png) no-repeat 0 0; }
.inactive #nav_interiorpainting { background:transparent url(../images/nav_main.png) no-repeat -104px 0; }
.inactive #nav_carpentryservices { background:transparent url(../images/nav_main.png) no-repeat -208px 0; }
.inactive #nav_woodflooring { background:transparent url(../images/nav_main.png) no-repeat -312px 0; }
.inactive #nav_customercare { background:transparent url(../images/nav_main.png) no-repeat -416px 0; }

.active #nav_exteriorpainting, .inactive #nav_exteriorpainting:hover { background:transparent url(../images/nav_main.png) no-repeat 0 -50px; }
.active #nav_interiorpainting, .inactive #nav_interiorpainting:hover { background:transparent url(../images/nav_main.png) no-repeat -104px -50px; }
.active #nav_carpentryservices, .inactive #nav_carpentryservices:hover { background:transparent url(../images/nav_main.png) no-repeat -208px -50px; }
.active #nav_woodflooring, .inactive #nav_woodflooring:hover { background:transparent url(../images/nav_main.png) no-repeat -312px -50px; }
.active #nav_customercare, .inactive #nav_customercare:hover { background:transparent url(../images/nav_main.png) no-repeat -416px -50px; }


#content { margin:10px; position:relative; }
#content p a { color:#00f; }
#content p { font-size:1.4em; }

#main { width:550px; }
#main h2 { font-size:2.2em; color:#000; margin-left:20px; }
#main h3 { font-size:1.8em; color:#000; margin-left:20px; }
#main h4 { font-size:1.4em; font-weight:bold; margin-left:20px; margin-top:10px; }
#main .box { width:100%; background-color:#E0E0E0; padding-top:10px; padding-bottom:10px; }
#main p { margin-left:20px; font-size:1.2em; width:90%; line-height:1.6em; margin-top:15px; }
#main p a { color:#00f; }
#main .box p { font-size:1.4em; }
#main hr { width:100%; height:3px; color:#333; background-color:#333; margin-top:10px; margin-bottom:10px; }
#main blockquote { font-size:1.4em; font-style:italic; width:90%; margin-left:20px; margin-top:10px; margin-bottom:10px; }
#main ul { margin-left:20px; margin-top:5px; }
#main ul li { font-size:1.2em; text-indent:10px; line-height:1.8em; list-style:circle inside; }

#main .form { width:70%; margin:0 auto; }
#main .form fieldset { border:1px solid #ccc; margin:5px; margin-bottom:10px; padding-bottom:10px; }
#main .form legend { color:#3B3B90; margin-bottom:10px; }
#main .form label { display:block; float:left; width:120px; height:20px; line-height:20px; font-size:1.1em; margin-left:20px; text-align:left; margin-top:2px; margin-bottom:2px; border:0px solid #333; color:#333; }
#main .form .radio_label { height:20px; line-height:20px; margin:2px; color:#333; font-size:1.1em; }
#main .form .select_label { color:#333; font-size:1.1em; margin-left:15px; }
#main .form input { margin-top:2px; margin-bottom:2px; margin-left:20px !important; margin-left:10px; }
#main .form textarea { width:90%; }
#main .form select { padding-left:2px; padding-right:2px; }
#main .form .align { margin-left:160px !important; margin-left:175px; color:#3B3B90 }

#img_home { width:550px; height:160px; background:transparent url(../images/img_home.png) no-repeat; margin-bottom:10px; }
#img_exterior { width:550px; height:160px; background:transparent url(../images/img_exterior.png) no-repeat; margin-bottom:10px; }
#img_interior { width:550px; height:160px; background:transparent url(../images/img_interior.png) no-repeat; margin-bottom:10px; }
#img_carpentry { width:550px; height:160px; background:transparent url(../images/img_carpentry.png) no-repeat; margin-bottom:10px; }
#img_flooring { width:550px; height:160px; background:transparent url(../images/img_flooring.png) no-repeat; margin-bottom:10px; }
#img_customercare { width:550px; height:160px; background:transparent url(../images/img_customercare.png) no-repeat; margin-bottom:10px; }

#sidebar { width:180px; float:right; }
#projectrequest { width:180px; margin:0 auto; background:url(../images/form_bg.png) bottom repeat-y; padding-bottom:10px; margin-bottom:20px; }
#projectrequest h3 { width:180px; height:43px; background:url(../images/form_header.gif) no-repeat; text-indent:-5000px; }
#projectrequest p { text-align:center; font-size:1.1em; margin-top:3px; }
#projectrequest p.cb { text-align:left; text-indent:15px; line-height:1.8em; }
#projectrequest p.btn { margin-top:10px; }

#content hr { width:100%; height:3px; border:none; color:#333; background-color:#333; margin-top:20px !important; margin-top:10px; margin-bottom:20px !important; margin-bottom:10px; }

#affiliates { clear:both; text-align:center; }
#affiliates li { display:inline; }

#footer { clear:both; background-color:#ccc; padding-bottom:5px; }
#footer p { text-align:center; padding-top:10px; }

/*general classes */
.bold { font-weight:bold; }
.notes { color:#666; }
.required { color:#3B3B90; }
.attention { border:2px solid #f00; }
.a_center { text-align:center; }
.a_left { text-align:left; }
.a_right { text-align:right; }
.status_msg { color:#F00; }
.hidden { display:none; }

a { color:#006699; }
strong { font-weight:bold; }
