*{
    margin: 0;
    padding: 0;
    border: 0;
}
#content {
    width:761px;
    background: #fff;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    position:relative;
    left:3px;
   /* background: url(images/container.gif) repeat-y left top;*/
    padding: 0 23px 10px 23px;
    overflow:hidden;
    _height:1%;
}
html>body #content {
    height:auto;
}
input, select, textarea {border:1px solid #e3e3e3;}
input, textarea{padding:1px;}

body {
    font-family: Tahoma, Helvetica, sans-serif;
    color: #444;
    font-size: 12px;
    background: url(images/bg.gif) 50% 0px #fff fixed no-repeat;
   /* background: #476575;*/
}
p {
    margin: 5px 0 10px 0;
    line-height: 18px;
    font-size: 12px;
}

/*
a {
    background: url(images/link.gif) repeat-x left bottom;
    text-decoration: none;
    padding-bottom: 1px;
    color: #444;
}
*/



h1 {
    color: #E61000;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 2px;
   /* background: url(images/heading_arrow.gif) no-repeat 0 8px;
    padding-left: 10px;*/
}
h2 {
    color: #444;
    font-size: 12px;
    font-weight: bold;
}
h3 {
	color: #054eb9;
	font-size: 18px;
	font-weight: normal;
	/*background: url(images/heading_arrow.gif) no-repeat 0 7px;*/
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #689ad8;
}
#home-content .left h3 {
    margin-top:15px;
}
h4 {
    font-size: 14px;
    font-weight: bold;
    color: #E61000;
    margin: 10px 0 0 0;
}
h5 {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    margin: 10px 0 0 0;
}
h6 {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    margin: 10px 0 0 0;
}
h1 a:link, h1 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {color: #E61000;}
h1 a:hover, h3 a:hover, h4 a:hover {color: #444;}


div.hr {
  margin-top: 15px;
  height: 4px;
  border-top: 1px solid #EFEFEF;
  clear:left;
}
div.hr hr {
  display: none;
}

#left ul {
    margin: 12px 0 12px 15px;
}
#home-content .left ul li {
  /*  background: url(images/std_bullet.gif) no-repeat 0 4px;*/
    padding-left: 10px;
    list-style: none;
    margin: 5px 0;
}
.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
}
.hidden {display:none; visibility:hidden;}

#header {
	width: 819px;
	height:115px;
	margin: auto;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;

	z-index: 10;
}



#container {
    width: 870px;
    margin: 0 auto;
    position: relative;
    left: 0;
    top: 0;
}
#main {
    width: 807px;
    position: relative;
    left: 59px;
    top: 0;
}
#search {
    width: 140px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 666px;
    margin: 0;
    padding: 0;
    background: url(images/site_search.gif) repeat-x left top;
}
#search input{border:0;padding:0;}
#search .button {
    width: 15px;
    height: 15px;
    margin: 0;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor:pointer;
}

