/*
Colors:

Grey Border: cfcfcf

Top Grey: dadada

Font Color: 636363

Blue Links: 2c68a5

*/

/* Browser Reseter */
* {
  margin: 0;
  padding:0;
  outline: none;
}

img {
  float: left;
  border:0;
}

ul,li,ol {
  list-style: none;
  float:left;
}

a {
  outline:0;
  text-decoration:none;
}

blockquote {
	letter-spacing: normal;
	word-spacing: normal;
	text-align: justify;
}

.Iframe1 {
	width: 640px;
	height: 480px;
	border: 1px solid #999;
	margin: 0px 0px 0px 0px;
}

.Iframe2 {
	width: 290px;
	height: 200px;
	border: 1px solid #999;
	margin: 20px 0px 0px 3px;
}

.Left {
	text-align: left;
}

.FloatLeft {
	float: left;
}

.Clear {
	clear: both;
}

.ClearLeft {
	clear: left;
}

.ClearRight {
	clear: right;
}

/* General body layout */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  background:#eee;
}

.top-wrap{
  width: 100%;
  display: inline-block;
  background:#fff url(../images/top-wrap.gif) repeat-x top;
  border-bottom: 1px solid #dadada;
}

.top-wrap-internal{
  width: 100%;
  display: inline-block;
  background:#fff url(../images/top-wrap-internal.gif) repeat-x top;
  border-bottom: 1px solid #dadada;
}

.body-wrap{
	width: 980px;
	margin: 0px auto 0px auto;
	background:#fff url(../images/body-wrap.gif) repeat-x top;
}

.Bold {
	font-weight: bold;
}

#body-wrap{
  width:980px;
  float:none;
  margin:0px auto;
}

#header-wrap{
  width: 980px;
  float:left;
/*  padding-bottom: 30px;  */
}


	/* gallery slideshow */

	ul.slideshow {
		list-style:none;
		width:635px;
		height:300px;
		overflow:hidden;
		position:relative;
		margin:0;
		padding:0;
		left:30px;
		top:32px;
		border:0px;
		background:none;
	}

	ul.slideshow li {
		width:100%;
		float:left;
		position:absolute;
		margin:0 0 5px 0;
		padding:0;
		border:0px;
		background:none;
	}

	ul.slideshow li.show {
		border:0px;
		background:none;	
	}

	ul img {
		border:none;
	}


	#slideshow-caption {
		width:609px;
		height: 35px;
		left:6px;
		margin-bottom:6px;
		color:#fff;
		background:#0d0d0d;			
		border-top:1px solid #000;
		overflow:hidden;
	}

	#slideshow-caption .slideshow-caption-container {
		text-align:left;
		font-size:14px;		
		color:#fff;
		font-weight:bold;
		padding:0px 0px 0px 22px;
	}

	#slideshow-caption h3 {
		margin:0;
		padding: 10px 0px 0px 0px;
		font-size:14px;
		line-height: 0px;
	}

	


/* Layout styles */
div.topan{
  width: 980px;
  height:30px;
  float:right;
}

.topan p.call{
  float:right;
  font-size: 1.4em;
  color:#2c68a5;
  padding: 0;
  margin:0;
}

.topan p.mail{
  min-width: 126px;
  float:right;
  font-size:13px;
  font-weight: bold;
  color:#2c68a5;
  margin-right: 25px;
  padding:9px 0 0 0;
}

.topan p.mail a {
	color: #2c68a5;
}

.topan p.mail a:hover {
	color: #000;
}

		#TopLeft {
			float: right;
			height: 28px;
			height: 28px;
			margin: 0px 0px 0px 0px;
		}
		
			#TopLeft1 {
				float: right;
				width: 35px;
				height: 28px;
				line-height: 32px;
				font-size: 1.5em;
				color:#2c68a5;
				margin: 0px 60px 0px 0px;
			}
			
			#TopLeft2 {
				float: right;
				height: 28px;
			}
		
		#TopRight {
			float: right;
			width: 320px;
			height: 28px;
			margin: 0px 10px 0px 0px;
			text-align: right;
			font-size: 1.5em;
			color:#2c68a5;
		}
		
			#TopRight1 {
				float: left;
				width: 35px;
				height: 28px;
				margin: 0px 0px 0px 44px;
			}
			
			#TopRight2 {
				float: right;
				height: 28px;
				line-height: 30px;
			}
				
		
		#TopRight a {
			color: #2c68a5;
			margin: 0px 0px 0px 0px;
		}
		
		#TopRight a:hover {
			color: #000;
		}


#header{
  width:980px;
  height:140px;
  float: left;
  position:relative;
}

