* {margin: 0; padding: 0; border: none;}

ul, ol, li {list-style: none; margin:0; padding:0;

}

body {

	background: #333;

	color: #ccc;

}



p {

	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;

	margin: 0 0 10px 0;

}

.category-left {

	margin: 7px 0 0 0;

}



a img {border: none;}

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

a:hover {color: #ccc; text-decoration: underline;}



#logo a, #navbar a {border: 0;}



h1 {

	z-index: 1;

	position: absolute;

	left: 243px;

	top: 98px;

	margin: 0;

	width: 93px;

	height: 97px;

}

.home {

	font: 10px Verdana, Arial, sans-serif;

	line-height: normal;

	color: #ccc;

	background: #AFAF78;

	text-align: right;

	padding: 2px 16px 3px 0;

	margin: 8px 0 0 0;

}

.home a:link, .home a:visited {color: #1e1e1e; text-decoration: none;}

.home a:hover {color: #fff; text-decoration: none;}

#portfolio {

	background: url(images/portfolio.gif) no-repeat top right;

}

#about-us {

	background: url(images/about-us.gif) no-repeat top right;

}

#our-products {

	background: url(images/our-products.gif) no-repeat top right;

}

#about-van-custom {

	background: url(images/about-van-custom.gif) no-repeat top right;

}

#our-process {

	background: url(images/our-process.gif) no-repeat top right;

}

#design {

	background: url(images/our-process-design.gif) no-repeat top right;

}

#construction {

	background: url(images/our-process-constr.gif) no-repeat top right;

}

#installation {

	background: url(images/our-process-install.gif) no-repeat top right;

}

#questionnaire {

	background: url(images/our-process-question.gif) no-repeat top right;

}



#contact {

	background: url(images/contact.gif) no-repeat top right;

}



#trad-kitchen {

	background: url(images/trad-kitchen.gif) no-repeat top right;

}

#trad-bath {

	background: url(images/trad-bath.gif) no-repeat top right;

}

#trad-features {

	background: url(images/trad-features.gif) no-repeat top right;

}

#cont-kitchen {

	background: url(images/cont-kitchen.gif) no-repeat top right;

}

#cont-bath {

	background: url(images/cont-bath.gif) no-repeat top right;

}

#cont-features {

	background: url(images/cont-features.gif) no-repeat top right;

}

#comm {

	background: url(images/comm.gif) no-repeat top right;

}

#woodwork {

	background: url(images/woodwork.gif) no-repeat top right;

	padding: 0 0 3px 0;

	margin: 13px 8px 0 0;

	height: 13px;

}

.caption {

	font: italic 11px/13px Verdana, Arial, sans-serif;

	color: #ccc;

	text-align: left;

	padding: 2px 10px 0 10px;

	display: block;

	margin: 0;

	background: transparent;

}

.detail {
	display: block;
	float: left;
	margin: 0;
	width: 114px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	height: 160px;

	}

.detail-caption a {

	display: block;

	padding: 0;

	margin: 6px 0 16px 0;

	background: transparent;

}

.detail-caption a {

	font: 11px Verdana, Arial, sans-serif;

	line-height: normal;

	text-align: left;

	padding: 0;

	margin: 0;

}

h4.detail-caption a:link, h4.detail-caption a:visited {

	color: #fff; text-decoration: none;

}

h4.detail-caption a:hover {

	color: #ccc; text-decoration: underline;

}

.category {

	float: left;

	padding: 0;

	display: block;

	margin: 0;

	width: 235px;

	height: 17px;

}

#browse-trad {

	background: url(images/browse-trad.gif) no-repeat top left;

}

#browse-cont {

	background: url(images/browse-cont.gif) no-repeat top left;

}

#browse-comm {

	background: url(images/browse-comm.gif) no-repeat top left;

}





#nav {

	padding: 0;

	margin: 0;

	width: 180px;

	height: 88px;

	position: absolute;

	top: 41px;

	left: 0;



}

