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


body {
	background-color: #F6F6F6;
}

.center
{
margin:auto;
width:1000px;
}

#grad1
{
margin-top:20px;	
height:800px;
width:1000px;
background: -webkit-radial-gradient(#fff, #DDDBDB); /* Safari */
background: -o-radial-gradient(#fff, #DDDBDB); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(#fff, #DDDBDB); /* For Firefox 3.6 to 15 */
background: radial-gradient(#fff, #DDDBDB); /* Standard syntax (must be last) */
box-shadow: 5px 5px 5px #CCCACA;
border-radius:6px;
}

#grad2
{
margin-top:20px;	
height:1350px;
width:1000px;
background: -webkit-radial-gradient(#fff, #DDDBDB); /* Safari */
background: -o-radial-gradient(#fff, #DDDBDB); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(#fff, #DDDBDB); /* For Firefox 3.6 to 15 */
background: radial-gradient(#fff, #DDDBDB); /* Standard syntax (must be last) */
box-shadow: 5px 5px 5px #CCCACA;
border-radius:6px;
}

#grad3
{
margin-top:20px;	
height:2650px;
width:1000px;
background: -webkit-radial-gradient(#fff, #DDDBDB); /* Safari */
background: -o-radial-gradient(#fff, #DDDBDB); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(#fff, #DDDBDB); /* For Firefox 3.6 to 15 */
background: radial-gradient(#fff, #DDDBDB); /* Standard syntax (must be last) */
box-shadow: 5px 5px 5px #CCCACA;
border-radius:6px;
}

#grad4
{
margin-top:20px;	
width:1000px;
background: -webkit-radial-gradient(#fff, #DDDBDB); /* Safari */
background: -o-radial-gradient(#fff, #DDDBDB); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(#fff, #DDDBDB); /* For Firefox 3.6 to 15 */
background: radial-gradient(#fff, #DDDBDB); /* Standard syntax (must be last) */
box-shadow: 5px 5px 5px #CCCACA;
border-radius:6px;
overflow:auto;
}

.grad4
{
margin-top:20px;
width:1000px;
background: -webkit-radial-gradient(#fff, #DDDBDB); /* Safari */
background: -o-radial-gradient(#fff, #DDDBDB); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(#fff, #DDDBDB); /* For Firefox 3.6 to 15 */
background: radial-gradient(#fff, #DDDBDB); /* Standard syntax (must be last) */
box-shadow: 5px 5px 5px #CCCACA;
border-radius:6px;
overflow:auto;
}

#logo{
	margin-left:30px;
	margin-top:15px;
	position:relative;
	float:left;
	background-image:url(../images/logo.png);
	width:450px;
	height:45px;
}

#body1 {
	text-decoration:none;
	color:#d50404;

}

#body1{
	margin-top:20px;
	float:left;
	margin-left:30px;
	height:600px;
	width:950px;
	font-family:calibri,Verdana, Geneva, sans-serif;
	color:#F00;
}

#body2{
	margin-top:20px;
	float:left;
	margin-left:30px;
	height:auto;
	width:950px;
	font-family:calibri,Verdana, Geneva, sans-serif;
	color:#F00;
}

.nav {
	margin-top:18px;
	float:left;
	margin-left:0px;
	height:60px;
	width:1000px;
	background-color: #666;
}




#img1{
	background-color:#fff;
	margin-left:15px;
	width:130px;
	height:163px;
	float:left;
}

.title{
	word-spacing: 5px;
	margin-left: 5px;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #d50404;
}

.title2{
	word-spacing: 5px;
	margin-left: 20px;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #d50404;
}

.title3{
	width:650px;
	word-spacing: 5px;
	margin-left: 20px;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color:#666;
	text-indent: 10px;
}

.titleL{
	font-size:16px;
	
}

.textnormal{
	line-height:1.5;
	float:left;
	margin-left:35px;
	width:700px;
	height:auto;
	text-align:left;
	color:#666;
	font-size:16px;
}

.textnormal2{
	margin-left:20px;
	margin-right:auto;
	width:650px;
	height:auto;
	text-align:left;
	color:#666;
	font-size:14px;
	line-height:1.7;
	float:left;
}

.textcategory{
	margin-top:30px;
	margin-left:20px;
	margin-right:auto;
	width:auto;
	height:auto;
	text-align:left;
	color:#666;
	font-size:15px;
	line-height:1.7;
	float:left;
}

.textcategory2{
	margin-top:30px;
	margin-left:20px;
	margin-right:auto;
	width:auto;
	height:auto;
	text-align:left;
	color:#900;
	font-size:15px;
	line-height:1.7;
	float:left;
}


.read {
	width:80px;
	margin-right:20px;
	float:right;
}

.photo1 {
	width:150px;
	height:150px;
	float:right;
	margin-top:30px;
	margin-right:35px;
	background-color:#03F;
}

.productcategory {
	width:650px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-right:10px;
}

.productbox {
	width:200px;
	height:250px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	border:1px solid #989797
}

#productboxinfo {
	margin-top:0px;
	width:200px;
	height:80px;
	float:left;
	background-color:#CCC;
	font-size:17px;
	text-indent: 5px;
}


#productphoto {
	margin-top:5px;
	margin-left:20px;
	width:160px;
	height:160px;
	height:auto;
	float:left;
}

#productphoto2 {
	margin-top:10px;
	margin-left:20px;
	width:auto;
	height:auto;
	float:left;
	border:2px solid #989797;
}

#productphoto3 {
	margin-top:10px;
	margin-left:20px;
	width:650px;
	height:auto;
	float:left;
	border:2px solid #989797;
}


#line{
	margin-top:30px;
	margin-left:15px;
	height:1px;
	float:left;
	width:900px;
	border-bottom:1px dashed #CCC;
}

#line2{
	margin-top:30px;
	margin-left:5px;
	height:1px;
	float:left;
	width:200px;
	border-bottom:1.5px dashed #CCC;
}

.list{
	width:250px;
	height:800px;
	margin-left:10px;
	margin-top:10px;
	float:left;
}

.textproductinfo{
	width:800px;
	word-spacing: 5px;
	margin-left: 20px;
	margin-top:50px;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color:#CCC;
	float:left;
}

.textproductinfo2{
	width:650px;
	margin-top:10px;
	word-spacing: 5px;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color:#333;
	float:left;
	text-indent:5px;
	line-height: 20px;
}

.textproductinfo3{
	width:600px;
	word-spacing: 5px;
	margin-left: 20px;
	margin-top:50px;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color:#CCC;
	float:left;
}

#contact{
	margin-top:0;
	width:480px;
	height:auto;
	float:right;
	border:1px solid #ccc;
}

.contactInfo1{
	margin-top:0px;
	margin-left:10px;
	float:left;
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	line-height:10px;
	text-align:left;
	color:#333;
}
.contactInfo2{
	margin-top:13px;
	margin-left:10px;
	float:left;
	width:130px;
	height:auto;
	font-family:calibri,Verdana, Geneva, sans-serif;
	font-size:16px;
	text-align:left;
	color:#333;
}
.contactInfo3{
	margin-top:13px;
	margin-left:10px;
	float:left;
	width:330px;
	height:auto;
	font-family:calibri,Verdana, Geneva, sans-serif;
	font-size:16px;
	text-align:left;
	color:#333;
}
.contactMap{
	margin-top:20px;
	margin-left:10px;
	float:left;
	width:330px;
	height:auto;
	font-family:calibri,Verdana, Geneva, sans-serif;
	font-size:16px;
	text-align:left;
	color:#333;
}

.textSmall{
	font-size:smaller;
	font-family:Arial, Helvetica, sans-serif;
}