/***CLEAR ALL STYLING***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
:focus {
outline-style:none;
outline-width:0;
}
body {
color:#252525;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background:url(../images/bg-body.jpg) repeat-x left top;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}

/***BASIC CLASSES***/
strong {
font-weight:bold;
}
.strong {
font-weight:bold;
}
em {
font-style:italic;
}
.clear {
clear:both;
}
.clear-right {
clear:right;
}
.clear-left {
clear:left;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
a {
color:#0f6938;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1 {
font-size:18px;
color:#0f6938;
}
h2 {
font-size:14px;
color:#0f6938;
}
h3 {
font-size:12px;
color:#0f6938;
}
blockquote {
}
a.learn-more{
float:left;
padding-right:20px;
height:15px;
background:url(../images/view-more-icon.gif) no-repeat right center;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
line-height:15px;
}

/***Homepage***/
body {
color:#252525;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background:url(../images/bg-body-interior.jpg) repeat-x left top;
}
body.home{
	background:url(../images/bg-body.jpg) repeat-x left top;
}
#wrapper{
	width:980px;
	margin:0 auto;
}
#header{
	float:left;
	width:960px;
	padding-right:20px;
	height:123px;
}
#logo{
	float:left;
	width:217px;
	height:82px;
	margin-top:26px;
}
#logo h1{
	margin:0;
	padding:0;
}
#logo h1 a{
	width:217px;
	height:82px;
	display:block;
	background:url(../images/logo.gif) no-repeat left top;
}
#logo h1 a span{
	position:absolute;
	left:-9999em;
}
#header-top{
	float:left;
	width:743px;
	height:59px;
}
#header-top #quote{
	float:right;
	width:161px;
	height:59px;
}
#header-top #quote a{
	display:block;
	width:161px;
	height:59px;
	background:url(../images/request-a-quote.gif) no-repeat left top;
}
#header-top #quote a:hover{
	display:block;
	width:161px;
	height:59px;
	background:url(../images/request-a-quote.gif) no-repeat left bottom;
}
#header-top #quote a span{
	position:absolute;
	left:-9999em;
}
#header-top #phone{
	float:left;
	width:550px;
	padding-top:10px;
	line-height:20px;
	color:#ffffff;
}
#phone .edmonton {
	border-right:1px solid #ffffff;
}

