<!--
@import"dhtml-vert.css";
-->

html,
body {
	margin:0px;
	padding:0;
	height:100%; /* 100 % height */
	background-color: #cccccc;
}


#body-wrap {
	margin: 0px auto;
	width: 800px;

	background: ;
}




#header {
	width: 800px;
	height: 120px;
	background-image: url(images/top_header.jpg);
	background-repeat: no-repeat;
	float: left;
}


#footer {
	width: 800px;
	height: 20px;
	background-image: url(images/bg2.jpg);
	float: left;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	}




#break {
	width: 800px;
	height: 25px;
	background: #fff;
	float: left;
}









#contents_wrap {
	width: 800px;

	background-color: #ffffff;
	float: left;


}



#left_pane {
	width: 200px;

	float: left;
}


#right_contents {
	width: 800px;
	height: 100%;
	float: right;
	background-color: ;
}
html>body #right_contents {height:100%;}	

#leftpane_contents {
	width: 200px;
	height: 200px;
	float: left;
	background-image: url(images/navbg2.jpg);
	background-repeat: no-repeat;
}



#top_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/splash_home.jpg);
	background-repeat: no-repeat;
}

#puma_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/splash_puma.jpg);
	background-repeat: no-repeat;
}

#munns_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/munns/splash_munns.jpg);
	background-repeat: no-repeat;
}

#cabinetshop_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/cabinetshop/splash_cabinetshop.jpg);
	background-repeat: no-repeat;
}

#bracketshop_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/bracketshop/splash_bracketshop.jpg);
	background-repeat: no-repeat;
}


#bathshop_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/bathshop/splash_bathshop.jpg);
	background-repeat: no-repeat;
}

#abac_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/abac/splash_abac.jpg);
	background-repeat: no-repeat;
}

#specials_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/splash_specials.jpg);
	background-repeat: no-repeat;
}

#contactus_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/splash_contactus.jpg);
	background-repeat: no-repeat;
}

#fragram_contents {
	width: 800px;
	height: 162px;
	float: left;
	background-image: url(images/fragram/splash_fragram_diy.jpg);
	background-repeat: no-repeat;
}

#bgmain_top {
	width: 800px;
	height: 25px;
	float: left;
	background-image: url(images/bgmain-top.jpg);
	background-repeat: no-repeat;
}


#main_contents {
	width: 800px;
	float: left;
	background-color: #ffffff
}



#bgmain_lower {
	width: 700px;
	height: 40px;
	float: left;
	background-image: url(images/bgmain-lower.jpg);
	background-repeat: no-repeat;
}










.header_type1	 {	 font-family: Tahoma;
			 font-size: 20px;
			 color: #333333;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 25px;
		 }

.header_type2	 {	 font-family: ariel;
			 font-size: 20px;
			 color: #333333;
	  		 text-align : left;
			 margin-top: 15px;
 			 margin-left: 25px;
			 margin-right: 10px;
			 margin-bottom: -10px;
		 }

.text_type1	 {	 font-family: Verdana;
			 font-size: 12px;
			 color: #666666;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 15px;
			 margin-right: 10px;
		 }


.text_type3	 {	 font-family: Verdana;
			 font-size: 15px;
			 color: #333333;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 15px;
			 margin-right: 10px;
		 }

.ok_text1	 {	 font-family: Verdana;
			 font-size: 15px;
			 color: #0f2af1;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 15px;
			 margin-right: 10px;
		 }

.error_text1	 {	 font-family: Verdana;
			 font-size: 15px;
			 color: #f01717;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 15px;
			 margin-right: 10px;
		 }


.general_text2	 {	 font-family: Verdana;
			 font-size: 15px;
			 color: #000066;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 15px;
			 margin-right: 10px;
		 }

.general_text3	 {	 font-family: ariel;
			 font-size: 13px;
			 font-weight: bold;
			 color: #000066;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 15px;
			 margin-right: 10px;
		 }

.general_text4	 {	 font-family: ariel;
			 font-size: 13px;
			 color: #000066;
	  		 text-align : left;
			 margin-top: 5px;
 			 margin-left: 15px;
			 margin-right: 10px;
		 }

.time		 {	 font-family: Verdana;
			 font-size: 10px;
			 color: #ff1100;
	  		 text-align : right;
			 margin-top: 3.5px;
 			 margin-right: 15px;
		 }



.copyright		 {	font-family: Verdana;
				font-size: 10px;
			 	color: #CCCCCC;
	  		 	text-align : left;
				margin-top: 3.5px;
 			 	margin-right: 15px;
		 }





