/*-----------------------------------------------------------------------------
My Humble Chateau Screen Stylesheet

version:   1.0
date:      06/08/08

-----------------------------------------------------------------------------*/
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* 
	{
	margin: 0;
	padding: 0;
	border: 0;
}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

/* Set up the document
-----------------------------------------------------------------------------*/
body {
	min-height:570px;/* for good browsers*/
	min-width:750px;/* for good browsers*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#DEDFDE url(../_assets/main-bg.jpg) fixed repeat-x left top;
	color:#000;
	font-size: 13px; 
}
#maincopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 11px;
	padding:20px 20px 30px 20px;
	vertical-align:top;
	text-align:left;
	line-height:18px;
}

#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	padding-top:20px;
}
#container {
	text-align: center;
	position:relative;
	display:table-cell;
}
#inner {
	width: 750px;
	background:#ffffff;
	vertical-align:middle;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #999999;
}

li {
list-style:inside

}
#flashplace
{
	padding:20px 50px 30px 20px;
	vertical-align:center;
	height:400px;
	width:450px;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	background:#ffffff url(../_assets/gallery_border.gif) no-repeat left;
}
#flashcontent
{
padding-left:2px;
padding-top:25px;

}
#project1
{
float:right;
width:132px;
padding:10px 10px 20px 10px;
}
#project2
{
float:right;
width:181px;
padding:60px 10px 70px 20px;
}

#services1
{
float:right;
width:132px;
padding:30px 10px 20px 10px;
}
#services2
{
float:right;
width:181px;
padding:10px 10px 50px 20px;
}
#serviceschair
{
float:right;
width:232px;
padding:0px 0px 10px 10px;
}
#servicesproject
{
float:right;
width:300px;
padding:0px 0px 10px 10px;
}
#servicesfloor
{
float:right;
width:300px;
padding:0px 0px 10px 10px;
}
#servicesfabric
{
float:right;
width:300px;
padding:0px 0px 10px 0px;
}
#servicespaint
{
float:right;
width:300px;
padding:0px 0px 10px 0px;
}
#servicesroom
{
float:right;
width:300px;
padding:0px 0px 10px 0px;
}
#servicesrenov
{
float:right;
width:232px;
padding:0px 0px 10px 10px;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 751px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	height: 20px;
	vertical-align:bottom;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;

}
/* Tables 
-----------------------------------------------------------------------------*/
table { 
  	border-spacing: 0;
	border-collapse: collapse;
}
td 	{
  	text-align: left;
	font-weight: normal;
}
	
/* Links
-----------------------------------------------------------------------------*/	
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #701111;
}
a:active {
	text-decoration: none;
	color: #701111;
}

/* border lines
-----------------------------------------------------------------------------*/	
#borderight{
border-right:#CCCCCC solid 1px;
}
#borderbottom{
border-bottom:#CCCCCC solid 1px;
}

/* Navigation
-----------------------------------------------------------------------------*/

#navcontainer {
	float:left;
	width: 450px;
	height: 30px;
	padding: 10px 0px 0px 180px;
	background: #ffffff;

	}

#nav {
	top: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 750px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -20px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -40px;
	}
	
#tabout a  {
	width: 72px;
	background: url(../_assets/about.gif) top left no-repeat;
	}

#tprojects a  {
	width: 98px;
	background: url(../_assets/projects.gif) top left no-repeat;
	}

#tservices a  {
	width: 98px;
	background: url(../_assets/services.gif) top left no-repeat;
	}

#tcontact a  {
	width: 98px;
	background: url(../_assets/contact.gif) top left no-repeat;
	}
	
#subnav {
	margin: 0;
	padding-top: 20px;
	padding-right: 10px;
	overflow: hidden;
	text-align:right;
	font-size: 11px;
	}
#subnav li {
	list-style: none;
	list-style-type:none;
	padding: 5px 0px 5px 0px;
	}
#subnav a:active, #subnav a.selected {
	color: #701111;
	}	
	
/* Wrap up
-----------------------------------------------------------------------------*/