h1{
  display: block;
  float:left;
  margin:10px 0 0 28px;
}



/* navigation */
ul.nav{
	min-width:600px;
	float:right;
	margin:95px 0 0 0;
}
ul.nav li {
	display:block;
	float:left;
	margin-right:2px;
}
ul.nav li a{
	float:left;
	font-size:11px;
	/*color:#464646;*/
	color:#2c68a5;
	line-height:36px;
	padding:0px 24px;
	text-align:center;
}

/* stylin navigation hover state */
ul.nav li a:hover, ul.nav li a.active{
	float:left;
	text-align:center;
	padding:0px 14px 0 0px;
	background:url(../images/nav-right.png) no-repeat right;
}

ul.nav li a:hover span, ul.nav li a.active span{
	display:block;
	text-align:center;
	height:35px;
	float:left;
	padding:0 10px 0 24px;
	background:url(../images/nav-left.png) no-repeat left;
}

/* stylin banner content */
div.banner{
  width:980px;
  height:365px;
  float:left;
  background:url(../images/banner_bg.png) no-repeat top center;
}
.banner img.slider{
	width:621px;
	height:300px;
	float:left;	
/*	margin:32px 0 0 32px;*/
}

.banner ul.slideshow li a{
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

.banner ul.banner-lists{
	width: 270px;
	float:right;
	margin:32px 34px 0 0;
}
.banner ul.banner-lists li{
	width:260px;
	float:left;
	display:block;
	padding:10px 0 10px 11px;
	background:#fff;
	border:1px solid #c9c9c9;
	margin:0 0 8px 0;
	letter-spacing: normal;
	word-spacing: normal;
	text-align: justify;
}

.banner ul.banner-lists li img{
	margin:0 11px 0 0;
	border: 1px solid #cfcfcf;
}

.banner ul.banner-lists li div{
	width:156px;
	float:left;
}
.banner ul.banner-lists li h4{
	width:156px;
	float:left;
	font-size:11px;
	color:#636363;
	text-transform:uppercase;
}
.banner ul.banner-lists li div p{
	width: 160px;
	float: left;
	font-size: 11px;
	color: #636363;
	line-height: 16px;
}
.banner ul.banner-lists li div p a.more{
	color:#2c68a5;
	text-decoration:underline;
}
.banner ul.banner-lists li div p a.more:hover{
	color:#2c68a5;
	text-decoration:none;
}

/* stylin main body */
#content-wrap{
  width:980px;
  float: left;
  padding-top:35px;
  padding-bottom:10px;

}

.leftPan{
	width:633px;
	float:left;
	padding-left:2px;
	margin-right:40px;
	background: url(../images/leftpan_bg.jpg) no-repeat right 2px;
}
#content-wrap h2, #content-wrap h3{
	min-width:100px;
   	float:left;
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:30px;
	padding-right:14px;
	background:#fff;
}
#content-wrap h2 span,#content-wrap h3 span{
	font-size:18px;
	color:#7e7e7e;
	font-weight:normal;
	text-transform:uppercase;	
}



div.leftContent{
	clear:both;
	width:633px;
	float:left;
	display:block;
}
.leftPan img{
	float:left;
	margin:6px 22px 56px 0;
}

.leftPan a{
	color: #2c68a5;
}

.leftPan a:hover{
	color: #636363;
}

#ServiceLogos {
	width: 100%;
	height: 68px;
	clear: both;
	text-align: center;
	margin: 0px 0px 20px 0px;
}

#ServiceLogos img {
	float: none;
	padding: 0px 20px 0px 20px;
}


#ShowerDoorLogos {
	width: 341px;
	height: 46px;
	clear: both;
	margin: 0px auto 0px auto;
}

#ShowerDoorLogos img {
	float: none;
	margin: 0px auto 0px auto;
}

#WindowsLogos {
	width: 100%;
	height: 53px;
	clear: both;
	text-align: center;
}

#WindowsLogos img {
	float: none;
	margin: 0px auto 0px auto;
	padding: 0px 20px 0px 20px;
}

	/*******  Gallery  *******/

	#GalleryWrapper {
		width: 600px;
		margin: 0px auto 22px auto;
	}
	
	#GalleryWrapper img {
		float: none;
		margin: 0px 0px 0px 0px;
	}
	/*******  /Gallery  *******/




.leftPan p.para{
	display:block;
	width:435px;
	float:right;
	font-size:12px;
	color:#636363;
	letter-spacing: normal;
	word-spacing: normal;
	text-align: justify;
	padding-right:12px;
	line-height:21px;
}
.leftPan p a.more{
	color:#2c68a5;
	text-decoration:underline;
}
.leftPan p a.more:hover{
	color:#2c68a5;
	text-decoration:none;
}

