body
{
	margin:0px;
	padding:0px;
	background-image:url(images/body.jpg);
	height:1530px;
}
.main
{
	height:1530px;
	width:950px;
	background-image:url(images/bg.png);
	margin:0px auto;
	
}
.logo
{
	width:950px;
	height:160px;
	margin:0 auto;
	text-align:center;
	
}
.top
{
	width:950px;
	height:453px;
}
.text
{
	width:310px;
	height:453px;
	background-image:url(images/text_bg.png);
	float:left;
}
.slider
{
	width:600px;
	float:left;
	height:453px;
	margin-top:30px;
}
.abot_text
{
	color:#030;
	font-family:calibri;
	font-size:15px;
	width:200px;
	text-align:justify;
	margin:70px 0 0 80px;
}
.contact_link
{
	text-decoration:underline;
	font-weight:bold;
	color:#030;
	font-family:calibri;
	font-size:15px;
}
.pics
{
	width:950px;
	height:500px;
	margin-left:13px;
}
.pic_bg
{
	float:left;
	height:221px;
	width:310px;
	background-image:url(images/pic_bg.png);
}
.img
{
	border-style:none;
}
.title_white
{
	color:#FFF;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	
}
.button_bottom
{
	margin:40px 0 0 50px;
}
.bottom_info
{
	font-family:calibri;
	font-size:16px;
	color:#ccc;
	margin-top:80px;
}
.contact_link_botton
{
	text-decoration:underline;
	font-weight:bold;
	color:#CCC;
	font-family:calibri;
	font-size:16px;
}
.pic_margin
{
	border-style:none;
	margin-top:5px;
}


#wrapper {width:600px; padding-left:0px auto}
#container {position:relative; height:350px; margin-left:0px;}
#slider {float:left; position:relative; overflow:auto; width:600px; height:400px}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:600px; height:400px}
.pagination {position:absolute; top:40px; right:61px; list-style:none; height:25px; padding-top:515px; padding-right:185px;}
.pagination li {float:left; cursor:pointer; height:24px; width:28px; background-repeat:no-repeat; background-image:url(images/bullet-2.png);}
.pagination li:hover, li.current { background-image:url(images/bullet-1.png);}



@media screen and (min-device-width: 800px) and (max-device-width: 980px) { 
.main {width: 98%;}
.pics { margin: 0; width: 100%;}
.button-img {width: 85%;}
.bottom_info {margin-top:65px;}
}
@media only screen and (max-width:800px) {
body {background: none;}
.main {width: 98%;}
.logo {border-bottom: 35px solid #6d6d6d; margin-left:0px!important;    width: 100%;background-color:#e4e1e0;}
.img { width: 95%;}
.top {float: left;min-height: 690px;width: 100%;background-color: #9bc456;}
.text {background: #5d8c0a none repeat scroll 0 0; float: left; width: 100%;height: 200px;}
.abot_text {
  float: left;
  margin: 15px 0 0;
  padding: 0 12px;
  text-align: center;
  width: 96%;
}
.slider {float: left; width: 100%;}
.pagination {text-align: center;top: 270px;}
.pics { margin: 0; width: 100%;}
.button-img {display: inline-block; text-align: center; width: 90%;}
.img.button-img {padding-bottom: 20px;}
.bottom_info {background-color: #565656;margin: 0; min-height: 55px; padding: 12px;}
.text { height: 101px;margin-top:25px;}
.pagination {top: 200px !important;}
.top {min-height: 582px;}
.abot_text {  color: rgb(255, 255, 255);}
}
@media (max-width: 640px) {
.top {min-height: 640px;}
.text {min-height: 130px;}
.pagination {padding-right: 0;width: 60%;top: 250px !important;}
.logo { height: auto; }
.img {  margin: 40px 0 6px 13px !important;  width: 95%;}
.img {margin: 0 6px 13px !important;width: 95%;}
.pagination {top: 220px !important;}
}
@media (max-width: 480px) {
.text {min-height: 180px;margin-top:10px;}
.pagination {top: 217px !important;width: 66%;}
#slider img {width: 70%;}
.pic_bg { margin: 0 15%;}
#slider {width: 100%;}
.img {  margin: 10px 0 17px !important;}
}
@media (max-width: 420px) {
.slider {width: 326px !important;}
#slider {position: relative!important; width: 384px!important;}
#slider ul{ position:relative!important;}
#slider img {width: 69%;}
}
@media (max-width: 360px) {
.top {
  min-height: 513px;
}
.text {min-height: 223px;}
.pic_bg {
  margin: 0 7%;  
}
#slider {
  position: relative !important;
  width: 100% !important;
}
#slider img {
  height: auto;
  width: 50%;
}
.slider {
  margin-top: 10px; 
  width:100% !important; 
}
.pagination {
  left: 0;
  position: absolute;
  right: 0;
  top: 65px !important;
  width: 88%;
}
.abot_text {
  padding: 0 7px;  
}

}
@media (max-width: 320px) {
.button-img {width: 85%;}
.pic_bg {
  margin: 0 0%;  
}

#slider img {
  height: auto;
  width: 40%;
}
.top {min-height: 482px;}
.pagination {
  left: -19px;
  position: absolute;
  right: 0;
  top: 33px !important;
  width: 91%;
}
}