/* CONTAINERS AND LAYOUT */

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */


html,body {
	margin				: 0;
	padding				: 0;
	font-family			: Helvetica, Verdana, Arial, Sans-Serif;	
	color				: #666;		
	text-align			: center;
	margin				: 0px;
	background			: #fff;	
	height				: 100%;
	background-color    : #fff;
}


#wrap{		
	position			: relative;
	height				: 90%;	
	min-height			: 350px;	
	background			: #fff;
	margin				: 0 auto 0 auto;	
   	text-align			: left;   	
   	width				: 700px;      	
   	border				: none;   	
   	clear				: both;        	   	
   	border              : 1px solid #ccc;   	   	
   	margin-top          : 10px;   	
}

#contentexceptfooter
{    
    height              : 100%;
}


/* Mozilla */
html>body #wrap{
	height				: auto;	
}


#header{
	width				: 700px;   	   	   	   	
	height				: 468px;				
	/*border-top          : 1px solid #ccc; */
}

#headerimage_default{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_default.jpg) top no-repeat;    		
}

#headerimage_kitchen{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_kitchen.jpg) top no-repeat;    		
}

#headerimage_materials{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_materials.jpg) top no-repeat;    		
}

#headerimage_architect{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_architect.jpg) top no-repeat;    		
}

#headerimage_craft{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_screws.jpg) top no-repeat;    		
}

#headerimage_contact{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_handshake.jpg) top no-repeat;    		
}

#headerimage_bath{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_water.jpg) top no-repeat;    		
}

#headerimage_furniture{
	width				: 100%;   	   	   	   	
	height				: 100%;
	background			: url(../images/banner_table.jpg) top no-repeat;    		
}



#sidebar
{        
	margin-top          : -215px;
	width				: 260px;		
	min-height          : 400px;	
	border              : none; /*1px solid pink;*/
}

#partner
{
    margin              : 20px;
    margin-top          : 40px;
    text-align          : center;    
}

#menu
{        
    width               : 255px;
    height              : 200px;
    left                : 10px;
    font-size           : 15px;
    border              : none;
    margin-top          : 3px;      
    margin-bottom       : 20px;     
}

#main 
{
   	width				: 410px;   	   	
   	margin-top			: -210px;   	   	
   	float               : right;
   	margin-right        : 0px;
   	min-height          : 450px;
   	border              : none; /*1px solid green;*/
   	border-right        : none; /*1px solid #ccc;*/
}


#footer
{	
	width				: 700px;
	background			: #eee;	     
    clear				: both;           
    text-align			: right;
    font-size			: 10px;
    color				: #333;
    border              : none;    
    border-top          : 1px solid #666;           
}


#maincontent{
	padding				: 20px;	
	margin-right        : 10px;
	font-size			: 14px;
	font-family			: Helvetica, Verdana, Arial, Sans-Serif;
	border              : none; /*1px solid blue;*/
}


/* STYLE */

img{
	border				: none;
}

h1
{
    font-size           : 18px;
    letter-spacing      : 2px;
    text-transform      : uppercase;
    border-bottom       : 1px solid #ccc;
    font-family		: 'Trebuchet MS', Verdana, Helvetica, Sans-Serif;
}

h2
{
    font-size           : 14px;        
    color               : #666;
}


a, a:visited{
	color				: #333;
	text-decoration		: none;
	border				: none;
}

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

.menuitem
{
    text-align          : right;
    font-family		: Helvetica, Arial, Verdana, 'Trebuchet MS', Sans-Serif;
    font-weight         : normal;
    color               : #333;
    font-size           : 18px;
    line-height         : 23px;
    letter-spacing      : 2px;
}

.smallcaps
{
    text-transform      : uppercase;
    font-size           : 80%;
}


.w3 { width				: 3%;   }
.w6 { width				: 6%;   }
.w8 { width				: 8%;   }
.w9 { width				: 9%;   }
.w10{ width				: 10%;  }
.w15{ width				: 15%;  }
.w20{ width				: 20%;  }
.w30{ width				: 30%;  }
.w50{ width				: 50%;  }


div.sidebarbox{	
	margin              : 2px;		
	width               : 235px;
	height              : auto;
	background          : red;
}

div.sidebarbox img{
	margin				: 15px;
	height              : 100%;	
}


.tinydate{
	font-weight			: normal;
	font-size			: 9px;
	color				: #999;
}

.tiny{
	font-weight			: normal;
	font-size			: 11px;
	color				: #999;
}

div.gallery
{
    margin              : 10px;
    margin-left         : 25px;
}

div.gallerybutton
{
    background			: #eee;	         
    text-align			: right;    
    color				: #333;
    border              : none;    
    border-top          : 1px solid #666;    
    border-bottom       : 1px solid #666;
    margin              : 1px;        
}

.gallerytitle
{
    font-weight : bold;
    width       : 100%;           
}

.gallerylink
{
    font-size : 12px;
    font-weight : bold;    
}

.gallerynav
{    
    text-align : right;    
}

.left
{       
    text-align : left;    
}

.right
{    
    text-align : right;
}

.center
{
    text-align : center;   
}


div.thumbnailbox
{    
    margin : 6px;
    width  : 60px;
    float  : left;
}

#lightboxcaption
{
    margin      : 5px;
    font-family : Helvetica, Verdana, Arial, Sans-Serif;
    font-size   : 11px;
    color       : #666;
}