/* reset
-------------------------------------------------------------- */

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:top;
}
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
abbr[title], dfn[title] { border-bottom:1px dotted #f00; cursor:help; }
blockquote, q { quotes:none; }
blockquote:after, blockquote:before, q:after, q:before { content:''; content:none; }
del { text-decoration:line-through; }
hr { border:0; border-top:1px solid #f00; display:block; height:1px; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
ins { background-color:#f00; color:#000; text-decoration:none; }
mark { background-color:#f00; color:#000; font-style:italic; font-weight:bold; }
nav ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }


/* typography
-------------------------------------------------------------- */

/* basic typography */
body {
	color:#42a8e2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
strong { font-weight:bolder; }
sup { font-size:0.75em; line-height:1em; vertical-align:super; }

/* base sizes */
.font-xsmall { font-size:0.7143em; line-height:1.4286em; } /* 10 */
.font-small { font-size:0.8571em; line-height:1.6667em; } /* 12 */
p, li { font-size:1em; line-height:1.4286em; } /* 14 */
h6 { font-size:1.1429em; line-height:1.5em; } /* 16 */
h5 { font-size:1.2857em; line-height:1.4em; } /* 18 */
h4 { font-size:1.4286em; line-height:1.4286em; } /* 20 */
h3 {
	font-size:1.3em;
	line-height:normal;
} /* 22 */
h2 { font-size:1.7143em; line-height:1.6em; } /* 24 */
h1 {
	font-size:1.8571em;
	line-height:normal;
} /* 26 */
.font-large { font-size:2em; line-height:1.4286em; } /* 28 */
.font-xlarge { font-size:2.1429em; line-height:1.3333em; } /* 30 */

/* margins & padding */
.font-xsmall { margin:2 0; }
.font-small { margin:1.6667em 0; }
p, ul {
	margin-top: 1.028em;
	margin-right: 0;
	margin-bottom: 1.028em;
	margin-left: 0;
}
h6 { margin:1.25em 0; }
h5 { margin:1.1111em 0; }
h4 {
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
h3 {
	margin-top: 0.4091em;
	margin-right: 0;
	margin-bottom: 0.4091em;
	margin-left: 0;
}
h2 { margin:0.8333em 0; }
h1 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.3692em;
	margin-left: 0;
}
.font-large { margin:0.7143em 0; }
.font-xlarge { margin:0.6667em 0; }
li { margin-top:.428em; padding-left:30px; }

/* alignment */
h1, h2, h3, h5, h6, li { text-align:left; }
p, h4 { text-align:justify; }

/* headings */
h1, h2, h3 {
	color:#ae0a2d;
	font-weight:normal;
	text-transform:capitalize;
}
h4 { color:#fb0; font-family:Georgia, "Times New Roman", serif; font-style:italic; font-weight:normal; }
h5, h6 { color:#000; font-weight:normal; }

/* links */
a:link, a:visited { color:#5dacec; }
a:hover { text-decoration:none; }
a:active{ text-decoration:underline; }

/* lists */
li, li.lh { list-style-type:none; }
li { background:url(list-arrow-trans.png) no-repeat 0 2px; }
li.lh { background:none; font-weight:bolder; margin-top:0; padding-left:0; }
li.list-icon { background:none; padding-left:0; }
ul.more-info { background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:inline-block; float:left; padding:10px 60px 10px 10px; margin:20px 0; position:relative; text-align:left; }
ul.more-info li { background:url(info-trans.png) no-repeat 0 6px; font-weight:bold; line-height:3em; margin:0; padding-left:50px; }
ul.more-info li span { color:#ccc; font-size:5em; font-weight:normal; line-height:1em; position:absolute; right:10px; text-decoration:none; top:-9px; }

/* Raimthis */
.mt-link { background:#fff; padding:3px 5px 2px; text-decoration:none; }
.mt-Raim { color:#0059a9; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-style:normal; font-weight:bold; line-height:1em; text-transform:uppercase; }
.mt-this { color:#f60; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-style:italic; font-weight:normal; line-height:1em; text-transform:lowercase; }


/* layout
-------------------------------------------------------------- */

/* site */
html { overflow-x:hidden; }
body { background:#d4eafa url(body-bg.jpg) repeat-x 0 260px; overflow-x:hidden; overflow-y:hidden; text-align:center; z-index:0; }
iframe { background:none; border:none; margin:0 auto; overflow:hidden; }
#no-javascript { background:#f00; left:0; filter:Alpha(Opacity=90); opacity:.90; position:fixed; right:0; top:0; width:100%; z-index:999; }
#no-javascript p { color:#fff; margin:5px 0; text-align:center; }
.tracking { bottom:0; display:none; height:0; left:0; position:absolute; width:0; }

/* header */
#header { background:#006db4 url(header-black.jpg) no-repeat center top; height:260px; position:relative; width:100%; }
#flag { left:208px; position:absolute; top:33px; }
#header-number { position:absolute; right:0; top:5px; width:300px; }
#header-number p { color:#ffff00; margin:0; text-align:right; text-shadow:0 0 1px #0059a9; text-transform:uppercase; }
#header-number p span.phoneNumber {
	font-size:1.4666em;
	font-weight:bold;
	line-height:1em;
}
#topbar { background:#fff; bottom:0; left:0; position:absolute; right:0; }

/* middle */
#middle { background:#fff; margin-left:auto; margin-right:auto; max-width:960px; min-height:600px; min-width:960px; padding:10px 0; position:relative; width:960px; }
#slider { position:relative; min-height:130px; overflow:hidden; width:940px; }
#slide { height:300px; max-height:300px; overflow:hidden; width:940px; }
li.slide-list { background:none; height:130px; padding-left:0; width:940px; }
#content { min-height:200px; }

/* footer */
#footer { background-color:#d4eafa; background-image:url(footer.jpg); background-repeat:repeat-x; background-position:center bottom; clear:both; height:690px; width:100%; }
#footer .container_24 { background:url(footer-content-bg.jpg) repeat-x top; }
/* wrap message */
.wrap-footer { background:#5dacec; background:-moz-linear-gradient(center top, #5dacec 0%, #286dc1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5dacec), color-stop(1, #286dc1)); border:1px solid #286dc1; border-left:none; -webkit-box-shadow:0 1px 4px #666; box-shadow:0 1px 4px #666; height:152px; width:100%; }
.wrap-footer-triangle { border-color:transparent #004598 transparent transparent; border-style:solid; border-width:10px; height:0; left:-30px; position:absolute; top:-10px; width:0; z-index:0; }
.wrap-footer-left { background:#5dacec; background:-moz-linear-gradient(center top, #5dacec 0%, #286dc1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5dacec), color-stop(1, #286dc1)); border:1px solid #286dc1; border-right:none; bottom:0; height:152px; left:-20px; position:absolute; top:0; width:20px; z-index:1; }
.wrap-footer-right { background:#5dacec; background:-moz-linear-gradient(center top, #5dacec 0%, #286dc1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5dacec), color-stop(1, #286dc1)); border:1px solid #286dc1; border-left:none; bottom:0; height:152px; position:absolute; right:-20px; top:0; width:20px; z-index:1; }
.wrap-footer-triangle-right { border-color:transparent transparent transparent #004598; border-style:solid; border-width:10px; height:0; position:absolute; right:-30px; top:-10px; width:0; z-index:0; }
.wrap-footer .grid_6 { height:130px; }
.wrap-footer ul { display:none; height:130px; overflow:hidden; }
.wrap-footer li { background:url(bullet-trans.png) no-repeat 0 1px; line-height:1.3em; text-transform:capitalize; }
.wrap-footer li.lh { background:url(articles-trans.png) no-repeat 1px 0; color:#0059a9; font-size:1.3em; line-height:1.1em; padding-left:30px; text-shadow:0 0 1px #fff; }
.wrap-footer li, .wrap-footer li a { color:#fff; }
.wrap-footer div.grid-colborder-right { border-right:1px solid #286dc1; }
.wrap-footer span.phoneNumber { bottom:3px; color:#fff; font-size:1.3em; font-weight:bold; line-height:1em; position:absolute; right:4px; }
/* Raim members */
#Raim-members { background:#fff; background:-moz-linear-gradient(center top, #f4f4f4 0%, #fff 80%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(0.8, #fff)); border:1px solid #fff; -webkit-border-radius:5px; border-radius:5px; height:188px; padding:5px 10px; }
#Raim-members-icon { position:absolute; right:10px; top:-20px; z-index:99; }
/* news */
#news { background:#fff; background:-moz-linear-gradient(center top, #f4f4f4 0%, #fff 80%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(0.8, #fff)); border:1px solid #fff; -webkit-border-radius:5px; border-radius:5px; height:188px; padding:5px 10px; }
#news-icon { position:absolute; right:10px; top:-20px; z-index:99; }
/* twitter */
#twitter { background:#fff; background:-moz-linear-gradient(center top, #f4f4f4 0%, #fff 80%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(0.8, #fff)); border:1px solid #fff; -webkit-border-radius:5px; border-radius:5px; height:188px; padding:5px 10px; position:relative; }
#twitter h3 { line-height:1em; margin:5px 0 22px 5px; }
#twitter-bird { position:absolute; right:5px; top:-20px; z-index:99; }
#twitter iframe { height:135px; overflow-y:scroll; width:278px; }
/* about Raim */
#about-Raim { color:#c3ab97; height:190px; }
#about-Raim h3, #footer-right h5 { background:#22170e; color:#c3ab97; text-indent:10px; }
#about-Raim a, #footer-right a { color:#eee; }
/* footer right */
#footer-right { color:#c3ab97; height:190px; position:relative; }
#footer-right form { left:0; margin:0; position:absolute; width:300px; }
#social-media { bottom:98px; margin:0; position:absolute; right:0; width:300px; }
#social-media img { float:right; margin-left:10px; }
#footer-right h5 { margin-top:5px; }
#industry-bodies { bottom:20px; left:0; margin:0; position:absolute; width:620px; }
#industry-bodies img { float:left; margin-left:62px; }
#industry-bodies p { float:right; margin:0; margin-top:5px; text-align:right; }
/* footer keywords */
#keywords ul li { background:none; padding-left:0; text-align:center; }
#keywords ul li.lh { color:#c3ab97; }
#keywords ul li a { color:#fff; filter:Alpha(Opacity=40); opacity:.40; }

/* grid */
.container_24 { height:100%; margin-left:auto; margin-right:auto; max-width:960px; min-width:960px; position:relative; width:960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; }
.alpha { margin-left:0; }
.omega { margin-right:0; }
.container_24 .grid_1 { width:20px; }
.container_24 .grid_2 { width:60px; }
.container_24 .grid_3 { width:100px; }
.container_24 .grid_4 { width:140px; }
.container_24 .grid_5 { width:180px; }
.container_24 .grid_6 { width:220px; }
.container_24 .grid_7 { width:260px; }
.container_24 .grid_8 { width:300px; }
.container_24 .grid_9 { width:340px; }
.container_24 .grid_10 { width:380px; }
.container_24 .grid_11 { width:420px; }
.container_24 .grid_12 { width:460px; }
.container_24 .grid_13 { width:500px; }
.container_24 .grid_14 { width:540px; }
.container_24 .grid_15 { width:580px; }
.container_24 .grid_16 { width:620px; }
.container_24 .grid_17 { width:660px; }
.container_24 .grid_18 { width:700px; }
.container_24 .grid_19 { width:740px; }
.container_24 .grid_20 { width:780px; }
.container_24 .grid_21 { width:820px; }
.container_24 .grid_22 { width:860px; }
.container_24 .grid_23 { width:900px; }
.container_24 .grid_24 { width:940px; }
div.grid-colborder-right { border-right:1px solid #ccc; margin-right:0; padding-right:9px; }
div.grid-colborder-left { border-left:1px solid #ccc; margin-left:0; padding-left:9px; }


/* globals
-------------------------------------------------------------- */

/* clear */
.clear, .clear10, .clear20, .clear40, .clear60, .clear80 { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clear10 { height:10px; }
.clear20 { height:20px; }
.clear40 {
	height:15px;
}
.clear60 { height:60px; }
.clear80 { height:80px; }
/* margins */
.no-margin { margin:0; }
.no-margin-top { margin-top:0; }
.no-margin-bottom { margin-bottom:0; }
/* images */
.img-border { border:1px solid #ccc; padding:3px; }
.img-lightbox { background:#fff url(lightbox.jpg) no-repeat bottom; border:1px solid #ccc; -webkit-box-shadow:0 0 5px #ddd; box-shadow:0 0 5px #ddd; padding:6px 6px 20px 6px; }
.img-lightbox:hover { background:#fff; -webkit-box-shadow:none; box-shadow:none; cursor:pointer; }
/* button */
.button { display:inline; margin:20px auto; text-align:center; }
.button a { font-size:1em; font-weight:bold; line-height:1em; text-decoration:none; text-transform:uppercase; }
.button .button-yellow { background:#fb0; background:-moz-linear-gradient(center top, #ff0 25%, #fb0 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.25, #ff0), color-stop(1, #fb0)); border:1px solid #fb0; -webkit-border-radius:5px; border-radius:5px; color:#000; padding:10px 20px; }
.button a:hover .button-yellow { background:#ff0; border:1px solid #fb0; -webkit-box-shadow:none; box-shadow:none; }
.button .button-blue { background:#286dc1; background:-moz-linear-gradient(center top, #5dacec 25%, #286dc1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.25, #5dacec), color-stop(1, #286dc1)); border:1px solid #286dc1; -webkit-border-radius:5px; border-radius:5px; color:#fff; padding:10px 20px; }
.button a:hover .button-blue { background:#5dacec; border:1px solid #286dc1; -webkit-box-shadow:none; box-shadow:none; }
/* disclaimer */
.disclaimer { border-top:1px solid #eee; margin-top:20px; padding-top:10px; }
.disclaimer p { color:#666; font-size:0.7143em; line-height:1.4286em; margin:0; }
/* general */
.load { visibility:hidden; }
.hr { background:#ccc; clear:both; font-size:1px; height:1px; line-height:1px; margin:40px 20px; padding:0; }
.highlight { background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:20px 0; padding:10px; }
.float-left { float:left; margin:.428em 1.428em 1em 0; }
.float-right { float:right; margin:.428em 0 1em 1.428em; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
.shadow { background:url(shadow-trans.png) no-repeat center; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; background-size:100% 100%; }
.opacity { filter:Alpha(Opacity=80); opacity:.80; }
.opacity-on:hover { filter:Alpha(Opacity=80); opacity:.80; }
.opacity-off:hover { filter:Alpha(Opacity=100); opacity:100; }
.scroll-y { background:url(scroll-y-trans.png) no-repeat center right; overflow:hidden; }
.scroll-x { background:url(scroll-x-trans.png) no-repeat bottom center; overflow:hidden; }
.scroll-y:hover { overflow-y:auto; }
.scroll-x:hover { overflow-x:auto; }


/* general
-------------------------------------------------------------- */

/* slider */
#slide li object { float:left; height:300px; max-width:640px; width:640px; z-index:0; }
#slide li iframe { float:left; height:300px; max-width:640px; width:640px; z-index:0; }
.slider-inner { background:url(slider-inner-trans.png) repeat; color:#fff; float:right; height:300px; padding:0 20px; position:relative; width:260px; z-index:888; }
.slider-inner-video { background:url(video-1.jpg) no-repeat; }
/* slider roofing */
.slide-roofing-1 { background:url(slide3.jpg); }
/* slider shutters */
.slide-shutters-1 { background:url(slide5.jpg); }
/* slider solar */
.slide-solar-1 { background:url(solar-1.jpg); }
/* slider other */
.slide-other-1 { background:url(slide2.jpg); }
/* slider general */
.slide-general-1 { background:url(slide6.jpg); }
.slide-general-a1 { background:url(hbw_main.jpg); }
/* slider testimonials */
.slide-testimonials { background:url(slide1.jpg); }
#slide blockquote { background:none; margin:0; padding:0; }
#slide blockquote p.testimonials-quote { color:#888; margin:-20px -30px -55px 20px; }
#slide blockquote h5 { color:#fff; font-style:italic; }
#slide blockquote ul { text-align:center; }
#slide blockquote ul li { background:none; padding-left:0; }
#slide blockquote ul img { border:4px solid #888; }
/* slider specials */
.slide-specials-1 { background:url(slide4.jpg); }
/* slider think greener */
.slide-think-greener-1 { background:url(think-greener-1.jpg); }
/* media */
.media-film { background:url(media-film-trans.png) no-repeat; height:508px; margin:1.428em 0 1.428em 0; position:relative; width:678px; }
#content .media-film .mask { background:#eee; bottom:93px; height:12px; left:45px; position:absolute; width:400px; z-index:9; }
#content .media-film .youtube { left:41px; position:absolute; top:89px; }
/* testimonials */
blockquote { background:#f4f4f4 url(blockquote.png) repeat-y; margin:20px 0; min-height:60px; padding:5px 35px 5px 40px; }
blockquote p.testimonials-quote { color:#fff; float:right; font-size:10em; font-weight:bold; line-height:1em; margin:-25px -25px -55px 20px; }
blockquote ul { text-align:left; }
blockquote ul li { background:url(testimonial-icon.png) no-repeat; background-position:0 2px; display:inline; padding-left:18px; }


/* google search
-------------------------------------------------------------- */

#___gcse_0 img, .gs-image-box, .gs-web-image-box, .gs-web-image-box-portrait { display:none; }
.gs-title, a.gs-title { border:none; color:#5dacec; font-size:16px; text-align:left; text-decoration:underline; }
.gs-title:hover, a.gs-title:hover { border:none; text-decoration:none!important; }
.gsc-url-top { color:#000; font-family:Georgia, "Times New Roman", serif; font-size:14px; font-style:italic; line-height:1.4286em; text-align:left; }
.gsc-table-result { color:#333; font-size:14px; line-height:1.4286em; text-align:left; margin-left:7px; }
.gsc-results .gsc-cursor-box .gsc-cursor-page,.gsc-cursor .gsc-cursor-page { cursor:pointer; text-decoration:underline!important; }
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .gsc-cursor-current-page:hover { text-decoration:none!important; }
.gsc-cursor .gsc-cursor-current-page { cursor:default; font-weight:normal!important; }


/* webkit
-------------------------------------------------------------- */
html { -webkit-font-smoothing:antialiased; }


/* handheld
-------------------------------------------------------------- */

/* ipad
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
} */

/* smartphones */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
#slider { display:none; }
.wrap-footer, #keywords { visibility:hidden; }
}