/* =========================== DEFAULT STYLES =========================== */
* { padding: 0; margin: 0; }
html { padding: 0; margin: 0; }
body {	padding: 0; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000; 
	background-color:#00AEEF;
		border-top:2px solid #4f4c4d}
img { border: 0; }
.clear { clear: both; }
.hidden { display: none; }
.wrapper { width: 940px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.bold{font-weight:bold}
.normal{font-weight:normal}
.right{float:right}
.pad_t10{padding-top:10px}

/* ===TEXT=== */
a { color: #00AEEF; text-decoration: none; }
a:hover { text-decoration: underline; color:#4F4C4D }
a:focus { outline: none; }
h1,h2.home{font:2em 'NunitoRegular', Arial,  Helvetica, sans-serif;line-height: 1.1em;color: #000;margin-bottom: 10px;font-weight:bold}
h1.post{font-size:1.7em}
h1#site_name{margin-bottom:0}
h2{	font: 2em 'NunitoRegular'; line-height: 1.1em;color: #000;margin-bottom: 10px;}
h3 {font: 1.5em 'NunitoRegular'; line-height: 1em;font-weight: bold; color: #000;margin-bottom: 10px;}
h4 {font: 1.3em 'NunitoRegular'; line-height: 1em;font-weight: bold; color: #000;margin-bottom: 5px;}	
p, ul, ol {font-size: 1.2em; line-height:1.4em;	margin-bottom: 10px;}
.intro{font-size:1.4em;}	
ul { list-style: disc outside; margin-left: 30px; }
ol { list-style: decimal outside; margin-left: 21px; }
@font-face {font-family: 'NunitoRegular';
    src: url('Nunito-Regular-webfont.eot');
    src: url('Nunito-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Nunito-Regular-webfont.woff') format('woff'),
         url('Nunito-Regular-webfont.ttf') format('truetype'),
         url('Nunito-Regular-webfont.svg#NunitoRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

/* =========================== HEADER =========================== */
#header{color:#00aeef;
		height: 80px;
		background-color:#FFFFFF}/*85px*/	
#site_name a {width: 116px;
	background: url('/img/logo.png') left top no-repeat;
	text-indent: -10000px;
	height: 50px;
	margin-top:14px}
#header_site_tagline,#site_name a,#header_contact{float:left;}
#header_site_tagline{width: 390px;
	padding-left: 124px;
	padding-right: 110px;
	font: 2em 'NunitoRegular', Arial, Helvetica, sans-serif;/*2.1em 'NunitoRegular', Arial, Helvetica, sans-serif;*/
	line-height:1.5em;
	text-transform:uppercase;
	padding-top:10px;}
#header_contact{width: 200px;
	text-align:right;
	padding-top:14px;
	float: right;}
#phone{font: 2.6em 'NunitoRegular', Arial, Helvetica, sans-serif;
		padding-bottom:5px}/*9px}*/		
#header_contact  a{color:#4f4c4d;
	font: 1.5em 'NunitoRegular', Arial, Helvetica, sans-serif;}
#header_contact a:hover{color:#000;} 

/* =========================== MENU =========================== */
#nav{height: 44px;
	background: #5e5b5c; /* Old browsers */
	background: -moz-linear-gradient(top,  #5e5b5c 0%, #4a4a4a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5b5c), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5e5b5c 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5e5b5c 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5e5b5c 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(top,  #5e5b5c  0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5b5c', endColorstr='#333333',GradientType=0 ); /* IE6-9 */}
#nav ul{list-style:none;
	margin-left:0px;
	padding:9px 0px 9px 0px;
	font-size:1.3em;
	font-weight:bold}
#nav li{display:inline-block;
	float: left}
#nav a{color:#dedede;
	float: left;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:9px;
	border:2px solid #00aeef;
	-webkit-border-radius:  3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
#nav a.home{width:126px;margin-left:0px;}
#nav a.suppliers{width:160px}
#nav a.news{width:130px}
#nav a.maintenance{width:180px}
#nav a.contact{width:140px}
#nav a.about{width:130px}
#nav a:hover{color:#ffffff;background: #2e2e2e;border:2px solid #00c3ef;}
#nav .active a{color:#ffffff;
	background: #1db6ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #1db6ef 0%, #00aeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db6ef), color-stop(100%,#00aeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1db6ef 0%,#00aeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1db6ef 0%,#00aeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1db6ef 0%,#00aeef 100%); /* IE10+ */
	background: linear-gradient(top,  #1db6ef 0%,#00aeef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db6ef', endColorstr='#00aeef',GradientType=0 ); /* IE6-9 */border:2px solid #00c3ef;}
#nav .active a:hover{color:#ffffff }

/* =========================== PAGE LAYOUT =========================== */
#page{padding-top: 35px;
	background-color: #FFFFFF;
	min-height: 200px;
	padding-bottom: 35px;}
.one_two,.two_two{float:left;
	width:450px;
	margin-bottom:25px;}
.one_two{padding-right:19px;}
.two_two{padding-left:20px;border-left:1px #EBEBEB solid;}	
.col1_3,.col2_3,.col3_3{float:left;
	margin-bottom:30px;}
.col1_3{width:256px}
.col2_3,.col3_3{width:301px;
	padding-left:20px;
	padding-right:20px}
.col2_3{border-right: 1px #EBEBEB solid;
	border-left: 1px #EBEBEB solid;}
.slideshow{width:450px;}

/* =========================== HOME =========================== */
#home_posts{background:#FFF}
#home_posts h4 a{color:#000000}
.color_list ul{color: #00AEEF;}
.color_list li:hover{ color: #4F4C4D; }
#home_posts h3{background: #1db6ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #39beef 0%, #00aeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39beef), color-stop(100%,#00aeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #39beef 0%,#00aeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #39beef 0%,#00aeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #39beef 0%,#00aeef 100%); /* IE10+ */
	background: linear-gradient(top,  #39beef 0%,#00aeef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39beef', endColorstr='#00aeef',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	padding:5px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	margin-bottom:0px}
#home_posts #categories_column h4{font-size: 1.1em;
	text-transform:none}	
#home_posts ul{list-style: none;
	margin-left: 0px;
	float: left;
	border: 1px #EBEBEB solid;
	margin-bottom:30px;
	padding:10px 10px 10px 10px}
#home_posts li{width:283px;
	padding-left:16px;
	border-left: 1px #EBEBEB solid;
	margin-left:17px;
	float: left;}
#home_posts li:first-child{padding-left:0px;
	border-left:0px;
	margin-left:0px;}
#home_posts .details{width:123px;
	float:left;
	padding-right:10px}
#home_posts .details p{font-size: 1em;
	line-height: 1.2em;}
#home_posts .image{width:150px;
	float:left}
#home_posts h4{font-size:1.2em}
.secondary_content{background-color: #dceaef;
	border-top:2px #bfe2ef solid;}
#footer_logos ul{list-style:none;
	font-size:1.4em;
	margin-left: 0px;
	text-align: center;}
#footer_logos{margin:25px 0px 15px 0px;
	height:50px}
#footer_logos li{display:inline-block;
	width:150px;
	height:50px;
	margin-right:44px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center top}