#nav li {

	margin: 0;

	padding: 0;

	list-style: none;



}





ul#nav li a{height: 14px; display: block; margin:0; padding:0; border:0; font: 13px 'Helvetica Neue', Helvetica, Arial, sans-serif}

#nav-portfolio:link, #nav-portfolio:visited,

#nav-our-products:link, #nav-our-products:visited,

#nav-our-process:link, #nav-our-process:visited,

#nav-about-us:link, #nav-about-us:visited,

#nav-contact:link, #nav-contact:visited {background:url(images/nav.gif) no-repeat;}



#nav-portfolio:link, #nav-portfolio:visited {background-position:0px 0px;}

#nav-our-products:link, #nav-our-products:visited {background-position:0px -18px;}

#nav-our-process:link, #nav-our-process:visited {background-position:0px -36px;}

#nav-about-us:link, #nav-about-us:visited {background-position:0px -54px;}

#nav-contact:link, #nav-contact:visited {background-position:0px -72px;}



#nav-portfolio:hover { background-position: -180px 0px;}

#nav-our-products:hover { background-position: -180px -18px;}

#nav-our-process:hover { background-position: -180px -36px;}

#nav-about-us:hover { background-position: -180px -54px;}

#nav-contact:hover{ background-position: -180px -72px;}





#nav a:link, #nav a:visited, h2 a:link, h2 a:visited {

	color: #ADAE7B;}

#nav a:hover, h2 a:hover {color: #fff;}



.browse {

	font: 11px Verdana, Arial, sans-serif;

	line-height: normal;

	float: left;

	color: #ccc;

	background: transparent;

	text-align: left;

	padding: 4px 0 0 0;

	margin: 4px 0 8px 0;

}

.browse li {

	list-style: url(images/bullet-small.gif) inside;

}

.browse a {

	padding: 0 0 0 4px;

}

.browse a:link, .browse a:visited {

	color: #fff;

	text-decoration: none;

}

.browse a:hover {

	color: #ccc;

	text-decoration: underline;

}

#vangarde {

	position: absolute;

	left: 0;

	top: 0;

	width: 180px;

	height: 20px;

	margin: 0;

	padding: 0;

	}



#home-text p {

	position: absolute;

	top: 135px;

}

.first {

	padding: 79px 0 0 0;

}

#container {

	width: 780px;

	height: 400px;

	background: url(images/bg.gif) no-repeat top left;

	position: relative;

	margin: 0 auto;

 	padding: 0;

	}

#home-text {

	position: absolute;

	top: 205px;

	left: 100px;

	width: 180px;

	background: transparent;

	}

#featured {

	position: absolute;

	left: 290px;

	top: 205px;

	width: 235px;

	height: 200px;

	margin: 0;

	padding: 0;

	background: transparent;

	}

#featured a img{

	border: 0;

	margin: 0;

	padding: 0;

	}

#content {

	position: absolute;

	left: 290px;

	top: 161px;

	width: 480px;

	margin: 0;

	padding: 0;

	background: transparent url(images/bg-content.gif) no-repeat 0 44px;

	}

#port-content {

	position: absolute;

	left: 290px;

	top: 161px;

	width: 235px;

	margin: 0;

	padding: 0;

	background: transparent url(images/bg-content.gif) no-repeat 0 44px;

	}

#thumbs {

	position: absolute;

	top: 171px;

	left: 535px;

	width: 235px;

	margin: 0;	

	/*OLD

	height: 225px;

	background: url(../images/bg-thumbs.gif) no-repeat top right;

	padding: 34px 0 0 0;*/

	

	/*NEW*/

	height:auto;

	border-top:20px solid #AFAF78;

	border-bottom:20px solid #AFAF78;

	padding: 34px 0 34px 0;

}

#thumbs img {

	display: block;

	float: right;

	padding: 0 0 10px 8px;

}

#thumbs img.left {

	display: block;	

	/*OLD

	float: right*/

		

	/*NEW*/

	float: left;

	padding: 0 0 10px 0;

}

