/*-----COLOR HEX CODES-----*/

/*

052546 DARK BLUE
693230 DARK RED

*/

/*-----RESET & GLOBAL STYLES-----*/
html * { outline: none }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
th,td {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
	
/*-----END RESET & GLOBAL STYLES-----*/


/*-----BASIC STRUCTURE-----*/

html, body {
	min-height:100%;
	}

body {
	background:#220F0D url(../images/bgPage.jpg) top center no-repeat;
	font-family:"Lucida Grande", "Helvetica", "Arial", Sans-Serif;
	}

#wrapper {
	width: 960px;
	min-height:100%;
	margin:0 auto;
	overflow:hidden;
	}
		
#content {
	float:left;
	width:960px;
	background: #DCD6BC;
	margin-top:30px;
	}


body.home #content {
	background: none;
	}
	
body.projects #content,
body.products #content {
	background: url(../images/bgContent.jpg) repeat-y;
	padding-bottom: 15px;
	}
	
body.about #content,
body.news #content {
	background: #F2F0E5;
	padding: 0;
	}
body.technical-info #content,
body.colors-textures #content {
	background: #F2F0E5;
	padding: 15px;
	}
	
.content-body {
	position: relative;
	float: left;
	width: 490px;
	background: #F2F0E5;
	padding: 30px;
	}


.pp {
	width: 740px;
	float: left;
	}
	
.content-body h1, .pp h1 {
	display: block;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: bold;
	color: #052546;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	}
	
.content-body h2, .pp h2 {
	font-size:20px;
	font-weight:bold;
	color:#693230;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	margin:30px 0 0 0;
	}
	
.content-body p, .pp p {
	margin: 15px 0 15px 0;
	color: #706C5E;
	font-size: 12px;
	line-height: 150%;
	}
	
.content-body p.membership {
	font-size: 11px;
	margin: 30px 0;
	}

.content-body img {
	position: relative;
	margin: 0 12px 10px 0;
	}

.content-body a, .pp a {
	font-weight: bold;
	color: #693230;
	text-decoration: none;
	}
.content-body a:hover, .pp a:hover { text-decoration: underline; }
	
	
	


#footer {
	position:relative;
	float:left;
	width:930px;
	background:url(../images/bgFooter.jpg);
	margin:30px 0 0 0;
	padding:15px 15px 30px 15px;
	color:#666;
	font-size:11px;
	text-align:right;
	}
	
/*-----END BASIC STRUCTURE-----*/


/*-----INTERIOR PAGE HEADER-----*/

#header {
	position:relative;
	float:left;
	width:960px;
	height:188px;
	background:transparent;
	}

#logo {
	margin-top:92px;
	}


/*-----END INTERIOR PAGE HEADER-----*/


/*-----PROJECTS and PRODUCTS-----*/

#content-header {
	overflow: auto;
	}
#content-header img {
	float:left;
	margin:1px 0 0 1px;
	}

.projectsCategory {
	position:relative;
	float:left;
	width:740px;
	background:#F2F0E5 url(../images/bgProductsMain.jpg);
	width:710px;
	padding:15px;
	}

.projectsCategory ul {	
	list-style:none;
	}

.projectsCategory li {
	float:left;
	width:205px;
	color:#333;
	font-size:12px;
	padding:0 15px 0 0;
	margin: 0 16px 15px 0;
	}

.projectsCategory li img {
	margin:0 0 5px 0;
	}

.projectsCategory h1 {
	float:left;
	display:block;
	margin:0 0 15px 0;
	font-size:26px;
	font-weight:bold;
	color:#052546;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	}
	
.pp h1 {
	display:block;
	margin:15px 0 0 15px;
	font-size:26px;
	font-weight:bold;
	color:#052546;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	}

.pp p {
	float:left;
	margin:15px 15px 0 15px;
	color:#706C5E;
	font-size:12px;
	line-height:150%;
	}

.projectsCategory p {
	float:left;
	margin:0 15px 15px 0;
	color:#706C5E;
	font-size:12px;
	line-height:150%;
	}

.pp .details {
	width:708px;
	padding:0 15px 0 0;
	}

.pp-description {
	float:left;
	width:463px;
	min-height:170px;
	}

.pp-callout {
	float:left;
	width:247px;
	padding:45px 0 0 30px;
	min-height:170px;
	}

.pp-callout p {
	color:#706C5E;
	font-size:11px;
	line-height:150%;
	width:225px;
	margin:15px 0 15px 0;
	}

.detail-bar {
	float:left;
	width:708px;
	background:#411E19;
	padding:10px 15px 10px 15px;
	margin: 0 0 30px 0;
	color:#EBE9D7;
	font-size:12px;
	line-height:150%;
	}

.detail-bar .gallery {
	margin-right:205px;
	}

/*-----END PROJECTS and PRODUCTS-----*/


/*-----COLORS & TEXTURES and TECHNICAL INFO-----*/
#tech-body {
	padding: 0;
	margin: 0;
	width: auto;
}
#tech-body h1 {
	padding: 0;
	margin: 0;
}

