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

/*************************************GENERAL STYLES**************************************/
/**Begin CSS RESET**/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**End CSS RESET**/

/**Begin GENERAL styles**/
html {overflow-x: hidden;}
body {
	max-width: 	 100%;
	min-width:   320px;
	font-family: 'Open Sans', sans-serif;
	background:  url('../images/blind_bg_texture.png') repeat;
	border-top:  10px solid #00A5C5;
	overflow-x:  hidden;
	color:		 #666666;
}
.wrapper {
	clear: 	    both;
	max-width:  1200px;
	background: #FFF;
	margin:     0 auto;
}
.full_width,
.grid_halves,
.grid_thirds {
	padding: 			20px;
	float:   			left;
	box-sizing: 		border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
}
.full_width {width: 100%;}
.grid_halves {width: 50%;}
.grid_thirds {
	width: 33.33%;
	width: calc(100% / 3);
	width: -webkit-calc(100% /3);
}
.two_thirds {width: 66.67%;}
.one_third {width: 33.33%;}
p {line-height: 1.3em;}
h1 {
	font-family: 'Merriweather', serif;
	font-style:  italic;
}
h2 {
	font-family:   'Merriweather', serif;
	font-size:     1.4em;
	margin-bottom: 1em;
}
.bold {font-weight: 700;}
.italic {font-style: italic;}
.transition {
	transition:	   		all 0.2s ease-in-out;
	-webkit-transition:	all 0.2s ease-in-out;
	-moz-transition:	all 0.2s ease-in-out;
	-ms-transition:	    all 0.2s ease-in-out;
	-o-transition:	    all 0.2s ease-in-out;	
}
.clear {clear: both;}
::selection {background: #75b8c5;}
::-moz-selection {background: #75b8c5;}
.section_divider {
	clear: 		both;
	float: 		left;
	margin: 	0 auto;
	height: 	5px;
	width:  	100%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(238,238,238,0.5) 25%, rgba(238,238,238,1) 50%, rgba(238,238,238,0.5) 75%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(238,238,238,0.5)), color-stop(50%,rgba(238,238,238,1)), color-stop(75%,rgba(238,238,238,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(238,238,238,0.5) 25%,rgba(238,238,238,1) 50%,rgba(238,238,238,0.5) 75%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(238,238,238,0.5) 25%,rgba(238,238,238,1) 50%,rgba(238,238,238,0.5) 75%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(238,238,238,0.5) 25%,rgba(238,238,238,1) 50%,rgba(238,238,238,0.5) 75%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(238,238,238,0.5) 25%,rgba(238,238,238,1) 50%,rgba(238,238,238,0.5) 75%,rgba(255,255,255,0) 100%); /* W3C */
	filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}
.redirect_links, 
#reveal_sidebar {	
	-moz-box-shadow:	inset 0px 1px 0px 0px #4cb1c5;
	-webkit-box-shadow: inset 0px 1px 0px 0px #4cb1c5;
	box-shadow:			inset 0px 1px 0px 0px #4cb1c5;	
	background:			-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00b8d8), color-stop(1, #00a4c5));
	background:			-moz-linear-gradient(top, #00b8d8 5%, #00a4c5 100%);
	background:			-webkit-linear-gradient(top, #00b8d8 5%, #00a4c5 100%);
	background:			-o-linear-gradient(top, #00b8d8 5%, #00a4c5 100%);
	background:			-ms-linear-gradient(top, #00b8d8 5%, #00a4c5 100%);
	background:			linear-gradient(to bottom, #00b8d8 5%, #00a4c5 100%);
	filter:				progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b8d8', endColorstr='#00a4c5',GradientType=0);
	background-color:	#00b8d8;
	border:				1px solid #0093b0;	
	color:				#FFFFFF;
	text-decoration:	none;	
	text-shadow:	 	0px 1px 0px #0093b0;	
}
.redirect_links {
	-moz-border-radius:    3px;
	-webkit-border-radius: 3px;
	border-radius:		   3px;
	display:			   inline-block;
	padding:			   .5em 1em;
	margin-bottom: 		   20px;
}
.redirect_links:hover
#reveal_sidebar:hover {	
	background:		  -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00a4c5), color-stop(1, #00b8d8));
	background:		  -moz-linear-gradient(top, #00a4c5 5%, #00b8d8 100%);
	background:		  -webkit-linear-gradient(top, #00a4c5 5%, #00b8d8 100%);
	background:		  -o-linear-gradient(top, #00a4c5 5%, #00b8d8 100%);
	background:		  -ms-linear-gradient(top, #00a4c5 5%, #00b8d8 100%);
	background:		  linear-gradient(to bottom, #00a4c5 5%, #00b8d8 100%);
	filter:			  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a4c5', endColorstr='#00b8d8',GradientType=0);
	background-color: #00a4c5;
	text-shadow:	  0px -1px 0px #0093b0;	
}
.redirect_links:active {
	position: relative;
	top:      1px;
}
.redirect_links:after {
	content: 	 '\f064'; 
	font-family: 'FontAwesome';
	padding-left: 10px;
	font-size:    1.2em;
}
#products #product_grid section ul li:before,
#services #services_main ul li:before {
	content: 	   '\f111';
	font-family:   'FontAwesome';
	font-size:     .5em;
	color: 		   #00a5c5;
	position:      relative;
	bottom:        4px;
	padding-right: 7px;	
	z-index:       1; 
}
/**End GENERAL styles**/

/**Begin HEADER styles**/
header {
	width: 	      	    100%;
	float: 			    left;
	background-color:   #FFF;
	padding: 		    1em;
	box-shadow:         0 2px 2px #C0C0C0;
	-webkit-box-shadow: 0 2px 2px #C0C0C0;
	-moz-box-shadow:    0 2px 2px #C0C0C0;
	box-sizing:         border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
}
.header_wrap, .footer_wrap {
	max-width: 1200px;
	margin:    0 auto;
}
header a {text-decoration: none;}
.logo, #main_nav {
	float:  left;
	height: 100%;
}
.logo {
	width:		  		20%;
	border-right: 		1px solid #EEEEEE;/*light-grey*/
	box-sizing:   		border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
}
#main_nav {
	width:      	60%;	
	font-size:  	1.2em;
	margin-top: 	1.6em;
	text-transform: uppercase;
}
#main_nav ul {
	float:  	left;
	margin: 	0 auto;
	width:  	100%;
	text-align: center;
}
#main_nav ul li {display: inline-block;}
#main_nav a {
	display: 	   block;
	color:   	   #666666;/*medium-grey*/
	padding: 	   0.5em;
	border-radius: 25px;
}
#main_nav ul li a:focus,
#main_nav ul li a:hover,
#main_nav ul li a:active, .active {
	background-color: #EEEEEE;/*light-grey*/
}
#menu-button {
	display:        none;
	float:          right;
	color: 	        #666666;
	background: 	#EEEEEE;
	padding:        0 10px;
    font-size:      1em;
    height:    	    50px;
	border:    	    none;
	outline:        0;
	cursor:    	    pointer;
	text-transform: uppercase;
}
#menu-button:after {
	content: 	  '\f0c9';
	font-family:  'FontAwesome';
	padding-left: 5px;
}
#menu-button:hover,
#menu-button:focus,
#menu-button:active {
    color:      #FFF;
    background: #00A5C5;
}
#menu-options,
#menu-options.mobile-down,
#products #product_options,
#products #product_options.mobile-down {
	display: block;
	z-index: 999999;
	clear:   both;
}
.header_right {
	float: 		 		left;
	text-align:   		right;
	width: 			    20%;
	padding: 	 		1em 0;
	height: 	  		100%;
	line-height:  		1.3em;
	border-left:  		1px solid #EEEEEE;/*light-grey*/
	box-sizing:   		border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
}
.owner, .email a, .city {color: #666666;}
.owner {font-weight: 700;}
.phone_number {color: #00A5C5;}
header .header_right a,
header .header_right a:visited {color: #666;}
header .header_right a:focus,
header .header_right a:hover,
header .header_right a:active {color: #00A5C5;}
/**End HEADER styles**/

/**Begin CONTENT styles**/
.content {
	float: 	    		left;
	position:   		relative;
	background: 		#FFF;
	width: 				100%;
	padding: 		    30px 0;
	box-shadow:         inset 0 2px 2px #C0C0C0;
	-webkit-box-shadow: inset 0 2px 2px #C0C0C0;
	-moz-box-shadow:    inset 0 2px 2px #C0C0C0;
}
#home .content {padding: 0;}
.mockup-title {
	text-align: center;
	font-size:  2em;
	padding:    1em 0;
}
.mockup-full {
	text-align: center;
	padding:    1em;
}
.mockup-full img {max-width: 100%;}
/**End CONTENT styles**/

/**Begin PRE-FOOTER styles**/
.pre_footer {
	float:   left;
	padding: 40px 0;
	width:   100%;
}
.pre_footer h2 {
	font-family:   'Merriweather', serif;
	color:         #828282; /*dark-grey*/
	font-size:     2em;
	font-style:    italic;
	text-align:    center;
	margin-bottom: 1em;
}
#specialize, 
#suppliers, 
#testimonials {
	float: 		  		left;
	width: 		  		33.3%;
	box-sizing:   		border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	border-right: 	    1px solid #DDDDDD;
	color: 				#909090;	
}
#testimonials {border: none;}
.pre_footer #specialize ul {
	list-style-type: square;
	width:   		 65%;
	margin:  	     0 auto;
}
.list_services li {font-size: 1.2em;}
#suppliers ul {
	text-align: center;
	margin:     0 auto; 
}
#suppliers ul li:first-of-type {height: 45px;}
#suppliers ul li {padding-bottom: 5px;}
#testimonials {position: relative;}
.quotes {
	position: absolute;
	top:      55px;
	left: 	  30px;
}
.testimonial_quote {
	width: 		 65%;
	margin: 	 0 auto;
	margin-top:  50px;
	line-height: 1.2em;	
	font-style:  italic;
}
.author {
	float: 		right;
	font-style: italic;
	padding: 	10px 20px 0 0;
}
/**End PRE-FOOTER styles**/

/**Begin FOOTER styles**/
footer {
	float: 		left;
	clear: 		both;
	width:      100%;
	background: #00A5C5;
	min-height: 50px;
}
.footer_nav {
	max-width: 1200px;
	margin:    0 auto;
	padding:   0 10px;	
}
footer ul {
	line-height:    50px;
	text-transform: uppercase;
}
footer nav ul a {
	display:   		 block;
	color:           #FFF;
	text-decoration: none;
	padding: 		 0 10px;
}
footer nav ul li {
	float:   left;
	display: inline-block;
}
footer nav ul a:focus,
footer nav ul a:hover,
footer nav ul a:active,
.active_footer {
	background-color: #FFF;
	color: 			  #00A5C5;  	
}
.credits {
	float: 	     right;
	text-align:  right;
	color: 	     #FFF;
	font-size:   0.8em;
	line-height: 1.2em;
	padding:     10px 0;
}
.credits a {color: #FFF;}
/**End FOOTER styles**/
/**Begin CONTACT SIDEBAR styles**/
#contact_form {margin-top: 20px;}
#reveal_sidebar {
	position: 	   absolute;
	z-index: 	   150;
	right:    	   -100px;
	top: 		   0;
	width:    	   100px;
	overflow-x:    hidden;
	height:   	   auto;
	border-radius: 0 25px 25px 0;	
	cursor: 	   pointer;
	font-size:     1.2em;
}
#contact_sidebar {
	position:   absolute;
	display:    none;
	right:      0;
	top: 		0;
	width:  	300px;	
	background: #FFFFFF;
	padding:    10px;
	z-index:    9999;
}
#contact_sidebar h2 {
	color:       #828282; /*dark-grey*/
	font-size:   1.2em;
	margin: 	 0.4em 0;
	color: 		 #00A5C5;
	font-style:  italic;
}
#contact_sidebar p {
	color: 	     #828282;
	line-height: 1.4em;
}
.button_center {text-align: center;}
#submit_button {
	background: 		   #00A5C5;
	color: 				   #FFF;
	border:    			   none;
	font-size:  		   1.2em;
	cursor:     		   pointer;
	margin:     		   0.6em 0;
	-webkit-appearance:    none;	
	-webkit-border-radius: 0;
}
#reveal_sidebar:hover, 
#submit_button:hover {background: #0FC0D9;}
#contact_sidebar #name, 
#contact_sidebar #email, 
#contact_sidebar #phone {height: 30px;}
#contact_sidebar #name, 
#contact_sidebar #email, 
#contact_sidebar #phone, 
#contact_sidebar textarea {
	width: 		 100%;
	max-width:   300px;
	text-indent: 10px;
	margin:      0.3em 0;
	font-size:   1.2em;
	font-family: 'Open Sans', sans-serif;
	color:       #666666;
	border: 	 1px solid lightgrey;
}
#contact_sidebar textarea {
	min-height:  		100px;
	max-height:   	    400px;
	padding: 			10px;
	text-indent:   	    0;
	box-sizing: 	    border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;	
}
#contact_sidebar input:focus, 
#contact_sidebar textarea:focus {outline-color: #00A5C5;}
#contact_sidebar #submit_button {
	height: 40px;
	width:  100px;
}
/**End CONTACT SIDEBAR styles**/
/*************************************GENERAL STYLES**************************************/

