/* ////////////////////// */

/*    CSS Developed By    */
/*     Cow Dog Design     */
/*  www.cowdogdesign.com  */
/*    info@cowdogdesign   */

/* ////////////////////// */
/* GLOBAL ELEMENTS */
	* {
		margin:0;
		padding:0;
		border: 0;
		color:#131313;
		}
	
	body {
		margin: 34px 0 5px 0;
		background: #fff url(../images/bg.jpg) top center no-repeat;
		font: 62.5%/1.6em verdana,helvetica,arial,sans-serif;
		}
	hr {
		color: #7ecfee;
		background-color: #7ecfee;
		height: 1px;
		width: 90%;
		margin: 5px auto;
		}
	input, textarea, select {
		padding: 4px;
		border:1px solid #7ecfee;
		}
	option {
		padding: 0 4px;
		}
	p, span, ul li, ol li, td, th {
		font-size: 1.1em;
		line-height: 190%;
		}
	p {
		margin:0 0 5px 0;
		}
	em {
		font-style: italic;
		}
	ol {
		margin: 0 30px;
		padding: 0;
		}
	ul {
		margin: 0 30px 0 14px;
		padding: 0;
		}
	ul li {
		padding: 0 0 0 15px;
		list-style: none;
		background: transparent url(../images/liBullet.png) 0 5px no-repeat;
		}
/* END GLOBAL */

/* STANDARD CLASSES */
	.common {
		margin:0 0 5px 0;
		width: 100%;
		}
	.td_pad_4 td, .td_pad_4 th {
		padding: 4px;
		}
	.alert, .alert strong {
		color:#ff0000;
		}
	
	.legal, .legal strong {
		font-size:1em;
		color: #999;
		}
	.clearFloat {
		clear: both;
		}
/* END STANDARD CLASSES */

/* STANDARD HEADER */
	h1, h2, h3, h4, h5, h6 {
		color:#65818c;
		margin: 0 0 5px 0;
		font-family:"Myriad Pro", Myriad, Verdana, Helvetica, sans-serif;
		}
	h1 {padding-top: 17px;font-size:2.3em;font-weight: 600;}
	h2 {font-size:1.4em;}
	h3 {font-size:1.3em;}
	h4 {font-size:1.2em;}
	h5 {font-size:1.1em;}
/* END STANDARD HEADER */

/* STANDARD LINKS */
	a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a, strong a, a strong {
		text-decoration:none;
		color:#104964;
		outline: none;
		}
	a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, li a:hover, strong a:hover, a:hover strong {
		text-decoration: underline;
		}
/* END STANDARD LINKS */

/* ALIGNMENTS */
	.cal {text-align:center;}
	.left {text-align:left;}
	.ral {text-align:right;}
	.tvert {vertical-align:top;}
	.mvert {vertical-align:middle;}
	.mcal {vertical-align:middle;text-align:center;}
	.tcal {vertical-align:top;text-align:center;}
/* END ALIGNMENTS */

/* BODY */
	.windowBody {
		margin: 0;
		padding: 0;
		background-color: #fff;
		background-image: none;
		}
/* END BODY */

/* TABLE */
/* END TABLE */

/* TD */
	.w_10_p {
		width: 10%;
		}
	.w_20_p {
		width: 20%;
		}
	.w_30_p {
		width: 30%;
		}
	.w_40_p {
		width: 40%;
		}
	.w_50_p {
		width: 50%;
		}
	.w_60_p {
		width: 60%;
		}
	.w_70_p {
		width: 70%;
		}
	.w_80_p {
		width: 80%;
		}
	.w_90_p {
		width: 90%;
		}
	.windowText {
		padding-right: 10px;
		vertical-align: top;
		}
/* END TD */

