/* --------------------------------------------/ INITIALIZATION \-------------------------------------------- */

* { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }

body { 
text-align:left; 
color:#FFF; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
background-color:#00a295; }

p { padding:15px; }

/* --------------------------------------------/


/* --------------------------------------------/ HEADER \-------------------------------------------- */

#container_header { width:100%; height:100%; margin-top:5px;  }
	
	#header { 
	position:relative; 
	width:800px;
	height:174px;
	margin:auto;
	background-image:url(../images/header.jpg); }

/* --------------------------------------------/


/* --------------------------------------------/ NAV \-------------------------------------------- */

	#nav { 
	position:relative;
	float:left;
	width:142px;
	height:100%;
	margin:auto;
	background-image:url(../images/navbg.jpg);
	background-color:#666666; }
	
		#nav ul {position:relative; float:left; top:1px; left:1px; }
		
		#nav li { width:133px; height:50px; margin-top:0px; list-style:none; background-image:url(../images/button.jpg); }

		#nav a { position:relative; display:block; padding:17px 0 15px 15px; text-decoration:none; color:#FFF; }

		#nav a:hover { color:#303; }

/* --------------------------------------------/


/* --------------------------------------------/ CONTENT \-------------------------------------------- */

#container_content { width:100%; }

	#content { 
		position:relative;  
		width:800px;
		height:100%;
		margin:auto;
		background-image:url(../images/content-bg.jpg); }
	
		#top-content { 
		position:relative; 
		float:left; 
		width:656px;
		height:6px;
		margin: auto;
		background-image:url(../images/shade.jpg);
		border-right:2px solid #FFFFFF;
		background-repeat:no-repeat; }
		
		#middle_content { 
		position:relative; 
		float:left; 
		width:656px;
		height:100%;
		margin: auto;
		background-color:#f4f4ed;
		border-right:2px solid #FFFFFF; }
			
			#about { 
			position:relative; 
			float:left; 
			width:620px;
			height:100%;
			margin: auto;
			color:#333333;
			top:-20px;
			left:20px;}
			
				#about a, #about a:visited{ color:#003399;}
				
				#about a:hover{ color:#999999;}
			
			.catalogs{
			position:relative; 
			float:left; 
			width:155px;
			height:200px;
			padding-top:30px;
			padding-left:45px;
			margin: auto;}
			
			
			.wholesale{ position:relative; float:left; width:268px; height:64px; top:10px; left:350px; background-image:url(../images/wholesale.jpg); }
			
			.aboutus{ position:relative; float:left; width:125px; height:32px; top:70px; left:-260px; background-image:url(../images/aboutus.jpg);}
			
			.bar{ position:relative; float:left; width:655px; height:7px; top:40px; background-image:url(../images/bar.jpg); background-repeat:no-repeat;}
			
			#catalogs{ position:relative; float:left; width:129px; height:45px; top:160px; left:8px; background-image:url(../images/catalogs.jpg);}
			
			.bar2{ position:relative; float:left; width:655px; height:7px; top:153px; background-image:url(../images/bar.jpg); background-repeat:no-repeat;}

		#sub-middle-content { 
		position:relative; 
		float:left; 
		width:656px;
		height:100%;
		margin: auto;
		background-color:#f4f4ed;
		border-right:2px solid #FFFFFF; }
			
			#sub-middle-content h1{ color:#0066CC; width:610px; margin:20px 0 0 20px; font-size:18px; border-bottom:1px solid #0066CC;}
			
			#sub-middle-content h2{ color:#0066CC; margin:20px 0 0 20px; font-size:14px; }
			
			#sub-middle-content p{ color:#0066CC; margin:0px 0px 0px 20px; font-size:11px;}
			
			#sub-middle-content ul{ margin:20px 0 0 35px;}
			
			#sub-middle-content li{ color:#0066CC; font-size:11px; width:500px;}
			
			#sub-middle-content a, #sub-middle-content a:visited{ color:#003399;}
				
			#sub-middle-content a:hover{ color:#999999;}


		.min-holder { float:left; width:1px; height:850px;  }
		
		.clear {clear:both; height:1px; overflow:hidden;background-color:#fff; }
		
		.tags img{margin:20px 20px 20px 30px;}
		

/* --------------------------------------------/


/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; width:100%; height:100%;  }
	
	#footer { 
	position:relative; 
	margin:auto;
	height:49px;
	width:800px;
	padding-bottom:20px;
	background-image:url(../images/footerbg.jpg);
	background-repeat:no-repeat; }

		#footer ul { float:right; text-align:right; margin:20px 20px 0 0; }

		#footer li { display:inline; list-style:none; margin-left:10px; }

		#footer a { text-decoration:none; color:#FFF; }

		#footer a:hover { color:#000; }