html{font-size:100.01%;}
body {
	margin:0;
	color:#666;
	font-size:64%;
	background:#fff;
}
form {
	margin:0;
	padding:0;
}
#main {
	margin:0 auto;
	width:894px;
	clear:both;
	position:relative;
	z-index:890;
	overflow:hidden;
	font-family:Helvetica, Arial, sans-serif;
}
.first {background:none !important;}
/*-----container-----*/
#container {
	float:left;
	width:726px;
}
/*-----header-----*/
#header {
	clear:both;
	width:700px;
	height:280px;
	overflow:hidden;
	position:absolute;
	top:3px;
	left:26px;
}
#index #header {height:312px;}
#header .flash-holder {
	clear:both;
	overflow:hidden;
	width:100%;
	height:194px;
}
#index #header .flash-holder {height:268px;}
#header ul {
	clear:both;
	overflow:hidden;
	height:44px;
	margin:-7px 0 0 35px;
	padding:0 0 0 12px;
	background:url(../images/navbar-separator.gif) no-repeat 12px 6px;
	position:relative;
	z-index:667;
}
#header ul li {
	float:left;
	height:45px;
	list-style:none;
	text-align:center;
}
#header ul li a {
	display:block;
	height:35px;
	width:128px;
	padding:10px 0 0;
	color:#666;
	text-decoration:none;
	font:12px/14px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#header ul li a:hover,
#header ul li a.active {
	position:relative;
	z-index:777;
	margin:0 -14px 0 -13px;
	padding:10px 14px 0 13px;
	background:url(../images/navbar-bg.png) no-repeat;
}
/*-----content-----*/
#content {
	clear:both;
	width:726px;
	margin:274px 0 0;
	background:url(../images/content-bg.gif) repeat-y 118px 0;
	position:relative;
}
#index #content {margin:332px 0 0;}
.content-top {
	clear:both;
	overflow:hidden;
	width:100%;
	background:url(../images/content-top.gif) no-repeat;
}
.content-bottom {
	clear:both;
	overflow:hidden;
	width:100%;
	background:url(../images/content-bottom.gif) no-repeat 100% 100%;
}


.locationsfade {
	background:url(../images/locationsfade.gif) 0 repeat-x 100%;
	padding-bottom: 25px;
	border-bottom: 1px solid silver;
}