#nav {
	overflow:hidden;
	height: 29px;
	width: 819px;
	list-style: none;
	padding-left: 3px;
	padding-top: 11px; /*was 41*/
	
}
#nav li {
    float: left;
    height: 29px;
    width: 133px;
    margin-right: 2px;
}
#nav li a {
    background: url(images/links3.png) no-repeat 0 0;
    display: block;
    overflow:hidden;
    text-indent:-10000px;
    height:29px;
}
#nav li #nav-home {
    background-position:0 0;
}
#nav li #nav-home:hover {
    background-position:0 -106px;
}
#nav li.selected #nav-home, #nav li.selected #nav-home:hover  {
    background-position:0 -52px;
}
#nav li #nav-commercial {
    background-position:-136px 0;
}
#nav li #nav-commercial:hover {
    background-position:-136px -106px;
}
#nav li.selected #nav-commercial, #nav li.selected #nav-commerical:hover {
    background-position:-136px -52px;
}
#nav li #nav-residential {
    background-position:-272px 0;
}
#nav li #nav-residential:hover {
    background-position:-272px -106px;
}
#nav li.selected #nav-residential, #nav li.selected #nav-residential:hover {
    background-position:-272px -52px;
}
#nav li #nav-openers {
    background-position:-408px 0;
}
#nav li #nav-openers:hover {
    background-position:-408px -106px;
}
#nav li.selected #nav-openers, #nav li.selected #nav-openers:hover {
    background-position:-408px -52px;
}
#nav li #nav-about {
    background-position:-544px 0;
}
#nav li #nav-about:hover {
    background-position:-544px -106px;
}
#nav li.selected #nav-about,#nav li.selected #nav-about:hover {
    background-position:-544px -52px;
}
#nav li #nav-contact {
    background-position:-680px 0;
}
#nav li #nav-contact:hover {
    background-position:-680px -106px;
}
#nav li.selected #nav-contact, #nav li.selected #nav-contact:hover  {
    background-position:-680px -52px;
}
#sub {
    width: 787px;
    height: 30px;
    background: #054eb9;/*was #E61000;*/
    position: relative;
    left: 3px;
    top: 0;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    padding: 0 10px 0 11px;
}
#sub li {
    float: left;
    list-style: none;
    padding: 3px 3px 5px 0;
    margin: 8px 0 0 0;
    border-right: 1px solid #689AD8;/*was #e4897f*/
}
#sub li a{
    color: #FFF;
    padding: 3px 9px 5px 14px;
}
#sub li a:hover {
    text-decoration:underline;
}
#sub li.current {
    background: #FFF url(images/sub_tab_right.gif) no-repeat right top;
    padding: 3px 3px 5px 0;
    border: none !important;
    position: relative;
    left: -1px;
    top: 0;
}
#sub li.current a {
    background: url(images/sub_tab_left.gif) no-repeat left top;
    color: #444;
    padding: 3px 10px 5px 15px;
}
.last-li {
    border: none !important;
}
#feature {
    width:807px;
    background: #fff;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
     position:relative;
    left:3px;
    height: 280px;
 
}

#featureProduct {
    width:807px;
    background: #fff;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
     position:relative;
    left:3px;
    height: 170px;
 
}

#featureOne {
    width:807px;
    background: #054eb9;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
     position:relative;
    left:3px;
   

  
}
#headerbottom{
	padding-top: 3px;
	margin-left:3px;
	width: 807px;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(images/hdrbottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 33px;
}


#breadcrumbs {

    margin-left:3px;
    width: 736px;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    background: #FFF url(images/grayarrow.gif) no-repeat 22px 12px;
    color: #444;
    font-size: 10px;
    padding:3px 28px 0 43px;
    position:relative;
}
#breadcrumbs p {
    font-size: 10px;
    position:absolute;
    right:22px;
    top:4px;
    background:url(images/gryarrow.gif) no-repeat 0px 5px;
    padding-left:14px;
}
#breadcrumbs a {
    text-decoration: underline;
    background: none;
}


#feature.logo {
    background: url(images/featured_image_logo.jpg) no-repeat 4px 0;
}
#contentfull{
	width: 778px;
	border-top: 1px solid #FFF;
	position: relative;

	top: 5px;
	
/* background: url(images/divider.gif) repeat-y 240px 10px;*/
   
    margin-bottom: 10px;

}

#home-content {
	width: 778px;
	border-top: 1px solid #FFF;
	position: relative;
	left: -19px;
	top: 5px;
	padding-left: 28px;
/* background: url(images/divider.gif) repeat-y 240px 10px;*/
   
    margin-bottom: 10px;

}
/*
#home-content a {
background: url(images/link.gif) repeat-x left bottom;
    text-decoration: none;
    padding-bottom: 1px;
    color: #f30f10;
}
*/

#home-content a {
	text-decoration: none;
	padding-bottom: 1px;
	color: #f30f10;
	border-top-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #f30f10;
}
#left li, #home-content #box ul li {
   /* background: url(images/special_bullet.gif) no-repeat 0 3px;*/
    list-style: none;
    margin: 9px 0;
    padding-left: 20px;
}
#left li a{
   /* background: url(images/link.gif) repeat-x left bottom;*/
    text-decoration: none;
    padding-bottom: 1px;
    color: #f30f10;
}