/*************************************HOMEPAGE STYLES**************************************/
/**Begin BANNER styles**/
#home #banner {
	float: 		left;
	width: 		100%;
	text-align: center;
	margin:     2em 0;
}
#home #banner h1 {
	color: 	   #666666;
	font-size: 2.5em;
}
/**End BANNER styles**/

/**Begin TEASER styles**/
#home #teasers {
	float: 			left;
	width: 			100%;
	padding-bottom: 40px;	
}
#home #teasers .grid_thirds {
	float: 				left;
	width: 				33.3%;
	text-align: 		center;
	padding: 			10px;
	box-sizing:   		border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
}
#home #teasers figure img {max-width: 100%;}
#home #teasers p {
	font-size:   1.2em;
	padding:     0.7em 0;
	width:   	 90%;
	margin:      0 auto;
}
#home .learn_more {
	display: 		 block;
	margin: 		 0 auto;
	margin-top:      20px;
	text-align:  	 center;
	text-decoration: none;
	color:		 	 #666666;
	background:      #EAEAEA;
	width: 			 100px;
	height: 		 40px;
	line-height:     40px;
	border:		     2px solid #E4E4E4;
	border-radius:   25px;
}
#home .learn_more:focus,
#home .learn_more:hover,
#home .learn_more:active {background: #F7F7F7;}
/**End TEASER styles**/
/*************************************HOMEPAGE STYLES**************************************/