#phone .number{
	font-size:18px;
	padding-left:5px;
}
#phone .office{
	font-size:11px;
	text-transform:uppercase;
}
#phone .border{
	border-right:1px solid #ffffff;
	padding-right:10px;
}
#nav{
	float:right;
	width:600px;
	padding-top:15px;
}
#nav ul{
	float:right;
	margin:0;
	padding:0;
}
#nav li{
	float:left;
	padding:0 10px;
}
#nav li a{
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999em;
	height:17px;
	margin-top:12px;
}
#nav li.home a{
	width:24px;
	background:url(../images/nav-home.gif) no-repeat center -6px;
	margin-top:6px;
	height:25px;
}
#nav li.windows a{
	width:72px;
	background:url(../images/nav-windows.gif) no-repeat center -13px;
}
#nav li.about a{
	width:72px;
	background:url(../images/nav-about.gif) no-repeat center -13px;
}
#nav li.gallery a{
	width:108px;
	background:url(../images/nav-gallery.gif) no-repeat center -13px;
}
#nav li.testimonials a{
	width:100px;
	background:url(../images/nav-testimonials.gif) no-repeat center -13px;
}
#nav li.contact a{
	width:60px;
	background:url(../images/nav-contact.gif) no-repeat center -13px;
}
#nav li a:hover, #nav li.selected a{
	height:30px;
	background-position:center -44px;
	margin-top:6px;
}
#nav li.home a:hover, #nav li.home-selected a{
	height:25px;
	background-position:center -38px;
	margin-top:0;
}
#content {
	float:left;
	width:960px;
	padding-right:20px;
	background:url(../images/homepage-banner.jpg) no-repeat left top;
}
#banner{
	float:left;
	width:960px;
	height:477px;
}
#banner a{
	display:block;
	margin-left:32px;
	margin-top:355px;
	background:url(../images/get-it-now-btn.jpg) no-repeat left top;
	width:201px;
	height:44px;
}
#banner a:hover{
	background:url(../images/get-it-now-btn.jpg) no-repeat left bottom;
}
#banner a span{
	position:absolute;
	left:-9999em;
}
#content-bottom{
	float:left;
	padding-top:29px;
	width:960px;
	line-height:1.3em;
	font-size:14px;
}
#content-bottom h3{
	text-indent:-9999em;
}
#content-bottom .text{
	float:left;
	padding-top:10px;
	padding-bottom:30px;
	padding-left:70px;
	width:347px;
}
#content-bottom .description{
	width:100%;
	margin-bottom:5px;
	border-bottom:1px solid #bdbdbd;
	height:122px;
} 
#content-bottom .believe{
	width:500px;
	margin-bottom:4px;
	border-bottom:1px solid #bdbdbd;
	height:122px;
}
#content-bottom-left{
	float:left;
	width:540px;
}
#content-bottom-left ul{
	margin:0;
	padding:0;
}
#content-bottom-left li{
	padding-left:20px;
	background:url(../images/homepage-li.gif) no-repeat left 4px;
	padding-bottom:2px;
}
#content-bottom #content-bottom-left .text{
	padding-top:10px;
}
#content-bottom-left h3{
	display:block;
	width:529px;
	background:url(../images/difference-h3-2.png) no-repeat left 4px;
	height:65px;
}
#content-bottom-left h3 a{
display:block;
height:65px;
width:250px;
}
#content-bottom-right{
	float:left;
	width:419px;
}
#content-bottom-right p{
	font-size:13px;
}
#content-bottom-right h3{
	display:block;
	width:429px;
	background:url(../images/featured-h3.png) no-repeat left top;
	height:69px;
}
#content-bottom-right h3 a{
	display:block;
	width:290px;
	height:69px;
}
#content-bottom-right h4{
	font-weight:bold;
	font-size:16px;
	padding-bottom:5px;
}
#content-bottom-right img{
	float:left;
	margin-right:10px;
	border:1px solid #bdbdbd;
	width:73px;
}
#gallery{
	float:left;
	width:960px;
	padding-bottom:40px;
}
#gallery h3{
	display:block;
	background:url(../images/photo-h3.gif) no-repeat 5px top;
	height:69px;
	margin-bottom:10px;
	text-indent:-9999em;
}
#gallery h3 a{
	display:block;
	height:45px;
	width:250px;
	text-indent:-9999em;
}
#gallery .gallery-main{
	float:left;
	width:960px;
}
.gallery-main a.first{
	float:left;
	background:url(../images/gallery-back-btn.png) no-repeat left top;
	width:58px;
	height:154px;
	margin-right:13px;
}
.gallery-main #container{
	float:left;
	height:154px;
	width:818px;
	margin-right:13px;
	padding-bottom:30px;
	border-bottom:1px solid #bdbdbd;
}
#container img{
	border:1px solid #bdbdbd;
	margin-right:9px;
}
#container img.last{
	margin-right:0;
}
.gallery-main a.last{
	float:left;
	background:url(../images/gallery-forward-btn.png) no-repeat left top;
	width:45px;
	height:154px;
}
#gallery a.learn-more{
	padding-left:72px;
	margin-top:10px;
}