#left {
	width: 217px;
	float: left;
	padding-right: 6px;
	overflow:hidden;
/*background-color: #F0F8FF;*/
	
}
#right {
    float: right;
    width:518px;
    margin: 0 10px 0 0;
    padding: 10px;
}

#right h2 {
    padding-top: 20px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	word-spacing: 20px;
	text-align: left;
}



#right.headTop {height:1%;border-bottom:1px solid #EFEFEF; margin-bottom:10px; padding-bottom:10px;}

#right ul  {
margin-left: 30px;

}

#right ul li  {
	list-style-position: outside;
	list-style-image: url(images/gryarrow.gif);


}


/* sitemap */



#sitemap h2 {
	font-weight: bold;
	color: #CC0000;
	padding-bottom: 10px;

}
#sitemap ul{
padding-left: 20px;
}
#sitemap ul li  {
	font-weight:normal;
	list-style: none;
	list-style-position: outside;
	list-style-image: url(images/gryarrow.gif);
	 padding-left: 10px;
    margin: 5px 0;
}

#sitemap ul li a {
	font-weight:normal;
	list-style-position: outside;
	list-style-image: url(images/gryarrow.gif);
}

#content .searchForm {
    background: url(search-bg.gif) repeat-x left top;
}
.searchForm input{
    border:0;
    background:transparent;
    padding: 2px; margin:1px;
    height:17px;
    font-size: 11px;
    color: #444;
}
.searchForm .button {
    width: 50px;
    height: 23px;
    margin: 0;padding:0;
    position: absolute;
    top: 0;
    right: -65px;
}

#bottom{
  clear:both;
  width: 780px;
  margin-top: 20px;
  position: relative;
  left: 4px;
}
.testimonials{
	margin-top: 15px;
	height:125px;
	text-align: left;
}

.action {
	float:right;
	width: 450px;
	border: 1px dotted #0f4493; /*f3f3c0*/
	background: #F0F8FF url(images/Question1.gif) no-repeat left 50%; /*#ffffdd*/
	padding: 10px 0 10px 50px;


	
}
/**/
#content-foot {
    display: none;
    width: 807px;
   /* height: 9px;*/
    font-size: 1px;
   /* background: url(container_foot.gif) no-repeat left bottom;*/
}
#footer {
clear: both;
    font-size: 11px;
    color: #666;
    border-bottom: 6px solid #E3E1DB;
    position: relative;
    left: 4px;
    top: 0;
    height: 100px;
}
#footer .text {
	position: absolute;
	left: -1px;
	top: 13px;
	width: 714px;
}
#footer .toptext {
    background: url(images/uparrow.gif) no-repeat 21px 2px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 13px;
}
#footer .divider {
    color: #E61000;
    padding: 0 4px;
}
#footer a {
    color: #666;
    text-decoration: underline;
    background: none;
}
#footer a:hover {
    color: #E61000;
}


ol {
    margin-left: 30px;
}

.photoRight {
    float: right;
    margin: 10px 0 10px 10px;
}
.table {
    width: 100%;
    font-size: 12px;
}
td {
    padding: 5px 0;
}
th {
    text-align: left;
}
.top-pad {
    margin-top: 10px;
}
.intro {
    font-weight: bold;
    color: #8A8A8A;
}
.ul-box {
    float: left;
    padding-right: 10px;
    margin-top: -10px;
}

.photo-left {
  
    
    padding: 5px 20px;
}


.copyright {
    text-decoration: none !important;
}
.copyright a:hover {
    text-decoration: underline !important;
}

.no-link {
    background: none !important;
    text-decoration: none;
    padding-bottom: 0;
}

html>body .action {
    height:auto;
}
textarea,input,select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#logo {
    position: absolute;
    top: 92.2px;
    left: 3px;
    background:transparent url(logo.gif) right top no-repeat;
    width: 59px;
    height: 224px;
    text-indent: -9999px;
    z-index:10;
    overflow: hidden;
}



.brands{
	width: 817px;
	height: 50px;
	text-align: center;
}
/* Remove bottom border when we're using an image */
a.button {
    background-image:none;
}