/*************************************SERVICES STYLES**************************************/
#services #services_main section {
	float: 	left;
	margin: 40px 0;
	width:  100%;
}
#services #services_main section:last-of-type {margin-bottom: 0;}
#services #services_main section:first-of-type {margin-top: 0;}
#services .section_divider {float: left;}
#services #services_main section .main_image {
	position: 	   relative;
	float: 		   left;
	margin-bottom: 30px;
	width: 		   100%;
}
#services #services_main section figure img {max-width: 100%;}
#services #services_main section figure figcaption {
	position: 	absolute;
	bottom:   	0;
	background: rgba(255,255,255,0.9);
	width: 		100%;
	padding:    20px 0 0 10px;
}
#services #services_main section p {margin: 10px 0;}
#services #services_main ul {
	margin: 	  15px 0;
	padding-left: 1em;
}
#services #services_main ul li {line-height: 1.3em;}
#services #professional_installation a {margin-top: 1em;}
#services #services_main section h3 {
	font-size:   1.2em;
	font-weight: 600;
}
#services #services_sidebar {position: relative;}
#services #services_sidebar aside nav {top: 20px;}
#services #services_sidebar ul li {border-bottom:  1px solid #EEEEEE;}
#services #services_sidebar ul li:focus,
#services #services_sidebar ul li:hover,
#services #services_sidebar ul li:active {background: #F8F8F8;}
#services #services_sidebar ul li:last-child {
	margin-top:    30px;
	border-bottom: none;
}
#services #home_automation article {margin: 1em 0;}
#services #home_automation .grid_thirds {padding: 0;}
#services #home_automation .one_third {
	text-align:   center;
	padding-left: 10px;
	margin-top:   3em; 
}	
#services #services_sidebar ul li:last-child:focus,
#services #services_sidebar ul li:last-child:hover,
#services #services_sidebar ul li:last-child:active {background: none;}
#services .sidebar_links {
	text-decoration: none;
	font-size: 		 1.2em;
	display:		 block;
	padding: 		 5px;
	padding-left:    0;	
	color: 			 #575757;
}
#services .sidebar_active {background: #EEEEEE;}
#services .sidebar_active:before{
	content: 	 '\f0da';
	font-family: 'FontAwesome';
	padding:     0 0.5em;
	color: 		 #00A5C5;
}
#services #top_link {
	color:   #00a5c5;
	display: none;
}
/*************************************SERVICES STYLES**************************************/