/*---side-nav---*/
.side-nav {
	float:left;
	width:138px;
	margin:26px 0 0;
	padding:0 0 30px;
}
.side-nav ul {
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
	width:100%;
}
.side-nav ul li {
	float:left;
	width:100%;
	background:url(../images/grey-line.gif) no-repeat 26px 0;
	list-style:none;
	color:2C2C2C;	
}
.side-nav ul li a,
.side-nav ul li a:visited {
	display:block;
	clear:both;
	overflow:hidden;
	width:104px;
	height:40px;
	padding:4px 34px 0 0;
	color:#333;
	text-align:right;
	font:12px/16px  "Helvetica Narrow", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.side-nav ul li a:hover,
.side-nav ul li a.active {
	color:#069;
	background:url(../images/side-nav-hover.gif) no-repeat;
}
/*---info-block--- Old side-nav(	font:13px/16px "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;) ---*/
.info-block {
	float:right;
	width:535px;
	overflow:hidden;
	margin:0 26px 0 0;
	display:inline;
}
.info-block h1 {
	clear:both;
	overflow:hidden;
	margin:0 0 12px;
	;
	color:#069;
	font:24px/30px Arial, Helvetica, sans-serif;
}
.info-block h2 {
	clear:both;
	overflow:hidden;
	color:#069;
	font:18px/24px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.info-block h3 {
	clear:both;
	overflow:hidden;
	margin:0 0 12px;
	color:#069;
	font-weight: bolder;
	font:15px/19px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.info-block h4 {
	clear:both;
	overflow:hidden;
	margin:0 0 12px;
	color:#949494;
	font-weight: bolder;
	font:12px/14px sans-serif, Helvetica, Arial;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.info-block p  {
	clear:both;
	overflow:hidden;
	margin:0 0 12px;
	font:140%/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.info-block ol  {
	margin-top: 2px;
	margin-bottom:8px;
}

.info-block ul  {
	margin-top: 2px;
	margin-bottom:8px;
}
.info-block li  {
	font:140%/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
		
}

.grey {color: #CCCCCC;
}
.info-block p a {
	color:#2e6696;
	text-decoration:underline;
}
.info-block p a:hover {text-decoration:none;
}
.IE6Fix {z-index:-9;
}
.resize-font {
	clear:both;
	overflow:hidden;
	width:100%;
}
.resize-font p {
	float:left;
	width:454px;
	margin:0;
	text-align:right;
	color:#333;
	font:12px/16px sans-serif, Arial, Helvetica;
}
.resize-font ul {
	float:right;
	margin:0;
	padding:0 32px 0 0;
}
.resize-font ul li {
	float:left;
	padding:0 1px;
	list-style:none;
}
.resize-font ul li a {
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
}
.resize-font ul li a#font-min {background:url(../images/btn-minus.gif) no-repeat;}
.resize-font ul li a#font-max {background:url(../images/btn-plus.gif) no-repeat;}
/*-----side-bar-----*/
#side-bar {
	float:right;
	width:161px;
	padding:0 0 0 1px;
	margin:3px 0 0;
	position:relative;
	z-index:999;
}
#side-bar .bar {display:none;}
#side-bar .logo {
	float:left;
	width:113px;
	height:63px;
	margin:0 0 4px;
	padding:54px 28px 76px 20px;
	background:#069 url(../images/side-bar-bg.gif) no-repeat 100% 0;
}
#side-bar .logo a {
	display:block;
	width:155px;
	height:164px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/SummerlandGlass_logo.gif) no-repeat;
	position: absolute;
	left: 4px;
	top: 56px;
}


/*-- MILGARD BOX ----------------------------------------------------------------*/

#milgard-box,
.open #milgard-box.active {
	float:left;
	width:100%;
	background:#999999 url(../images/grey-corner.gif) no-repeat 100% 100%;
}
#milgard-box .milgard-box-top,
.open #milgard-box.active .milgard-box-top{
	clear:both;
	overflow:hidden;
	width:130px;
	padding:10px 21px 10px 10px;
	background:url(../images/grey-corner-top.gif) no-repeat;
}
#milgard-box p {
	float:left;
	width:110px;
	margin:0;
	color:#fff;
	font:13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#milgard-box a {
	float:right;
	margin:0;
	width:17px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arrow.gif) no-repeat;
}
#milgard-box span {
	float:left;
	width:104px;
	margin:3px 0 0;
	background:url(../images/inp-search.gif) no-repeat;
}
#milgard-box span .inp-milgard {
	float:left;
	margin:0;
	padding:1px 5px;
	width:94px;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	border:0;
	background:none;
}
#milgard-box .btn-milgard {
	float:right;
	margin:3px 0 0;
}
.milgard-box {background:url(../images/light-grey-box-bg.gif) no-repeat;}


/*-- PROJECTS BOX ----------------------------------------------------------------*/

#projects-box,
.open #projects-box.active {
	float:left;
	width:100%;
	background:#666666 url(../images/dark-grey-corner.gif) no-repeat 100% 100%;
}
#projects-box .projects-box-top,
.open #projects-box.active .projects-box-top{
	clear:both;
	overflow:hidden;
	width:130px;
	padding:10px 21px 10px 10px;
	background:url(../images/dark-grey-corner-top.gif) no-repeat;
}
#projects-box p {
	float:left;
	width:110px;
	margin:0;
	color:#fff;
	font:13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#projects-box a {
	float:right;
	margin:0;
	width:17px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arrow.gif) no-repeat;
}
#projects-box span {
	float:left;
	width:104px;
	margin:3px 0 0;
	background:url(../images/inp-search.gif) no-repeat;
}
#projects-box span .inp-projects {
	float:left;
	margin:0;
	padding:1px 5px;
	width:94px;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	border:0;
	background:none;
}
#projects-box .btn-projects {
	float:right;
	margin:3px 0 0;
}
.projects-box {background:url(../images/dark-grey-box-bg.gif) no-repeat;}


/*-- GALLERY BOX ----------------------------------------------------------------*/