#content-wrap div.innerLeft{
	clear:both;
	width:633px;
	float:left;
	background: url(../images/leftpan_bg.jpg) no-repeat right 2px;
}
#content-wrap div.innerLeft h3{
	min-width:202px;
	float:left;
}

/* stylin lower left content inside leftPan */
#content-wrap ul.lower-lists,#content-wrap ul.lower-lists li{
	width:633px;
	float:left;
}
#content-wrap ul.lower-lists li{
	padding:21px 0 25px 0;
	border-bottom:1px solid #ededed;
}
#content-wrap ul.lower-lists li.nopad{
	padding-top:0px;
}
#content-wrap ul.lower-lists li.nobor{
	border:0px;
}
ul.lower-lists li img{
	float:left;
	margin:0px 23px 0 0;
}
ul.lower-lists li h4{
	width:400px;
	float:none;
	font-size:14px;
	color:#636363;
	font-weight:bold;
	line-height:21px;
}
ul.lower-lists li p{
	min-width:432px;
	float:none;
	display:block;
}


/* stylin right side content */
.rightPan{
	width:300px;
	float:left;
	background:url(../images/right-pan_bg.jpg) no-repeat right 2px;
}
#content-wrap .rightPan h2{
	min-width:140px;
	float:left;
}
#content-wrap .rightContent{
	clear:both;
	float:left;
	width:300px;
	padding-bottom:25px;
}



.WindowsUL {
	list-style-type: none;
	width: 400px;
	margin: 0px auto 0px auto;
	text-align: center;
}

.WindowsUL li {
	height: 53px;
	display: inline !important;
	padding: 0px 10px 0px 10px;
}


.rightContent div.Logo1{
	width: 165px;
	height: 53px;
	margin: 10px auto 0px auto;
}

.rightPan ul, .rightPan li{
	width:100%;
	float:left;
	display:block;
}
.rightPan ul li{
	padding:16px 0 17px 0;
	margin: 0px 0px 16px 0px;
	border-bottom:1px solid #ededed;
}
.rightPan ul li.nopad{
	padding-top:0px;
}

.rightPan ul li{
	padding-top:0px;
	color:#2c68a5;
	font-weight: bold;
}

#ContactTop {
	width: 100%;
	text-align: center;
}

#ContactTop img {
	float: none;
	border: 1px solid #000;
	margin: 0px auto 10px auto;
}

#ContactBottom {
	width: 100%;
	text-align: center;
	margin: 10px 0px 0px 0px;
}

#ContactBottom img {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}

#ContactBottom p {
	display: inline;
	margin: 0px 0px 0px 0px;
}

#ContactHeader {
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

.ContactInfo{
	font-size: 1.5em !important;
	font-weight: bold !important;
	color: #000 !important;
	line-height: 1.4em !important;
	text-align: right;
}

.ContactInfo a{
	font-size: 1em !important;
}

.Map {
	margin: 20px 0px 0px 5px;
	border: 1px solid #cfcfcf;
}

.MapHeader {
	font-weight: bold;
	float: none;
	text-align: center;
}

.Border	{
	border: 1px solid #000;
}

.rightPan ul li a{
	width:300px;
	float:left;
	font-size:12px;
	color:#2c68a5;
	text-decoration:none;
	line-height:21px;
}
.rightPan ul li a:hover{
	text-decoration:underline;
}
.rightPan ul li span{
	min-width:120px;
	float:left;
	font-size:11px;
	color:#a2a2a2;
	text-decoration:none;
}

/* stylin testimonial quotes */
div.quote{
	clear:both;
	width: 300px;
	margin: 0px 0px 0px 15px;
}
div.quote blockquote{
	width:226px;
	float:left;
	font-size:12px;
	color:#626262;
	line-height:21px;
	padding:4px 37px 7px 23px;
	background:url(../images/quoter-rep-y.png) repeat-y;
}

div.quote p.sign{
	width:265px;
	float:left;
	display:block;
	font-size:12px;
	color:#626262;
	font-weight:bold;
	text-align:right;
	padding:35px 7px 0 0;
	background:url(../images/quote-bot.png) no-repeat;
}

/* Footer */
#FooterWrapper {
	width: 100%;
	height: 109px;
}

