/* Start CSS Standard Font Formatting */

h1 {
	font-family: Myraid Pro, Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: 100;
	color: #00b9f2;
	text-transform: uppercase;
	line-height: 28px;
	margin: 0 0 15px 0;
}

h1 a:link, h1 a:visited {
	text-decoration: none;
	color: #00b9f2;
}

h1 a:hover, h1 a:active {
	text-decoration: underline;
	color: #00b9f2;
}

h2 {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: 100;
	color: #004e6b;
	line-height: 150%;
	margin: 5px 0 10px 0;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #02afef;
}

h2 a:hover, h2 a:active {
	text-decoration: underline;
	color: #02afef;
}

p {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 100;
	color: #000000;
	line-height: 150%;
	margin: 15px 0;
	word-spacing: 1.5px;
}

p a:link, p a:visited {
	text-decoration: none;
	color: #00aeef;
}

p a:hover, p a:active {
	text-decoration: underline;
	color: #00aeef;
}

ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

ol {
	list-style-type: decimal;
}
        
li {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 100;
	color: #000000;
	line-height: 150%;
	word-spacing: 1.5px;
	margin: 5px 0 5px 20px;
	padding: 0 0 0 15px;
	background: url("/images/li-small-blue-dot.png") 0 9px no-repeat;
}

li a:link, li a:visited {
	text-decoration: none;
	color: #000000;
}

li a:hover, li a:active {
	text-decoration: underline;
	color: #000000;
}

/* End CSS Standard Font Formatting */

/* Start CSS ID/Class Font Formatting */

div#hero-blurb h1 {
	font-family: Myraid Pro, Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 20px;
	text-transform: none;
	margin: 0 !important;
}

div#hero-blurb h1 a:link, div#hero-blurb h1 a:visited, div#hero-blurb h1 a:hover, div#hero-blurb h1 a:active {
	color: #000000;
}

div#hero-box h1 {
	font-family: Myraid Pro, Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 18px;
	color: #000000;
	line-height: 19px;
	text-align: right;
	margin: 0 !important;
}

div#hero-box h1 a:link, div#hero-box h1 a:visited, div#hero-box h1 a:hover, div#hero-box h1 a:active {
	color: #000000;
}

div#top-menu p {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #8ab3c4;
	line-height: 10px;
	text-transform: uppercase;
	text-align: left;
    margin: 0;
}

div#top-menu p a:link, div#top-menu p a:visited, div#top-menu p a:hover, div#top-menu p a:active {
	color: #8ab3c4;
}

div#hero-rotator div.pics {  
    height:  294px;  
    width:   942px;  
    padding: 0;  
    margin:  0;  
} 
 
div#hero-rotator div.pics img {
	height: 294px;
    width:  942px;
    top:  0;
    left: 0;
}

div#top-menu p span.sep {
	margin: 0 5px;
	text-indent: -9999px;
}

ul#right-menu {
	list-style-type: none;
	margin: 11px 0;
}
      
ul#right-menu li {
	display: block;
	width: 153px; /* 183px */
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 30px;
	background: url("/images/li-right-menu.png") 15px 9px no-repeat;
}

ul#right-menu li a:link, ul#right-menu li a:visited, ul#right-menu li a:hover, ul#right-menu li a:active {
	color: #FFFFFF;
}

ul#right-menu li.architectural-support-service {
	margin: 3px 0 0 0;
	line-height: 17px;
	background: url("/images/li-right-menu.png") 15px 5px no-repeat;
}

ul#right-menu li.double-line {
	margin: 3px 0;
	line-height: 17px;
	background: url("/images/li-right-menu.png") 15px 5px no-repeat;
}

div#content-left, img#content-left {
	float: left;
	display: inline; /* IE6 HACK */
	margin: 0 14px 0 0;
}

div#content-left h2, div#content-left p {
	text-align: center;
}

div#content-right {
	float: left;
	display: inline; /* IE6 HACK */
	width: 544px;
	min-height: 171px;
	height: auto !important;
    height: 171px; /* IE6 Hack */
	margin: 0 0 20px 0;
}

div#content-right h2 {
	line-height: 100%;
	margin: 0 0 5px 0;
}

div#content-right p.blue-bold {
	margin: 5px 0 15px 0;
}

div#footer-content p {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #83adbe;
	line-height: 45px;
	text-transform: uppercase;
	word-spacing: 0.2px;
	text-align: center;
    margin: 0;
}

div#footer-content p a:link, div#footer-content p a:visited, div#footer-content p a:hover, div#footer-content p a:active {
	color: #83adbe;
}

div#footer-content p span.sep {
	margin: 0 15px;
	color: #1d5064;
}

img.blue-border {
	border: 9px solid #d9f3fd;
}


p.blue-small {
	font-size: 11px;
	color: #00aeef;
}

.blue-bold {
	font-weight: 800;
	color: #00aeef;
}

.blue-bold a:link, .blue-bold a:visited, .blue-bold a:hover, .blue-bold a:active {
	color: #00aeef;
}

/* End CSS ID/Class Font Formatting */