/* DIV */
	#header {
		margin: 0 auto;
		padding: 0 0 21px 0;
		width: 940px;
		}
	#logo {
		float: left;
		margin: 0;
		padding: 0;
		width: 180px;
		min-height: 111px;
		height: auto !important;
		height: 111px;
		}
	#headerRight {
		float: right;
		margin: 0;
		padding: 0;
		width: 713px;
		min-height: 111px;
		height: auto !important;
		height: 111px;
		}
	#nav {
		margin: 0 0 0 157px;
		padding: 4px 0 0 0;
		width: 553px;
		}
	#tagLine {
		clear: both;
		margin: 0;
		padding: 26px 0 0 0;
		}
	#hmBanner {
		margin: 0 auto;
		padding: 0;
		width: 958px;
		height: 338px;
		}
	#hmAltNav {
		margin: 0 auto;
		padding:30px 0 0 0;
		width: 940px;
		}
	#altLeft {
		float: left;
		margin: 0;
		padding: 0;
		width: 460px;
		height: 174px;
		}
	#altRight {
		float: right;
		margin: 0;
		padding: 0;
		width: 460px;
		height: 174px;
		}
	#footer {
		margin: 0 auto;
		padding: 7px 0;
		height: 43px;
		width: 933px;
		background: transparent url(../images/bg_footer.png) 0 0 no-repeat;
		}
	#copyRight {
		margin: 0 auto;
		padding: 0;
		height: 43px;
		width: 933px;
		}
	#contentWrapper {
		margin: 0 auto;
		padding: 16px 30px 0 30px;
		width: 898px;
		min-height: 515px;
		height: auto !important;
		height: 515px;
		background: transparent url(../images/bg_content.png) 0 0 no-repeat;
		}
	.bgImage {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		min-height: 258px;
		height: auto !important;
		height: 258px;
		background: transparent url(../images/bg_building.jpg) right top no-repeat;
		}
	#subNav {
		margin: 0;
		padding: 0;
		width: 713px;
		text-align: right;
		}
	#ieWarningLeft {
		float: left;
		margin: 10px 0 20px 0;
		padding: 5px 0;
		width: 260px;
		}
	#ieWarningRight {
		float: right;
		margin: 10px 0 20px 0;
		padding: 5px 0 5px 30px;
		width: 600px;
		border-left: 1px solid #7ecfee;
		}
	#ieWarningLeft, #ieWarningRight {
		min-height: 420px;
		height: auto !important;
		height: 420px;
		}
	.windowZoom {
		margin: 0 auto;
		padding: 0;
		width: 504px;
		}
	.windowZoomLeft {
		float: left;
		margin: 0;
		padding: 0 0 10px 0;
		width: 259px;
		min-height: 311px;
		height: auto !important;
		height: 311px;
		}
	.windowZoomRight {
		float: right;
		margin: 0;
		padding: 0 0 10px 0;
		width: 245px;
		min-height: 311px;
		height: auto !important;
		height: 311px;
		}
	.windowZoomFiles {
		clear: both;
		margin: 0;
		padding: 30px 0 0 0;
		width: 504px;
		background: transparent url(../images/hrWindow.jpg) top center no-repeat;
		text-align: center;
		}
/* END DIV */

/* UL */
	#nav ul {
		margin: 0;
		padding: 0;
		}
/* END UL */

/* LI */
	#nav ul li {
		display: inline;
		padding: 0;
		list-style: none;
		}
/* END LI */

/* TEXT */
	#footer p {
		margin: 0;
		padding: 0;
		font-size: 1em;
		text-align: center;
		}
	#copyRight p {
		font-size: 1em;
		text-align: center;
		}
	#subNav p {
		margin: 0;
		padding: 0;
		}
	table p, table ul, table ol, table span {
		font-size: 11px;
		}
	.windowZoomFiles p {
		margin: 0;
		padding: 0;
		}
	.windowZoomRight p {
		margin: 10px 0 0 0;
		padding: 0;
		line-height: 160%;
		font-size: 11px !important;
		}
/* TEXT END */