/*************************************PRODUCTS STYLES**************************************/
/**Begin PRODUCT INTRO BANNER**/
#products #products_intro {
	float: left;
	width: 100%;
}
#products #products_intro figure {position: relative;}
#products #products_intro figure figcaption {
	position: 	 absolute;
	bottom:      0;
	width: 		 100%;
	background:  rgba(255,255,255,0.9);
}
#products #products_intro figure img {max-width: 100%;}
#products #products_intro figure figcaption p {
	padding:     20px 5px;
	text-align:  center;
	font-family: 'Merriweather', serif;
	font-weight: 700;
}
#products .supplier_logos li img {max-width: 100%;}
#products #link_to_services aside {
	text-align: center;
	padding: 	10px;
	position: 	relative;
}
#products #link_to_services aside p {
	font-size:     1.5em;
	font-family:   'Merriweather', serif;
	font-weight:   300;
	margin-bottom: 20px;
}
/**End PRODUCT INTRO BANNER**/

/**Begin PRODUCT NAV BAR**/
#products #product_options,
#products #product_options.mobile-down {box-shadow: 0 2px 2px #969696;}
#products #sticky_navigation_wrapper {
	/**Nav bar begins position: relative. Becomes position: fixed when user scrolls down to it.**/ 
	position:      relative;
	float: 		   left;
	padding:       0;
	width: 		   100%;
	height:        117px;
}
#products #sticky_navigation {
	float:	       left;
	width:         100%;
	max-width:     1200px;
	height:        117px;
	background:    rgba(255,255,255,0.9);
	z-index:       10;
	border-top:    1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
