/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900,700italic,400italic%7COpen+Sans:400,700,700italic,600);
/*font-family: 'Open Sans', sans-serif;*/

@font-face {
	font-family :'NunitoRegular';
	src :url('../fonts/nunito-regular-webfont.eot');
	src :url('../fonts/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/nunito-regular-webfont.woff') format('woff'),
		url('../fonts/nunito-regular-webfont.ttf') format('truetype'),
		url('../fonts/nunito-regular-webfont.svg#NunitoRegular') format('svg');
	font-weight :normal;
	font-style :normal;
}
@font-face {
	font-family :'Lobster1.4Regular';
	src :url('../fonts/lobster-webfont.eot');
	src :url('../fonts/lobster-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lobster-webfont.woff') format('woff'),
		url('../fonts/lobster-webfont.ttf') format('truetype'),
		url('../fonts/lobster-webfont.svg#Lobster1.4Regular') format('svg');
	font-weight :normal;
	font-style :normal;
}
@font-face {
	font-family :'LimelightRegular';
	src :url('../fonts/limelight-webfont.eot');
	src :url('../fonts/limelight-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/limelight-webfont.woff') format('woff'),
		url('../fonts/limelight-webfont.ttf') format('truetype'),
		url('../fonts/limelight-webfont.svg#LimelightRegular') format('svg');
	font-weight :normal;
	font-style :normal;
}

body {
font-family:"Helvetica Neue",Helvetica,Arial;
font-size:13.6px;
line-height:23px;
background-color:#cccccc;
color:#333;
margin:0px;
	padding:0px;
}

/* main */
#main
{
width:100%; margin:0 auto;
}

/* header */
#header {
background: #fff;
	background: -webkit-linear-gradient( #fff, #ADADAD);
	background: linear-gradient( #fff, #cccccc);
	clear: both;
	min-height: 100px;
	padding: 8px 0;
}

.content{
width:1000px; margin:0 auto;}

/* Logo */
.logo
{
font-family:'Lobster1.4Regular';
color:#DE011B;
font-size:2.8em;
font-weight:bold;
padding-top:15px;
padding-left:18px;
width:300px; 
height:80px
	}
	
		
	/* Search */
.search
{
margin-top:-50px; width:235px; padding-left:400px;
}

.search .input-txt{background-image:url('../images/search_box.png');background-repeat:no-repeat; background-color:#fff; width:200px;height:27px;border:0px;padding:3px 2px 0px 3px;}	

.search .btn-img{width:24px;height:30px;background-image:url('../images/search_button.png');background-repeat:no-repeat;background-color:#fff;border:0px;margin:0px;padding:0px;cursor:pointer;}


/* Sign-Box */
.sign-box
{
width:250px;
margin-top:-84px;
padding-left:690px;
}

.sign-box .loginbox { width:350px;}


/* Menu-top */	
#menu-top
{	
width:100%; margin:0 auto;
margin-top:-5px;
background-color:#437399;
height:36px;
	}
	
/* Pagination */

.pagin
{
COLOR: #20568e; BACKGROUND-COLOR:#fff; TEXT-ALIGN: left;
}

div.pagination {	padding: 3px;	margin: 3px;} div.pagination a {	padding: 2px 5px 2px 5px;	margin: 2px;	border: 1px solid #AAAADD;		text-decoration: none; /* no underline */	color: #000099;}div.pagination a:hover, div.pagination a:active {	border: 1px solid #000099;	color: #000;}div.pagination span.current {	padding: 2px 5px 2px 5px;	margin: 2px;		border: 1px solid #000099;				font-weight: bold;		background-color: #000099;		color: #FFF;	}	div.pagination span.disabled {		padding: 2px 5px 2px 5px;		margin: 2px;		border: 1px solid #EEE;		color: #DDD;	}
	
	.menu
	{
	width:1000px; margin:0 auto;
	}


/* Read-More */

.read-more
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
background-color:#EF4A43;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:7px;
padding-right:7px;
padding-top:7px;
padding-bottom:7px;
border:#EF4A43 solid 1px;
box-shadow:0 0 5px #000;
text-decoration:none;
}

.read-more:hover
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
background-color:#727270;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:7px;
padding-right:7px;
padding-top:7px;
padding-bottom:7px;
border:#727270 solid 1px;
box-shadow:0 0 5px #000;
text-decoration:none;
}

/*Test field */
.field
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
border:#000000 solid 1px;
width:400px;
height:25px;
}

.tfield
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
border:#000000 solid 1px;
width:400px;
height:100px;
}

.ifield
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
border:#EF4A43 solid 1px;
font-family:Lato;
font-size:13px;
font-weight:bold;
width:260px;
height:27px;
}

.mfield
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
border:#EF4A43 solid 1px;
font-family:Lato;
font-size:13px;
font-weight:bold;
width:260px;
height:120px;
}

.submit
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
background-color:#EF4A43;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:7px;
padding-right:7px;
padding-top:7px;
padding-bottom:7px;
border:#EF4A43 solid 1px;
cursor:hand;
box-shadow:0 0 5px #000;
}

.submit:hover
{
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:7px;
padding-right:7px;
padding-top:7px;
padding-bottom:7px;
border:#000 solid 1px;
cursor:hand;
box-shadow:0 0 5px #000;
}

.img
{
border:#EF4A43 solid 1px;
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	box-shadow:0 0 5px #000;
}

.spacer{
height:20px;
}

.spacer2{
height:15px;
}



.pic{ width:212px; height:246px; opacity: 1; filter: alpha(opacity=100); } .pic:hover { opacity: 0.3; filter: alpha(opacity=30); box-shadow: 0 0 15px #000; } 


/*slider */

.content-box{
width:1000px; margin:0 auto;
background-color:#FFFFFF;
border:#fff solid 5px;
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	height:450px;
box-shadow:0 0 10px #1D746F;}

#left-slide {
    float: left;
    width: 720px;
}

#middle-slide {
    float: left;
    width: 15px;
}
#right-slide {
    float: left;
    width: 265px;
}


/*Products */
.product-box
{
width:1000px; margin:0 auto;
background-color:#FFFFFF;
border:#fff solid 5px;
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	box-shadow:0 0 10px #1D746F;
	}

ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -4.8%; /* should match li left margin */
}
ul.rig li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 1.5% 1.5%;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul.rig li img {
	max-width:100%;
	height: 246px;
	margin: 0 0 10px;
}
ul.rig li h3 {
	margin: 0 0 5px;
	text-align:center;
	font-weight:normal;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
	text-align:center;
}


<!--zoom-->
  .zoom_img img{
-moz-transition:-moz-transform 0.2s ease-in; 
-webkit-transition:-webkit-transform 0.2s ease-in; 
-o-transition:-o-transform 0.2s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(1.09); 
-webkit-transform:scale(1.09);
-o-transform:scale(1.09);

}
   <!--zoom--> 
   

/*footer */
.footer-line {
width:100%;
height:1px;
float:left;
background:#f9633b;
}



#navigation { font-size:15px; width:196px; float:left; margin-top:10px;}
    #navigation ul { margin:0; padding:0; margin-top:7px; }
    #navigation li { list-style: none; font-size:13px; color:#000000; }
	#navigation li a { color: #000; text-decoration:none; }
    #navigation a:hover, a:hover { color: #000; text-decoration:underline; }