/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:transparent url(../images/page_bg.jpg) center repeat-y; }

#page { width:760px; margin:0 auto; border-top:3px solid #3B3B90; }

#header { height:70px; position:relative; }
#logo	{ position:absolute; top:15px; left:15px; }
#tagline { border:0px solid #ccc; width:400px; position:absolute; top:10px; right:15px; text-align:right; color:#000; }
#tagline p { font-size:11px; margin:0; color:#888; }
#tagline address { font-size:14px; color: #ff9966; }
#tagline strong { color: #666; }

/*#header { margin:15px; margin-left:30px; position:relative; }
#header h1 { width:253px; height:40px; background:transparent url(../images/logo2.gif) center no-repeat; text-indent:-5000px; }
#header h1 a { display:block; width:100%; height:100%; }
/* #header p { position:absolute; top:0; right:40px; background:transparent url(../images/slogan.gif) no-repeat; width:360px; height:40px; } */
/*#header p { position:absolute; top:0; right:40px; width:360px; height:40px; } */
/*#header p { position:absolute; top:0; right:40px; width:360px; height:40px; font-size:11px; margin:0; color:#888; }
/*#header p span { text-indent:-5000px; display:none; } 
#header address { font-size:17px; color:#000; } 
#header p span.phone { font-size:18px; font-weight:bold; }
#header p span.tagline { font-size:13px; } */

#main_nav { display:block; width:750px; height:30px; margin:0 auto; clear:both; }
#main_nav li { float:left; list-style:none; width:150px; height:30px; }
#main_nav li a { display:block; text-indent:-5000px; width:150px; height:30px; }

.inactive #nav_doorrepair { background:transparent url(../images/nav_main2.gif) no-repeat 0 0; }
.inactive #nav_doorreplacement { background:transparent url(../images/nav_main2.gif) no-repeat -150px 0; }
.inactive #nav_doorgallery { background:transparent url(../images/nav_main2.gif) no-repeat -300px 0; }
.inactive #nav_garageflooring { background:transparent url(../images/nav_main2.gif) no-repeat -450px 0; }
.inactive #nav_customercare { background:transparent url(../images/nav_main2.gif) no-repeat -600px 0; }

.active #nav_doorrepair, .inactive #nav_doorrepair:hover { background:transparent url(../images/nav_main2.gif) no-repeat 0 -30px; }
.active #nav_doorreplacement, .inactive #nav_doorreplacement:hover { background:transparent url(../images/nav_main2.gif) no-repeat -150px -30px; }
.active #nav_doorgallery, .inactive #nav_doorgallery:hover { background:transparent url(../images/nav_main2.gif) no-repeat -300px -30px; }
.active #nav_garageflooring, .inactive #nav_garageflooring:hover { background:transparent url(../images/nav_main2.gif) no-repeat -450px -30px;}
.active #nav_customercare, .inactive #nav_customercare:hover { background:transparent url(../images/nav_main2.gif) no-repeat -600px -30px; }

#content { margin-top:10px; }

#sidebar { width:190px; float:left; background:transparent url(../images/line_ver.gif) right repeat-y; }
#schedule_service { width:166px; margin:0 auto; background:url(../images/form_bg2.gif) bottom repeat-y; padding-bottom:10px; }
#schedule_service h3 { width:166px; height:48px; background:url(../images/form_header2.gif) no-repeat; text-indent:-5000px; }
#schedule_service p { text-align:center; font-size:1.1em; margin-top:3px; }
#schedule_service p.cb { text-align:left; text-indent:15px; line-height:1.8em; }

#banners { width:167px; margin:0 auto; margin-top:15px; }
#banners li { list-style:none; width:167px; margin-bottom:5px; }

#main { width:560px; float:right; }
/* #main h2 { font-size:1.8em; font-weight:normal; color:#3B3B90; } */
#main h2 { font-size:1.8em; font-weight:normal; color:#074074; }
#main h3 { font-size:1.4em; font-weight:bold; color:#333; }
#main h3.action { margin-top:30px; margin-bottom:60px; text-align:center; }
#main h4 { font-size:1.2em; font-weight:bold; color:#666; margin-top:10px; }
#main p { font-size:1.2em; line-height:1.8em; margin:10px; }
#main ul { }
#main ul li { font-size:1.2em; text-indent:10px; line-height:1.8em; list-style:circle inside; }
#main address { margin-left:30px; font-size:1.4em; font-style:italic; color:#666; }

#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 }
#main .form .input { clear:both; }

#main .img_container { text-indent:-5000px; }
#homepage_img { width:550px; height:220px; margin-bottom:30px; background:transparent url(../images/img_homepage.jpg) no-repeat; }
#doorrepair_img { width:550px; height:120px; margin-bottom:30px; background:transparent url(../images/img_doorrepair.jpg) no-repeat; }
#doorreplacement_img { width:550px; height:120px; margin-bottom:30px; background:transparent url(../images/img_doorreplacement.jpg) no-repeat; }
#doorgallery_img { width:550px; height:120px; margin-bottom:30px; background:transparent url(../images/img_doorgallery.jpg) no-repeat; }
#garageflooring_img { width:550px; height:120px; margin-bottom:30px; background:transparent url(../images/img_garageflooring.jpg) no-repeat; }
#customercare_img { width:550px; height:120px; margin-bottom:30px; background:transparent url(../images/img_customercare.jpg) no-repeat; }
#scheduleservice_img { width:550px; height:120px; margin-bottom:30px; background:transparent url(../images/img_scheduleservice.jpg) no-repeat; }

#main #gallery ul { list-style:none; padding:0 10px; }
#main #gallery li { width:75px; height:75px; border:1px solid #ccc; margin:5px; float:left; padding:3px; list-style:none; text-indent:0; }
#main #gallery li a { padding:0; margin:0; }
#main #gallery li img { padding:0; margin:0; }

/*#main .minigallery { display:block; width:300px; margin-left:90px; margin-top:15px; margin-bottom:15px; border:1px solid #ccc; padding:3px; text-align:center; } */
#main .minigallery ul { list-style:none; padding:0 10px; }
#main .minigallery li { width:75px; height:75px; border:1px solid #ccc; margin:5px; float:left; padding:3px; list-style:none; text-indent:0; }
#main .minigallery li a { padding:0; margin:0; }
#main .minigallery li img { padding:0; margin:0; }
#main .minigallery img.label { width:120px; float:left; margin-top:15px; margin-left:20px; margin-right:20px; }
hr.divider { height:1px; color:#ccc; background:#ccc; border:none; margin:20px 0; width:90%; }

#footer { clear:both; margin-top:10px; background:transparent url(../images/line_hor.gif) top repeat-x; }
#footer p { text-align:center; clear:both; margin-bottom:20px; font-size: 11px;}

#affiliates { display:block; border:dotted #ccc; border-width:1px 0 1px 0; border:none; background:transparent url(../images/line_hor.gif) bottom repeat-x; width:auto; margin:0 auto; padding-top:10px; padding-bottom:10px; text-align:center; }
#affiliates li { display:inline; width:auto; margin:5px; margin-left:8px; margin-right:8px; vertical-align:middle; }
#affiliates img { border:0px solid #ccc; padding:2px; }

#footer_nav { clear:both; width:auto; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center; }
#footer_nav li { display:inline; margin:5px; }

/*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; }
.img { float:right; }
a { color:#006699; }
strong { font-weight:bold; }

/* other styles */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */