/**********************************************************************************************

	Title: Sculptura
	Author: XHTMLized
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
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, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	padding-bottom: 24px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 67%; 
	text-align: center;
	color: #fff;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h2 {
	font-weight: bold; }

h3 {
	margin-bottom: 14px;
	font-weight: bold;
	font-size: 1.2em;
}

h4 {
	font-size: 14px;
	padding-bottom: 10px;
}

p  {
	margin-bottom: 14px;
	font-size: 1.1em;
	line-height: 1.2em;
}

ul {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style:disc;
	padding-left:20px;	
}

li {
	line-height: 130%;
}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

label {
	margin: 0 0 1px 0;
	display: block;
	text-align: left;
	font-size: 1.1em;
}

input, textarea, select {
	font: 1.1em Arial, Helvetica, sans-serif;
}

input.textfield, textarea {
	width: 194px;
	margin: 0 0 5px 0;
	padding: 3px;
	border: 1px solid #bec0c2;
	background-color: #2b312f;
	color: #fff;
} 


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

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

a:hover, a:active {
	color: #fff;
	text-decoration: underline;
}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

address {
	font-style: normal;
	font-size: 1.1em;
	line-height: 1.2em;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after, #content:after, .contact-form:after, .dealers-list ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, #content, .contact-form, .dealers-list ul li{
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix, * html #content, * html .contact-form, * html .dealers-list ul li {
	height: 1%; }

.clearfix, #content, .contact-form, .dealers-list ul li {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 786px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.inner-container {
	width: 784px;
	margin: 0 0 10px 0;
	padding: 0 0 14px 0;
	border: 1px solid #41403e;
	border-top: none;
}

#header {
	padding-top: 125px;
}

#content {
	min-height: 495px;
	padding: 30px 25px 30px 28px;
}

#footer {
	clear: both;
	margin: 0 17px;
	padding: 22px 0 0 4px;
	background: url(../images/footer_border.gif) repeat-x ;
}

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

#header h1, #header h1 a, #header h1 a span,
#header h2, #header h2 span {
	display: block;
	overflow: hidden;
}

#header h1 a span {
	cursor: pointer;
}

#header h1, #header h1 a, #header h1 a span {
	width: 251px;
	height: 30px;
}

#header h2, #header h2 span {
	width: 484px;
	height: 69px;
}

#header h1 a span {
	cursor: pointer;
}

#header h1, #header h2 {
	position: absolute;
}

#header h1 {
	top: 57px;
	left: 26px;
}

#header h2 {
	top: 41px;
	left: 296px;
	font-size: 2.4em;
	color: #312e27;
}

#header h1 a { 
	font-size: 2.4em;
	text-transform: uppercase;
}

#header h1 a span,
#header h2 span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
}

#header h1 a span {	
	background: url(../images/logo.gif) no-repeat;
}

#header h2 span {	
	background: url(../images/tagline.gif) no-repeat;
}

#navigation {
	padding: 12px 16px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#navigation li {
	display: inline;
	font-size: 1.1em;
	text-transform: uppercase;
}

#navigation a {
	padding: 0 16px;
}

#navigation a.current {
	text-decoration: underline;
}


/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

#content a:link, #content a:visited {
	text-decoration: underline; }

#content a:hover, #content a:active {
	text-decoration: none; }

#content h2, #content h2 span {
	display: block;
	width: 400px;
	height: 60px;
	overflow: hidden;
}

#content h2 {
	position: relative;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
}

#content h2 span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background-repeat: no-repeat;
}

.home #content h2 span {
	background-image: url(../images/txt_sculptura.gif);
}

.gallery #content h2 span {
	background-image: url(../images/txt_gallery.gif);
}

.galleryCorten #content h2 span { 
	background-image: url(../images/txt_gallery_corten.gif);
}

.galleryGlass #content h2 span { 
	background-image: url(../images/txt_gallery_glass.gif);
}

.whats-new #content h2 span {
	background-image: url(../images/txt_whats_new.gif);
}

.dealers #content h2 span {
	background-image: url(../images/txt_dealers.gif);
}

.brochure #content h2 span {
	background-image: url(../images/txt_brochure.gif);
}

.about #content h2 span {
	background-image: url(../images/txt_about.gif);
}

.media #content h2 span {
	background-image: url(../images/txt_media.gif);
}

.contact-us #content h2 span {
	background-image: url(../images/txt_contact_us.gif);
}


/* 3.4	Footer
-----------------------------------------------------------------------------------------------*/	

#footer li {
	display: inline;
	text-transform: uppercase;
	font-size: 1em;
}

#footer a {
	padding: 0 8px;
}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

#copyright {
	text-align: center;
	font-size: 1.1em;
}

.photo {
	border: 1px solid #fff;
}

.coming-soon {
	font-size: 1.7em;
	text-transform: uppercase;
}

#thumbnails {
	float: left;
	width: 124px;
	height: 368px;
	overflow: auto;
	position: relative;
	padding: 0;
}

#thumbnails .clear {
	visibility: hidden; }
	
#thumbnails a {
	display: block;
	float: left;
	display: inline;
	position: relative;
	margin: 0 4px 5px 0;
	}
	
#galleryContent {
	float:left;
	width: 578px;
	height: 368px auto;
	padding:0;
	margin-left:10px;
	margin-bottom: 30px;
}

#galleryContent h1 {
	font-size:16px;
	font-weight:normal;
	line-height: 140%;
	padding: 15px 0 15px 10px;
	margin-left:0;
	width: 450px;
}

#galleryContent p {
	font-size:13px;
	font-weight:normal;
	line-height: 140%;
	padding: 0 0 5px 10px;
	margin:0;
	width: 450px;
}
	


/* Home content */

.home #content {
	padding-right: 50px;
}

p.larger {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

.home #content h3,
.home #content p {
	margin-right: 345px;
}

.home .photo {
	float: right;
}

/* About content */
.about .photo {
	margin-bottom: 20px;
}

.about #content h3,
.about #content p, 
.about #content br {
	margin-right: 408px;
}

.photo-master-chen {
	float: right; 
	margin: 20px 178px 0 0; 
	display: inline;
	}

/* Dealers content */

.dealers-list {
	margin: 44px 0 0 0;
}

.dealers-list ul {
	width: 731px;
	overflow: hidden;
}

.dealers-list ul li {
	float: left;
	display: inline;
	min-height: 120px;
	margin: 0 0 20px 0;
}

.dealers-list ul li.first {
	width: 142px; }

.dealers-list address {
	float: left;
	padding: 0 20px 0 0;
}


/* Contact us content */

.contact-form {
	margin-top: 24px; }

.contact-form textarea {
	height: 172px; }

.contact-form div {
	width: 202px;
	float: left; 
	padding-right: 18px;
	text-align: right;
}

#content .contact-form .submit a:link, 
#content .contact-form .submit a:visited {
	text-decoration: none;
}

.contact-form .submit a {
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 0 8px;
}

.contact-form .submit a img {
	margin-right: 3px;
}

.contact-form .head-office {
	margin: 14px 0 0 0;
	padding: 0 0 0 52px;
	text-align: left;
}

.contact-form #errors {
	float: none;
	margin: 0 0 14px 0;
	text-align: left;
	font-size: 11px;
	font-style: italic;
	}