* { margin:0; padding:0;}
body { background:#304a58; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; color:#4f5a5b;}

input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:16px;}

p.top { margin-top:0; padding-top:0;}

.tail-top { background:url(../images/tail-top.gif) top left repeat-x #fff; padding-top:7px;}
.tail-bottom { background:url(../images/tail-bottom.gif) left bottom repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#quote-form { font-size:11px; font-weight:bold; color:#2b2f35; margin-top:6px; padding:8px 32px 0 30px;}
#quote-form label, #quote-form .wrapper { display:block; height:42px; overflow:visible;}
#quote-form label.taller { height:54px;} 
#quote-form input.text { background:#fff; border:1px solid #78736d; padding:2px 0 2px 3px; width:211px; font-weight:normal; color:#55595e; font-size:inherit;}
#quote-form input[type=image] { display:block; margin-left:115px; margin-top:8px;}
#quote-form select {background:#fff; border:1px solid #78736d; padding:1px 0 2px 0; width:216px; font-weight:normal; color:#55595e; font-size:inherit;}
#quote-form select.select1 { width:86px;}
#quote-form select.select2 { width:97px;}
#quote-form .col-1 { width:119px !important; margin-right:0 !important;}
#quote-form .col-2 { width:98px !important; margin-right:0 !important;}
#quote-form a { color:#139ecb;}
#quote-form p { font-weight:normal; margin:0; padding-top:10px;}
#quote-form textarea.text { background:#fff; border:1px solid #78736d; padding:2px 0 2px 3px; width:211px; height:28px; font-weight:normal; color:#55595e; font-size:inherit; line-height:14px;}

#contacts-form label { display:block; height:51px;} 
#contacts-form label input { width:223px; padding:2px 0 3px 3px; color:#4f5a5b; background:none; border:1px solid #cdcdcd;}
#contacts-form textarea {width:273px; height:120px; padding:2px 0 2px 3px; margin-bottom:30px; color:#4f5a5b; background:none; border:1px solid #cdcdcd; overflow:auto;}

/*==================list====================*/
ul { list-style:none;}

.nav { width:100%; overflow:hidden;}
.nav li { display:inline;}
.nav li a { display:block; float:left; background:url(../images/nav-bg1.jpg) no-repeat left bottom; width:149px; height:34px; text-align:center; font-size:.85em; color:#000; font-weight:bold; text-decoration:none; text-transform:uppercase; margin-right:5px; line-height:34px;}
.nav li a:hover { background:url(../images/nav-bg2.jpg) no-repeat left bottom; color:#fff;}
.nav li a.current { background:url(../images/nav-bg2.jpg) no-repeat left bottom; color:#fff;}
.nav li a.last { margin-right:0;}

.footer-nav {display:block; overflow:hidden; margin-left:-8px; padding:0;}
.footer-nav li { display:inline; margin-left:-1px;}
.footer-nav li a { color:#fff !important; border-left:1px solid #98bed2; padding:0 6px 0 8px; text-decoration:none; text-transform:uppercase;}
.footer-nav li a:hover { text-decoration:underline;}

.list1 li { background:url(../images/line-dotted.gif) 42px bottom no-repeat;}
.list1 li.last { background:none;}
.list1 li a { color:#4f5a5b; text-decoration:none; padding:0 0 10px 42px; display:block; margin-bottom:10px;}
.list1 li a:hover { text-decoration:underline;}
.list1 li a.icon1 { background:url(../images/icon1.jpg) no-repeat left top;}
.list1 li a.icon2 { background:url(../images/icon2.jpg) no-repeat left top;}
.list1 li a.icon3 { background:url(../images/icon3.jpg) no-repeat left top;}
.list1 li a.icon4 { background:url(../images/icon4.jpg) no-repeat left top;}
.list1 li a.icon5 { background:url(../images/icon5.jpg) no-repeat left top;}
.list1 li a.icon6 { background:url(../images/icon6.jpg) no-repeat left top;}
.list1 li a.icon7 { background:url(../images/icon7.jpg) no-repeat left top;}
.list1 li a.icon8 { background:url(../images/icon8.jpg) no-repeat left top;}
.list1 li a.icon9 { background:url(../images/icon9.jpg) no-repeat left top;}

.list2 { margin:10px 0 19px 0;}
.list2 li { margin:0 -20px 0 -30px; padding:4px 20px 4px 30px; background:#eff9ff; overflow:hidden; vertical-align:top;}
.list2 li.alt1 { margin:0; padding:4px 0 4px 0; background:none;}
.list2 li strong { float:left; color:#139ecb;}
.list2 li span { float:right; text-align:left; width:60px;}

.list3 li { width:100%; overflow:hidden;}
.list3 li img { float:left; margin-right:15px;}
.list3 li p { background:url(../images/line-dotted.gif) left bottom repeat-x; padding-bottom:20px;}
.list3 li a { text-transform:uppercase; display:block; font-size:.91em; padding-bottom:5px;}

.list4 li { background:url(../images/arrow1.gif) no-repeat left 6px; padding:0 0 6px 11px;}

.list5 li { background:url(../images/line-dotted.gif) left bottom repeat-x; padding-bottom:22px; margin-bottom:22px;}
.list5 li.last { background:none; margin-bottom:0; padding-bottom:0;}
.list5 li p { margin-bottom:20px;}
.list5 li a { font-size:.91em; text-transform:uppercase;}

.list6 dt { color:#000; font-weight:bold;}
.list6 dd { padding-bottom:15px; line-height:1.5em;}

.list7 dt { font-size:.91em; text-transform:uppercase; padding-bottom:7px;}
.list7 dd { padding-bottom:18px;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:19px;}


/*==================txt, links, lines, titles====================*/
a {color:#139ecb;}
a:hover{text-decoration:none;}

h3 { font-size:1em; color:#000; margin-bottom:16px;}
h4 { background:url(../images/title-bg.jpg) left top repeat-x; font-size:1em; color:#fff;}
h4 span { background:url(../images/title-bg1.jpg) no-repeat 3px 3px; display:block; padding:14px 0 13px 54px; }
h5 { font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#173b60; text-transform:uppercase; border-bottom:1px solid #2b2f35; padding-bottom:8px; margin-bottom:10px;}
h6 { font-size:.91em; line-height:1.64em; text-transform:uppercase; font-weight:normal; margin-bottom:8px;}

.txt1 { color:#000;}

.link1 { background:url(../images/arrow1.gif) no-repeat left 6px; padding:0 0 0 11px;}

.button { display:inline-block; background:url(../images/button-bg.gif) left top repeat-x #95d9ff; border:1px solid #1f9ab2; color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:.85em; padding:3px 10px 3px 12px;}
.button:hover { color:#fff;}
.button span { background:url(../images/marker.gif) no-repeat left 5px; padding:0 0 0 8px;}

.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
.line-ver { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

.title-box { border-bottom:1px solid #ccc4be; margin-bottom:20px;}

/*==================boxes====================*/
.slide-box { background:url(../images/slide-box-bg.gif) left top repeat-x; width:100%;}
.slide-box .inner { padding:10px; width:899px; height:419px;}
#header_graphic_container img { margin:10px; } /* Need this because the Cycle plugin won't align to the container's padding */

.box { background:url(../images/box-bg.jpg) no-repeat center bottom #fff8e4; border:1px solid #d3c6a1; margin-bottom:10px;}
.box .inner { padding:1px 1px 20px 1px;}
.box h4 span { background:url(../images/title-bg1.jpg) no-repeat 3px 3px; display:block; padding:14px 0 13px 54px; }

.box1 { border:1px solid #cdcdcd;}
.box1.alt { margin-bottom:10px;}
.box1 .inner { padding:1px;}
.box1 .inner .inner { padding:25px 30px 20px 29px;}
.box1 h4 span { background:url(../images/title-bg2.jpg) no-repeat 3px 3px; display:block; padding:14px 0 13px 54px; }

.box2 { background:#edf9ff; border:1px solid #aac9db;}
.box2.alt { margin-bottom:10px;}
.box2 .inner { padding:30px 33px 30px 30px;}

.box3 { background:#d9e9f2; border:1px solid #abccdf; color:#000;}
.box3.alt { margin-bottom:10px;}
.box3 .inner { padding:20px 20px 30px 30px;}

.cont-box { padding:0 175px 0 0; margin:0;}
.cont-box span { float:right;}

#header, #content { font-size:0.75em;}


/*header*/
#header { font-size:0.75em;}
#header .row-1 { height:34px;}
#header .row-2 { height:114px; padding:10px 0 2px 0; background:url(../images/header_logo1.png) 0px 10px no-repeat;}
#header .row-2 h1 {display: none; text-indent:-9999px; height:0px;}
#header .row-2 h2 {float:right; font-size:18px; line-height:26px; padding-top:10px; text-align:right;}
#header .row-2 .fleft { padding:0; margin:0;}


/*content*/
#content { padding:20px 0 20px 0; font-size:0.75em;}
#content .indent { padding:20px 0 0 30px;}
#content .indent1 { padding:20px 0 20px 30px;}
#content .indent2 { padding:0 0 30px 30px;}


/*footer*/
#footer { color:#fff;}
#footer span {text-transform:uppercase;}
#footer a { color:#fff;}


/* Why Your Home Needs Gutters */
.tooltip { 
	display:none; 
	background:transparent url(../images/tooltip-bubble.png) no-repeat top left;
	font-size:14px; 
	line-height:18px; 
	height:104px;
	width:363px;
	padding:32px 25px 25px 35px; 
}

/*==========================================*/



/*================== index.html ========================*/
#page1 #content p { 
	font-size:1.17em; 
	line-height:1.34em; 
}
#page1 #content div.indent2 img { 
	display:block; 
	margin:6px 0 40px 20px; 
	border:none; 
	float:right; 
	clear:right;
}


/*================== privacy-policy.html ========================*/
#page7 h3 { 
	font-size:16px; 
	line-height:38px; 
	letter-spacing:1px; 
}

#page7 div.col-2 div.box2 div.inner { 
	padding-top:10px;
}



/*================== seamless-gutter-colors.html ========================*/
#page3 #content h3 { 
	font-size:16px; 
	line-height:22px; 
	letter-spacing:1px; 
	margin-left:66px; 
	font-weight:bold;
}
#page3 #content span.colorInfo { 
	display:block;
	font-size:14px; 
	line-height:14px; 
	color:#000;
	background:url(../images/arrow1.gif) 0 50% no-repeat; 
	margin-left:76px;
	padding:4px 4px 4px 20px; 
	letter-spacing:1px; 
}

#tblGutterColors { 
	display:block; 
	margin:10px auto 0 auto;
	border:none; 
	border-collapse:collapse; 
	width:804px;
}
#tblGutterColors tr { 
	padding:0; 
	margin:0;
}
#tblGutterColors td { 
	padding:0; 
	margin:0; 
	font-family:Tahoma, Geneva, sans-serif;
}
#tblGutterColors td.caption { 
	text-align:center; 
	line-height:12px; 
	font-size:12px; 
	font-weight:bold; 
	padding-bottom:30px; 
	padding-right:8px; 
	letter-spacing:2px;
}
#tblGutterColors td.note { 
	text-align:center; 
	line-height:12px; 
	font-size:12px; 
	padding:10px 0 20px 0;
}


/*================== seamless-gutter-styles.html ========================*/


#page2 div.gutterStyle { 
	display:block; 
	margin:0; 
	padding:40px 0 40px 0;
	border-bottom:6px #678DA1 solid;
}

#page2 div.gutterStyle img { 
	display:block; 
	float:right; 
	margin:0;
}
#page2 div.gutterStyle p { 
	display:block; 
	width:350px; 
	float:right; 
	text-align:left; 
	font-size:1.17em; 
	line-height:1.34em; 
}
#page2 div.gutterStyle span.note { 
	display:block; 
	clear:both;
  width:624px; 
	padding-top:0.75em;
	text-align:center; 
	font-size:12px; 
	line-height:12px; 
}
#page2 div.gutterStyle h4 { 
	display:block; 
	width:270px;
	text-align:center; 
	font-size:1.17em; 
	line-height:1.34em; 
	background:none; 
	color:#000; 
	margin:0; 
	padding:20px 0 0 0;
}


/*================== seamless-gutter-photos.html ========================*/

#page4 #gallery li { 
	display:inline; 
	float:left;
}

#page4 #gallery img { 
	display:block;
	width:150px; 
	height:112px; 
	border:none; 
	margin:3px;
}