/* CSS Document */
body {
	background-color: #FFFFFF; 
}
	

a:link {
	text-decoration:none;
}
	
a:visited {
	text-decoration:none;
}

a img {
	border: none;
}
	
	
	
#container {
	width:1024px;
	height:768px;
	margin:0px auto;
	padding:0px;
	background-color: #FFFFFF;
}

#topborder {
	width:1024px;
	height:20px;
	padding:0px;
	float: left;
}

#logo {	 
	width:282px;
	height:241px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav {
	width: 282px;
	height: 401px;
	float: left;
	margin: 0;
	padding: 0;
}

#menu {
	width: 112px;
	height: 160px;
	float: right;
	margin-top: -6px;
	padding: 0;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu li a {
	height: 40px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;

	text-decoration: none;
	position: relative;
	}

	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(../img/nav.gif);
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #FFF;
	background:  url(../img/nav.gif) 0 -40px;
	padding: 8px 0 0 10px;
	}


#design div {
	color: #000000;
	display: block;
	background:  url(../img/nav.gif);
	padding: 40px 0 0 10px;
	margin: 0;
	}
	
#design div:hover {
	color: #FFF;
	background:  url(../img/nav.gif) 0 -40px;
	padding: 40px 0 0 10px;
	}
	

	
#paint div {
	color: #FFF;
	display: block;
	background:  url(../img/nav.gif) 0 -80px;
	padding: 40px 0 0 10px;
	}
	
#paint div:hover {
	color: #FFF;
	background:  url(../img/nav.gif) 0 -120px;
	padding: 40px 0 0 10px;
	}

#contact div {
	color: #FFF;
	display: block;
	background:  url(../img/nav.gif) 0 -160px;
	padding: 40px 0 0 10px;
	}
	
#contact div:hover {
	color: #FFF;
	background:  url(../img/nav.gif) 0 -200px;
	padding: 40px 0 0 10px;
	}
	
#blog div {
	color: #FFF;
	display: block;
	background:  url(../img/nav.gif) 0 -240px;
	padding: 40px 0 0 10px;
	}
	
#blog div:hover {
	color: #FFF;
	background:  url(../img/nav.gif) 0 -280px;
	padding: 40px 0 0 10px;
	}



#iefix { /* IE7 and lower does not like empty divs. so i added some white text. Hacky job but it works */
	color: white;
	margin: 0 auto;
	position: absolute;
}



	

#blk-line {
	width:10px;
 	height:401px; 
	float: left;
	background-color:#000000;
	}


#contentldr {
	width:700px;
	height:401px;
	float: left;
	overflow-y: hidden;
	overflow-x: scroll;	
}




#sidebar{
	margin-left: 11px;
	width: 175px;
	height: 300px;
	background: #183d7f;
}


#sidebar h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	





#content {
	width:1024px;
	height:368px;
	background-color:#FFFFFF;
	float: left;
	border-color: black;
	border: 1px;
	}



.van-header {
  	font-size: 18px;
  	font-family: "Helvetica";
  	font-weight: bold;
  	color: #000000;
}
.van-hr {
	margin-top: -1px;
	height:	.5px;
}
.van-subheader {
  	font-size: 13px;
  	font-family: "Helvetica";
  	font-weight: bold;
  	color: #4D4C4C;
	padding-left: 10px;
	position-left: 10px;
}
.van-desc {
	font-size: 9px;
	font-family: "Helvetica";
	font-weight: bold;
	line-height: 9px;
	color: #C0C0C0;
	padding-left: 20px;
	padding-right: 50px;
} 


.section {
	font-size: 17px;
	font-family: "Helvetica Neue", "Helvetica", Sans-Serif;
	font-weight: lighter;
	color: #A5A5A5;
}
.disclaimer {
	font-size: 11px;
	font-family: "Helvetica Neue", "Helvetica", Sans-Serif;
	color: #666666;
}

	
	
#container-mini {
	width:990px;
/*	height:768px;*/
	margin:0px auto;
	padding:0px;
/*	background-color: #FeeFee;*/
	}


	
	
	
	



#img1 {
	width:140px;
	height:170px;
	background-color:#000000;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	}
	
div.img1 img
{
  border: 1px solid #000000;
}

div.img1 a img {
	border: 1px solid #000000;
}

#img2 {
	background-color: #FFFFFF;
	width:140px;
	height:170px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	}