/* Reset browser HTML defaults
---------------------------------------------------*/
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

/* Structure 
---------------------------------------------------*/
html {
	/*min-height: 100.1%;*//*forces vertical scroll bar in firefox*/
	height: 100%;
} 

* html #page {
	height: 100%;
}

body {
	color: #550055;
	/*line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;*/
	font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin:0;
	padding:0;
	height:100%;
}

body#services {background:#CCCCFF}
body#projects {background:#66CCFF}
body#showrooms {background:#FF904E}
body#about {background:#FFCCFF}

#page {
	width:750px;
	margin:0 auto;
	padding:0;
	/*height:100%;*/
	min-height: 100%;
}

body#services #page {
	background:#FFE4B0 url(../img/bg_home.gif) repeat-y top left;
}
body#projects #page {
	background:#FFE4B0 url(../img/bg_projects.gif) repeat-y top left;
}
body#showrooms #page {
	background:#FFE4B0 url(../img/bg_showrooms.gif) repeat-y top left;
}
body#about #page {
	background:#FFE4B0 url(../img/bg_about.gif) repeat-y top left;
}

/*width is 630px, after padding it's 600*/
#content {
	margin:0 20px 0 100px;
	padding:10px 15px 30px  15px;
	text-align:left;
}

#footer {
	clear:both;
	position: relative;
	padding:0 20px 0 100px;
	margin:-20px auto 0;
	width: 650px;
	font-size:75%;
	text-align:center;
}

#footer p {
	border-top:1px dotted #ccc;
	font-size:10px;
	padding:0;
	margin:0;
}  

/* Links
---------------------------------------------------*/
a {
	color:#999; 
	text-decoration:none;
}
a:link {
	color:#999;
	text-decoration:none;
}
a:visited {
	color:#999;
	text-decoration:none;
}
a:active {
	color:#999;
	text-decoration:none;
}
a:hover	{
	color:#666;
	text-decoration:none;
}

/*Headings
---------------------------------------------------*/
h1
{
	text-align:center;
	color:#550055;
	padding:15px;
	margin:0;
	letter-spacing:3px;
	font-family: palatino, georgia, serif;
	font-weight: normal;
	font-size:32px;
}

h2 {
	color:#666;
	font-weight: normal;
	font-family: palatino, georgia, serif;
	clear:both;
	font-size:24px;
	letter-spacing:2px;
}

h3 {
	color:#666;
	font-weight: normal;
	font-family: palatino, georgia, serif;
	margin: 1.5em 0 1em 0;
	clear:both;
	font-size:18px;
	letter-spacing:2px;
}

/* Content area styles
---------------------------------------------------*/
#content img {
	border: 2px solid #ccc;
}

#content img.cabinet {
	border: 0;
	float:left;
	margin-right:20px;
	margin-top:10px;
}

p {
	line-height: 1.65;
	margin: 0.8em 0;
}  

p.contact {
	font-size:12px;
	margin:0 0 10px 0;
} 

img.left{float:left;margin-right:10px}
img.right{float:right;margin:0 10px}

.center {text-align:center;padding:10px}

.swatch {
	width:195px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	font-size:10px;
}

#thumbnailContainer{padding-top:20px}
#largeImageContainer{display:none}

.imgBoxLeft{float:left;width:305px;text-align:right;padding:10px 10px 10px 0}
.imgBoxRight{padding:10px 0}

/* Tab Navigation
---------------------------------------------------*/
#tabnav ul {
  	height:20px !important;
  	height /**/:26px; /* for IE5/Win */
  	margin: 0 auto 20px auto;
  	padding:0;
  	width:400px;
}
 
#tabnav li {
  	margin: 0;
  	padding: 0;
  	display: inline;
	list-style-type: none;
}
 
#tabnav li a {
  	float: left;
  	font-size: 11px;
  	line-height: 16px;
  	font-weight: bold;
  	padding: 0px 8px 0px 8px;
  	margin-right: 0px;
  	text-decoration: none;
  	text-align:center;
  	height:18px !important;
  	height /**/:20px; /* for IE5/Win */
  	width:84px;
}

#tabnav li a:hover {
  	text-decoration: underline;
  	color:#666;
}

body#services #tabnav li#one a, 
body#projects #tabnav li#two a,
body#showrooms #tabnav li#three a,
body#about #tabnav li#four a
{
	text-decoration: underline;
 	color: #666;
}

/*Services page
---------------------------------------------------*/
#leftColHome {
	float:left;
	text-align:right;
	width:305px;
	padding-right:10px;
}

#leftColHome ul li {
	list-style-type: none;
	padding-bottom:10px;
}

 
#leftColHome li a {
	font-size:15px;
	letter-spacing:2px;
}

#leftColHome li a:hover {
  	text-decoration: underline;
}

#rightColHome {
	text-align:left;
	margin-bottom:30px;
}

#contactLeft {
	float:left;
	width:180px;
}