/*door styles*/
.grn {
color: #006600;
}
.grnbrdr{
	border: 1px solid #006600;
	background-color: #F5FFFA;
}

.grybrdr{
	border: 1px solid #333333;
	background-color: #F5F5F5;
}

.blubrdr{
	border: 1px solid #054eb9;
	background-color: #F0F8FF;
}

.redbrdr{
	border: 1px solid #f30f10;
	background-color: #FFE4E1;
}

.brnbrdr{
	border: 1px solid #663300;
	background-color: #FFE7BA;
}
.brnzbrdr{
	border: 1px solid #663300;
	background-color: #CC9900;
}
.redbkgd {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #f30f10;
	width: 375px;
	font-weight: bold;
	word-spacing: 10px;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.blusvc{
width: 160px;
	border: 1px solid #054eb9;
	background-color: #F0F8FF;
	color: #054eb9;
	padding: 5px;
	font-weight: bold;
}

img a {
    text-decoration: none;
     color: #ffffff;
}


#right.headTop a {
	color: #F30f10;
}
#right.headTop a:hover {
	color: #054eb9;

}

#right.category a {
background: url(images/link.gif) repeat-x left bottom;
    text-decoration: none;
    padding-bottom: 1px;
    color: #f30f10;
}


#right.category {}

#right.category a:hover {
background: url(images/link.gif) repeat-x left bottom;
    text-decoration: none;
    padding-bottom: 1px;
    color: #054eb9;
}
.white {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.black {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.chi {
	height: 150px;
	background-image: url(images/commercial/chi-garage-doors500.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 50px;
	padding-left: 140px;
}
#right .chi ul  {
margin-left: 30px;

}

#right .chi ul li  {
	list-style-position: outside;
	list-style-image: url(images/commercial/redgryarrow.jpg);


}
.ideal {
	height: 150px;
	background-image: url(images/commercial/ideal-garage-doors.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 50px;
	padding-left: 140px;
}
#right .ideal ul  {
margin-left: 30px;

}

#right .ideal ul li  {
	list-style-position: outside;
	list-style-image: url(images/commercial/redgryarrow.jpg);


}

#right .res {
     width: 500px;
	height: 170px;
	background-image: url(images/residential/garage-doors.jpg);
	background-repeat: no-repeat;
	background-position: left;

}
#right .res ul  {
margin-left: 30px;


}

#right .res ul li  {
	list-style-position: outside;
	list-style-image: url(images/commercial/redgryarrow.jpg);


}

#page {
	padding-left: 15px;

}

#page a{
color: #CC0000;
}

#page a:hover {
	color:#3333FF;
}
#model {

padding-top: 39px;
}
#model ul li {
   
    padding-left: 13px;
    list-style: none;
    margin: 3px 0;
}
#model ul li a {
    background: url(images/gryarrow2.gif) no-repeat 0 4px;
    padding-left: 13px;
    list-style: none;
    margin: 3px 0;
}
#model ul li a:hover {
	background: url(images/special_bullet.gif) no-repeat 0 4px;
	padding-left: 13px;
	margin: 3px 0;
	
}

#sitemap ul  {
  
	}

#sitemap ul li a {
    background: url(images/std_bullet.gif) no-repeat 0 4px;
	line-height: 20px;
    padding-left: 10px;
    list-style: none;
    margin: 5px 0;
	}

#opener ul {

padding-top: 10px;
}
#opener ul li {
   
    padding-left: 15px;
    list-style: none;
    margin: 5px 0;
}
#opener ul li a {
    
    padding-left: 15px;
    list-style: none;
    margin: 5px 0;
}
#opener ul li a:hover {
	background: url(images/special_bullet.gif) no-repeat 0 4px;
	padding-left: 15px;
	margin: 5px 0;
	
}

 .plist  {
	list-style-position: outside;
	list-style-image: url(images/gryarrow.gif);
	margin-left: 20px;

}

.atnbrdr {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	border: 1px dotted #CC0000;
	padding: 5px;
}

.homehdr {
  color: #E61000;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 2px;
}
.reddotline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;

}