/* LINK */
	#nav ul li a {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		height: 37px;
		font-size: 0;
		text-indent: -5000px;
		}
	#nav ul li a.btnAbout {
		width: 110px;
		background: transparent url(../images/btn_about_gilkey.png) 0 0 no-repeat;
		}
	#nav ul li a.btnWindows {
		width: 95px;
		background: transparent url(../images/btn_windows.png) 0 0 no-repeat;
		}
	#nav ul li a.btnLEED {
		width: 157px;
		background: transparent url(../images/btn_leed_information.png) 0 0 no-repeat;
		}
	#nav ul li a.btnLocations {
		width: 103px;
		background: transparent url(../images/btn_locations.png) 0 0 no-repeat;
		}
	#nav ul li a.btnContact {
		width: 88px;
		background: transparent url(../images/btn_contact_us.png) 0 0 no-repeat;
		}
	#nav ul li a:hover {
		background-position: 0 -37px;
		}
	#hmAltNav a {
		display: block;
		margin: 0;
		padding: 0;
		width: 220px;
		height: 173px;
		font-size: 0;
		text-indent: -5000px;
		}
	#hmAltNav a.btnOverview {
		float: left;
		background: transparent url(../images/btn_overview_selection.png) 0 0 no-repeat;
		}
	#hmAltNav a.btnAEE {
		float: right;
		background: transparent url(../images/btn_advanced_energy.png) 0 0 no-repeat;
		}
	#hmAltNav a.btnCommercial {
		float: left;
		background: transparent url(../images/btn_commercial_installation.png) 0 0 no-repeat;
		}
	#hmAltNav a.btnRAC {
		float: right;
		background: transparent url(../images/btn_request_consultation.png) 0 0 no-repeat;
		}
	#hmAltNav a:hover.btnOverview, #hmAltNav a:hover.btnAEE {
		background-position: 0 -175px;
		}
	#hmAltNav a:hover.btnCommercial, #hmAltNav a:hover.btnRAC {
		background-position: 0 -174px;
		}
	#copyRight a {
		color:#131313;
		text-decoration: none;
		}
	#copyRight a:hover {
		text-decoration: underline;
		}
	a.btnAluminum, a.btnVinyl, a.btnWood {
		display: block;
		margin: 0 0 8px 0;
		padding: 0;
		width: 108px;
		font-size: 0;
		text-indent: -5000px;
		}
	.cookieBake a {
		display: block;
		margin: 0 auto;
		padding: 10px;
		background: #104964;
		color: #fff;
		border: 2px solid #ccc;
		width: 180px;
		text-decoration: none;
		}
	.cookieBake a:hover {
		background: #454545;
		}
/* END LINK */

/* HEADING */
	.windowBody .windowZoomRight h3 {
		margin: 0;
		padding: 0;
		}
	table h4 {
		margin: 0;
		font-size: 12px;
		}
/* END HEADING */

/* STRONG */
	.windowZoomRight p strong {
		color: #104964;
		}
/* END STRONG */

/* FIELDSET */
	#fieldsetRAC {
		margin: 10px 0 20px 0;
		padding: 15px;
		width: 500px;
		border: 0 #698088 solid;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		}
	#fieldsetContact {
		margin: 10px auto 20px auto;
		padding: 0;
		width: 400px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		}
/* END FIELDSET */

/* LEGEND */
/* END LEGEND */

/* LABEL */
	#fieldsetContact label, #fieldsetRAC label {
		display: block;
		float: left;
		clear: left;
		padding: 5px 5px 5px 0;
		width: 115px;
		text-align: right;
		line-height: 100%;
		}
/* END LABEL */

/* INPUT */
	#fieldsetContact input {
		display: block;
		float: left;
		margin-bottom: 8px;
		padding: 4px;
		width: 270px;
		}
	#fieldsetRAC input {
		display: block;
		float: left;
		margin-bottom: 8px;
		padding: 4px;
		width: 350px;
		}
	#fieldsetRAC input.zip, #fieldsetContact input.zip {
		display: block;
		float: left;
		margin-right: 200px;
		margin-bottom: 8px;
		padding: 4px;
		width: 50px;
		}
	#fieldsetRAC input.phone, #fieldsetContact input.phone {
		display: block;
		float: left;
		margin-bottom: 8px;
		padding: 4px;
		width: 100px;
		}
	#fieldsetContact input.btnSubmit, #fieldsetRAC input.btnSubmit {
		clear: both;
		float: none;
		margin: 0 auto;
		padding: 6px;
		width: auto;
		background: #a4d7ee url(../images/bgSubmit.jpg) 0 0 repeat-x;
		color: #454545;
		font-weight: bold;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		cursor: pointer;
		}
	#fieldsetContact input:hover.btnSubmit, #fieldsetRAC input:hover.btnSubmit {
		background-position: 0 -50px;
		}