#footer{
	margin:0 auto;
	width:100%;
	background:url(../images/bg-footer.gif) repeat-x left top;
	height:138px;
	clear:left;
	color:#737171;
}
#footer-content{
	margin:0 auto;
	width:960px;
	height:148px;
}
#footer-top{
	float:left;
	height:28px;
	width:960px;
	padding-top:16px;
}
#footer-top #tollfree{
	color:#0f6938;
	height:20px;
	width:235px;
	padding-top:2px;
	float:right;
}
#footer-top h1.tollfree{
	color:#0f6938;
}
#footer-nav{
	float:left;
	width:580px;
}
#footer-nav ul{
	margin:0;
	padding:0;
}
#footer li{
	float:left;
	padding:0 5px;
	border-left:1px solid #252525;
}
#footer li.first{
	padding-left:0;
	border-left:none;
}
#footer a{
	color:#252525;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
	color:#0F6938;
}
#footer li.selected a{
color:#0f6938;
text-decoration:none;
}
#footer #bfm{
	float:right;
	width:225px;
}
#footer-bottom{
	float:left;
	width:960px;
	height:87px;
	padding-top:15px;
}


/***Interior Page - About Us ***/

body.about #content{
	padding-top:270px;
	background:url(../images/about-us-bg.jpg) no-repeat left top;
	margin-bottom:30px;
}
#content-main{
	float:left;
	width:675px;
	line-height:1.4em;
	font-size:13px;
}
img.title{
	margin-bottom:15px;
	margin-top:5px;
}
#content-main p{
	padding-bottom:15px;
}
#content-main h1{
	font-size:24px;
	font-weight:bold;
	padding-bottom:15px;
}
#content-main h2{
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
}
#content-main h3{
	font-size:16px;
	color:#0f6938;
	padding-bottom:15px;
}
#content-main h4{
	font-size:13px;
	font-weight:bold;
	color:#252525;
	padding-bottom:15px;
}
#content-main ul{
	margin:0;
	padding:0 0 13px 5px;
}
#content-main ul li{
	padding-left:20px;
	background:url(../images/homepage-li.gif) no-repeat left 4px;
	padding-bottom:2px;
}
#column{
	float:left;
	width:79px;
	margin-right:10px;
}
#main{
	float:left;
	width:586px;
}
#sidebar-right{
	float:right;
	width:218px;
}

#sidebar-right ul{
	margin:0 0 10px 0;
	padding:0;
}
#sidebar-right li{
	padding-bottom:10px;
	border-bottom:1px solid #bdbdbd;
	font-size:18px;
	line-height:18px;
	margin-bottom:10px;
}

#sidebar-right li a{
	color:#252525;
	text-decoration:none;
	background:url(../images/sidebar-li.jpg) no-repeat left 2px;
	padding-left:20px;
}
#sidebar-right li.selected a, #sidebar-right li a:hover{
	color:#0f6637;
	text-decoration:none;
	background:url(../images/sidebar-li-selected.jpg) no-repeat left 2px;
}
#sidebar-right li.last{
	border-bottom:none;
}

a.sidebar-quote{
	float:left;
	background:url(../images/sidebar-request-quote.jpg) no-repeat left bottom;
	width:218px;
	height:148px;
	margin-bottom:20px;
}
a.sidebar-quote:hover{
	background:url(../images/sidebar-request-quote.jpg) no-repeat left top;
}
a.sidebar-gallery{
	float:left;
	background:url(../images/sidebar-view-gallery.jpg) no-repeat left top;
	width:218px;
	height:148px;
}
a.sidebar-gallery:hover{
	background:url(../images/sidebar-view-gallery.jpg) no-repeat left bottom;
}
/***Gallery Page***/
body.gallery #content{
	padding-top:270px;
	background:url(../images/photo-gallery-bg.jpg) no-repeat left top;
}
body.gallery #gallery{
float:left;
padding:0;
margin:0;
width:502px;
}

#content #thumbs{
padding-left:20px;
}

/***testimonials***/
body.testimonials #content {
background:transparent url(../images/testimonials-bg.jpg) no-repeat scroll left top;
padding-top:270px;
}

body.testimonials #content-main{
padding-left:30px;
width:645px;
}

