/* CSS Document */

/*Layout*/
.mainheader{float:left; width:100%; margin-bottom:0%;}
.logo{float:left; width:30%; padding-top:10px;}
.tag{width:30%; float:left; padding-top:86px !important; font-size:0.8em;}
.topnav{float:right; width:40%; text-align:right;}
.toplogo{max-width:320px; width:100%; min-width:160px; border:none;}
.maintrans{float:right; width:40%; margin-bottom:0%; margin-top:7px;}

.topnav a{background-color:#efefef; padding:10px !important; padding-left:15px !important; padding-right:15px !important; padding-bottom:20px !important; padding-top:20px !important; color:#999999; float:right; margin-top:-5px; margin-left:3px;}
.topnav a:hover{background-color:#F60; padding:15px !important; padding-left:25px !important; padding-right:25px !important; padding-bottom:20px !important; padding-top:20px !important; color:#Fff; float:right; margin-top:-5px !important;}
.topnav a:active{background-color:#f78f26; padding:15px !important; padding-left:25px !important; padding-right:25px !important; padding-bottom:20px !important; padding-top:20px !important; color:#FFF; float:right; margin-top:-5px !important;}
.breadcrumb{font-size:13px;}

#wrapper{float:left; width:100%; min-width:1%; padding-bottom:1%; padding-top:0%;}
.maincontent{position:relative; margin:0; margin:-20px auto !important; width:100%; padding:5px; padding-left:2%; padding-right:2%; padding-top:0px !important; min-width:220px; max-width:1120px; background-color:#FFF;}

.slider{float:left; width:100%; min-width:1%; background-color:#FFF; padding-top:0%; padding-bottom:0%; z-index:60; }
.mainslider{position:relative; margin:-10px auto; width:100%; padding:0%; min-width:220px; max-width:1160px; background-color:#FFF; margin-bottom:0%; }

footer{	width:100%;	float:left; background-color:#eee; padding-bottom:0.5%; margin-top:0%; border-top:5px solid #ccc;}
footer .mainfooter{position:relative; margin:0% auto; width:80%; padding:0%; min-width:220px; max-width:1160px; padding-top:0.5%; padding-bottom:0.5%; }
footer .mainfooter h5{color:#333; text-shadow:none !important;}
footer .mainfooter p{color:#666 !important; text-shadow:none !important; font-size:0.9em;}

img{padding:0%; border:0px solid #EEE; max-width:100%; width:100%;}

.imgleft{float:left; margin-bottom:10px; margin-right:15px; margin-top:10px; padding:0.5%; border:1px solid #EEE; max-width:98%; min-width:150px;}
.imgright{float:right; margin-bottom:10px; margin-left:15px; margin-top:10px; padding:0.5%; border:1px solid #EEE;  max-width:98%; min-width:150px;}

img.copy{border:none;}
/*Section*/
section{padding-top:4%;}
section.first{padding-top:2%;}
section.last{padding-top:2%; padding-bottom:30px}

.table{display: table;   /* Allow the centering to work */	margin: 0 auto;}
	
/*BASE TEXT STYLES*/
p{margin-bottom:10px; line-height:1.3em;}
.social{max-width:25px; min-width:20px; margin-right:10px;}

a{color:#093; text-decoration:none;}
a:hover{color:#F60;}

a.ora{color:#F60; text-decoration:none;}
a.ora:hover{color:#093;}

.textcenter{text-align:center !important;}
.bold{font-weight:bold !important;}
.cursive{font-style:italic !important;}
h1{font-weight:normal !important;}
.green{color:#0C0 !important;}
a{text-decoration:none !important;}
.link-burgundy{color:#900 !important;}
.link-green{color:#0C0 !important;}
.link-blue{color:#03C !important;}
.link-purple{color:#63C !important;}
.link-purple:hover, .link-blue:hover, .link-burgundy:hover, .link-green:hover{color:#F60 !important;}

.max160{width:100%; max-width:160px !important; float:none;}
.max320{width:100%; max-width:320px !important; float:none;}
.max480{width:100%; max-width:480px !important; float:none;}
.max640{width:100%; max-width:640px !important; float:none;}
.max960{width:100%; max-width:960px !important; float:none;}

/*FLOATS*/
.f_left{float:left;}
.f_right{float:right;}

/*CONTENT BLOCKS LAYOUTS*/
/*Column Styles*/
/* 1 COLUMN/Row */
.content_row{width:100%; float:left; margin-top:1%;}
.content_row_first{width:100%; float:left; margin-top:1%;}
.wfull{width:100%;}

.highlight{	width:100%; 	background-color:#999 !important;	}

.col1_1{
width:98%;
float:left;	
padding:1%;
}
/* 2 COLUMNS */
.col1_2{width:46%; float:left;}
.col2_2{width:46%; float:right;}

/* 3 COLUMNS */
/*Equal*/
.col1_3{width:30.7%; float:left;}
.col2_3{width:30.7%; float:left; margin-left:4%;}
.col3_3{width:30.7%; float:right;}

/*Two Third styles*/
.col1-2_3{width:60%; float:left;}
.col2-3_3{width:60%; float:right;}

/* 4 COLUMNS */
.col1_4{width:22%; float:left;}
.col2_4{width:22%; float:left; margin-left:4%;}
.col3_4{width:22%; float:left; margin-left:4%;}
.col4_4{width:22%; float:right;}

/*Three Fourth styles*/
.col1-3_4{width:73%; float:left;}
.col2-4_4{width:73%; float:right;}

/* 5 COLUMNS */
.col1_5{width:16.8%; float:left;}
.col2_5{width:16.8%; float:left; margin-left:4%;}
.col3_5{width:16.8%; float:left; margin-left:4%;}
.col4_5{width:16.8%; float:left; margin-left:4%;}
.col5_5{width:16.8%; float:right;}

.col1_1,
.col1_2,
.col2_2,
.col1_3,
.col2_3,
.col3_3,
.col1-2_3,
.col2-3_3,
.col1_4,
.col2_4,
.col3_4,
.col4_4,
.col1-3_4,
.col2-4_4,
.col1_5,
.col2_5,
.col3_5,
.col4_5,
.col5_5
{padding:0%; min-height:1%;}

ul.square{margin-left:20px;list-style:square; margin-bottom:10px; }
ul.square li{margin-left:20px;list-style:square; margin-bottom:10px; }
ul.square li ul {margin-left:20px;list-style:square; margin-top:10px; margin-bottom:10px;}
ul.square li ul li{margin-left:20px;list-style:square;}

ul.disc li{margin-left:20px;list-style:disc;}
ul.disc li{margin-left:20px;list-style:disc;}

span.social img{width:auto;}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  list-style:none;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  list-style:none !important;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .rslides1_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  z-index: 99;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 31px;
  width: 38px;
  background: transparent url("themes.jpg") no-repeat left top;
  margin-top: -45px;
  }

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.rslides2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.rslides2_nav.next {
  left: auto;
  right: 0;
  }

.rslides3_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides3_nav:active {
  opacity: 1.0;
  }

.rslides3_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  list-style:none;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.caption {
  position: absolute;
  display: block;
  bottom: 10px !important;
  left: 0;
  right: 0;
  padding: 10px;
  text-align: center;
  background: #000;
  background: rgba(0,0,0, .8);
  color: #fff !important;
  text-shadow:none !important;
  display:none;
  visibility:hidden;
}

.promotion{
	float:left !important; 
	width:100% !important;
	background-color:#eee !important;
	padding:5px !important;
	padding-left:10px !important; 
	padding-right:10px !important;
	border:1px solid #999 !important;	
}
.promotion p{margin:0 !important;}

.formback{background-color:#f2ffdd; padding:15px !important; float:left; width:100%; margin-bottom:10px;} 
@media only screen 
and (max-width : 1224px) {
/* Styles */
#wrapper *{padding:0px;}
header .mainheader{padding:5px;}
p{font-size:15px;}
span.social img{width:70%; float:left; margin-right:5px;margin-bottom:5px;}
.maincontent{position:relative; margin:0px auto; width:100%; padding:2% !important; min-width:220px; max-width:1160px;}


}

@media only screen 
and (max-width : 1120px) {
/* Styles */
.tag{width:30%; float:left; padding-top:86px !important;}
}

@media only screen 
and (max-width : 1080px) {
/* Styles */
.tag{width:30%; float:left; padding-top:80px !important;}
}


@media screen and (max-width:1024px) {
.tag{width:30%; float:left; padding-top:80px !important;}
.slider{float:left; width:100%; min-width:1%; background-color:#FFF; padding-top:0%; padding-bottom:4%; z-index:60; }

.topnav a{background-color:#efefef; padding:15px !important; padding-left:25px !important; padding-right:25px !important; padding-bottom:20px !important; padding-top:20px !important; color:#999999; float:right; margin-top:-16px; margin-left:3px;}
.topnav a:hover{background-color:#F60; padding:15px !important; padding-left:25px !important; padding-right:25px !important; padding-bottom:20px !important; padding-top:20px !important; color:#Fff; float:right; margin-top:-16px !important;}
.topnav a:active{background-color:#f78f26; padding:15px !important; padding-left:25px !important; padding-right:25px !important; padding-bottom:20px !important; padding-top:20px !important; color:#FFF; float:right; margin-top:-16px !important;}
}
@media screen and (max-width:768px) {
.tag{width:30%; float:left; padding-top:55px !important;}
.slider{float:left; width:100%; min-width:1%; background-color:#FFF; padding-top:1%; padding-bottom:4%; z-index:60; }
.mainslider{position:relative; margin:0 !important; width:100% !important; padding:0% !important; min-width:220px; max-width:1160px; background-color:#FFF; margin-bottom:3%; }
.maincontent{position:relative; margin:0px auto; width:100%; padding:2% !important; min-width:220px; max-width:1160px;}

.topnav a{background-color:#efefef; padding:15px !important; padding-left:15px !important; padding-right:15px !important; padding-bottom:20px !important; padding-top:20px !important; color:#999999; float:right; margin-top:-16px; margin-left:3px;}
.topnav a:hover{background-color:#F60; padding:15px !important; padding-left:15px !important; padding-right:15px !important; padding-bottom:20px !important; padding-top:20px !important; color:#Fff; float:right; margin-top:-16px !important;}
.topnav a:active{background-color:#f78f26; padding:15px !important; padding-left:15px !important; padding-right:15px !important; padding-bottom:20px !important; padding-top:20px !important; color:#FFF; float:right; margin-top:-16px !important;}
}

@media screen and (max-width:540px) {

html, body{font-size:15px;}

h1,h2,h3,h4,h5,h6{text-align:center; font-size:18px !important;}
p{text-align:justify;font-size:14px !important;}

header{float:left; width:100%; min-height:1%; padding-top:5% !important; padding-bottom:5%; font-size:16px;}
header .mainheader{position:relative; margin:0px auto; width:94%; padding:0%; min-width:220px; max-width:1160px;
text-align:center;
}

.logo{float:left; width:100%; padding-left:10% !important; padding-right:10% !important; padding-top:10% !important;}
.tag{width:100%; float:left; padding-top:10px !important; text-align:center;}
.topnav{float:right; width:100%; text-align:right; visibility:hidden; display:none;}
.toplogo{max-width:320px; width:100%; min-width:160px; border:none;}

.slider{float:left; width:100%; min-width:1%; background-color:#FFF; padding-top:0%; padding-bottom:3%; z-index:60; }

#wrapper{float:left; width:100%; min-width:1%;}
.maincontent{position:relative; margin:0px auto; width:100%; padding:2% !important; min-width:220px; max-width:1160px;}
#wrapper{float:left; width:100%; min-width:1%; padding-bottom:3%; padding-top:1%;}
section{padding:7% !important;}
footer{	width:100%;	float:left; padding-bottom:0.5%;padding-top:5%; padding-bottom:5%; margin-top:0%; border-top:1px solid #121212;}
footer .mainfooter{position:relative; margin:0% auto; width:94%;  min-width:220px; max-width:1160px; padding-top:0.5%; padding-bottom:0.5%;}
footer img{width:65%;}

.section{width:100%;}

.col1_5,
.col2_5,
.col3_5,
.col4_5,
.col5_5,
.col1_1,
.col1_2,
.col2_2,
.col1_3,
.col2_3,
.col3_3,
.col1-2_3,
.col2-3_3,
.col1_4,
.col2_4,
.col3_4,
.col4_4,
.col1-3_4,
.col2-4_4
{width:100% !important; margin:0%; padding-left:3%; float:left; margin-bottom:3%;}

img{width:100%;}

.imgleft{float:left; margin-bottom:10px; margin-top:10; margin-left:0px; margin-right:0px; padding:0.5%; border:1px solid #EEE; max-width:98%; min-width:150px;}
.imgright{float:left !important; margin-bottom:10px; margin-top:10; margin-left:0px; margin-right:0px;border:1px solid #EEE; max-width:98%; min-width:150px;}

span.social img{width:70%; float:left; margin-right:5px; margin-bottom:5px;}
}