@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	background:url(../images/bg.gif) top #e9e9e9 repeat-x;
	font-size:12px;
	font-family:Calibri;
}

ul {
	list-style-image:url(../images/bullet.gif);
}

h1 {
	font-size:1.6em;
	padding:0;
	margin:0 0 0.5em 0;
	color:#013888;
}

h2 {
	font-size:1.6em;
	padding:0;
	margin:0 0 0.5em 0;
}

h3 {
	font-size:1em;
	margin:0;
	padding:0;
}

#pagewidth {
	width:866px;
	margin:0 auto;
}

#header {
	background:url(../images/image_07.gif) 0 0 repeat-x;
	height:51px;
}

#header img {
	float:left;
}

ul#nav {
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none!important;
	/*width:721px;*/
	height:51px;
}

ul#nav li {
	float:left;
	display:inline;
	position:relative;
	list-style-image:none!important;
	text-align:center;	
}

ul#nav li.spacer {
	display:block;
	width:2px;
	height:51px;
	background:url(../images/image_05.gif) 0 0 no-repeat;
}

ul#nav li a {
	float:left;
	display:block;
	height:51px;
	line-height:51px;
	color:#013888;
	text-decoration:none;
	padding:0 0.8em;
	font-size:14px;
	position:relative;
	white-space:nowrap;
}

ul#nav li a:hover {
	background:#013888;
	color:#FFFFFF;
}

ul#nav ul {
	visibility:hidden;
	position:absolute;
	top:-9999px;
	left:-9999px;
	background-color:#013888;
	margin:0;
	padding:0;
}

ul#nav :hover ul {
	visibility:visible;
	background-color:#013888;
	z-index:100;
	top:51px;
	left:0px;
	list-style:none;
}

ul#nav ul li {
	float:none;
	display:block;
	text-align:left;
	color:#FFFFFF;
	width:100px;
}

ul#nav ul li a {
	display:block;
	padding:0 0.2em;
	margin:0;
	height:20px;
	color:#FFFFFF;
	line-height:20px;
	float:none;
	font-size:14px;
}

ul#nav ul li a:hover {
	color:#013888;
	background-color:#FFFFFF;
}

ul#nav li:hover > a
{
    color: #FFFFFF;
	background-color:#013888;
}

ul#nav li:hover li:hover > a
{
}

#main-image {
	height:181px;
	margin:0;
	padding:0;
	clear:both;
	width:100%;
}

#strap {
	height:57px;
	background:url(../images/image_10.gif) 0 0 no-repeat;
	color:#FFFFFF;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}

#strap div.phone {
	float:right;
	font-size:1.6em;
	padding:0 0.2em;
}

#strap div.mission {
	float:left;
	font-size:1.6em;
	padding:0 0.2em;
}

div.mission span.money {
	margin-left:2em;
	font-size:1.4em;
}

#content {
	clear:both;
	background:#CFCFCF;	
}

.padding {
	padding:5px;
}

#leftcol {
	width:278px;
	background:#CFCFCF;
	float:left;
	clear:none;
}

#leftcol a {
	color:#013888;
}

#leftcol ul {
	list-style-image:none;
	list-style-type:square;
}

img.gallery {
	padding:4px;
}

#strap-two {
	height:38px;
	background:url(../images/image_11.gif) 0 0 no-repeat;
	color:#FFFFFF;
	padding:0 0.2em;
	font-size:1.6em;
}

#product {
	height:174px;
	background:url(../images/image_17.gif) 0 0 repeat-x;
	color:#000000;
}

#product img {
	float:right;
	margin-left:2px;
}

#product h2, #product h3, #product a {
	color:#9099c8;
	text-decoration:none;
}

#testimonials {
	height:185px;
}

#testimonials ul {
	padding:0;
	margin:0 5px;
	list-style-type:none!important;
	list-style-image:none;
	text-align:center;
}

#testimonials ul li {
	padding:0.2em 0;
}

#testimonials ul li.spacer {
	display:block;
	height:1px;
	background:url(../images/testimonial-divider.gif) 0 0 no-repeat;
	padding:0.2em 0;
}