#content-main blockquote{
border-bottom:1px solid #dedede;
background:url(../images/testimonial-bg.gif) no-repeat left 20px;
padding:20px 0 20px 55px;
line-height:1.5em;
font-size:13px;
font-style:italic;
}

#content-main blockquote .author{
color:#0f6938;
font-weight:bold;
font-style:normal;
clear:left;
display:block;
padding-top:4px;
padding-top:2px;
}
#content-main blockquote.last{
border-bottom:none;
margin-bottom:30px;
}

/***Contact***/
body.contact #content {
background:transparent url(../images/contact-bg.jpg) no-repeat scroll left top;
padding-top:270px;
padding-bottom:30px;
}

body.contact #content-main{
float:left;
font-size:13px;
line-height:1.4em;
padding-left:30px;
width:600px;
margin-bottom:30px;
}

#content-main form{
width:450px;
float:right;
background:url(../images/form-bg.gif) no-repeat right top;
padding-top:10px;
padding-left:113px;
margin-top:15px;
position: relative;
}

#content-main form label {
display:block;
float:left;
clear:left;
font-weight:bold;
width:250px;
padding:0px 11px 0 0;
width:140px;
text-align:right;
padding-right:15px;
height:24px;
line-height:24px;
}

#content-main form ol{
margin:0;
padding:0;
}

#content-main form ol li{
margin:0 0 10px 0;
padding:0;
float:left;
width:100%;
background:0;
}
h1.contact{
padding-left:150px;
}
#content-main form input, #content-main form textarea{
float:left;
margin:0 5px 0 0;
padding:1px 2px 2px;
border:1px solid #dedede;
height:24px;
line-height:24px;
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
width:240px;
}

#content-main form textarea{
height:100px;
line-height:1.3em;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#content-main form #sendbutton{
float:right;
background:url(../images/form-button.jpg) no-repeat left bottom;
height:44px;
width:134px;
border:none;
margin-right:50px;
margin-top:7px;
cursor:pointer;
}
#content-main form #sendbutton:hover{
background:url(../images/form-button.jpg) no-repeat left top;
}
body.contact #sidebar-right{
line-height:1.5em;
border-left:1px solid #DEDEDE;
padding-left:30px;
}
#sidebar-right p{
padding-bottom:10px;
}
#sidebar-right h3{
font-size:20px;
font-weight:bold;
padding-bottom:10px;
}
#sidebar-right strong{
font-size:15px;
font-weight:bold;
}
#sidebar-right h3.location2{
margin-top:40px;
}

/***Windows***/
body.windows{
background:url(../images/body-bg-windows.jpg) repeat-x left top;
}

body.windows #content {
background:transparent url(../images/windows-bg.jpg) no-repeat scroll left top;
padding-top:270px;
padding-bottom:30px;
}

body.windows #content-main{
float:left;
font-size:13px;
line-height:1.4em;
padding-left:30px;
width:664px;
margin-bottom:30px;
}

#content-main .product{
float:left;
width:100%;
margin-bottom:20px;
}
.product .photo{
float:left;
width:248px;
}
.product .photo img{
margin-right:12px;
border:1px solid #d1d1d1;
float:left;
}
.product .text{
float:left;
width:410px;
}
#content-main .product .text h3{
font-size:30px;
color:#252525;
line-height:1.5em;
padding:0;
margin:0;
}
#content-main .product .text h3 a{
color:#252525;
text-decoration:none;
}
#content-main .product .text h3 a:hover{
text-decoration:underline;
color:#0F6938;
}


.product .details{
float:left;
width:100%;
margin-top:18px;
padding-top:10px;
border-top:1px solid #dedede;
}
.product .details a.learn-more{
float:right;
}

