/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	margin: 0px;
	color: #666;
	font-size: 14px;
	font-family: Arial, Verdana, Univers;
	background-color: #545454;
	background-image: url(images/page_bkgd.jpg);
	background-repeat: repeat-x;
	position: CENTRE;
	
}
body2 {
	margin: 0px;
	color: #666;
	font-size: 10px;
	font-family: Arial, Verdana, Univers;
	background-color: #545454;
	background-image: url(images/page_bkgd.jpg);
	position: CENTRE;
}


h1 {
	color: #4B5664;
	font-size: 27px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	line-height: 28px;
	font-style: normal;
	white-space: normal;
	word-spacing: normal;
	letter-spacing: normal;
}
h2 { color: #4B5664; font-size: 16px; font-weight: heavy; margin: 0px 0px 15px 0px; }
h3 { color: #4B5664; font-size: 12px; font-weight: normal; margin: 0px 0px 5px 0px; }
h4 { color: #4B5664; font-size: 14px; font-weight: light; line-height: 14px; font-style: italic; margin: 0px 0px 15px 0px;
}

a          { color: #ba7007; }
a:visited  { color: #ba7007; }
a:hover    { color: black; }


.container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/content_bkgd_tile.jpg);
	background-repeat: repeat-y;
}


/* BANNER AREA */
.bannerArea {
	width: 980px;height: 145px;
	background-color: #4971a2;
	background-image: url(images/banner_bkgd.jpg);
	background-repeat: no-repeat;
}



.bannernav {
	padding-top: 10px;
	padding-right: 30px;
	float: right;
	color: white;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a {
	color: white;
	text-decoration: none;
}
.bannernav a:visited {
	color: white;
}
.bannernav a:hover {
	color: #ECBB7B;
}

.toplogo {
    min-height: 110px;
    height:auto !important;
    height:110px;
	margin-left: 80px;
	padding-top:12px;
	font-size: 1px;
	
}

.toplogo single line {
	min-height: 110px;
	height:110px !important;
	height:110px;
	margin-left: 80px;
	padding-top: 60px;
	
}


.content {
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(images/content_bkgd.jpg);
	background-repeat: no-repeat;
}


/* LEFT NAVIGATION */


.leftnavigation {
	width: 192px;
	margin: 70px 0px 0px 0px;
	padding-left: 8px;
	float: left;
	list-style-type: none;
}

.leftnavigation a{
	margin-left: 0px;
	width: 156px;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	float: left;
	color: #364957;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(images/nav_normal.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom: 1px solid #999;
}

.leftnavigation a:visited{
	color: #364957;
}
.leftnavigation a:hover{
	color: #ffffff;
	background-image: url(images/nav_down.jpg);
}


/* CONTENT AREA */

.contentleft {
	width: 730px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	text-align: left;
}

.contentright {
	padding-top: 55px;
	float: left;
	width: 210px;
}

.imageright {
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
}
.imageleft {
	margin-right: 10px;
	float: left;
	padding: 0px;
	clear: none;
}

/* FOOTER AREA */
.footerArea {
	width: 980px;height: 88px;
	background-color: #cfcfcf;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: no-repeat;
	
}

.copyright {
	border-top: ;
	border-color: #737a90;
	border-width: 2px;
	margin-left: 240px;
	margin-right: 50px;
	padding-top: 12px;
	color: #666666;
	font-size: 10px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-align: right;

}
.Price2 {
	text-align: center;
}
.container .contentArea .content .contentleft table {
	text-align: center;
}
.container .contentArea .content .contentleft #htmlform table tr td {
	text-align: left;
}

/* CAROUSEL */

.slider {
  width: 73%;
  max-width: 740px;
  padding: 0 30px;
  margin: 15px auto 0;
  height: 430px;
  position: relative;
}
.slider ul, .slider ul li {
  width: 100%;
  height: 100%
}
.slider ul {
  position: relative;
  overflow: hidden;
  border-radius: 15px
}
.slider ul li {
  position: absolute;
  top: 0;
  left: -100%;
  background-size: cover; /* semon #f98686 */
  background-position: center;
  color: #fff;
  font-family: serif;
}
.slider ul li:first-of-type {
  background-image: url("images/slides/S1.jpg")
}
.slider ul li:nth-of-type(2) {
  background-image: url("images/slides/S2.jpg")
}
.slider ul li:nth-of-type(3) {
  background-image: url("images/slides/S3.jpg")
}
.slider ul li:nth-of-type(4) {
  background-image: url("images/slides/S4.jpg")
}
.slider ul li:nth-of-type(5) {
  background-image: url("images/slides/S5.jpg")
}
.slider ul li:nth-of-type(6) {
  background-image: url("images/slides/S6.jpg")
}
.slider ul li:nth-of-type(7) {
  background-image: url("images/slides/S7.jpg")
}
.slider ul li:nth-of-type(8) {
  background-image: url("images/slides/S8.jpg")
}
.slider ul li:nth-of-type(9) {
  background-image: url("images/slides/S9.jpg")
}
.slider ul li:nth-of-type(10) {
  background-image: url("images/slides/S10.jpg")
}
.slider ul li:nth-of-type(11) {
  background-image: url("images/slides/S11.jpg")
}
.slider ul li:nth-of-type(12) {
  background-image: url("images/slides/S12.jpg")
}
.slider ul li:nth-of-type(13) {
  background-image: url("images/slides/S13.jpg")
}
.slider ul li:nth-of-type(14) {
  background-image: url("images/slides/S14.jpg")
}
.slider ul li:last-of-type {
  background-image: url("images/slides/S15.jpg")
}
.slider .controll {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 44%;
  border-bottom: 3px solid #333;
  border-left: 3px solid #333;
  cursor: pointer;
  color: #333
}
.slider .controll:first-of-type {
  transform: rotate(45deg);
  left: -15px
}
.slider .controll:last-of-type {
  transform: rotate(225deg);
  right: -55px
}
.slider .controll:hover, .slider .controll.active {
  border-color: #f98686 /* rose */
}
.slider ol {
  text-align: center;
  padding-top: 10px
}
.slider ol li {
  display: inline-block;
  margin-right: 10px;
}
.slider ol .fa {
  font-size: 16px;
  color: #333;
  cursor: pointer;
  font-weight: normall
}
.slider ol li:hover .fa:before, .slider ol li.active .fa:before {
  content: "\f111"
}
/* .slider ul li.active {
  z-index: 999;
  left: 0
} */
@media(max-width: 490px) {
  h1 {font-size: 45px}
}
@media(max-width: 350px) {
  h1 {font-size: 25px}
}