/* Start CSS Misc Elements */

.mouse {
	cursor: pointer;
	cursor: hand;
}

div#pannel-1, div#pannel-2 {
	float: left;
	clear: right;
	display: inline; /* IE6 HACK */
	height: 332px;
	width: 300px;
	margin: 0 30px 0 0;
	/* overflow: hidden; */
}

div#pannel-3 {
	float: left;
	display: inline; /* IE6 HACK */
	height: 332px;
	width: 300px;
	overflow: hidden;
}

img#sky-glass-home {
	margin: 0 0 20px 0;
}

a#splashbacks {
	display: block;
	height: 69px;
	width: 282px;
	border: 9px solid #d9f4fd;
	text-indent: -9999px;
	margin: 0 0 14px 0;
	background: url("/images/h2-splashbacks.jpg") 0 0 no-repeat;
}

a:hover#splashbacks {
	border: 9px solid #b3eaff;
	text-decoration: none;
	margin: 0 0 14px 0;
}

a#pool-fencing {
	display: block;
	height: 69px;
	width: 282px;
	border: 9px solid #d9f4fd;
	text-indent: -9999px;
	margin: 0 0 14px 0;
	background: url("/images/h2-pool-fencing.jpg") 0 0 no-repeat;
}

a:hover#pool-fencing {
	border: 9px solid #b3eaff;
	text-decoration: none;
	margin: 0 0 14px 0;
}

a#mirrors {
	display: block;
	height: 69px;
	width: 282px;
	border: 9px solid #d9f4fd;
	text-indent: -9999px;
	margin: 0;
	background: url("/images/h2-mirrors.jpg") 0 0 no-repeat;
}

a:hover#mirrors {
	border: 9px solid #b3eaff;
	text-decoration: none;
	margin: 0;
}

a#balustrauding {
	display: block;
	height: 69px;
	width: 282px;
	border: 9px solid #d9f4fd;
	text-indent: -9999px;
	margin: 0 0 14px 0;
	background: url("/images/h2-balustrauding.jpg") 0 0 no-repeat;
}

a:hover#balustrauding {
	border: 9px solid #b3eaff;
	text-decoration: none;
	margin: 0 0 14px 0;
}

a#shower-screens {
	display: block;
	height: 69px;
	width: 282px;
	border: 9px solid #d9f4fd;
	text-indent: -9999px;
	margin: 0 0 14px 0;
	background: url("/images/h2-shower-screens.jpg") 0 0 no-repeat;
}

a:hover#shower-screens {
	border: 9px solid #b3eaff;
	text-decoration: none;
	margin: 0 0 14px 0;
}

a#architectural {
	display: block;
	height: 69px;
	width: 282px;
	border: 9px solid #d9f4fd;
	text-indent: -9999px;
	margin: 0;
	background: url("/images/h2-architectural.jpg") 0 0 no-repeat;
}

a:hover#architectural {
	border: 9px solid #b3eaff;
	text-decoration: none;
	margin: 0;
}

div#news-pannel {
	display: block;
	height: 273px; /* 289px */
	width: 282px; /* 300px */
	overflow: hidden;
	padding: 8px 9px;
	background: #5bc8f1 url("/images/bg-news-pannel.png") 0 0 no-repeat;
}

div.announcement-list {
	display: block;
	margin: 14px 12px 10px 12px;
}

div.announcement-list p {
	color: #FFFFFF;
	margin: 0 0 7px 0;
}

div.announcement-list p.news-heading, div.announcement-list p.news-heading a:link, div.announcement-list p.news-heading a:visited, div.announcement-list p.news-heading a:hover, div.announcement-list p.news-heading a:active {
	font-weight: 800;
	color: #00436a;
	line-height: 100%;
}

div.announcement-list p.read-more, div.announcement-list p.read-more a:link, div.announcement-list p.read-more a:visited, div.announcement-list p.read-more a:hover, div.announcement-list p.read-more a:active {
	float: right;
	height: 15px;
	width: 100%; /* 100px */
	text-align: right;
	color: #FFFFFF;
	line-height: 15px;
	text-transform: uppercase;
	overflow: hidden;
	background: url("/images/li-right-menu.png") 65% 4px no-repeat;
}

div.announcement-details {
	margin: 0;
	padding: 30px 0;
	border-bottom: 9px solid #d9f3fd;
}

div.announcement-details h2 {
	line-height: 100%;
	margin: 0;
}

div.announcement-details p.blue-bold {
	margin: 3px 0 15px 0;
}

table#form-table {
	width: 345px;
}

table#form-table td {
	padding: 4px 7px;
}

table#form-table td.col-1 {
	width: 120px;
	text-align: left;
	vertical-align: top;
}

table#form-table td.col-2 {
	text-align: left;
	vertical-align: top;
}

table#form-table td.col-3 {
	width: 25px;
	text-align: center;
	vertical-align: top;
}

table#form-table label, div.webform-results {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 100;
	color: #000000;
	line-height: 150%;
	margin: 15px 0;
	word-spacing: 1.5px;
}