#gallery-box,
.open #gallery-box.active {
	float:left;
	width:100%;
	background:#F87124 url(../images/orange-corner.gif) no-repeat 100% 100%;
}
#gallery-box .gallery-box-top,
.open #gallery-box.active .gallery-box-top{
	clear:both;
	overflow:hidden;
	width:130px;
	padding:10px 21px 10px 10px;
	background:url(../images/orange-corner-top.gif) no-repeat;
}
#gallery-box p {
	float:left;
	width:110px;
	margin:0;
	color:#fff;
	font:13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#gallery-box a {
	float:right;
	margin:0;
	width:17px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arrow.gif) no-repeat;
}
#gallery-box span {
	float:left;
	width:104px;
	margin:3px 0 0;
	background:url(../images/inp-search.gif) no-repeat;
}
#gallery-box span .inp-gallery {
	float:left;
	margin:0;
	padding:1px 5px;
	width:94px;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	border:0;
	background:none;
}
#gallery-box .btn-gallery {
	float:right;
	margin:3px 0 0;
}
.gallery-box {background:url(../images/orange-box-bg.gif) no-repeat;}


/*-- TESTIMONIAL BOX ----------------------------------------------------------------*/

#testimonial-box,
.open #testimonial-box.active {
	float:left;
	width:100%;
	background:#669912 url(../images/green-corner.gif) no-repeat 100% 100%;
}
#testimonial-box .testimonial-box-top,
.open #testimonial-box.active .testimonial-box-top {
	clear:both;
	overflow:hidden;
	width:130px;
	padding:10px 21px 10px 10px;
	background:url(../images/green-corner-top.gif) no-repeat;
}
#testimonial-box p {
	float:left;
	width:110px;
	margin:0;
	color:#fff;
	font:13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#testimonial-box a {
	float:right;
	margin:0;
	width:17px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arrow.gif) no-repeat;
}
.testimonial-box {background:url(../images/green-box-bg.gif) no-repeat;}


/*-- GUARANTEE BOX ----------------------------------------------------------------*/

#guarantee-box,
.open #guarantee-box.active {
	float:left;
	width:100%;
	background:#069 url(../images/blue-corner.gif) no-repeat 100% 100%;
}
#guarantee-box .guarantee-box-top,
.open #guarantee-box.active .guarantee-box-top {
	clear:both;
	overflow:hidden;
	width:130px;
	padding:10px 21px 16px 10px;
	background:url(../images/blue-corner-top.gif) no-repeat;
}
#guarantee-box p {
	float:left;
	width:110px;
	margin:0;
	color:#fff;
	font:13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#guarantee-box a {
	float:right;
	margin:0;
	width:17px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arrow.gif) no-repeat;
}
.guarantee-box {background:url(../images/blue-box-bg.gif) no-repeat;}
.roll {
	position:relative;
	z-index:996;
}
.no-over {
	position:relative;
	z-index:996;
	font-size: 14px;
	color: #FFFFFF;
}

.projects-box,
.gallery-box,
.experience-box,
.milgard-box,
.testimonial-box,
.guarantee-box {
	display:block;
	position:absolute;
	width:598px;
	height:173px;
	padding:10px 0 10px 9px;
	top:233px;
	z-index:9;
	right:160px;
}

.open #guarantee-box,
.open #projects-box,
.open #gallery-box,
.open #milgard-box {background:#999 url(../images/not-active-01.gif) no-repeat 100% 100%;}

.open #projects-box .projects-box-top, .open #gallery-box .gallery-box-top,
.open #milgard-box .milgard-box-top {background:url(../images/not-active-top-01.gif) no-repeat;}

.open #testimonial-box {background:#999 url(../images/not-active-02.gif) no-repeat 100% 100%;}
.open #testimonial-box .testimonial-box-top {background:url(../images/not-active-top-02.gif) no-repeat;}
.open #guarantee-box {background:#999 url(../images/not-active-03.gif) no-repeat 100% 100%;}
.open #guarantee-box .guarantee-box-top {background:url(../images/not-active-top-03.gif) no-repeat;}



/*-----content for Milgard tab-----*/

table.milgard {
	width:520px;
	padding:0;
	margin:0;
	}

td.milgard_top {
	padding-top:15px;
	padding-left:25px;
	padding-right:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:15px;
	vertical-align:top;
	}