.tech-files {
	margin: 0 15px 15px;
	width: 425px;
	float: left;
	}

.tech-files td {
	padding: 15px 15px 15px 0;
	vertical-align: middle;
	color: #333;
	font-size: 12px;
	}

.tech-files td {
	border-top:1px solid #CDC6B6;
	}
	
.tech-files a, .tech-files a:visited {
	color:#693230;
	font-weight:bold;
	text-decoration:none;
	}

.tech-files a:hover, .tech-files a:active {
	text-decoration:underline;
	}

.tech-files thead th  {
	border:0;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	color: #B3AB95;
	vertical-align: bottom;
	}
.tech-files thead th.center  {
	line-height: 24px;
	text-align: center;
	}
	
.tech-files tbody td  {
	vertical-align: top;
	line-height: 20px;
	}

.tech-files td.icon {
	width: 20px;
	padding: 15px 0;
	}

.tech-files .icon img {
	margin: 0 3px 0 0;
	}

.tech-files .top h2 {
	color:#693230;
	font-size:20px;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	font-weight:bold;
	}

.tech-files td.title {
	width: 70%;
	padding-right: 30px;
	font-weight :bold;
	color: #052546;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	font-size: 16px;
	}



body.colors-textures .intro p {
	margin: 15px 45px 0 0;
	color: #333;
	font-size: 12px;
	}

.tiles { 
	width: 50%;
	float: left;
	}

.tiles ul {
	list-style: none;
	}

.tiles li {
	float: left;
	width: 105px;
	color: #333;
	font-size: 11px;
	margin: 0 0 15px 0;
	padding: 0 5px 0 0;
	}

.tiles li img {
	margin: 0 0 5px 0;
	}

/*-----END COLORS & TEXTURES and TECHNICAL INFO-----*/



/*-----PHOTO GALLERY-----*/

body.gallery {
	background: #220F0D url(../images/bgGallery.jpg) top center no-repeat;
	}
	
.gallery .content {
	position:relative;
	float:left;
	width: 960px;
	background:#DCD6BC url(../images/bgProductsGallery.jpg) no-repeat;
	margin: 0;
	padding:15px;
	}

.gallery .logo {
	margin: 0;
	}

.gallery .back {
	float:right;
	height:20px;
	margin:50px 0 0 0;
	color:#693230;
	text-decoration:none;
	font-weight:bold;
	}

.gallery .back:hover {
	text-decoration:underline;
	}

.gallery img {
	float:left;
	}

.gallery-browse {
	float:left;
	width:215px;
	margin:15px 0 0 15px;
	}

.gallery-browse h1 {
	color:#052546;
	font-size:15px;
	}

.gallery-browse h2 {
	color:#693230;
	font-size:13px;
	margin:30px 0 5px 0;
	text-transform:uppercase;
	}

.gallery-browse h3 {
	color:#693230;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	font-weight:normal;
	font-size:28px;
	line-min-height:100%;
	padding:0 0 35px 0;
	border-bottom-style:solid;
	border-color:#fff;
	border-width:1px;
	}

.gallery-browse .thumbs {
	margin:30px 0 0 0;
	}

.gallery-browse .thumbs img {
	margin: 0 15px 15px 0;
	border: 5px solid transparent;
	cursor: pointer;
	}

.gallery-browse .thumbs .right {
	margin:0 0 15px 0;
	}

.gallery-browse .thumbs img.on {
	border-color: #fff;
	}

/*-----END PHOTO GALLERY-----*/


/*-----ABOUT & NEWS-----*/

body.news #content .list h2 {
	margin: 0 !important;
	padding:0 !important;
	}
body.news #content .list p {
	margin-top: 0 !important;
	}



.sub {
	position:relative;
	float:left;
	width:410px;
	background:#693230 url(../images/bgInteriorSub.jpg);
	}

.sub p {
	margin:15px;
	color:#EBE9D7;
	font-size:12px;
	line-height:150%;
	}

#content .sub h1 {
	margin:15px;
	color:#EBE9D7;
	font-size:16px;
	line-height:150%;
	font-family:"Lucida Grande", "Helvetica", "Arial", Sans-Serif;
	}

.sub a, .sub a:visited {
	color:#EBE9D7;
	text-decoration:none;
	font-weight:bold;
	}

.sub a:hover, .sub a:active {
	text-decoration:underline;
	}

/*-----END ABOUT & NEWS-----*/

	
/*-----HOMEPAGE-----*/

body.home {
	background: #220F0D url(../images/bgHome.jpg) no-repeat 50% -25px;
	}
.home #header {
	width: 960px;
	height: 400px;
	}
.home #content {
	padding-top: 30px;
	}

#home-logo {
	margin-top:45px;
	}
#home-logo img {
	}

#home-photos {
	margin: 0 0 0 0;
	padding:20px 0 10px 10px;
	width:950px;
	height:200px;
	background: url(../images/bgHomePhotos.jpg) no-repeat;
	}

#home-photos img {
	float:left;
	margin-right:10px;
	}