#footer_logos li a{width:150px;
	height:50px;
	display:block}	
#footer_logos ul li{text-indent: -10000px;}	
#footer_logos li:first-child{margin-right:43px;background-position:left top}
#footer_logos li:last-child{margin-right:0px;
	margin-left:15px;
	background-position:right top}
.slideshow {background: url('/img/shade_450.png') bottom no-repeat;
	padding-bottom: 14px;
	height:230px}
.slideshow.large{height:300px}
h3 a,h3 a:hover{color:#FFF;padding-left: 6px;display:block;}

/* =========================== PRODUCTS =========================== */
#product_supplier_logo{float:right;
	width:361px;
	margin-bottom:40px;
	padding-left:20px; }
h1.product{float:left}
#products{width:538px;
	padding-right:20px;
	float:left;
	border-right:1px solid #EBEBEB;
	margin-bottom:40px;}
#posts.products h3 a {min-height: 0px;}
ul#supplier_images{list-style:none;
	margin-left:0px;}
#supplier_images li{display:inline-block;
	float: left;
	margin-left:25px;
	margin-bottom:25px}
#supplier_images li:first-child,#supplier_images li.first{margin-left:0px}
#product_supplier_logo #categories_column{width:361px;
	padding-left:0px;
	padding-top:20px}
#product_supplier_logo #categories_column li{width:361px;}

/* =========================== ABOUT =========================== */
.about_holder{padding-top:20px}

/* =========================== CONTACT =========================== */
.send_message {border: 1px solid #00AEEF;
	color: #00AEEF;
	height: 23px;
	width: 108px;
	background-color:#fff;
	float:right;
	margin-top:5px;
	text-transform:uppercase}
