.clearer {clear: both;}

body {padding: 0;margin: 0;font-size: 12px;background: #000000 url("../images/woodgaragebg.jpg") repeat-x fixed;}


img.corner {width: 10px;height: 10px;border: none;display: block !important;}

#container {background-image:url("../images/splice.png"); width:980px; margin:0px auto; }

#wrap {width: 966px;margin: 0px auto 0px auto;background: #ffffff top left no-repeat; font-size: 12px;font-family: Arial,Verdana ;}
.wrap_corner_right {background: #fff;}


#topcontent {padding: 0px 0px 0px 0px;}

#header {background: #fff;}
#top_header {background: #fff url("../images/northerncaliforniagarage.jpg") no-repeat; height:134px;}

#header #logo {padding: 0px 0 0 50px; width: 200px; float: left;}
#header #logo a {text-decoration:none; color: #FFFFFF; }
#header #logo a img {border:none; }
#header #logo {height: 125px; }
#header #logo h4 {font-size: 15px; padding: 0px 0 0 0; margin: 0;}
#header #logo h4 span {font-size: 12px;}
#header #logo p {margin: 0;padding: 0;color: #CCDDEE;font-size: 12px;}

#header #center_header {float: left;width: 230px;color: #000;font-size: 12px;}
#header #center_header a {color: #ffffff;text-decoration: underline;}
#header #center_header #zip {padding: 10px 0 0 114px;}
.bottom_center {padding: 55px 0 0 15px; font-size:13px; font-weight:bold;}

#header #right_header {float: right; text-align: right; width: 355px;color: #FFFFFF; padding: 0px 26px 0px 0px; font-size: 30px;}
#header #right_header a { text-decoration: none; color: #FFFFFF; }
#header #right_header a:hover { text-decoration: underline; }
.bottom_right {padding: 56px 0px 0px 0px; font-size:13px; font-weight:bold;}
/*This line for IE7 and below*/  
*:first-child+html .bottom_right {padding: 36px 0px 0px 0px;} * html .bottom_right  {padding: 36px 0px 0px 0px;} 

#header #menu_container { padding: 0px 0px 0px 0px; }


 /* Menu */   
#nav {padding:0; margin:0; list-style:none; background:#000; height:38px; position:relative; font-family:Arial, Helvetica, sans-serif; width:100%;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:38px; width:161px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin:-9999px;}

#nav li a.home {background:url(../images/menu/home_g.gif);}
#nav li a.aboutus {background:url(../images/menu/aboutus_g.gif);}
#nav li a.services {background:url(../images/menu/services_g.gif);}
#nav li a.products {background:url(../images/menu/products_g.gif);}
#nav li a.showroom {background:url(../images/menu/showroom_g.gif);}
#nav li a.contactus {background:url(../images/menu/contactus_g.gif);}

#nav li:hover a,
#nav a:hover {background-position: 0 38px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:10;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0; top:38px; background: #fff; width:161px; height:auto;}
#nav :hover ul.sub li {display:block; height:40px; position:relative; float:left; width:161px; font-weight:normal;}
#nav :hover ul.sub li a {display:block; height:38px; width:161px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.history {background:url(../images/menu/history_2.gif);}
#nav :hover ul li a.blog {background:url(../images/menu/blog_2.gif);}
#nav :hover ul li a.video {background:url(../images/menu/videos_2.gif);}

#nav :hover ul li a.repairs {background:url(../images/menu/repair_2.gif);}
#nav :hover ul li a.installations {background:url(../images/menu/installation_2.gif);}
#nav :hover ul li a.warranties {background:url(../images/menu/warranty_2.gif);}

#nav :hover ul li a.automaticopeners {background:url(../images/menu/automaticopeners_2.gif);}
#nav :hover ul li a.standardgaragedoors {background:url(../images/menu/residentialgaragedoors_2.gif);}
#nav :hover ul li a.customgaragedoors {background:url(../images/menu/commercialgaragedoors_2.gif);}
#nav :hover ul li a.accessories {background:url(../images/menu/accessories_2.gif);}

#nav :hover ul li a.careers {background:url(../images/menu/careers_2.gif);}
#nav :hover ul li a.locations {background:url(../images/menu/locations_2.gif);}

#nav :hover ul.sub li a:hover {background-position: 0 38px; position:relative;}
#nav :hover ul.sub li a:hover b {left:161px; top:15px; background:#fff; color:#000; display:block; width:140px; height:20px; text-align:center; font-size:12px; line-height:18px;}


 /* body */   
#body {background: url(../images/body_bg.jpg) top left repeat-x; padding: 25px 50px 0 50px;}
#body .body_left {float: left;width: 405px;}
#body .body_right {float: right;width: 405px;}
#body.maintenance {background: url(../images/maintenance.jpg) bottom right no-repeat;}
#body h1 {font-size: 16px;color: #264E75;margin: 0 0 15px 0;padding: 0;font-family: Arial, Helvetica, sans-serif;}
#body p {padding: 0;margin: 0;font-size: 12px;margin: 0 0 15px 0;padding: 0;}

#body p a,
ul.asterix a {text-decoration: none;}
#body p a:hover {}

#body ul.asterix {padding: 0 20px;margin: 0 0 15px 0;list-style: none;font-size: 12px;}
#body ul.asterix li {padding: 0 0 5px 15px;background: url(../images/ul_asterix_li.jpg) 1px 3px no-repeat;}
#body ul.asterix li.green {background: url(../images/ul_asterix_li_green.jpg) 1px 3px no-repeat;color: #00CC00;}

#body #body_left {width: 500px;float: left;}
#body #body_left p.ideas {}
#body #body_left p.ideas span {font-weight: bold;color: #950065;}

.yellow {background: #FFFFFF;}
.yellow_container {width: 320px; padding: 0;margin: 0 -5px 15px 0; float: right;}

#body #body_right {width: 350px;padding-left: 0px;float: right;}

#body #body_right #project_signup {float: left;width: 140px;padding: 10px;}
#body #body_right #project_signup2 {float: right;width: 140px;padding: 10px;}

#body #body_right #signup {font-size: 12px;}
#body #body_right #signup .title {font-family: Arial, Helvetica, sans-serif;}
#body #body_right #signup a.signup {color: #FFFFFF;background: #000;display: block;line-height: 30px;margin-top: 20px;text-align: center;text-decoration: none;font-weight: bold;}
#body #body_right #signup .title {color: #000000;font-weight: bold;margin-bottom: 10px;}

#bottomcontent {background: url(../images/sacramentogaragedoor.jpg) bottom left no-repeat;}
#bottomcontent .bottomcontent_right {background: url(../images/sanfranciscogaragedoor.jpg) bottom right no-repeat; padding: 3px;}

 /* footer */   
#footer {background: #fff;border-top: 1px solid #264E75;color: #000;font-size: 12px; padding: 0 0 0px 0;}
#footer .footer_corner_right {background: #fff;}
#footer .left,
#footer .right {padding-bottom: 0px;padding-top: 0px;}
#footer .left {width: 400px;float: left;padding-left: 10px;}
#footer .left a {color: #FFFFFF;text-decoration: none;}
#footer .left a:hover {text-decoration: underline;}
#footer .right {background: url(../images/footer_divider.jpg) top left no-repeat; width:310px;float: right;padding-left: 10px;padding-right: 10px;}
#footer .right a {color: #ffffff;text-decoration: underline;}

.tos_titles {color: #950065;font-weight: bold;}

 /* .form - */   
.form_item {}
.form_item span.label {color: #950065;display: block;}
.form_item span.desc {color: #999999;display: block;}
.form_item span.error {color: #FF0000;}
.form_item input.wide {width: 250px;}

/* notice - messages to user */
	#notice {padding: 15px 15px 0 15px;display: none;margin: 0 0 15px 0;}
	#notice p {padding: 0 0 15px 0;margin: 0;}
	.notice {background: #CAEA99; border: 1px solid #70A522; margin-bottom: 15px;font-size: 11px;color: #333333;}
	.error {background: #FEDCDA; border: 1px solid  #CE090E; margin-bottom: 15px; font-size: 11px; color: #333333;}
	#notice a {color: #333333;text-decoration: underline;}
    
 /* zip submit */   
    #Text1 {width: 50px;}
    
    
 /* Floating sidemenu on left */
 #sidebartd { background: #3b3b3b top left repeat-x; }
 #sidebartd h2 {background:#4f4e4e; font-size: 13px;color: #fff;margin: 10px 0px 10px 0px;padding: 05px 10px 05px 10px;font-family: Arial, Helvetica, sans-serif; height:50px;}
 #sidebartd h2 span {font-size: 12px;color: #d9d9d9;margin: 0px 0px 15px 0px;padding: 05;font-family: Arial, Helvetica, sans-serif;}
 #sidebartd h2 a, a.hover {color:#000;}
 #sidebartd p {background:#a2a2a2; font-size: 12px;color: #000;margin: 0 0 5px 0;padding: 10px;font-family: Arial, Helvetica, sans-serif;}
/*This line for IE7 and below*/  
*:first-child+html #sidebartd { left:0; }
*:first-child+html #sidebartd h2 {background:#4f4e4e; font-size: 13px;color: #fff;margin: 10px 0px 10px 0px;padding: 05px 10px 05px 10px;font-family: Arial, Helvetica, sans-serif; height:50px; width:185px;}
*:first-child+html #sidebartd h2 span {font-size: 12px;color: #d9d9d9;margin: 0px 0px 15px 0px;padding: 05;font-family: Arial, Helvetica, sans-serif; width:185px;}
*:first-child+html #sidebartd h2 a, a.hover {color:#000;}
*:first-child+html #sidebartd p {background:#a2a2a2; font-size: 12px;color: #000;margin: 0 0 5px 0;padding: 10px;font-family: Arial, Helvetica, sans-serif; width:185px;} 
 
 /* Carousel */
 #carousel_container { height:120px; }
 
/* bottom links */    
.bottom_space {font-size: 12px;margin-bottom: 30px;}

#bottom_page_end {background: #292929;color: #FFFFFF;padding: 10px;font-family: Arial, Helvetica, sans-serif;margin: 30px auto 0 auto;width: 840px;}
#bottom_page_end h1 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;margin: 0;padding: 0 0 20px 0;}
#bottom_page_end #links a {font-size: 11px; color: #ffffff;text-decoration: none;}
#bottom_page_end #links a:hover {font-size: 11px; text-decoration: none;}


/* Fixing IE bugs */

#header,
#footer .footer_corner_right {
	height: 1%;
}


/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat;}
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really needed. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 290px; margin: 1em auto; margin-left:50px;}