td.milgard_icon {
	padding-left:25px;
	padding-top:15px;
	vertical-align:top;
	}

td.milgard_icontext {
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}
td.milgard_icontext a{
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}

.milgard_large {
	font-size:12pt;
	}

.milgard_small {
	font-size:8.5pt;
	line-height:12px;
	}


/*-----content for Recent Projects tab-----*/

table.projects {
	width:520px;
	padding:0;
	margin:0;
	}

td.projects_top {
	padding-top:15px;
	padding-left:25px;
	padding-right:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:15px;
	vertical-align:top;
	}

td.projects_icon {
	padding-left:25px;
	padding-top:15px;
	vertical-align:top;
	}

td.projects_icontext {
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}
td.projects_icontext a{
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}

.projects_large {
	font-size:12pt;
	}

.projects_small {
	font-size:8.5pt;
	line-height:12px;
	}
	
/*-----content for Gallery tab-----*/

table.gallery {
	width:520px;
	padding:0;
	margin:0;
	}

td.gallery_top {
	padding-top:15px;
	padding-left:25px;
	padding-right:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:15px;
	vertical-align:top;
	}

td.gallery_icon {
	padding-left:25px;
	padding-top:15px;
	vertical-align:top;
	}

td.gallery_icontext {
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}
td.gallery_icontext a{
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}

.gallery_large {
	font-size:12pt;
	}

.gallery_small {
	font-size:8.5pt;
	line-height:12px;
	}
	
/*-----content for Testimonials tab-----*/

table.testimonials {
	width:520px;
	padding:0;
	margin:0;
	}

td.testimonials_top {
	padding-top:15px;
	padding-left:25px;
	padding-right:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:15px;
	vertical-align:top;
	}

td.testimonials_icon {
	padding-left:25px;
	padding-top:15px;
	vertical-align:top;
	}

td.testimonials_icontext {
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}
td.testimonials_icontext a{
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}

.testimonials_large {
	font-size:12pt;
	}

.testimonials_small {
	font-size:8.5pt;
	line-height:12px;
	}
	
/*-----content for Guarantee tab-----*/

table.guarantee {
	padding:0;
	margin:0;
	}

td.guarantee_left {
	width:420px;
	padding-top:15px;
	padding-left:25px;
	padding-right:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:15px;
	vertical-align:top;
	}

td.guarantee_right {
	padding-top:25px;
	vertical-align:top;
	}

.guarantee_large {
	font-size:12pt;
	}

.guarantee_small {
	font-size:8.5pt;
	line-height:12px;
	}
	
td.guarantee_left a{
	padding-top:15px;
	font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	font-size:9pt;
	color:#fff;
	line-height:16px;
	vertical-align:top;
	}
/*--trial-ico--*/
.trial-ico {
	position:absolute;
	margin-top:15px;
	top:730px;
	left:750px;
	z-index:752;
}
.trial-ico a {
	display:block;
	width:53px;
	height:53px;
}
.trial-ico a img {
	display:block;
	margin:0;
	border:none;
}

/*-----footer-----*/
#footer {
	float:left;
	width:868px;
	overflow:hidden;
	margin:54px 0 0 26px;
	padding:0 0 30px;
	display:inline;
	background:url(../images/footer-bg.gif) no-repeat 1px 0;
	position:relative;
	z-index:224;
}
#footer ul {
	clear:both;
	overflow:hidden;
	margin:30px 0 0;
	padding:0;
}
#footer ul li {
	float:left;
	padding:0 8px 0 9px;
	list-style:none;
	color:#666;
	background:url(../images/f-separator.gif) no-repeat 0 60%;
	font:12px/15px Arial, Helvetica, sans-serif;
}
#footer ul li a {
	color:#666;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
	color:#069;
}
#horiz-menu li{
	z-index: 100;
	position:relative;
	float:left;
}
#horiz-menu li.background {
	z-index: 3;
	background:url(../images/navbar-bg.gif) no-repeat;
	position: absolute;
	left:0;
	top:0;
	width:152px;
	height:47px;
}
a:link {
	color: #006699;
}
a:visited {
	color: #007DB0;
}
a:hover {
	color: #333333;
	text-decoration: none;
}