.send_message:hover {border: 1px solid #000;
	color: #4F4C4D;}
input, textarea{width: 298px;height: 18px; border: 1px solid #CCCCCC; padding: 2px 2px 0px 2px; background-color: #FFFFFF;margin-bottom:5px}
input, textarea{ padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333333;}
input:focus ,textarea:focus{ outline: none; }
textarea {height: 128px;}
label{display:block}
#flashMessage,.error-message,.message{color: #EF0707;font-weight:bold}
#flashMessage,.contact_form{font-size: 1.2em;
	line-height: 1.4em;}
.map_coverage{width:215px;
	margin-top:10px;
	float:left;}
.map_coverage.first{margin-right:20px;}
.map_coverage h3{background: #f34949; /* Old browsers */
		background: -moz-linear-gradient(top,  #f34949 0%, #f30505 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f34949), color-stop(100%,#f30505)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f34949 0%,#f30505 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f34949 0%,#f30505 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f34949 0%,#f30505 100%); /* IE10+ */
		background: linear-gradient(top,  #f34949 0%,#f30505 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f34949', endColorstr='#f30505',GradientType=0 ); /* IE6-9 */
		padding:5px;}
.map_coverage.first h3{background: #ffff99; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffff99 1%, #ffff00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffff99), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffff99 1%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffff99 1%,#ffff00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffff99 1%,#ffff00 100%); /* IE10+ */
		background: linear-gradient(top,  #ffff99 1%,#ffff00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff99', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
		font: 1.3em}
.map_coverage p{margin-bottom:0px;
	padding-left:5px;}
	
/* =========================== INSTALLATIONS =========================== */
#categories_column{float:left;
	width:139px;
	padding-left:20px;
	margin-bottom:30px}	
#categories_column h2{font-size:1.7em;
	text-transform:uppercase;
	border-bottom:1px solid #EBEBEB;
	margin-bottom:0;
	padding-bottom:5px}
#categories_column li {width:139px}	
#categories_column li a{border-bottom:1px solid #EBEBEB;
	display:block;
	padding-bottom:3px;
	padding-top:3px;
	text-decoration:none}
#categories_column li a:hover,#categories_column li.active a{background-color:#edfbff}
#categories_column li.active a{color: #4F4C4D;}
#posts{float:left;
	width:760px;
	border-right:1px solid #EBEBEB;
	padding-right:20px;
	margin-bottom:30px}	
.post_contents{width:348px;
	padding:10px;
	border:1px solid #EBEBEB;}
#posts h3{font-size: 1.2em;
	width:350px;
	padding:10px;
	margin-bottom:0;
	background: #1db6ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #39beef 0%, #00aeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39beef), color-stop(100%,#00aeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #39beef 0%,#00aeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #39beef 0%,#00aeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #39beef 0%,#00aeef 100%); /* IE10+ */
	background: linear-gradient(top,  #39beef 0%,#00aeef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39beef', endColorstr='#00aeef',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF}
#posts h3 a{color:#FFFFFF;
	display:block;
	min-height: 28px;}
ul#posts_list,#categories_column ul{list-style: none;
	margin-left: 0px;
	float:left;}
#posts_list li{float:left;margin-bottom:20px;}	
#posts_list li.altrow{margin-right:19px}
.post_details,.post_image{float:left;}
.post_details{width:170px;}
.post_details p{font-size:1.1em;margin-bottom:0px}
.post_image{margin-left:20px;width:150px;padding-top: 5px;}
#posts .intro{padding-bottom:10px;border-bottom:1px solid #EBEBEB;margin-bottom:20px}
#posts.products h3{min-height:15px;}
#posts.products .post_image{width:343px;}
#posts.products .post_contents{min-height: 130px;}
.one_two.install{width:270px;}
#categories_column.install{float:right;}	
.two_two.install{border-right: 1px solid #EBEBEB;
	padding-right:20px}	
.install_area{font-weight:bold;
	color: #666;
text-transform: uppercase;
font-weight: bold;}
.install_category span{font-weight:bold;}
.install_category{border-top: 1px solid #EBEBEB;
	padding-top:5px}
h1.post{margin-bottom:1px}
/* =========================== SITEMAP ============================= */

#site_map a{display:block;
	text-decoration:none;
	font-weight:bold}
#site_map a:hover{color:#4F4C4D}
ul#site_map{margin:0px}
#site_map li,#products_list li {font-size:1.1em;
	line-height: 1.4em;}
#site_map li{list-style:none;
	margin-bottom: 5px;
	border-bottom: 1px solid #000;}	
#site_map li:hover{border-bottom: 1px solid #4F4C4D}	
#products_list li {list-style: outside disc;
	font-size: 0.8em;
	border-bottom: 0px;}
#products_list li:hover{border-bottom:0px !important;
	color: #00AEEF;}
ul#products_list{margin-left:20px}

/* =========================== FOOTER =========================== */
#footer_top { height: 25px;
	background: #fff url(/img/shadow.png) left 18px repeat-x; }
#footer{ padding-top:15px;
	color:#FFF;
	background: #00AEEF; }
#footer a{color:#4f4c4d;}
#footer a:hover{color:#000;}	
#footer_contact,#footer_logo,#footer_links{float:left;}	
#footer_contact{width:469px}
#footer_contact span{color:#EAF2CE}
#footer_contact_details{font-size:1.5em;
	margin-bottom:5px}	
#footer_details{font-size:1em}
#footer_links{width:109px;padding-right:30px;padding-left:70px;
	margin-right:50px;
	border-right:1px #4ac2ef solid;
	border-left:1px #4ac2ef solid;
		min-height:75px;}
#footer_links ul{margin-left:0px;
	list-style:none}
#footer_design{text-align:right;
	float:right;
	width:210px}