body {
	margin: 0 auto;
	width:100%;
	text-align:center;
	/*background-image: url(../images/body_bg.jpg);
	background-repeat:repeat;*/
	background-color:#f3d78d;
}

.floatl{
	float:left;
	padding:8px;
}

.floatr{
	float:right;
	padding:8px;
}

.clear{
	clear:both;
	font-size:0;
	line-height:0;
}

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	color:#5a5a5a;
}

a:link, a:visited { text-decoration:none; color:#5a5a5a; } 
a:active, a:hover { text-decoration:underline; }

p {
	margin: 0px 0 20px 0;
	padding: 0px 0 0px 0px;
	color:#5a5a5a;
}

strong {
	color:#5a5a5a;
	font-size:13px;
}

strong a {
	color: #5a5a5a;
	text-decoration:underline;
}

span {
}


ul {
	list-style:none;
	display:inline;
}

h1 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color:#fea201;
	font-family:Tahoma;
	font-size: 20px;
	font-weight: normal;
	display:block;
}

h2 {
	margin: 0px 0px 15px 0px;
	padding: 3px 0px;
	color:#fff;
	line-height:22px;
	font-family:Tahoma;
	font-size: 18px;
	font-weight: normal;
	text-align:center;
	background-color:#6f0404;
}

h3 {
	margin: 0px 0 15px 0;
	padding: 0px;
	color:#000;
	font-size: 15px;
	font-weight:100;
}

/* main */

#main_container {
	width: 974px;
	height: auto;
	margin: 0 auto;
	background-color:#FFFFFF !important;
}

/* top area start */

.top_area {
	float:left;
	text-align:left;
	width:974px;
	height:150px;
	padding:0px 0 0 0 ;
	margin:0px;
	vertical-align:bottom;
	background-color:#FFF;
	border-bottom: 1px solid #2a2020;

}

/* logo start */
.logo {
	float:left;
	text-align:left;
	width:78px;
	height:78px;
	padding:0px 0 0px 5px;
}
.top_right_area {
	float:right;
	text-align:left;
	width:385px;
	height:auto;
	padding:0px 5px 0 0;
	margin:0px;

}
.buy {
	float: right;
	width: 785px;
	height: 30px;
	margin: 0px;
	padding: 20px 10px 0px;
	text-align: right;
	}
.nav {
	float:right; 
	width:645px; 
	height:150px; 
	margin: 0px 0px 0 0px; 
	padding: 11px 0px 0 0px;
	}
ul li { list-style:none; display:block; }

.nav li a.last {background:none;}
/* menu end */

/* header */
#headerarea {
	float:left;
	text-align:left;
	width: 974px;
	height:250px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background-color:#FFF;
	/*background:url(../images/header.jpg) no-repeat top left;*/
}