/***Single Product Page***/
body.single{
background:url(../images/body-bg-windows.jpg) repeat-x left top;
}
body.single #content {
background:transparent url(../images/windows-bg.jpg) no-repeat scroll left top;
padding-top:270px;
padding-bottom:30px;
}
body.single #content-main{
float:left;
font-size:13px;
line-height:1.4em;
margin-bottom:30px;
padding-left:0;
width:724px;
}
#content-main .top-text .product-details-top{
float:left;
background:url(../images/product-details-bg-top.gif) no-repeat left top;
width:469px;
height:12px;
margin:0;
padding:0;
}
#content-main .top-text .product-details-main{
float:left;
background-color:#efefef;
width:449px;
margin:0;
padding:0 10px;
}
body.single #content-main h4{
padding-bottom:5px;
font-size:16px;
font-weight:bold;
}
#content-main .top, #content-main .bottom{
float:left;
width:711px;
}
#content-main .bottom{
	padding-top:20px;
}
#content-main .top-img, #content-main .bottom-img{
float:left;
padding-right:10px;
width:220px;
}
#content-main .top-img img, #content-main .bottom-img img{
float:right;
}
#content-main .top-text, #content-main .bottom-text{
float:left;
width:475px;
}
#content-main .top-text h3{
color:#252525;
font-size:30px;
line-height:1.5em;
margin:0;
padding:0;
}
#content-main .top-text .product-details-main h4{
padding-left:15px;
}
#content-main .top-text .product-details-main ul, #content-main .bottom-text ul{
margin:0;
padding:0 0 20px 15px;
list-style-position:inside;
}
#content-main .top-text .product-details-main li, #content-main .bottom-text ul li{
padding:0 0 3px 0;
list-style-position:inside;
list-style:disc;
background:none;
}
#content-main .top-text .product-details-main img{
float:right;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
}
#content-main .top-text .product-details-bottom{
float:left;
background:url(../images/product-details-bg-bottom.gif) no-repeat left top;
width:469px;
height:12px;
margin:0;
padding:0 0 20px 0;
}
#content-main .top-text .logos{
float:left;
width:220px;
margin:0;
padding:0;
}
#content-main .top-text .logos img{
float:left;
clear:left;
margin-bottom:10px;
}
#content-main .bottom-text ol{
margin-bottom:20px;
}
#content-main .bottom-text ol li{
list-style:none;
padding-left:25px;
background-repeat:no-repeat;
background-position:left top;
padding-bottom:5px;
}
#content-main .bottom-text ol li.first{
background:url(../images/ol1.gif) no-repeat left top;
}
#content-main .bottom-text ol li.second{
background:url(../images/ol2.gif) no-repeat left top;
}
#content-main .bottom-text ol li.third{
background:url(../images/ol3.gif) no-repeat left top;
}
#content-main .bottom-text ol li.fourth{
background:url(../images/ol4.gif) no-repeat left top;
}
#content-main .bottom-text ol li.fifth{
background:url(../images/ol5.gif) no-repeat left top;
}
#content-main .bottom-text ol li.sixth{
background:url(../images/ol6.gif) no-repeat left top;
}
#content-main .bottom-text ol li.seventh{
background:url(../images/ol7.gif) no-repeat left top;
}
#content-main .bottom-text .table{
margin-bottom:20px;
float:left;
}

#error_mess { 
color: red;
margin: 0 20px;
}
#result_message {
  margin: 0 20px;  
}

#result {
background-color: #fff;
width: 500px;
height: 500px;
padding-top: 230px;
text-align: center;
display: none;
}


/***Table***/
table{
margin-bottom:20px;
width:100%;
}
table .left{
text-align:left;
}
table .header{
font-size:16px;
font-weight:bold;
}
table tr{

}
table td{
text-align:center;
padding-top:2px;
padding-bottom:2px;
}
table .border td{
border-bottom:1px solid #c5c5c5;
}
table .row-header{
background-color:#3cb64b;
color:#ffffff;
}
table .special{
font-size:11px;
padding-left:10px;
}
table .first{
padding-left:10px;
}
table.last{
padding-right:10px;
}