#FooterContent {
	width: 980px;
	height: 84px;
	padding: 25px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

	#FooterContent p.copyright{
	width:100%;
	font-size:11px;
	color:#727272;
	line-height:22px;
	}

	#FooterContent p.foot-sign{
		float:right;
		min-width:126px;
		font-size:11px;
		line-height: 1.75em;
		color:#727272;
		font-weight:bold;
		font-style:italic;
		margin:0 48px 0 0;
	}

	#FooterContentLeft {
		width: 70%;
		height: 84px;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	
	#FooterContentLeft a {
		color:#727272;
	}
	
	#FooterContentLeft a:hover {
		color:#000;
	}
	
	#FooterContentRight {
		width: 29%;
		height: 84px;
		float: right;
		text-align: right;
		margin: 0px 0px 0px 0px;
	}
	
	#FooterContentRight a {
		color:#727272;
	}
	
	#FooterContentRight a:hover {
		color:#000;
	}





#footer-wrap{
  width: 100%;
  height:109px;
  float:left;
  padding:25px 0 0 0;
  background:url(../images/footer-wrap.gif) repeat-x;
}

#footer{
  width:980px;
  height:84px;
  float:none;
  margin: 0px auto 0px auto;
  padding:25px 0 0 0;
}

#footer p.copyright{
	min-width:300px;
	font-size:11px;
	color:#727272;
	line-height:21px;
}

#footer p.foot-sign{
	float:right;
	min-width:126px;
	font-size:11px;
	color:#727272;
	font-weight:bold;
	font-style:italic;
	margin:0;
}

/* stylin foot navigation */
ul.footNav{
	min-width:273px;
	float:left;
}
ul.footNav li{
	float:left;
	line-height:21px;
	color:#727272;
}
ul.footNav li a{
	font-size:11px;
	color:#727272;
	padding:0 5px;
}

/* stylin inner pages  */
.leftPan p{	
	float:left;
	padding-bottom:20px;
	font-size:12px;
	color:#636363;
	line-height:21px;
}

.Sitemap {
	float: left;
}

.Sitemap li {
	
}


/* stylin blog page content */
#content-wrap ul.blog{
	display:block;
	width:100%;
	float:left;
}
#content-wrap ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:30px;
}
#content-wrap ul.blog li p.post, ul.blog li p.comments,ul.blog li p.date{
	width:100%;
	float:left;
}
#content-wrap ul.blog li h5{
	font-size:21px;
	color:#0063A1;
	line-height:21px;
	padding:0px 0px 10px 0;
}
#content-wrap ul.blog li img{
	width:100%;
	margin:10px 9px 10px 0;
}

#content-wrap ul.blog li p a{
	font-size:12px;
	color:#2c68a5;
}
#content-wrap ul.blog li p a:hover{
	text-decoration:underline;
}
#content-wrap ul.blog li p.date,#content-wrap ul.blog li p.post,#content-wrap ul.blog li p.comments{
	padding:0 0 9px 0;
}
#content-wrap ul.blog li a.more{
	width:80px;
	float:left;
	color:#2c68a5;
	text-align:left;
	padding:0px;
	margin:0px;
	text-decoration:underline;
	background: url(../images/arrow.png) no-repeat right;
}
#content-wrap ul.blog li a.more:hover{
	display:block;
	width:80px;
	float:left;
	color:#002c57;
	text-decoration:none;
}

/*******  Begin Forms  *******/
form { margin: 0px; }

.ContactTable {
	width: 100%;
	margin: 0px auto 0px auto;
}

.ContactTable td {
	padding: 4px;
}

.ContactTable span {
	color: red;
	font-weight: bold;
	font-size: 14px;
}

.FormField {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	width: 170px; 
	border: 1px solid #2c68a5;	
	padding: 2px;
}

.TextArea {
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-size: 11px;
	width: 580px; 
	height: 80px;
	border: 1px solid #2c68a5;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 4px;
	background-color: #ededed;
	overflow: hidden;
}

.Submit { 
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-size: 11px;
	color: #000;
	background-color: #cfcfcf;	
	width: 80px; 
	height: 20px;
	border: 1px solid #0350a9;
	margin: 10px 0px 10px 0px;
	cursor: pointer;
}

.Submit:hover {
	background-color: #2c68a5;
	color: #fff;
	border: 1px solid #000;
}

/*******  End Forms  *******/



/* stylin sitemap content */
ul.sitemap{
	width:100px;
	float:left;
	padding-bottom:50px;
}
ul.sitemap li{
	width:100%;
	float:left;
	display:block;
	line-height:21px;
}
ul.sitemap li a{
	font-size:11px;
	color:#2c68a5;
	text-decoration:none;
}
ul.sitemap li a:hover{
	color:#7e7e7e;
	
	text-decoration:underline;
}

/* contact us page images  */
div.bookmark img{
	margin: auto 0;
}

.rightPan p.address{
	font-size:12px;
	color:#636363;
	line-height:21px;
}