.banner_area {
    float:left;
	text-align:left;
	width:974px;
	height:198px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

.banner1 {
    float:left;
	text-align:left;
	width:324px;
	height:189px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background:url(../images/banner1.jpg) no-repeat;
}
.banner2 {
    float:left;
	text-align:left;
	width:324px;
	height:189px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background:url(../images/banner2.jpg) no-repeat;
}
.banner3 {
    float:left;
	text-align:left;
	width:324px;
	height:189px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background:url(../images/banner3.jpg) no-repeat;
}
.banner4 {
    float:left;
	text-align:left;
	width:324px;
	height:189px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background:url(../images/banner4.jpg) no-repeat;
}
.banner5 {
    float:left;
	text-align:left;
	width:324px;
	height:189px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background:url(../images/banner5.jpg) no-repeat;
}
.read_bottan{
      float:right;
	  font-weight:bold;
	  margin:0px 0px 0px 0px;
	  padding:5px 0px 0px 0px;
}
.content_box { float:left; height:auto; padding:10px 5px 0 0; width:630px;}
.for_soft_use { float:left; width:610px; height:auto; padding:10px 12px 0px 0px; margin:0px 0px 0px 0px;}
.read_more {font-size:14px; color:#000000; width:84px; height:19px; float:right; margin:120px 20px 0px 0px; }
.read_more a {color:#000000; background:url(../images/icon.png) no-repeat center right; padding:0 17px 0 2px; text-decoration:none; }
.read_more a:hover{ color:#000000; text-decoration:underline; }
.body_img{ float:left; text-align:center; width:974px; height:2px; background:url(../images/line.jpg) no-repeat; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.body_img1{ float:left; text-align:center; width:974px; height:2px; background:url(../images/line.jpg) no-repeat bottom; padding: 19px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FFF;}
.for_all_use { float:right; height:auto; padding:0px; margin:0px 0px 0px 0px; color:#333; width:960px;}
.bull {padding:5px 10px 0 13px; background:url(../images/bull.gif) left top no-repeat}
.contact { float:right; height:auto; padding:0px; margin:0px 0px 0px 0px; color:#333; width:650px;}
.abt { float:right; height:auto; padding:10px 10px 10px 0; margin:0px 0px 0px 0px; color:#333; width:950px;}
.abt_cont { float:right; height:auto; padding:0; margin:0px 0px 0px 0px; color:#333; width:840px;}
.abt_pic { float:left; height:auto; padding:0; margin:0px 0px 0px 0px; border:0px;}

.abt li { padding:10px 10px 0 0; margin:0px 0px 0px 0px; color:#333; list-style-type:circle !important; list-style:inside !important;}

.body_area {
    float:left;
	text-align:left;
	width:964px;
	height:auto;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:150%;
}
.left_area {
	float:left;
	width: 301px;
	height: auto;
	padding: 0px 20px 20px 0px;
	margin:0px 0px 0px 0px;
}
.wht_text {color:#ffffff; text-transform:uppercase; margin:0px 0px 0px 0px; padding:3px 0px 22px 0px; }

.service {
	float:left;
	width:263px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.service ul {
	float:left;
	margin: 0px;
	padding: 0px;
	width: 263px;
	height:auto;
	list-style: none;
}
.service ul li {
	display: inline;
	margin:0px;
}
.service ul li a {
	float:left;
	width:263px;
	height:20px;
	margin:1px 0px 0px 0px;
	padding:5px 0px 0px 10px;
	color:#000000;
	background:url(../images/ser_mnu.jpg) no-repeat left top;
	text-decoration:none;

}
.service ul li a.active, .service ul li a:hover, .service ul li a.true { background:url(../images/ser_hover.jpg) no-repeat left top; text-decoration:none;}


.mid_area {
	float:left;
	width: 301px;
	height: auto;
	padding: 0px 20px 0px 0px;
	margin:0px 0px 0px 0px;
}
.text {
	margin: 10px 0px 0px 18px;
	padding: 0px 0px 0 0px;
	color:#8f0e0d;
	font-family:Tahoma;
	font-size: 30px;
	font-weight:100;
}
.text_area {
    float:left;
	text-align:left;
	width:300px;
	height:105px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0 0px;
	color:#333333;
	font-family:Tahoma;
	font-size: 11px;
	border-top: 1px solid #2A2020;

}
.testimonial_txt {
    float:left;
	text-align:left;
	width:300px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0 0px;
	color:#702f00;
	font-family:Tahoma;
	font-size: 11px;
	font-style:italic;
	line-height:17px;
	border-top: 1px solid #2A2020;
}
.pics_1 {
    float:left;
	margin: 15px;
	padding: 5px;
	background-color:#FFFFFF;
}

.right_area {
	float:left;
	width: 312px;
	height: auto;
	padding: 0px 10px 20px 0px;
	margin:0px 0px 0px 0px;
}
.text_right {
	margin: 10px 0px 0px 18px;
	padding: 0px 0px 0 0px;
	color:#f86004;
	font-family:Tahoma;
	font-size: 30px;
	font-weight:100;
}
.content_box span{ 
	font: bold 14px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#E9A72D;
}

ul li { list-style:none; display:block; }
.social_links {
	float:right;
	width:785px;
	height:auto;
	margin:0px 0 0px 0px;
	padding:10px 10px 0px 0px;
}
.social_links ul {
	width:242px;
	height:auto;
	padding:0 0 0 3px;
	display:inline;
}
.social_links ul li {
	display:inline;
}
.social_links ul li a {
	float:right;
	width:auto;
	height:auto;
	padding:0 0px 0px 3px;
	text-decoration:none;
}

.picture_body {
	float:left;
	width:520px;
	height:auto;
	padding:0px 0px 0px;
	margin:0 0 0 0;
	margin: 0px;
	text-align: left;
}
.picture {
	float:left;
	width:auto;
	height:aut0;
	padding:0px 0px 0px;
	margin:0 0 0 0;
	margin: 0px 15px 0 0px;
	text-align: left;
}

.message {
	width:280px;
	height:110px;
	border:1px dashed #48d3e9;
	color:#000000;
	font-size:13px;
	padding:5px 0 0 5px;
	background-color:#FFFFFF;
}

.ol { float:left;  width:954px; padding:10px; margin:0px 0px 0px 0px; color:#2A2020; border-top: 1px solid #2A2020; font-size:14px; background-color:#fff; }
.ol a { color:#2A2020; }

.foot_area { float:left;  width:954px; padding:10px; margin:0px 0px 0px 0px; color:#dd8d00; background-color: #2A2020; }
.footer_left{ float:left; text-align:left; color:#FFFFFF; width:460px; margin:0px; padding:0px 0px 0 0;}
.footer_left a{ color:#fff; text-decoration:none; }
.footer_left a:hover{ color:#dd8d00; text-decoration:none; }
.footer_left a.active2 { color:#dd8d00; text-decoration:none;}

.footer_right{ float:right; text-align:left; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0 0;}
.footer_right a{text-decoration:none; color:#835d5d; }

/* end of footer */

/* testimonial */

.testimonial {
    margin: 0;
    background: #E9A72D;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
    color: #000;
    border-radius: 5px;
    font-style: italic;
    background-image: linear-gradient(#E9A72D, #E9A72D);
}

.testimonial p {
	color: #000;
	font-size:17px;
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #000;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}
.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #E9A72D;
    margin: 0 0 0 25px;
}
.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align:left;
}
.testimonial-author span {
    font-size: 12px;
    color: #999999;
}

.arrow-down2 {
	float: right;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #E9A72D;
    margin: 0 25px 0 0;
}
.testimonial-author2 {
    margin: 15px -45px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align:left;
	float: right;
}
.testimonial-author2 span {
    font-size: 12px;
    color: #999999;
}

/* google map */
div.googleMap {
	width:280px;
	border:1px solid #E9A72D;
	padding:6px;
	background-color:#E9A72D;
	color:#000;
	}
	
.imgl {
    /*-webkit-box-shadow: 0px 0px 10px 0px #4d4d4d;
    -moz-box-shadow: 0px 0px 10px 0px #4d4d4d;
    box-shadow: 0px 0px 10px 0px #4d4d4d;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;  
    border-radius: 8px;
    border:solid white 3px;
    float:left;
    margin-right:15px;
	margin-bottom:5px;
    }
	
.imgr {
    /*-webkit-box-shadow: 0px 0px 10px 0px #4d4d4d;
    -moz-box-shadow: 0px 0px 10px 0px #4d4d4d;
    box-shadow: 0px 0px 10px 0px #4d4d4d;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;  
    border-radius: 8px;
    border:solid white 3px;
    float:right;
    margin-right:15px;
    }
	
	
	/*Dropdown Menu*/
	
	
#navi{
	list-style:none;
	font-weight:normal;
	float:left;
	width:100%;
	position:relative;
	z-index:5;
}
#navi li{
	float:left;
	position:relative;
	text-align:center;
	font-size: 13px;
	font-weight:bold;
	height:27px;
	width:120px;
	color:#2A0202;
	font-family:verdana, Georgia, "Times New Roman", Times, serif;
	padding: 13px 0px 0px 0px;
	margin:0;	
	background-color:#fff;
	text-decoration: none;
	outline: none;
}

#curr{
	float:left;
	position:relative;
	text-align:center;
	font-size: 13px;
	height:27px;
	width:120px;
	color:#fff !important;
	font-family:verdana, Georgia, "Times New Roman", Times, serif;
	padding: 10px 0px 0px 0px;
	margin:0px 0px 0px 2px;	
	background-color:#6f0404 !important;
	text-decoration: none;
	outline: none;
}

#navi li:hover{background-color:#6f0404; color:#FFF; text-decoration:none;}

#navi a{
	display:block;
	color:#2A0202;
	text-decoration:none;
	height:27px;
}
#navi a:hover, #navi a:active{
	color:#fff;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#navi ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position: absolute;
	margin-left:-40px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */}
#navi ul li{
	/* padding-top:1px; Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	position:relative;
	text-align:left;
	font-size: 12px;
	height:22px;
	font-weight:normal;
	width:225px;
	color:#ffffff;
	font-family:verdana, Georgia, "Times New Roman", Times, serif;
	padding: 5px 0px 0px 10px;
	background-color:#fff;
	text-decoration: none;
	outline: none;
	border:1px solid #2A2020;
}

#navi ul li: hover{}

#navi ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navi li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}

#navi li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
}
#navi li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navi li:hover ul li:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background-color:#2A0202; text-decoration:none; color:#6f0404 !important;
}