html, body {
 } 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#f6f6f6;
}


/* -- RESET DEFAULT
-------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, form, input, fieldset, label, dl, dt, dd { 
	margin:0; padding:0; }

fieldset { 
	border:none;}

ul li, ol li { list-style-type:none; }

.invisible { 
	display:none; }

legend {
	display: none;
}

.cleaner{
	clear:both;
}

input{
	font-size:1em;
	padding:4px;
}

a {
	outline:none; }
	
a:link, a:visited, a:active { 
	color:#00b1b0;
	text-decoration:none;
	 }  

a:hover {
	color:#000;
	text-decoration: underline;} 
	
img {
	border:none;
}

/* -- GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#header {
	margin:30px 0 0 0;
}
	
#container{
	margin:0 auto;
	width:800px;
	font-size:1.2em;
	
}

.footer{
	clear:both;
	color:#999;
	text-align:center;
}

#navigation{
	float:left;
	background:#EFEFEF;
	width:800px;
}

ul#cat-nav {
	padding:0;
	margin:1px 0 0 0;

}

ul#cat-nav li{
	float:left; 
	display:block;
	background: url(../images/divider.gif) no-repeat;
	background-position: right;
	padding:6px 0px 6px 0px;
	}
	
ul#cat-nav li a{color:#565656; text-decoration:none; font-weight:bold; padding:0 7px 0 7px;}
ul#cat-nav li a:hover {color:#adadad; text-decoration: underline;}
ul#cat-nav li.home {	background:#565656; color:#fff;}
ul#cat-nav li.home a{color:#fff;}

#leftpanel {
	float:left;
	margin:0;
	padding:0;
	width:399px;
	border-right:solid 2px #fff;
}

#rightpanel {
	float:left;
	margin:0;
	padding:0;
	width:399px;
}

#leftpanel h2, #rightpanel h2{
	font-size:1.8em; 
	font-weight:bold; 
	font-style:normal; 
	text-align:center; 
	padding-top:15px; 
	height:50px; 
	border-bottom:solid 2px #fff;	
}


#leftpanel p, #rightpanel p{margin:0; padding:0;}
#leftpanel p.text, #rightpanel p.text {
	border-top:solid 2px #fff;
	height:100px;
	padding:15px;
	margin:0;
	color:#fff;
}

#leftpanel a:link, #leftpanel a:active, #leftpanel a:visited,
#rightpanel a:link, #rightpanel a:active, #rightpanel a:visited {
	color:#fff;
}


.architecturual {background:#4680b4;}
.windows{background:#00b175;}
.casestudies {background:#4680b4;}
.products{background:#68a6dd;}
.range-windows {background:#38c595;}
.products-windows{background:#62d7af;}



#content{
	float:left;
	background:#efefef;
	color:#565656;
	width:800px;
	border-top:solid 2px #fff;
	margin:0;
	padding:0;
}

#content img{
	border-bottom:solid 2px #fff;
}

#content p.image {margin:0; padding:0;}

#content .wrap {
	float:left;
	padding:15px 15px 30px 15px;
}


#content-left{
	float:left;
	margin:0 30px 0 0;
	padding:0;
	width:360px;
}

#content-right{
	float:left;
	margin:0;
	padding:0;
	width:360px;
}

.lhs-menu {
	float:left;
	width:170px;
	margin:0 30px 0 0;
}

.lhs-menu ul{
	margin:0;
	padding:0;
}

.lhs-menu ul li a{
	display:block;
	padding:7px 0 7px 7px;
	background:#fff;
	margin:0 0 2px 0;
}


.lhs-menu ul li a:hover, .lhs-menu ul li.on a{
	display:block;
	padding:7px 0 7px 7px;
	background:#4680b4;
	margin:0 0 2px 0;
	color:#fff;
}

.rhs-content {
	float:left;
	width:570px;
}


 
.slideshow-thumbnails {
	overflow:auto;
}


.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 0 5px 5px 0;
	position: relative;
}


.slideshow-thumbnails ul.products li {
	float: left;
	list-style: none;
	margin: 0 5px 10px 0;
	position: relative;
	width:250px;
	height:175px;
	border-bottom:2px solid #fff;
}

.slideshow-thumbnails a {
	display: block;
	padding: 3px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #ccc !important;
	border: 0px solid #D44935 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #ddd;
	border: 1px solid #ccc !important;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	border: 1px solid #fff !important;
	opacity: .5;
}


.formRow input, .formRow select {
	font-size:0.9em;
}