#maincol {
	width:588px;
	float:right;
	background:url(../images/image_15.gif) #FFFFFF bottom repeat-x;
	clear:none;
}

#maincol p {
	margin:15px 0;
}

#main-content {
	background:url(../images/image_15.gif) 0 0 repeat-x;
	height:212px;
	clear:none;
}

#main-content p {
	padding-bottom:0.2em;
}

#home {
	float:left;
	width:293px;
}

#quote {
	float:right;
	width:293px;
}

#quote h2 {
	color:#013888;
}

#services {
	height:135px;
	clear:both;
	background:url(../images/image_27.gif) 0 0 repeat-y;
	color:#FFFFFF;
}

#services a {
	color:#FFFFFF;
}

#services img {
	float:right;
}

#services p {
	margin:0;
}

#associations {
	background-color:#CFCFCF;
	height:50px;
}

#associations ul {
	width:500px;
	height:50px;
	display:inline;
	margin:0 auto;
	padding:0;
	text-align:center;
	list-style-type:none;
	line-height:50px;
}

#associations ul li {
	display:inline;
	padding:0 1.5em;
}

#footer {
	clear:both;
	text-align:right;
	padding:0.3em 0 0 0;
	width:866px;
	margin:0 auto;
}

a {
	color:#9099c8;
}

a.more {
	color:#9099c8;
	line-height:16px;
	float:right;
	display:block;
	text-decoration:none;
	background:url(../images/image_22.gif) right no-repeat;
	padding-right:1.5em;
}

input.continue {
	background:url(../images/image_22.gif) right no-repeat;
	border:0px;
	float:right;
	color:#9099c8;
	padding-right:0.5em;
	font-family:Calibri;
	font-size:1em;
	margin-top:6px;	
	cursor:pointer;
}

input {
	background:url(../images/input-bg.gif) 0 0 repeat-x;
	border:1px #d5d5d5 solid;
	padding:0 0.2em;
	height:20px;
	line-height:20px;
	font-size:0.9em;
	margin:0 0 0.2em 0;
	font-family:Calibri;
}

input.submit {
	height:31px;
	line-height:31px;
	border:none;
}

textarea {
	background:url(../images/input-bg.gif) 0 0 repeat-x;
	border:1px #d5d5d5 solid;
	padding:0 0.2em;
	line-height:20px;
	font-family:Calibri;
	font-size:0.9em;
	margin:0 0 0.2em 0;
}

img.floatright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

img.floatleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.door-types {
	width:45%;
	float:left;
	margin:0 5px;
}

.cleaner {
	clear:both;
}

fieldset {
	padding:10px;
	width:70%;
	margin:0 auto;
	border:1px #CCCCCC solid;
}

fieldset label {
	width:100px;
	text-align:right;
	margin:3px 10px 0 0;
	float:left;
}

fieldset label.quote {
	margin:0 10px 0 0;
}

.mand {
	color:#FF0000;
}

#gallery {
	width:265px;
	height:199px;
	margin-bottom:10px;
}

a.gallery, a.gallery:visited {
	display:inline;  
	position:relative;	
}

a.gallery span {
	visibility: hidden; 
	display:block; 
	position:absolute; 
	top:-258px; 
	left:-10px;
}

a.gallery span img {
	border:0px;
}

a.two span, a.five span, a.eight span, a.eleven span {
	left:-93px;
}

a.three span, a.six span, a.nine span, a.twelve span {
	left:-177px;
}

a.four span, a.five span, a.six span {
	top:-321px;
}

a.seven span, a.eight span, a.nine span {
	top:-385px;
}

a.ten span, a.eleven span, a.twelve span {
	top:-448px;
}

a.gallery:hover {white-space:normal; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img { position:relative; z-index:100;}
a.gallery:active, a.gallery:focus { z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img { position:relative;z-index:10;}

.testimonial {
	border-bottom:1px #CCC dashed;
}

.customer {
	text-align:right;
	font-weight:bold;
	float:right;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:block;
}

* html .clearfix {
	height:1%;
}

.tel {
	font-weight:bold;
	font-size:1.2em;
}