/* END INPUT */

/* TEXTAREA */
	#fieldsetContact textarea {
		display: block;
		float: left;
		margin-bottom: 8px;
		width: 270px;
		}
	#fieldsetRAC textarea {
		display: block;
		float: left;
		margin-bottom: 8px;
		width: 350px;
		}
/* END TEXTAREA */

/* SELECT */
	#fieldsetRAC select, #fieldsetContact select {
		display: block;
		float: left;
		margin-bottom: 8px;
		width: auto;
		}
/* END SELECT */

/* IMG */
/* END IMG */

/* HR */
/* END HR */

/* SUP */
/* END SUP */

/* Windows Section */
	/* WIndow Table Cell */
		.windowCell {
			padding: 0 35px 0 0;
			width: 269px;
			}
	/* end Window table Cell */
	
	/* Window Div Wrapper */
		.divWindowsWrapper {
			margin: 0;
			padding: 0;
			width: 269px;
			height: 210px;
			}
	/* End Window Div Wrapper */
	/* Window BTN */
		.btnWindowsDiv {
			position: relative;
			float: right;
			margin: 0;
			padding: 0;
			width: 108px;
			}
	/* end Window BTN */
	
	/* WIndwo Header */
		.btnWindowsDiv h3 {
			margin: 60px auto 0 auto;
			padding: 0;
			text-align: center;
			}
		
	/* end window header */
	
	/* Window Buttons */
		.btnWindowsDiv a {
			display: block;
			margin: 0;
			padding: 0;
			width: 108px;
			font-size: 0;
			text-decoration: none;
			text-indent: -5000px;
			}
		.btnWindowsDiv a.windowAluminum {
			height: 24px;
			background: transparent url(../images/btnAluminum.jpg) 0 0 no-repeat;
			}
		.btnWindowsDiv a:hover.windowAluminum {
			background-position: 0 -24px;
			}
		.btnWindowsDiv a.windowBlindedAluminum {
			height: 24px;
			background: transparent url(../images/btnBlindedAluminum.jpg) 0 0 no-repeat;
			}
		.btnWindowsDiv a:hover.windowBlindedAluminum {
			background-position: 0 -24px;
			}
		.btnWindowsDiv a.windowVinyl {
			height: 23px;
			background: transparent url(../images/btnVinyl.jpg) 0 0 no-repeat;
			}
		.btnWindowsDiv a:hover.windowVinyl {
			background-position: 0 -23px;
			}
		.btnWindowsDiv a.windowWood {
			height: 25px;
			background: transparent url(../images/btnWood.jpg) 0 0 no-repeat;
			}
		.btnWindowsDiv a:hover.windowWood {
			background-position: 0 -25px;
			}
	/* end Window BUttons */
	
	/* WINDOW BTN IMage */
		.btnWindowsDiv a.windowAluminum img, .btnWindowsDiv a.windowBlindedAluminum img, .btnWindowsDiv a.windowVinyl img, .btnWindowsDiv a.windowWood img {
			position: absolute;
			visibility: hidden;
			}
		.btnWindowsDiv a:hover.windowAluminum img, .btnWindowsDiv a:hover.windowBlindedAluminum img, .btnWindowsDiv a:hover.windowVinyl img, .btnWindowsDiv a:hover.windowWood img {
			top: 0;
			left: -162px;
			visibility: visible; 
			}
	/* End WINDOW BTN IMage */
	
/* End Windows Section */