@import url(http://fonts.googleapis.com/css?family=Podkova&v2);
@import url(http://fonts.googleapis.com/css?family=Arimo&v2);
@import url(http://fonts.googleapis.com/css?family=Nunito&v2);
@import url(http://fonts.googleapis.com/css?family=Bigshot+One&v2);
@import url(http://fonts.googleapis.com/css?family=Play);

body{ background:url(../images/bg.png) repeat-x 0 0 #fff; padding:0px; margin:0px;}
*{ padding:0px; margin:0px;}
ul{ padding:0px; margin:0px; list-style-type:none; text-decoration:none;}
a{ padding:0px; margin:0px; text-decoration:none; border:0px;}
img{ padding:0px; margin:0px;}
a img{ border:0px;}
.clear{ clear:both; font-size:0; line-height:0;}
/*-----------ganeral---------*/

#wrapper{ width:988px; margin:0px auto; display:block; overflow:hidden;}
#header{ height:176px;}
#logopanel{ height:133px;}
#navigation{ height:43px; background:url(../images/navigation.png) no-repeat 0 0;}
#navigation ul{ font-family:arimo; font-size:15px; font-weight:normal;}
#navigation ul li{ line-height:43px; float:left; padding:0 27px;}
#navigation ul li a{ color:#fff; line-height:43px;}
#navigation ul li a:hover{ color:#9bd1ff; line-height:43px;}
#navigation ul li.email{ color:#015511; line-height:43px; padding:0 0 0 60px;}
#navigation ul li.email a{ color:#015511; line-height:43px;}
#banner{ width:988px; height:278px; background:url(../images/banner.png) no-repeat 0 0; padding-top:17px;}
#slider{ height:260px; width:988px; display:block; overflow:hidden;}
#mobile{ background:url(../images/mobile.png) no-repeat 0 0; width:144px; height:270px; position:absolute; margin:-200px 0 -70px 800px;}
#latest{ height:48px; margin-bottom:16px;}
#latest h2{font-family: 'Bigshot One', cursive; font-size:36px; color:#00569e; font-weight:normal; line-height:48px;}
#latest h2 b{font:normal 18px Arial, Helvetica, sans-serif; color:#919293;}
#latest h2 b a{color:#919293;}
#latest h2 b a:hover{color:#ed6303; font-size:24px;}
#latest img{ padding-right:20px;}
#content{ padding-top:20px; background:url(../images/content.png) no-repeat 0 0;}
#left_panel{ width:644px; float:left;}
.box{ width:310px; margin:0 12px 10px 0; float:left;}
.box h1{ color:#737373; font-family: 'Podkova', sans-serif; font-size:22px; font-weight:normal; padding-bottom:4px; border-bottom:1px solid #b2b2b2; margin:0 10px 8px 0;}
.box p{ font:normal 14px/18px Arial, Helvetica, sans-serif;}
.box p a{ color:#008fff;}
.box img{ max-width:114px; float:left; display:block; padding-right:5px;}
#right_panel{ width:300px; float:right;}
#right_panel h1{ color:#737373; font-family: 'Podkova', sans-serif; font-size:22px; font-weight:normal; padding-bottom:4px;}
#image_holder{ width:300px; height:260px;}
#image_holder img{ margin:8px 8px 0 0; float:left;}  
#footer{ padding-top:11px; background:url(../images/content.png) no-repeat 0 0; width:988px; margin:0px auto; padding-bottom:15px;}
#top_footer{ width:100%; border-bottom:1px solid #e3e3e3; padding:0;}
#top_footer h1{ float:left; width:140px; font:normal 14px Arial, Helvetica, sans-serif; background:url(../images/img_5.png) no-repeat 0 0; padding:8px 0 8px 45px;}
#top_footer h1 a{ color:#636161;  text-decoration:none;}
#top_footer h1 a:hover{ color:#636161; text-decoration:underline;}
#top_footer h2{ float:left; width:220px; font:normal 14px Arial, Helvetica, sans-serif; background:url(../images/img_6.png) no-repeat 0 0; padding:8px 0 8px 45px;}
#top_footer h2 a{ color:#636161; text-decoration:none;}
#top_footer h2 a:hover{ color:#636161; text-decoration:underline;}
#top_footer h3{ float:right; width:520px; font:normal 12px Arial, Helvetica, sans-serif; color:#8c8c8c; padding-top:8px; text-align:right;}
#top_footer h3 a{ color:#8c8c8c; text-decoration:none;}
#top_footer h3 a:hover{ color:#5f5e5e; text-decoration:none;}
#down_footer{ padding:5px 0;}
#down_footer h1{ font:normal 11px Arial, Helvetica, sans-serif; float:left; width:50%;}
#down_footer h1 a{ color:#636161;  text-decoration:none;}
#down_footer h1 a:hover{ color:#636161;  text-decoration:underline;}
#down_footer h2{ font:normal 11px Arial, Helvetica, sans-serif; float:right; width:50%; text-align:right; color:#8c8c8c;}
#down_footer h2 a{ color:#32abff; text-decoration:none;}
#down_footer h2 a:hover{ color:#32abff;  text-decoration:underline;}


/*slider*/
label { display: block; } 
.wrapper h1{ font-family: 'Nunito', sans-serif; font-size:24px; font-weight:bold; color:#fff; width:310px; padding:50px 0 0 18px;}
.wrapper p{ font-family:arimo; font:normal 15px/19px arimo; color:#fff; width:310px; padding:15px 0 0 18px;}
.wrapper img{ width:573px; height:260px; float:right; padding-right:30px;}

.infiniteCarousel {
  width: 988px;
  height:260px;
  position:absolute;
}

.infiniteCarousel .wrapper {
	width: 988px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	height: 260px;
	position: absolute;
}

.infiniteCarousel ul a img {
}

.infiniteCarousel .wrapper ul {
  width: 988px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  height:260px;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 260px;
  width: 988px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 95px;
  cursor: pointer;
  outline: 0; display:none;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}


/*inner*/

#banner_inner{ width:988px; height:142px; background:url(../images/banner_inner.png) no-repeat 0 0;}
#banner_inner h1{font-family: 'Podkova', sans-serif; font-size:38px; font-weight:bold; color:#fff; width:310px; padding:60px 0 0 33px;}
#content_inner{ padding-top:20px;}
#left_panel_inner{ width:744px; float:left; }
#left_panel_inner h2{font-family: 'Bigshot One', cursive; font-size:30px; color:#ff7800; font-weight:normal; margin:15px 0 10px 10px; }
#left_panel_inner p{ font-family:arimo; font:normal 15px/19px arimo; color:#000; padding-left:10px; }
#left_panel_inner p.testimonial{background:url(../images/quotes.png) no-repeat 0 0; padding:10px 20px 0 45px; margin-bottom:45px;}

#right_panel_inner{ width:231px; padding-left:13px; float:right; background:url(../images/rihgtpanel.png) repeat-y 0 0 ;}
#right_panel_inner ul li{font-family: 'Play', sans-serif; font-size:18px; background:url(../images/righth1.png) no-repeat 0 100% ; color:#5194bb; width:231px; display:block; padding:7px 0;}
#right_panel_inner ul li a{color:#5194bb; width:211px; padding:0 0 0 49px; line-height:40px; min-height:40px; margin-left:-29px; background:none; display:block;}
#right_panel_inner ul li a:hover{color:#5194bb; width:211px; padding:0 0 0 49px; line-height:40px; min-height:40px; margin-left:-26px; background:url(../images/arrowright.png) no-repeat 0 0; display:block;}
#right_panel_inner ul li a.active{color:#5194bb; width:211px; padding:0 0 0 49px; line-height:40px; min-height:40px; margin-left:-26px; background:url(../images/arrowright.png) no-repeat 0 0; display:block;}
/*background:url(../images/arrowright.png) no-repeat 5% 50%; padding:0 0 0 50px;  height:40px;
##right_panel_inner h1 a:hover{background:url(../images/arrowright.png) no-repeat 0 0;}*/

#img_panel{ width:720px; float:left; margin-left:15px;} 
.img_holder2{width:156px; height:102px; background:#fcfcfc; border:1px solid #d6d6d6; margin:15px 15px 0 0; float:left;}
#img_panel img{ margin:6px; width:142px; height:88px; border:1px solid #d6d6d6;}
#img_panel img a{}
#img_panel img:hover{opacity:0.4;filter:alpha(opacity=40);}
#paging{ width:66px; height:15px; font:12px normal Arial, Helvetica, sans-serif; color:#b2b2b2; float:right; margin:20px 40px 15px 0;}
#paging a{color:#b2b2b2;}
#paging a .active{color:#000;}
#paging a:hover{color:#000;}

#contact{width:613px; margin:0 0 20px 12px; float:left;}
#left_panel h2{font-family: 'Bigshot One', cursive; font-size:24px; background:url(../images/dotted.png) no-repeat 0 100%; padding-bottom:6px; color:#ff5900; margin-bottom:10px;}
#contact h3{font-family: 'Arimo', sans-serif; font-size:14px; color:#000; margin:0 0 5px 13px;}
#contact h4{font-family: 'Arimo', sans-serif; font-size:14px; color:#000; margin:0 0 5px 0; }
#textbox_name{width:247px; height:32px; margin:0 10px 10px 12px; background:url(../images/textbox_name.png) no-repeat 0 0; border:none; padding:0 30px 0 5px;}
#textbox_email{width:247px; height:32px; margin:0 10px 10px 12px; background:url(../images/textbox_email.png) no-repeat 0 0; border:none; padding:0 30px 0 5px;}
#textbox_phone{width:247px; height:32px; margin:0 10px 10px 12px; background:url(../images/textbox_phone.png) no-repeat 0 0; border:none; padding:0 30px 0 5px;}
#textarea{width:271px; height:99px; margin:0 10px 10px 0; background:url(../images/textarea.png) no-repeat 0 0; border:none; padding:5px; }

#formleft{float:left; width:319px;}
#formright{float:left; width:290px;}
#submit{ width:224px; height:34px; background:url(../images/submit.png) no-repeat 0 0; margin:0 10px 10px 0; cursor:pointer; border:none; margin:0 0 10px;}

#map{width:310px; height:280px; border:1px solid #cecece; margin:15px 0 15px 15px;}


#right_panel_contact{ width:344px; float:right; background:url(../images/contact_right.png) no-repeat 0 50% ; min-height:550px;}
#right_panel_contact h2{font-family: 'Bigshot One', cursive; font-size:24px; background:url(../images/dotted_right.png) no-repeat 0 100%; padding-bottom:6px; color:#ff5900; margin:10px 0 20px 15px;}
#right_panel_contact h3{font-family: 'Arimo', sans-serif; font-size:14px; color:#0092e6; margin-left:15px;}
#right_panel_contact p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; width:250px; margin:0 0 20px 15px;}
