@charset "utf-8";

/* CSS Document */





body{

	margin:0;

	padding:0;

	background:#664527 url(images/bg.jpg) repeat;

	font-family:Arial, Helvetica, sans-serif;

	}

	

h1, h2, h3, h4, div, p, ul, li, form{

	margin:0;

	padding:0;

	}

	

.clr{

	clear:both;

	}

	

a, img{

	outline:none;

	border:none;

	}

	

.spacer{

	height:20px;

	}

	

/*wrapper*/



.wrapper{

	width:980px;

	margin:0 auto;

	background:url(images/wrapper_bg.png) repeat-y;

	}

	

/*header*/



.header{

	width:960px;

	margin:0 auto;

	}

	

.top{

	height:240px;

	background:url(images/top_img.jpg) no-repeat;

	}
	
.motto { 
	height:240px;
	width:500px;
	float:left;
	}


.motto h1{

	font-size:50px;

	font-family:"Arial Black", Gadget, sans-serif;

	color:#47c6d1;

	padding:70px 0 0 240px;

	text-transform:uppercase;

	line-height:1em;

	}

.button { 
	height:240px;
	width:460px;
	float:right;
	}
	
.button { 
	height:50px;
	width:150px;
	margin-right:310px;
	}
	

/*nave*/



.nav{

	background:url(images/nav.jpg) repeat-x;

	height:80px;

	}

	

.nav ul{

	}

	

.nav ul li{

	list-style:none;

	float:left;

	height:80px;

	}

	

	

.nav ul li a{

	font-size:25px;

	font-weight:bold;

	color:#587229;

	text-transform:uppercase;

	text-decoration:none;

	display:block;

	height:55px;

	padding:25px 26px 0 27px;

	}

	

.nav ul li a:hover{

	background:url(images/nav.jpg) repeat-x;

	background-position:0% -80px;

	color:#664527;

	height:80px;

	}



.nav ul li a.active{

	background:url(images/nav.jpg) repeat-x;

	background-position:0% -80px;

	color:#664527;

	}

	

/*content*/



.content{

	width:961px;

	margin-left:10px;

	}

	

	

/*left_side*/



.content_left{

	width:685px;

	float:left;

	margin:20px 0 0 20px;

	}

	

.video_box{

	float:left

	}

	

.text_box{

	float:right;

	width:340px;

	}

	

.text_box p{

	font-size:15px;

	color:#654426;

	font-style:normal;

	line-height:1.4em;

	}

	

.left_bottom-box{

	width:340px;

	float:left;

	}

	

.ptext{

	color:#654426;

	font-size:15px;

	line-height:1.4em;

	padding-top:20px;

	}

	

.img_box{

	margin-top:15px;

	}

	

.img_box img{

	float:left;

	margin-right:25px;

	}

	

.left_top-box1{

	width:300px;

	float:left;

	margin:20px 20px 0 0;

	}





.left_bottom-box1{

	width:328px;

	float:right;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0;

	margin-left: 0;

	}



	

.left_bottom-box1 h1{

	font-size:12px;

	color:#fff;

	font-style:italic;

	text-align:right;

	font-weight:normal;

	padding:0 8px 3px 0;

	}

	

.google_box{

	width:282px;

	float:right;

	margin-bottom:15px;

	}

	

.news_box{

	width:250px;

	float:left;

	}



.news_box h2{

	font-size:18px;

	color:#6b8a33;

	text-align:right;

	}

	

.news_box p{

	font-size:12px;

	color:#654426;

	font-style:italic;

	text-align:right;

	}



.news{

	float:right;

	margin:10px 0 0 0;

	}

	

.small_box{

	width:125px;

	float:left;

	padding:10px 0 0 10px;

	margin-right:20px;

	}

	

.small_box1{

	width:125px;

	float:left;

	padding:10px 0 0 10px;

	}

	

.text_input{

	background:url(images/input_bg.png) no-repeat;

	width:124px;

	height:18px;

	border:none;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	padding:4px 8px 0 8px;

	}



.text_lable{

	font-size:22px;

	color:#997B53;

	text-transform:capitalize;

	padding:0 0 0 15px;

	}	



	

/*right_side*/

	

.content_right{

	width:240px;

	float:right;

	}

	

.content_right-box{

	background:url(images/right_box-bg.jpg) no-repeat;

	width:239px;

	height:379px;

	}

	

.box3{

	width:215px;

	float:right;

	padding:0 2px 0 0;

	}

	

.dont_imag{

	margin:-10px 0 15px 14px;

	}

	

.box3 h1{

	font-size:20px;

	font-weight:bold;

	color:#eaeaea;

	font-style:italic;

	padding:0 0 10px 10px;

	}

	

