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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:url(../images/bg_main.jpg) center center fixed;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:240%; color:white;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); margin:0px 0px 20px 0px;}
h2{font-family: 'MediaGothicRegular'; font-weight:normal; color:white; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); text-transform:uppercase; font-size:80%; margin:10px 0px 0px 0px}
h3{font-family: 'MediaGothicRegular'; font-weight:normal; color:white; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); text-transform:uppercase; font-size:80%; margin:30px 0px 0px 0px}
p{font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:160%; color:#c9cacb; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); }
a{color:#FFF;}
label{width:150px; display:block; float:left; text-align:right; margin:0px 3px 0px 0px;  padding:6px 0px 10px 0px; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); color:#c9cacb; font-family:Georgia, "Times New Roman", Times, serif;}
blockquote{font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:140%; color:#c9cacb; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);font-style:italic; text-align:right}
input, textarea{width:250px; padding:5px; margin:5px 0px; display:block; float:right}
input.btn{width:100px; margin:5px 0px 5px 160px; background:#000; border:none; font-family: 'MediaGothicRegular'; font-weight:normal; color:white; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); text-transform:uppercase; font-size:80%; padding: 6px 0px}
cite{text-transform:uppercase;  font-family: 'MediaGothicRegular'; font-weight:normal; color:white; font-size:80%; text-align:right; float:right; margin:20px 0px 0px 0px; display:block; float:right}
form{margin:20px 0px;}
.container{width:960px; margin:0px auto; background:url(../images/bg_content.png) repeat-x; height:100%; }
.header{width:960px; height:180px; background:url(../images/bg_header.png)center center no-repeat; text-align:center}
.header a.logo{width:200px; height:200px; display:block; overflow:hidden; text-indent:-4000px; background:url(../images/install-elite-logo.png) center 27px no-repeat;  float:right; margin:0px 80px 0px 0px}
.header .ue{margin:80px 0px 0px 100px; font-family:Georgia, "Times New Roman", Times, serif; font-size:180%; color:white; font-style:italic; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1); float:left;}
.slideshow{width:800px; height:375px; margin:0px auto; -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8); background:#FFF; position:relative; border:10px solid #FFF}
body.home .slideshow{width:800px; height:450px; margin:0px auto; -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8); background:#FFF; position:relative; border:10px solid #FFF}
.slideshow img{height:375px;}
body.home .slideshow img{height:450px;}
form div{height:40px; color:#FFF}


  .slideshow .logo{position:absolute; top:0px; right:60px; z-index:1000; opacity:0.8; display:none}
  .slideshow .title{position:absolute; bottom:20px; left:40px; z-index:1001; opacity:0.8; padding:10px; background:#000;}
  .slideshow .introheader{position:absolute; top:0px; left:0px; z-index:1001; opacity:1; padding:10px; background:#151515; width:300px; height:450px; padding:0px 0px}
  .slideshow .introheader h1{margin:20px 40px 20px 40px; color:#FFF; text-shadow:none; font-size:100%; line-height:140%}
  .slideshow .introheader p{margin:0px 40px 20px 40px; color:#FFF; text-shadow:none;}
  .slideshow .title h1{margin:0px; padding:0px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:240%; color:white; font-style:italic; text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);}
.navigation{width:800px; height:90px; text-align:center; margin:0px auto; background:url(../images/footer_div.png) bottom center no-repeat; padding:0px 60px}
body.home .navigation{width:800px; height:90px; text-align:center; margin:0px auto; background:none; padding:0px 60px}
/*body.bathrooms .navigation{width:800px; height:90px; text-align:center; margin:0px auto; background:url(../images/bg_nav2.png) bottom center no-repeat; padding:0px 60px}
body.kitchens .navigation{width:800px; height:90px; text-align:center; margin:0px auto; background:url(../images/bg_nav3.png) bottom center no-repeat; padding:0px 60px}
body.remodelling .navigation{width:800px; height:90px; text-align:center; margin:0px auto; background:url(../images/bg_nav4.png) bottom center no-repeat; padding:0px 60px}
body.testimonials .navigation{width:800px; height:90px; text-align:center; margin:0px auto; background:url(../images/bg_nav5.png) bottom center no-repeat; padding:0px 60px}
body.contact .navigation{width:800px; height:90px; text-align:center; margin:0px auto; background:url(../images/bg_nav6.png) bottom center no-repeat; padding:0px 60px}*/
.content{clear:left;}
.contentbg{ background:url(../images/bg_content_main.png) top center no-repeat;}
.navigation ul{margin:0px; padding:0px;}
.navigation ul li{float:left; text-align:center; font-family: 'MediaGothicRegular'; font-weight:normal; color:white;padding:40px 20px 20px 20px; font-size:80%; background:url(../images/bg_nav_div.png) right 25px no-repeat; text-transform:uppercase}
.navigation ul li.last{background:none}
.navigation ul li a{display:block; color:#c9cacb; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); text-decoration:none}
.navigation ul li a:hover{color:#FFF}
.navigation ul li.selected a{display:block; color:#FFF; border-bottom:2px solid #FFF }
.Gallery{margin:0px 0px 40px 0px; text-align:right; width:256px; float:right}
.Gallery p{ text-align:right; font-size:70%; margin:20px 0px}
.Gallery a{text-decoration:none;}

.Gallery ul{padding:10px 0px}
.Gallery ul li{display:inline; margin:0px 1px 6px 0px; width:75px;}
.Gallery ul li img{margin:0px 0px 3px 0px; -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); border:3px solid #FFF }
.Gallery ul li.hide{display:none}
.leftcol{float:left; margin:40px 0px 20px 80px; width:500px;}
.leftcol p{margin:20px 0px}
.rightcol{float:right; width:220px; margin:60px 80px 20px 0px;}
.widecol{float:left; margin:40px 0px 20px 80px; width:840px;}
.widecol ul{margin:16px 0px 0px 0px}
.widecol ul li{float:left; margin:0px 30px 40px 0px}
.widecol ul li img{-moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); border:5px solid #FFF}


.footer{clear:both; text-align:center; padding:60px 0px; background:url(../images/footer_div.png) top center no-repeat; margin:0px 0px 0px 0px }
.footer p{font-size:70%; margin:6px 0px 0px 0px}
.clearfix{clear:both}


/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:800px;
	overflow:hidden;
	position:relative;
	display:none;
}
.quotes{clear:both}
.quotes .slides_container{display:none;width:220px; }
.quotes .slides_container div {
			width:220px;
			height:300px;
			display:block;
		}
		
.widecol .quotes{width:600px; margin: 0px auto}
.widecol .quotes .slides_container{display:none;width:600px; }
.widecol .quotes .slides_container div {
			width:600px;
			height:150px;
			display:block;
			
		}
		.quotes{overflow:hidden;}
		
		.widecol .quotes blockquote{text-align:center}
		.widecol .quotes cite{text-align:center; float:none}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:800px;
	height:450px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:160px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	-moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
}


body.home .slideshow #slides .next, body.home .slideshow #slides .prev {
	position:absolute;
	top:210px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	-moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
}
.slideshow #slides .next img, .slideshow #slides .prev img{height:43px}

#slides .next, body.home .slideshow #slides .next {
	left:800px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
	display:none;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}