#products #product_mobile_button {
	display: 	none;
	margin: 	0 auto
	color: 	    #6C6C6C;
	background: #D5D5D5;
	width: 		100%;
	height: 	100%;
    font-size:  1em;
    height:    	50px;
	border:    	none;
	outline:    0;
	cursor:    	pointer;
}
#products #product_mobile_button i {padding-left: 1em;}
#products #product_options li {
	display: 	  		inline-block;
	float: 	 	  		left;
	height: 			100%;
	width: 	      		20%;
	text-align:   		center;
	box-sizing:   		border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	padding: 			10px 10px;
	cursor:				pointer;
}
#products #product_options li:last-of-type {border-right: none;}
#products #product_options li a {
	display: 		 block;
	text-decoration: none;
	color: 			 #6C6C6C;
	padding-top:     10px;
	line-height: 	 1.2em;
}
#products #product_options li:focus,
#products #product_options li:hover,
#products #product_options li:active,
#products .nav_active {background-color: rgba(0,165,197,0.2);}
#products #section_one_link:before, #products .blinds_heading:before {content: url('../images/blinds_icon.png');}
#products #section_two_link:before, #products .solar_heading:before {content: url('../images/solar_icon.png');}
#products #section_three_link:before, #products .blackout_heading:before {content: url('../images/blackout_icon.png');}
#products #section_four_link:before, #products .exterior_heading:before {content: url('../images/exterior_icon.png');}
#products #section_five_link:before, #products .motorized_heading:before {content: url('../images/motorized_icon.png');}
#products #section_six_link:before, #products .draperies_heading:before {content: url('../images/draperies_icon.png');}
#products .category_title {
	border-bottom:  1px solid #EEEEEE;
	padding-bottom: 20px;
	text-align:     center;
}
#products .category_title h2 {
	position: 	 relative;
	font-family: 'Open-Sans', sans-serif;
}
#products .category_title h2:before {
	position: absolute;
	top: 	  -0.9em;
	left:     0;
}
#products .category_main {padding-top: 15px;}
#products .category_main h2 {font-weight: 300;}
/**End PRODUCT NAV BAR**/
/**Being MAIN CONTENT**/
#products #product_grid {
	float: left;
	width: 100%;
}
#products #product_grid section ul {margin: 15px 0;}
#products #product_grid p {margin-bottom: 20px;}
#products #product_grid a,
#products #product_grid a:visited,
#products #product_grid a:hover,
#products #product_grid a:active,
#products #product_grid a:focus {color: #00A5C5;}
#products #product_grid section ul li,
#products #product_grid p {line-height: 1.3em;}
#products .reveal_list {
	cursor:   			 pointer;
	position: 		     relative;
	-moz-user-select:    none;
    -khtml-user-select:  none;
    -webkit-user-select: none;
    user-select: 		 none;
}
#products .reveal_list:after {
	content: 	 "\f107";
	font-family: 'FontAwesome';
	position:    absolute;
	left:        8em;
	top: 		 0;
	font-size:   1.6em;
	color: 		 #00a5c5;
}
#products .reveal_list.up:after {content: "\f106";}
#products #product_grid ul ul {padding-left: 20px;}
#products .preview_image {
	margin: 	0 auto;
	text-align: center;	
	max-width:  456px;
}
#products .preview_image img {
	max-width:  		100%;
	padding:    		10px;
	border:     		2px solid #EEEEEE;
	box-sizing:         border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
}
#products .right_half {border-left: 1px solid #EEEEEE;}
/**End MAIN CONTENT**/
/*************************************PRODUCTS STYLES**************************************/

