/* -------------------------------------------------------------- 
   * css stylesheet for glass energy solutions
   Website:Glass Energy Solutiona
   
   Version: 1.0
-------------------------------------------------------------- */

/* RESET
-------------------------------------------------------------- */


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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	text-decoration:none;
}

:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong { font-weight:bold;}

/* GLOBAL
-------------------------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
/* SEO friendly hide */
.hidden {
	background:none;
	font-size:1px;
	display:none;
	height:0;
	left:-9999px;
	overflow:hidden;
	position:absolute;
	top:-9999px;
	width:0;
	z-index:0;
	line-height:0px;
}

/* TYPOGRAPHY
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { color:#006699; font-size: 1.35em; font-weight:bold; line-height: 1.25; margin-bottom: .5em; }
h5 { color:#006699; font-size: 1.15em; font-weight:bold; line-height: 1.25; margin-bottom: .5em; /*font-size: 1em; font-weight: bold; margin-bottom: 1.5em; */}
h6 { font-size: 1em; font-weight: bold; }

/* TEXT ELEMENTS
-------------------------------------------------------------- */
/* IMPORTANT NOTE:Remove unnecessary css declarations when finished coding */
p,a,li,em { line-height:20px; font-weight:normal;}

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { /*color: #66CCFF;*/ text-decoration:underline; }
a           { color: #66CCFF; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em, dfn      { font-style: bold;}
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

/* Lists */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

/* STYLE
-------------------------------------------------------------- */
body { 
  background:url(../images/bg_header.gif) repeat-x;
  color: #222; 
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 75%;
}
#wrapper {
	margin:0 auto;
	width:929px;
}
	#header, .content-a, .content-b, .f-container, #inner #container {margin:0 auto; width:929px;}
	#header { height:150px;position:relative;}
		.logo { position:absolute; left:-15px; top:13px;}
			.logo a {
				background:url(../images/logo.png) no-repeat;
				display:block;
				height:82px;
				width:275px;
				text-indent:-9999px;
			}
		.main-nav { position:absolute;margin:0; top:109px; }
			.main-nav li { display:inline;}
			.main-nav li a {
				color:#fff;
				font-weight:bold;
				font-size:1.2em;
				margin:0 26px;
			}
			
		.tagline { 
			background:url(../images/home_txt.png) no-repeat 0 -83px;
			display:block;
			height:18px;
			position:absolute;
			right:0;
			text-indent:-9999px;
			top:40px;
			width:185px;
			}
	#container { background:#012c40 url(../images/bg_container.gif) repeat-x;}
		.content-a {
			background:url(../images/c_divider.gif) no-repeat center 334px;
		}
			.js-carousel {height: 315px;}
			.control { text-align:right; margin-top:-10px;}
				.control a { color:#fff; font-weight:bold; padding:5px;}
		.content-b { background:url(../images/f_divider.gif) no-repeat center bottom; height:263px;}
			#home .l-column {
				float:left;
				width:520px;
			}
				#home .l-column h2, #home .r-column h2 { 
					background:url(../images/home_txt.png) no-repeat;
					border-bottom:1px solid #346f88;
					padding-bottom:5px;
					text-indent:-9999px;
					}
				#home .l-column em, #home .r-column ol li em {
					color:#66ccff;
					font-style:normal;
					font-weight:bold;
				}
				#home .l-column p, #home .r-column ol li p { color:#fff;}
			#home .r-column {
				float:left;
				margin-left:66px;
				width:340px;
			}
				#home .r-column h2 { background-position:0 -46px;}
				#home .r-column ol { list-style-type:none; margin:0;}
				
	#footer { background:#000;padding-bottom:10px;}
		.f-container {color:#999;position:relative;}
		.leed { margin-top:10px; position:absolute;}
			.leed:hover { text-decoration:none;}
			.leed span { color:#999;font-size:.8em; font-weight:bold; vertical-align:24px;}
		.f-nav, .address, .copyright { margin:0; line-height:12px; text-align:right;}
		.f-nav { padding:10px 0;}
			.f-nav li {display:inline; line-height:12px;}
				.f-nav li a, .address {	color:#999;font-size:.9em;}
			.f-nav li a { margin:0 10px;}
		.address {}
		.copyright, .copyright a { color:#666; display:block; font-size:1em; margin-top:5px;}
			.copyright a { display:inline;}
/* Inner Pages*/
#inner #container { background:none; padding-bottom:20px;}
#inner {background:url(../images/bg_inner.gif) repeat-x;}
.about h2, .residential h2, .commercial h2, .product h2, .affiliates h2, .news h2, .faq h2, .contact h2 {
	background:url(../images/img_h2.gif) no-repeat;
	font-size:2.4em;
	margin:33px 0 40px 0;
	text-indent:-99999px;
}
.residential h2 { background-position:0 -40px;}
.commercial h2 { background-position:0 -80px;}
.product h2 { background-position:0 -120px;}
.affiliates h2 { background-position:0 -159px;}
.news h2 { background-position:0 -199px;}
.faq h2 { background-position:0 -239px;}
.contact h2 { background-position:0 -279px;}
	
#inner .l-column { 
	background:url(../images/side-gradient.png) no-repeat right 0;
	border-top:1px solid #cacaca;
	float:left;
	padding:20px 25px 0 0;
	width:640px;
	}
	#inner .l-column em {
		color:#006699;
		display:block;
		font-size:1.4em;
		font-style:normal;
		margin-bottom:15px;
	}
	#inner .l-column p {
		color:#666;
		font-weight:bold;
		line-height:20px;
	}
	.box { float:left;width:640px;}
		.t-box {background:url(../images/box.png) no-repeat 0 0; display:block; height:13px;}
		.m-box {background:url(../images/box.png) repeat-y -655px 0; padding:10px 30px 10px 0;}
			.m-box h3 {
				background:url(../images/inner-misc.gif) no-repeat;
				border-bottom:1px solid #d0d0d0;
				font-size:1.9em;
				margin-left:20px;
				padding-bottom:10px;
				text-indent:-9999px;
			}
			.m-box li {clear:both; list-style-type:none;}
			.m-box .productline li { clear:none;float:left; padding:0 11px 40px;}
				.m-box .productline .product03 { padding-top:25px;}
				.m-box .productline .product04 { padding:0 40px 0 130px;}			
				.m-box .productline li img { vertical-align:baseline;}
			.pic {
				display:block;
				float:left;
				height:143px;
				margin-right:10px;
				padding-top:7px;
				width:140px;
				text-align:center;
			}
			.about .pic {background:url(../images/pic.gif) no-repeat;}
			.affiliates .pic { padding-top:0;}
		.b-box {background:url(../images/box.png) no-repeat 0 -13px; display:block; height:13px;}

#inner .r-column {
	border-top:1px solid #cacaca;
	float:left;
	padding:20px 0 0 20px;
	width:244px;
}
	.s-box {
		background:url(../images/s_box.png) no-repeat;
		height:164px;
		margin-bottom:5px;
		width:245px;
	}
		.s-box h4 {
			background:url(../images/inner-misc.gif) no-repeat 5px -75px;
			border-bottom:1px solid #34697f;
			font-size:1.5em;
			margin:0 5px 0 3px;
			padding:10px 0;
			text-indent:-99999px;
		}
			.s-box02 h4 { background-position:5px -116px;}
			.s-box p {color:#fff; font-size:0.9em; line-height:18px; margin:10px 20px;}
			.s-box .button { float:none; margin-left:20px;}
		.contact-us {
			background:url(../images/inner-misc.gif) no-repeat 48px -155px;
			border-top:1px solid #dadada;
			height:66px;
			margin-top:20px;
			padding-top:20px;
			text-indent:-99999px;
			width:245px;
		}
/*Forms*/
.contact-address {}
	#inner .contact-address p, .contact-address a { margin-bottom:0; line-height:17px;}
	.contact-address a { display:block;color:#666; font-weight:bold;}
.contact .box { margin-top:15px;}
	.contact .box h3 { background-position: 0 -39px;}

.contact .m-box {
	padding-right:25px;
}
label {
	color:#666;
	font-weight:bold;
	display:block;
}
input, textarea {
	border:1px solid #ccc;
	height:20px;
	padding:6px 5px 0;
	width:275px;
}
.contact-form { clear:both; margin-right:0; margin-left:24px;}
	.contact-form li {
		clear:none;
		float:left;
		margin:0 17px 10px 0;
	}
	.contact-form ul { width:500px; margin:10px 0 0 0;}
	.contact-form ul li { margin-bottom:20px; width:200px;}
		.contact-form ul li input { 
			height:auto;
			padding:0;
			vertical-align:-2px;
			width:auto;
			}
		.contact-form ul li label { display:inline;}
.contact-form .text-area {
	float:none;
}
textarea {
	height:160px;
	width:100%;
	}
.contact-form .control-btn {
	margin:0;
	padding-left:383px;
}
.contact-form .control-btn button {
	border:none;
	float:left;
	font-size:.9em;
	height:30px;
	margin-left:10px;
	padding:9px 0 10px 0;
}

/* Misc classes */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.news_p  { font-size: 11px; margin-bottom: 1.875em; line-height: 1.875em; font-weight:normal; }
.news_p   p   { font-size: 11px; margin-bottom: 1.875em; line-height: 1.875em; font-weight:lighter; }


.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.clear-left { clear:left;}
.clear-right{ clear:right;}
.clear-both { clear:both;}
.float-left { float:left;}
.float-right { float:right;}

.main-nav .first      { margin-left:0; padding-left:0; }
.main-nav .last, .f-nav .last, .contact-form .last        { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.button {
	background:url(../images/button.gif) no-repeat;
	color:#fff;
	display:block;
	float:right;
	height:25px;
	padding-top:6px;
	text-align:center;
	width:91px;
}