table#form-table td.col-2 input.cat_textbox {
	width: 178px; /* 190px */
	height: 18px; /* 30px */
	padding: 6px 5px;
	margin: 0 5px 0 0;
	border: 1px solid #c7d6de;
	background: url("/images/bg-input.png") 0 0 repeat-x;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 100;
	color: #000000 ;
	line-height: 150%;
}

table#form-table td.col-2 select {
	border: 1px solid #c7d6de;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 150%;
	height: 30px; /* 30px */
	width: 188px; /* 190px */
	padding: 3px;
}

table#form-table td.col-2 textarea {
	background: #e8f3f6 url("/images/bg-input.png") 0 0 repeat-x;
	border: 1px solid #c7d6de;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 100;
	color: #000000 ;
	line-height: 150%;
	height: 114px; /* 120px */
	width: 182px; /* 190px */
	padding: 3px;
	overflow: auto;
}

table#form-table td.col-2 input#catwebformbutton {
	display: block;
	width: 190px;
	height: 34px;
	margin: 10px 0 0 0;
	background: #45c5f3 url("/images/button-submit.png") 0 0 no-repeat;
}

table#form-table td.col-2 input#catwebformbutton:hover {
	background-position: -190px 0;
}

a#view-brochure {
	float: left;
	height: 190px;
	width: 200px;
	text-indent: -9999px;
	margin: 16px 0 0 0;
	background: url("/images/sky-glass-view-brochure.jpg") 0 0 no-repeat;
}

a#view-brochure:hover {
	background-position: -200px 0;
	text-decoration: none;
	margin: 16px 0 0 0;
}

a#download-brochure {
	float: left;
	height: 190px;
	width: 200px;
	text-indent: -9999px;
	margin: 16px 0 0 0;
	background: url("/images/sky-glass-download-brochure.jpg") 0 0 no-repeat;
}

a#download-brochure:hover {
	background-position: -200px 0;
	text-decoration: none;
	margin: 16px 0 0 0;
}

p.view-gallery {
	display: block;
	height: 95px;
	line-height: 95px;	
	width: 285px; /* 420px */
	padding: 0 0 0 135px;
	font-weight: 800;
	color: #00aeef;
	background: url("/images/p-view-gallery.jpg") 0 0 no-repeat;
}

p.view-gallery a:link, p.view-gallery a:visited, p.view-gallery a:hover, p.view-gallery a:active {
	color: #00aeef;
}

/* Homepage Brochure and Video Styles */

div#home-sky-glass {
	width: 300px; /* 300px */
	height: 212px; /* 212px */
	/* background: url("/images/home-sky-glass-bg.png") 0 0 no-repeat #fff; */
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1000;
}

div#home-sky-glass img.brochure { 
	position: absolute;
	top: 0;
	left: -9px;
	width: 144px;
	height: 138px;
	z-index: 2000;
	border: none;
}

div#home-sky-glass img.video { 
	position: absolute;
	bottom: -15px;
	right: 0;
	width: 123px;
	height: 118px;
	z-index: 2000;
	border: none;
}
div#home-sky-glass p.brochure { 
	position: absolute;
	top: 15px;
	left: 139px;
	line-height: normal;
	font-weight: bold;
	font-size: 13px;
}

div#home-sky-glass p.video { 
	position: absolute;
	top: 129px;
	right: 131px;
	text-align: right;
	line-height: normal;
	font-weight: bold;
	font-size: 13px;
}


div#home-brochure {
	width: 151px; /* 300px */
	height: 80px; /* 109px */
	background: url("/images/home-brochure-bg.png") 0 0 no-repeat #fff;
	margin: 0;
	padding: 29px 0 0 149px;
}

div#home-brochure p, div#home-video p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 13px;
}

div#home-video p {
	text-align: right;
}

div#home-video {
	width: 160px; /* 300px; */
	height: 65px; /* 105px; */
	background: url("/images/home-video-bg.png") 0 0 no-repeat #fff;
	margin: 0;
	padding: 40px 140px 0 0;
}

/* Video pages styles */

div.video {
	float: left;
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

div.video img {
	float: left;
	margin: 0;
	border: 9px solid #d9f3fd;
	clear: both;
}

div.video h2 {
	margin-top: 0;
	padding-top: 0;
}

div.video h2, div.video p {
	margin-left: 275px;
}

.hasFloat:after{
	content: '.';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

*:first-child+html .hasFloat{
	min-height: 1px;
}


/* End CSS Misc Elements */

/* START index with two columns */

.index-two-cols{
	list-style-type: none;
	margin: 30px 0;
	padding: 0;
}	

.index-two-cols li{
	list-style-type: none;
	margin: 0 0 25px 0;
	padding: 0;
	clear: both;
}

.index-two-cols .itc-left{
	float: left;
	width: 230px;
}

.index-two-cols .itc-right{
	float: right;
	width: 490px;
}

.index-two-cols li h1, .index-two-cols li h2{
	margin-top: 0;	
}





/* END index with two columns */