/*************************************ABOUT STYLES**************************************/
#about #about_awt {
	float: 			left;
	padding-bottom: 30px;
}
#about figure {position: relative;}
#about figure img {max-width: 100%;}
#about article:first-of-type {padding-bottom: 20px;}
#about #owner_text,
#about #owner_picture {padding: 0;}
#about #owner_text {padding-right: 20px;}
#about #past_clients {
	text-align:  center;
	border-left: 1px solid #EEEEEE;
}
#about #past_clients ul li {margin-bottom: 1em;}
#about #past_clients ul li:last-of-type {margin-bottom: 0;}
#about #about_testimonials {
	float: left;
	padding-top: 30px;
}
#about .testimonials_heading {
	font-style:  italic;
	position:    relative;
	display: 	 block;
	font-size:   1.5em;
	text-align:  center;
}
#about .quote_wrap {
	float: 	left;
	margin: 10px 0;
}
#about #about_testimonials blockquote {
	position: 	   relative;
	background:    #bcdee5;
	border-radius: 20px 20px 0 20px;
	padding:       20px;
	margin-bottom: 30px;
	font-size:     1.1em;
	line-height:   1.1em;	
}
#about #about_testimonials blockquote:after {
	content: 	  "";
	position: 	  absolute;
	bottom: 	  -20px;
	right: 		  0;
	border-width: 20px 0 0 20px;
	border-style: solid;
	border-color: #bcdee5 transparent;
	display: 	  block;
	width: 		  0;
}
#about .quote_meta {
	float: 		right;
	text-align: right;
}
#about .name {font-weight: 700;}
#about .business {font-style: italic;}
#about .location {color: #00a5c5;}
/*************************************ABOUT STYLES**************************************/

/*************************************CONTACT STYLES**************************************/
#contact #contact_wrap {
	float: left;
	width: 100%;
}
#contact .left_half {border-right: 1px solid #EEEEEE;/*light-grey*/}
#contact #owner,
#contact .left_half ul {
	position: 		relative;
	float: 			left;
	width:			100%;
	padding-bottom: 20px;
	margin: 		0 auto;
}
#contact .left_half ul li {line-height: 1.2em;}
#contact #owner:before {content: "\f095";}
#contact #mailing_address:before {content: "\f015";}
#contact #owner:before,
#contact #mailing_address:before {
	font-family: "FontAwesome";
	display: 	 inline-block;
	float:	     left;
	font-size:   3.5em;
	width:       75px;
	color: 		 #D5D5D5;
}
#contact .list_title {font-weight: 700;}
/**Begin Main Contact Form styles**/
#contact #contact_greeting {padding-bottom: 10px;}
#contact #contact_greeting p {padding-bottom: 1em;}
#contact #main_contact_form input,
#contact #main_contact_form label {display: block;}
#contact #main_contact_form #name, 
#contact #main_contact_form #email, 
#contact #main_contact_form #phone {height: 35px;}
#contact #main_contact_form #name, 
#contact #main_contact_form #email, 
#contact #main_contact_form #phone, 
#contact #main_contact_form textarea {
	width: 		 100%;
	padding:     0;
	text-indent: 10px;
	margin:      0.3em 0;
	font-size:   1.2em;
	font-family: 'Open Sans', sans-serif;
	color:       #666666;
	border: 	 1px solid lightgrey;
}
#contact #main_contact_form textarea {
	min-height:  		100px;
	max-height:   	    400px;
	padding: 			10px;
	text-indent:   	    0;
	box-sizing: 	    border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;	
}
#contact #main_contact_form input:focus, 
#contact #main_contact_form textarea:focus {outline-color: #00A5C5;}
#contact #main_contact_form #submit_button {
	height: 40px;
	width:  100px;
	float:  right;
}
/**End Main Contact Form styles**/
#contact #location {
	width: 100%;
	float: left;
}
#contact #map_canvas {height: 300px;}
/*************************************CONTACT STYLES**************************************/

/*************************************MEDIA QUERIES**************************************/
@media all and (max-width: 1400px){
	#reveal_sidebar {
		right: 		   0;
		border-radius: 25px 0 0 25px;
		z-index:       99999;
	}		
}

@media all and (max-width: 1100px) and (min-width: 769px) {
	#main_nav {
		font-size:  1em;
		margin-top: 2em;
	}
}
/*************************************MEDIA QUERIES**************************************/