@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Six+Caps);
@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);
@import url(http://fonts.googleapis.com/css?family=News+Cycle);
body { font-family:Verdana, Geneva, sans-serif;margin:0;}
img {border:none;}
h1,h2,h3,h4,h5,h6,p,li,ol,ul {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,#footer,#new_arrival {font-weight:lighter;font-family: 'Pathway Gothic One', sans-serif;}
a {text-decoration:none;}
#header{width:100%;position:relative;}
#header .header_inner{padding:10px;}
#logo {position:absolute;z-index:1;}
#logo a:hover {border-bottom:none !important;}
#social {float: right;}
.round {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#container {width: 80%;margin: 0 10%;}
#nav {float:right; clear:right;padding:40px 0;}
#nav a {color:#090;}
#nav li {display:inline;list-style:none;padding:20px 15px;font-size:120%;}
#nav h2 {display:none;}
#content {clear:both;}
/* slideshow */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  /* slideshow */
.collumn1 .inner, .collumn2 .inner, .collumn3 .inner, .collumn4 .inner, .collumn5 .inner {padding:50px 0;color:red;text-align:justify;line-height:1.5em;
}
.collumn2 .inner, .collumn4 .inner, .collumn5 .inner {padding:50px 35px 0 35px}
.collumn4 {float:left;width:50%;}
.collumn5 {float:right;width:50%;}
#center_block {background:#F00;color:#FFF;padding:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.title {color:red;text-align:left;}
.collumn1 {float:left;width:30%;}
.collumn2 {width:40%;float:left;}
.collumn3 {float:right;width:30%;}
#submit {width:30%;float:left;background:green;border:none;padding:10px;color:#FFF;cursor:pointer;margin-left:20%;}
#new_arrival {background:#F00;width:60%;margin:50px auto 0 auto;}
#new_arrival p {padding:40px 15px 15px 15px;text-align:center;color:#FFF;font-size:2em;}
#footer .collumn1, #footer .collumn2 {
	padding-top:20px;
	background:url(../images/border_bottom.jpg) repeat-x top;
}
#footer .collumn2 {
	padding:0;
	text-align:center;
	font-size:100%;
}
#footer .collumn3 {
	text-align:right;
	background:url(../images/border_bottom.jpg) repeat-x top;
}
#footer {
	clear:both;	
	padding:10px 0;
}
#footer .inner {
	color:#999;
	overflow:auto;
}
#footer #contact_us {
	margin:0 auto;
	width:80%;
	padding:5px;
	background:red;
	text-align:center;
	font-size:1.5em;
}
#footer #contact_us a {
	color:#FFF;
}
#footer li {
	display:inline;
	padding:5px;
	list-style:none;
}
#footer #contact_us {
	background:red;
}
#footer a {
	color:#999;
}
#footer a:hover {
	color:red;
}
#logo_footer {margin-left:85px; text-align:left;}

 @media screen and (max-width: 1200px) {
	 #container {width:90%;margin:0 auto;}
	 #nav li {font-size:100%;}
	 #logo img {width:90%; height:auto;}
	
}
@media screen and (max-width: 1000px) {
	#container {width:100%;}
	#nav {padding:20px 0;}
	#nav li {padding:5px;}
	#logo img {width:70%; height:auto;}
	#logo {padding:5px 0 0 10px;}
	#product_nav{display:none;}
	
}
@media screen and (max-width: 700px) {
	#container{margin-top:100px;}
	#nav{padding:10px 0;}
	#nav li {padding:10px 5px; display:block; text-align:center;}
	#nav ul {margin-right:5px;}
	#logo img {width:50%; height:auto;}
	#nav h2 {display:block;}
	#nav div { background:#333;width:100%; float:none;}
	.collumn1, .collumn2, .collumn3, .collumn4, .collumn5 {width:100% !important;}
	.collumn4 table{width:100%;}
	.collumn1 .inner,.collumn2 .inner,.collumn4 .inner {padding:10px 10px !important;}
	.collumn2 .inner {padding:0;}
	#footer, #logo_footer, .collumn3 {text-align:center !important;}
	#logo_footer {margin-left:0 !important;}
	#header {position:fixed; top:0; z-index:10; width:100%;background:#FFF;}
	
	
}
@media screen and (max-width: 480px) {
	#product_image li img {width:100%; height:auto;}
	
}

