@charset "UTF-8";
/* CSS Document */

html{
	background-color:#152526;
}


body {
	background-color:#152526;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 85%; 
	margin:0 auto;
	margin-bottom:20px;
	width:740px;
	
	}

#header {
	background-color:gray; 
	height:160px;
	color:white; 
	text-align: center; 
	font-variant: small-caps;
	background-image:url(../image/header.png);
	}

#header h1 {
	margin: 0;
	padding:0;
	}
#header h1 a {
	height:160px;
	width:740px;
	display:block;
	color:white;
	text-decoration: none;
	text-indent: -9999px;
}

#header p {
	position:absolute;
	left:50%;
	margin:0; padding:0;
	top:145px;
	margin-left:184px;
	overflow:hidden;
	float:left;
	
	}
#header p a{
	text-decoration:none;
	color:#F90;
	padding:20px;
	text-align:center;
	line-height:30px;
	font-family:Calibri;
	font-variant:normal;
	
}
#header p a:hover{
	background-position:0 -30px;
	text-decoration:underline;
}
	

.imageleft {
	float:right;
	margin-right:30px;
}

#main {
	background-position:left top;
	overflow:auto;
	font-family:Calibri; 
	color:#dce5e5; 
	font-size:12px; 
	line-height: 1.5em;
	width:740px;
	float:left;
	height:auto;
	}
#main h2 {
	font-size:25px; 
	font-weight:bolder; 
	font-style:normal; 
	color:#F90;
	clear:both;
	}


#main h3 {
	
	font-size:15px; 
	font-weight:folder; 
	font-style:normal; 
	color:#F60; 
	
	}

#back {
		background-color:#284649;
		position:absolute;
		margin-left:490px;
		width:250px;
		height:180px;
}
#back p{ margin-top:0px;
        float:right;
}
		

		
#introduction {
	background-color:#284649;
	background-position:left top;
	position:position;
	background-repeat:repeat-x;
	width:280px;
	height:390px;
	
}
#introduction p {
	padding:5px 5px;
	margin-top:5px;
}
#introduction img {
	margin-top:10px;
	border:0;
}
#introduction h2{
	display:none;
}
#introduction a {
	margin-left:200px;}


	
	


#navigation { 
position:absolute;

width:210px;
float:left;
border-bottom:2px solid #C63;
margin-left:280px;
background-color:#233c3e;
background-position:left top;
background-repeat:repeat-x;
height:150px;
}
#navigation h2{
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	color:#CCC;
	clear:both;
	display:none;
}
#navigation li{
	font-family:Arial, Helvetica, sans-serif;
	float:inherit;
	display:inline;
	font-size:12px;
	
}
#navigation ul{
	list-style:none;
	margin-top:10px;
	
	overflow:auto;
	
}
#navigation a {
	background-image:url(../image/btn.png);
	display: block;
	width:134px;
	height:23px;
	padding-left:0px;
	padding-right:0px;
	line-height:22px;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	margin:0px 5px 0px 0px;
	}
#navigation a:hover {
	background-position:0 -23px;
}
#product {
	position:absolute;
	background-position:left top;
	background-color:#233c3e;
	width:210px;
	height:240px;
	margin-left:280px;
	
	top:320px;
	outline:none;

}
#product p {
	margin-top:5px;
	margin-left:10px;
	
}
#product img{
	margin-top:10px;
	border:0;
}


	

#product h2 {
	display:none;
}
#new {
	position:absolute;
	background-color:#284649;
	background-repeat:repeat-x;
	background-position:left top;
	width:250px;
	height:210px;
	margin-left:490px;
	top:350px;
	
}
#new h2{
	display:none;
}
#new p{

	padding:5px 5px 0 5px;
}
#new img{
	
	border:0;
}
.dark{
	float:right;
	margin-right:30px;
	
	
}
	
	

	



#footer {
	font-family:Calibri;
	background-color:#FFF; 
	text-align:center; 
	font-size:12px;
	padding-bottom:0px;
	
	background-image:url(../image/footer.png);
	background-repeat:no-repeat;
	overflow:auto;
	height:40px;
	
	
}
#footer p{
	float:right;
	overflow:hidden;
	
	}

 #header, #footer {
	width: 740px;
	
	}

.thumbnail {
	float:left; 
	margin-right: 5px;
	}
	.link {float:right;
	margin-right:30px;
	margin-bottom:10px;
	}