#home-photos img.right {
	float:left;
	margin-right:0;
	height:200px;
	}

#home-standard {
	position:relative;
	bottom: -32px;
	}

#home-intro {
	position:relative;
	float:left;
	width:600px;
	font-size:15px;
	line-height:150%;
	color:#333;
	}

#home-memberships {
	margin: 30px 0 0 0;
	}

#home-memberships td {
	vertical-align: bottom;
	padding-right: 10px;
	}

#home-memberships p {
	float:left;
	font-size:11px;
	line-height:120%;
	}

#home-callout-wrapper {
	position: relative;
	float: right;
	width: 325px;
	}

.home-callout {
	float: left;
	width: 305px;
	padding: 10px;
	margin-bottom: 20px;
	min-height: 140px;
	font-size:12px;
	line-height:150%;
	background:#DCD6BC url(../images/bgHomeCallout.jpg) no-repeat;
	}

.home-callout a:link,
.home-callout a:visited {
	color:#693230;
	text-decoration:none;
	}
.home-callout a:hover,
.home-callout a:active {
	color:#693230;
	text-decoration:underline;
	}

a.learnmore {
	font-weight:bold;
	}
	
.home-callout h1 {
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	font-size:16px;
	text-transform:uppercase;
	color:#333;
	margin:0 0 10px 0;
	}

.home-callout img {
	position:relative;
	float:left;
	margin:3px 12px 5px 1px;
	padding:0 7px 8px 0;
	background:url(../images/homeRecentShadow.jpg) bottom right no-repeat;
	border:0;
	}

.home-callout ul {
	position:relative;
	float:left;
	width: 50%;
	list-style: none;
	}

.home-callout ul h2 {
	font-size:13px;
	color:#693230;
	text-transform:uppercase;
	font-weight:bold;
	}

.home-callout ul li a {
	font-size: 12px;
	}
	
/*-----END HOMEPAGE-----*/

	
/*-----GLOBAL NAVIGATION-----*/

#nav {
	position:absolute;
	top:130px;
	right:0;
	}

body.home #nav { top:105px; }

#nav ul { float: left; }
#nav li { float: left; margin-left: 12px; }

#nav li a {
	display: block;
	position: relative;
	height: 19px;
	color: #D5CEB6;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	text-indent: -9000px;
	}
#nav li a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	}	

/* Hover state */	
#nav li a:hover span { background-position: 0 -19px; }

/* Selected state and selected hover should be the same */
#nav li.on a span,
#nav li.on a:hover span { background-position: 0 -38px !important; }

#nav-home a				{ width: 23px; }
#nav-projects a			{ width: 68px; }
#nav-products a			{ width: 71px; }
#nav-colors-textures a	{ width: 130px; }
#nav-technical-info a	{ width: 109px; }
#nav-news a				{ width: 44px; }
#nav-about a			{ width: 68px; }

#nav-home a span			{ background-image: url(../images/nav-home.gif); }
#nav-projects a span		{ background-image: url(../images/nav-projects.gif); }
#nav-products a span		{ background-image: url(../images/nav-products.gif); }
#nav-colors-textures a span	{ background-image: url(../images/nav-colors-textures.gif); }
#nav-technical-info a span	{ background-image: url(../images/nav-technical-info.gif); }
#nav-news a span			{ background-image: url(../images/nav-news.gif); }
#nav-about a span			{ background-image: url(../images/nav-about.gif); }


/*-----END GLOBAL NAVIGATION-----*/


/*-----"BROWSE" SIDEBAR-----*/

.browse {
	min-height:100%;
	float:left;
	width:219px;
	background:#E7E5D2 url(../images/bgimageBrowse.jpg) no-repeat;
	margin:1px 0 0 0;
	}

.browse img {
	margin:15px;
	}

.browse h1 {
	color:#411E19;
	font-family:"Garamond", "Georgia", "Times New Roman", Serif;
	font-weight:bold;
	font-size:16px;
	padding:5px 15px 5px 15px;
	margin:0 0 5px 0;
	display:block;
	background:#B3AB95;
	}

.browse h1 a, .browse h1 a:visited {
	display:block;
	color:#411E19;
	text-decoration:none;
	}

.browse h1 a:hover, .browse h1 a:active {
	color:#F2F0E5;
	}

.browse ul {
	list-style:none;
	font-size:12px;
	margin:10px 10px 10px 0;
	display:block;
	}

.browse ul li {
	margin:5px 0 5px 0;
	}

.browse ul li a, .browse ul li a:visited {
	line-height:125%;
	padding-left:20px;
	border-bottom:1px solid transparent;
	border-top:1px solid transparent;
	width:100%;
	text-decoration:none;
	color:#693230;
	display:block;
	}

.browse ul li a:hover, .browse ul li a:active {
	background:#F2F0E5;
	border-bottom:1px solid #B3AB95;
	border-top:1px solid #B3AB95;
	}

.browse ul li a.on {
	background:#F2F0E5;
	}

/*-----END "BROWSE" SIDEBAR-----*/