.box3 h2{

	font-size:24px;

	font-weight:bold;

	color:#4d2b1d;

	font-style:italic;

	padding:0 0 20px 10px;

	text-align:right;

	}

	

.box3 h3{

	font-size:16px;

	font-weight:bold;

	color:#4d2b1d;

	font-style:italic;

	text-align:right;

	}

	

.learn{

	float:right;

	margin:15px 10px 0 0;

	}

	

	

.content_right-box1{

	background:#b9a276;

	width:229px;

	padding:0 0 50px 10px;

	margin-top:1px;

	height:278px;

	}

	

.content_right-box1 h1{

	font-size:20px;

	font-style:italic;

	color:#654426;

	font-weight:normal;

	padding:15px 0 20px 0;

	}

	

.small_box4{

	}

	

.small_box41{

	width:135px;

	float:left;

	padding-top:10px;

	}

	

.small_box41 p{

	font-size:12px;

	font-style:italic;

	color:#654426;

	line-height:1.4em;

	}

	

.small_box4 img{

	float:right;

	}





/*banner*/



.banner_box{

	height:199px;

	}

	

/*footer*/



.footer{

	background:url(images/footer_bg.png) repeat-y;

	width:980px;

	margin:0 auto;

	}

	

.footer_content{

	width:960px;

	margin:0 auto;

	}

	

.footer_content-left{

	float:left;

	width:480px;

	background:url(images/footer_line.jpg) no-repeat right top;

	padding:20px 20px 20px 20px;

	}

	

.footer_content-left h3{

	font-size:12px;

	font-weight:bold;

	color:#fff;

	text-align:right;

	padding-bottom:2px;

	}

	

	

.ptext2{

	font-size:12px;

	font-style:italic;

	color:#fff;

	text-align:right;

	padding-bottom:15px;

	}

	

.ptext2 a{

	color:#47c6d1;

	text-decoration:none;

	}

	

.ptext2 a:hover{

	text-decoration:underline;

	}

	

.footer_content-right{

	float:left;

	width:400px;

	margin:10px 0 0 15px;

	}

	

.latest_news{

	float:left;

	font-size:28px;

	font-weight:bold;

	color:#47c6d1;

	}

	

.latest_news_box{

	width:175px;

	float:left;

	margin-top:5px;

	font-size:28px;

	font-weight:bold;

	color:#47c6d1;

	}	



.social_box{

	width:175px;

	float:right;

	margin-top:5px;

	}

	

.social_box img{

	float:left;

	margin:0 10px 10px 0;

	}

	

.box1{

	width:330px;

	float:right;

	}

	

.text_box1{

	width:230px;

	float:left;

	padding-top:40px;

	}

	

.ptext1{

	font-family:Candara;

	color:#fff;

	text-align:right;

	font-size:17px;

	}

	

.world{

	float:right;

	}

	

.ptext3{

	font-family:Candara;

	color:#fff;

	text-align:right;

	font-size:12px;

	padding:5px 30px 8px 0;

	}

.banner_box .stepcarousel{

position: relative; /*leave this value alone*/

overflow: hidden; /*leave this value alone*/

width: 960px; /*Width of Carousel Viewer itself*/

height: 199px; /*Height should enough to fit largest content's height*/

background:#F9F9FB;

}



.banner_box .stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.banner_box .stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

/*margin: 3px; *//*margin around each panel*/

/*padding: 3px;*/

width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

/*border-right:1px solid #F5FDFE;*/

}	



.content_right-box .stepcarousel1{

position: relative; /*leave this value alone*/

overflow: hidden; /*leave this value alone*/

width: 215px; /*Width of Carousel Viewer itself*/

height: 400px; /*Height should enough to fit largest content's height*/

}



.content_right-box .stepcarousel1 .belt1{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.content_right-box .stepcarousel1 .panel1{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

/*margin: 3px; *//*margin around each panel*/

/*padding: 3px;*/

width: 215px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

/*border-right:1px solid #F5FDFE;*/

}	





/*droup_down*/



.menu{

	width:300px;

	background:#C7AC7B;

	position:absolute;

	margin-left:675px;

	top:320px;

	display:none;

	}

	

.menu ul{

	}

	

.menu ul li{

	list-style:none;

	padding:10px;

	}

	

.menu ul li a{

	text-decoration:none;

	color:#664527;

	padding:15px;

	font-size:20px;

	text-transform:uppercase;

	}

.menu2{

	width:300px;

	background:#C7AC7B;

	position:absolute;

	margin-left:535px;

	top:320px;

	display:none;

	}

	

.menu2 ul{

	}

	

.menu2 ul li{

	list-style:none;

	padding:10px;

	}

	

.menu2 ul li a{

	text-decoration:none;

	color:#664527;

	padding:15px;

	font-size:20px;

	text-transform:uppercase;

	}