#sidebar {

	position: relative;

	float: right;

	width: 235px;

	height: 236px;

	background: url(images/bg-sidebar.gif) no-repeat top right;

	margin: 0 0 0 8px;

	padding: 0;

}



#sidebar img {

	display: block;

	float: right;

	margin: 0 0 10px 0;

	padding: 0;

}

#port-sidebar {

	position: absolute;

	top: 161px;

	left: 535px;

	width: 235px;

	height: 635px;

	background: url(images/bg-browse.gif) no-repeat top left;

	margin: 0;

	padding: 4px 0 0 0;

}

#port-sidebar img {

	display: block;

	float: right;

	margin: 0 0 3px 0;

	padding: 0 0 6px 0;

	border: 0;

}

#thumbnails {

	position: absolute;

	left: 280px;

	top: 161px;

	width: 490px;

	margin: 0;

	padding: 0;

	background: url(images/bg-thumbnails.gif) no-repeat top right;

}

h5 {

	font: 11px/13px Verdana, Arial, sans-serif;

	color: #ccc;

	text-align: left;

	text-transform: uppercase;

	padding: 0;

	margin: 0;

	background: transparent;

}



#home-button {

	width:36px;

	height:14px;

	padding: 0;

	margin: 34px 5px 0 0;

	position: relative;

	float: right;

	}

#home-button a {

	margin: 4px 0px 0 0;

	display: block;

	height: 14px;

}

#home-button a:link, #home-button a:visited { background:url(images/home.gif) 4px 0 no-repeat;}

#home-button a:hover {background: url(images/home.gif) 4px -15px no-repeat;}



.pop {

	margin: 15px;

}

.popBar {

	background: #AFAF78;

	padding: 1px 0 0 8px;

	height: 16px;

	margin: 8px 0 0 0;

}

.popHeader {

	font: 11px Verdana, Arial, sans-serif;

	float: left;

	line-height: normal;

	color: #1e1e1e;

	background: #AFAF78;

	text-align: left;

	font-weight: bold;

	padding: 0;

	margin: 0;

}

.popLinks {

	font: 11px Verdana, Arial, sans-serif;

	position: relative;

	color: #1e1e1e;

	float: right;

	line-height:normal;

	background: transparent;

	text-align: right;

	padding: 0;

	margin: 0 8px 0 0;

}

.popLinks a {

	text-decoration: none;

}

.popLinks a:link, .popLinks a:visited {

	color: #1e1e1e;

}

.popLinks a:hover {

	color: #fff;

}

.popList {

	font: 11px Verdana, Arial, sans-serif;

	line-height: normal;

	margin: 10px 2px 10px 4px;

	float: left;

	color: #ccc;

	background: transparent;

	text-align: left;

}

.popList li {

	list-style: square inside;

	margin: 0 0 6px 0;

}



/*** HOME PAGE FOOTER ***/ 

#footer{ 

	position:absolute;

	top:520px;

	left:8px;

	text-align:center;

	width:760px; 

	height:50px; 

	padding:0;

}

#footer p.footerAddress{

	color:#000;

	height:16px;

	width:100%;

	background:#ADAE7B;

	margin:0 0 3px 0;

	padding:1px 0 0 0;

	line-height:14px;

}

#footer p{

	line-height:normal;

	margin:0;

}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{

	color:#ccc;

	text-decoration:none;

}

#footer a:hover{

	color:#ccc;

	text-decoration:underline;

}

h2 {
	font: normal normal 1.1em "Gill Sans", "Gill Sans MT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 5px;
	padding: 0;
	display: block;
	float: none;
	clear: both;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ADAE7B;
}

h3 {
	font: 1em "Gill Sans", "Gill Sans MT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
	margin: 0 0 5px;
	display: block;
	float: none;
	clear: both;
	position: static;
}

h4 {
	font: .9em "Gill Sans", "Gill Sans MT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}