@import url(../font/stylesheet.css); /* font-family:'HelveticaNeueLTStd47LtCn',Arial, Helvetica, sans-serif;  */
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(../font/specimen_files/specimen_stylesheet.css);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(http://fonts.googleapis.com/css?family=Aclonica);

@import url(http://fonts.googleapis.com/css?family=Cutive+Mono);
@import url(http://fonts.googleapis.com/css?family=Pontano+Sans|Anaheim);
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);
@import url(http://fonts.googleapis.com/css?family=Lekton|Quicksand|Oxygen);
@import url(http://fonts.googleapis.com/css?family=Shanti);
@import url(http://fonts.googleapis.com/css?family=Muli);


body								{ padding:0px; margin:0px; font-smooth:always !important; color:#524d0d; font-size:20px; /*font-family: 'Cabin Condensed', sans-serif;*/
									  overflow:hidden; font-family: 'PT Sans', sans-serif; }
									  
#body_wrap							{ width:100%; height:100%; background:url(../images/glow.png) no-repeat center top; position:absolute; left:0px; top:0px; }									  
.pointPointArrow					{ width:16px; height:16px; background:url('../images/arrow.png') no-repeat; position:absolute; display:none; z-index: 100000; top:0; left:0; }	
#logo 				            	{ width: 586px; height: 428px; background:url(../images/main_logo.png) no-repeat; 

								  	  transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
								  	  -ms-transition: all 0.5s; -webkit-box-shadow:0 0 0px #fff;  -moz-box-shadow: 0 0 0px #fff; 
								  	  box-shadow:0 0 0px #fff; cursor:pointer; position:relative; top:20%; margin:0 auto; }	
									  


#logo:hover				        	{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15);
								  	  -ms-transform: scale(1.15); transform: scale(1.15); }	
									  

.gi_wrapper								{ width:416px; height:340px; position:relative; margin:0 auto;  font-size:15px; top:-100px!important;
								  	  padding:100px 140px; color:#7f7714;  background:url(../images/geo_arms_bg.png) center top no-repeat;	}

						

a .home_box							{ width:416px; height:368px; float:left;  color:#fff;  transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
								  	  -ms-transition: all 0.5s;
								 	  background:url(../images/home_box.png) no-repeat; position:relative; font-size:15px; text-align:justify }	
.home_box img						{ position:relative; left:100px; top:-30px; border:none; }								  
.home_box p							{ height:0px; }								  
									  
a .home_box:hover				    { background:url(../images/home_box_hover.png) no-repeat; font-weight:normal!important; top:40px; }	

a .home2 							{ width:204px; height:212px; float:left; position:relative; left:5px; background:url(../images/home2.png) no-repeat;  }
a .home2:hover						{ background:url(../images/home2_hover.png) no-repeat; }
a .home2 img						{ position:relative; left:35px; top:40px; border:none; }	
	
#news								{   }	

a .home_right_box:hover				{ background:url(../images/home_right_box.png) no-repeat; }
a .home_box h5						{ font-size:20px; font-weight:normal; color:#aaa315; margin:30px 0px 10px 0px; }
a .home_box h5 span					{ color:#7f6014; }
a .home_right_box img				{ float:left; margin:20px 0px 0px 20px; }
a .home_box img		     			{ float:left; margin:50px 0px 0px 0px; }
.gi_wrapper a				        { display: block; cursor: pointer; float: left; text-transform: none; margin:0px;
								 	 -webkit-backface-visibility: hidden; z-index: 1; -webkit-transition: opacity 0.4s linear, 
								 	 -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
								 	 -moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
								 	 -o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
								 	 -ms-transition:opacity 0.4s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
								  	 transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; }								  
.gi_wrapper a.blur		   		    {  opacity: 0.1;  }								  
.gi_wrapper a.active				{ z-index: 100; opacity: 1; -webkit-transform:scale(1.15);  }
	
a.home_box:hover 					{ opacity: 1.0!important; cursor:default; }

.wrap span.gi						{ line-height:30px; }	
								  
.wrap								{ width:745px; height:340px; position:relative; margin:0 auto; background:url(../images/box.jpg) center top no-repeat; display:none; 
								  	  padding:110px 140px; position:relative; top:-65px!important; text-align:justify;	}

.wrap1								{ width:740px; height:500px; position:relative; margin:0 auto; background:url(../images/box1.jpg) center top no-repeat; display:none; 
								  	  padding:40px 140px; text-align:justify;	}

a									{ text-decoration:none; color:#524d0d; 
								  	  transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}

.wrap #wrapper h2					{ font-weight:normal; margin:70px 0px 0px 0px; }								  							  
.wrap #wrapper img					{ margin:1px 50px 0px 9px; float:left; border:none; }

/*
.wrap #wrapper span					{ width:410px; float:left; font-size:15px; }
*/

.wrap #wrapper span ul				{ list-style:inside; line-height:30px; width:410px; float:left; margin:0px; padding:0px 0 0px 0; }
.wrap #wrapper span ul p			{ height:5px; margin:0px; padding:0px; }
.wrap #wrapper span ul li			{ width:410px; float:left; }
.wrap #wrapper span ul a li			{ float:left; color:#524d0d; text-decoration:none; }
.wrap #wrapper span ul a:hover li	{ color:#fff; text-shadow:0px 0px 10px #fff; }	


.nav_wrap							{ width:100%;margin-left:-123px; margin-top:383px; position:absolute;  /*z-index:999999!important;*/  }
ul#nav								{ width:700px; height:30px; margin:0 auto; list-style:none; font-size:17px; 
									   padding:10px 47px 10px 47px; z-index:999999!important; }
ul#nav li							{ display:block; position:relative; margin:0px 1px; float:left; /*z-index:10000!important;*/
									   }
ul#nav li a							{ float:left; text-align:center; color:#7f7714; display:block; position:relative; font-size:14px; font-family: caption;
									   background:url(../images/arm_bg.png) no-repeat; width:150px; height:150px; left:-10px; margin-right:30px; }
									   
ul#nav li a.last					{ margin-right:0px!important;}									   
ul#nav li a:hover					{  background:url(../images/arm_bg_hover.png) no-repeat; -webkit-transform:scale(1.15);  }	
ul#nav li a.selected				{ font-weight:bold; text-shadow:0px 0px 10px #fff; color:#aaa315; background:url(../images/arm_bg_hover.png) no-repeat; }
ul#nav li a:hover				    { text-shadow:0px 0px 10px #fff; color:#aaa315; }	
ul#nav ul							{ position:absolute; display:none; background-image:none!important;
									  border-top:1px solid #fff; width:144px; padding:0; list-style:none; bottom:144px; left:-7px; 
									  background-color:rgba(256,256,256,0.3)!important; padding-bottom:8px; z-index:1!important;}
ul#nav ul li						{ width:144px; float:left; text-align:left!important;}
ul#nav ul a							{ display:block; height:20px; color:#7f7714; background-image:none;}
ul#nav ul a:hover					{ text-decoration:underline; background-image:none; }*html #nav ul{margin:0 0 0 -2px;}
*html #nav ul						{ margin:0 0 0 -2px;}


ul#nav li a img						{ position:relative; top:15px; left:-5px; margin-bottom:30px; border:none; }
ul#nav li a span					{ margin-left:-80px; }

	
		.news { width:350px; height:47px; margin:0 auto; position:relative; left:10px; background:url(../images/news.png) no-repeat;  padding-left:80px; padding-top:3px;  }
		#slides { bottom:30px!important; position:absolute; width:100%; height:47px;   } 
		.pagination .current a {
			background:#b3a604;
		}
			.slides_container ul, .slides_container ul li { margin:0px; padding:0px; line-height:normal; font-size:12px; }
				.slides_container {
			width:320px!important;
			display:none;
			height:47px;	
			font-size:13px;
			float:left;
		}
		.slides_container div {
			width:320px;
			display:block;
			float:left;
			height:47px;
		}
		.pagination {
			list-style:none;
			padding:0;
			float:right!important;
			position:absolute;
			left:50%; 
			margin-left:-190px;
			top:30px;
			
			

			
		}
		.pagination li { float:left; margin-right:5px; }
		.pagination li a { padding:3px;
			border-radius:50px;
			background:#7f7714;
			width:5px; height:5px; float:left; text-indent:-1000000px; }
			
		.slides_container a span {  font-size:11px!important; float:right; margin-right:10px; }


.copyright						    { width:100%;  width:100%; bottom:6px!important; position:absolute; margin:0px; padding:0px; 
									  list-style:none; z-index:999; }											
.copyright dt						{ width:700px; text-align:left; margin:0 auto; font-size:12px; color:#7f7714; padding-top:28px;  background:url(../images/mnu.png)
									  no-repeat; position:relative; left:3px; height:10px!important; padding-left:100px; }
.copyright dt	a					{ color:#7f7714; margin:0px 10px; }
.copyright dt	a:hover				{ color:#E9E5B0; }	
/*.copyright dt a:hover				{ color:#e9e5b0; text-shadow:0px 1px 2px #000; }
.copyright dt a.selected			{ color:#e9e5b0;}*/


ul.social							{ width:180px!important; float:right; background:none!important; margin:0px; margin-right:-30px; padding:0px; list-style:none; text-indent:-10000000px; }
ul.social li a						{ margin:0px!important; padding:0px!important; margin-right:10px!important; opacity:0.7; }
ul.social li a.facebook				{ width:20px!important; height:20px!important; float:left; background:url(../images/facebook.png) no-repeat!important; }
ul.social li a.twitter				{ width:20px!important; height:20px!important; float:left; background:url(../images/twitter.png) no-repeat!important; }
ul.social li a.google				{ width:20px!important; height:20px!important; float:left; background:url(../images/google.png) no-repeat!important; }	
ul.social li a.linkedin				{ width:20px!important; height:20px!important; float:left; background:url(../images/linkedin.gif) no-repeat!important; }	
ul.social li a.sitemap				{ width:20px!important; height:20px!important; float:left; background:url(../images/sitemap.png) no-repeat!important; }
ul.social li a.youtube				{ width:20px!important; height:20px!important; float:left; background:url(../images/ytube.png) no-repeat!important; }										
ul.social li a:hover				{ opacity:1.0; }

/* contact */

ul#contact							{ width:250px!important; float:left; list-style:none!important; margin:40px; padding:0px; }
ul#contact li#address 				{ background:url(../images/icon_office.gif) no-repeat 0 0px; padding-left:28px; line-height:20px; font-size:15px;}
ul#contact li#address p				{ height:5px;}
ul#contact li#phone 				{ background:url(../images/icon_phone.gif) no-repeat 0 5px; padding-left:30px; margin:30px 0 30px 0; line-height:25px; font-size:15px;}
ul#contact li#email a				{ background:url(../images/icon_email.gif) no-repeat 0 0px; padding-left:30px; font-size:15px; color:#524D0D;}
ul#contact li#email a:hover			{ color:#fff; } 

ul#form								{ width:330px!important; float:left!important; list-style:none!important; padding:0px; margin:-74px 40px 0px 40px; }
ul#form h4							{ font-size:16px; margin:30px 0px 20px 0px; }
ul#form li 							{ width:330px; float:left; margin-bottom:8px; }
ul#form li label					{ width:100px; float:left; font-size:15px; }
ul#form li input[type=text]			{ width:200px; height:25px; float:left; background:rgba(256,256,256,0.5); border:1px solid #d7d4b3; outline:none;
								 	  padding:0px 10px; float:left;  }
ul#form input[type=text]:hover		{ background:rgba(256,256,256,0.8);}
ul#form input[type=text]:focus		{ background:rgba(256,256,256,1.0); border:1px solid #7f7714; background:#f3efb9;  }
ul#form textarea					{ width:200px; height:35px; float:left; background:rgba(256,256,256,0.5); border:1px solid #d7d4b3; outline:none;
								 	  padding:10px 10px;  float:left; resize:none;  }
ul#form textarea:hover				{ background:rgba(256,256,256,0.8);}
ul#form textarea:focus				{ background:rgba(256,256,256,1.0); border:1px solid #7f7714; background:#f3efb9;  }
ul#form input[type=submit]			{ padding:6px 10px; float:right; position: absolute; margin-left: 264px; margin-top: -2px; }
#form input[type=button] { background-color: #0064AA; border: medium none; color: #FFFFFF; cursor: pointer; font: bold 12px arial; padding: 6px 8px; }

.formError 							{ position: absolute; top: 300px; left: 300px; display: block;	z-index: 5000; cursor: pointer; }
.formError .formErrorContent 		{ width: 100%; background: #7f7714; position:relative; z-index:5001; color: #fff; width: 150px; font-family: tahoma;
									  font-size: 11px; box-shadow: 0 0 6px #fff; -moz-box-shadow: 0 0 6px #fff; -webkit-box-shadow: 0 0 6px #fff; 
									  padding: 4px 10px 4px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.greenPopup .formErrorContent 		{ background: #33be40; }
.blackPopup .formErrorContent 		{ background: #393939; color: #FFF; }
.formError .formErrorArrow 			{ width: 15px; margin: -2px 0 0 13px; position:relative; z-index: 5006; }
.formError .formErrorArrowBottom	{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div 		{ border-left: 2px solid #ddd; border-right: 2px solid #ddd; font-size: 0px; height: 1px; background: #7f7714;
									  margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div 	{ background: #33be40; }
.blackPopup .formErrorArrow div 	{ background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 	{ width: 15px; border: none; }
.formError .formErrorArrow .line9 	{ width: 13px; border: none; }
.formError .formErrorArrow .line8 	{ width: 11px; }
.formError .formErrorArrow .line7 	{ width: 9px; }
.formError .formErrorArrow .line6 	{ width: 7px; }
.formError .formErrorArrow .line5 	{ width: 5px; }
.formError .formErrorArrow .line4	{ width: 3px; }
.formError .formErrorArrow .line3 	{ width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 	{ width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 	{ width: 1px; border: none; background: #ddd; }

a#sp_link							{ margin:20px 0px; float:left; }
a#sp_link:hover						{ color:#fff; text-shadow:0px 0px 10px #fff; }


#wrapper dt.center h2				{ font-size:20px; width:600px; float:left; border-bottom:1px solid #fff; height:70px; margin-bottom:20px; }
#wrapper dt.center h2 span			{ font-size:15px; font-weight:normal; width:300px; float:left; }
#wrapper dt.center				    { width:600px; float:left; margin:0px 60px; text-align:justify; }
#wrapper dt.center ul				{ width:600px; float:left; }
#wrapper dt.center ul li a:hover	{ color:#7f7714; }

#wrapper dt.left					{ width:740px; font-size:14px; text-align:justify; padding:inherit 50px!important; }



.scroll 							{ width: 100%; margin: 20px 0 10px; font-size:15px; }
 h2.main							{ font-size:20px !important; font-weight:normal!important; margin:0px 0px 50px 0px }
.scroll .viewport 					{ width: 67%; height: 60%; overflow: hidden; margin-top:px;position:absolute; }
.scroll .overview 					{ list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; line-height:30px; }
.scroll .scrollbar					{ background: #7f7714; position: absolute; float: right; width: 5px;margin-left:723px; }
.scroll .track 						{ background:#7f7714; height: 80%; width:5px; position: absolute; padding: 0 1px; }
.scroll .thumb 						{ background: #524d0c; height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scroll .disable 					{ display: none; }

.scroll .overview p					{ line-height:20px; } 


.scroll .overview a:hover			{ color:#fff; text-shadow:0px 0px 5px #fff;}
.scroll .overview a.link			{ font-size:17px; float:left; width:50%; margin:0px 0px; }
.scroll .overview a.link:hover		{ text-shadow:0px 0px 23px #fff; }
.scroll .overview h4				{ margin:0px; padding:0px; margin-top:10px; font-size:20px; font-weight:normal; }
.scroll .overview ul h3				{ margin:0px; padding:0px;}
.scroll .overview ul				{ padding:0px; margin:0px; list-style:inside; margin-top:0px; }
.scroll .overview h5				{ margin:20px 0px 10px!important; height:20px; padding:0px; font-size:18px!important; font-weight:normal;}
.scroll .overview ul.sp				{ list-style:circle!important; }

#wrapper h2							{ font-size:16px; font-weight:normal!important; margin:30px 0 0px 0!important; padding:0px!important; }
#wrapper h5					        { font-weight:normal; width:700px; clear:left; margin:0px; padding:0px; font-size:14px; margin-bottom:15px; }
dt ul								{ line-height:30px;}
dt ul li a:hover					{ color:#FFFFFF; }




.ticker-wrapper.has-js			    { margin: 10px 0px 0px 0px; padding: 0px 20px; width: 700px; height: 32px; display: block; background-color: #f8f0db; font-size: 14px; 
									  float:left; position: relative; left:10px; box-shadow:0px 0px 5px #999; }
.ticker 							{ width: 685px; height: 23px; display: block; position: relative; left:0px; padding-top:9px; overflow: hidden; background-color: #f8f0db; }
.ticker-title 						{ color: #aaa315; font-weight: bold; background-color: #f8f0db; text-transform: uppercase; }
.ticker-content 					{ margin: 0px; padding-top: 0px; position: absolute; color: #7f7714; font-weight: bold; background-color: #f8f0db; overflow: hidden; 
									  font-weight:normal; white-space: nowrap; line-height: 1.2em; }
.ticker-content:focus 				{}
.ticker-content a 					{ text-decoration: none; color: #1F527B; }
.ticker-content a:hover 			{ text-decoration: underline;	color: #0D3059; }
.ticker-swipe 						{ padding-top: 9px; position: absolute; top: 0px; background-color: #f8f0db; display: block; width: 800px; height: 23px; }
.ticker-swipe span 					{ margin-left: 1px; background-color: #f8f0db; border-bottom: 0px solid #625c0f; height: 12px; width: 7px; display: block; }
.ticker-controls 					{ padding: 0px 0px 0px 0px; margin-top: 9px; display:none; list-style-type: none; float: left; position:relative; left:20px; }
.ticker-controls li 				{ padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; }
.ticker-controls li.jnt-play-pause 	{ background-image: url('../images/controls.png'); background-position: 32px 16px; }
.ticker-controls li.jnt-play-pause.over 	   { background-position: 32px 32px; }
.ticker-controls li.jnt-play-pause.down 	   { background-position: 32px 0px; }
.ticker-controls li.jnt-play-pause.paused 	   { background-image: url('../images/controls.png'); background-position: 48px 16px; }
.ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px; }
.ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px; }
.ticker-controls li.jnt-prev 				   { background-image: url('../images/controls.png'); background-position: 0px 16px; }
.ticker-controls li.jnt-prev.over 			   { background-position: 0px 32px; }
.ticker-controls li.jnt-prev.down 			   { background-position: 0px 0px; }
.ticker-controls li.jnt-next 				   { background-image: url('../images/controls.png'); background-position: 16px 16px;	 }
.ticker-controls li.jnt-next.over 		       { background-position: 16px 32px;	 }
.ticker-controls li.jnt-next.down 			   { background-position: 16px 0px; }
.js-hidden									   { display: none; }
.no-js-news									   { padding: 10px 0px 0px 45px;  color: #F8F0DB; }
.left .ticker-swipe							   { /*left: 80px;*/ }
.left .ticker-controls, .left .ticker-content, 
.left .ticker-title, .left .ticker 			   { float: left; }
.left .ticker-controls 						   { padding-left: 6px; }
.right .ticker-swipe 						   { /*right: 80px;*/ }
.right .ticker-controls, .right .ticker-content,
 .right .ticker-title, .right .ticker		   { float: right; }
.right .ticker-controls 					   { padding-right: 6px; }

ul.nav										{ margin:0px; padding:0px; list-style:none; float:left;  }
ul.nav li									{ float:left; margin-left:10px; padding:0px; }
ul.nav ul									{ position:absolute; left:-30px; display:none; bottom:17px; background:#fff; 
											  background:rgba(256,256,256,0.4); padding:10px; list-style:none; width:100px; }
ul.nav ul li								{ width:100px;float:left; }
ul.nav ul a									{ display:block;height:15px;padding:8px 5px;color:#7F7714;}
ul.nav ul a:hover							{ text-decoration:underline;}
*html .nav ul								{ margin:0 0 0 -2px;}
.space										{ width:50px; height:5px; float:left; }
.news1										{ position:relative; left:460px; }

.icons{margin-left:773px;margin-top:-40px;position:absolute;}




















	@media (max-width: 721px){
	 /* upping the font-size all around (as long as you're using em units!) */

    #logo{
		
		max-width: 900px; margin: 0 3em;
	}
	.scroll .viewport 					{ width: 60%; height:55%; overflow: hidden; position:absolute; }
	
	.geoinfoimg{
	
	position:relative;margin: 0 auto;
	
	}
.scroll 							{ width: 20%; margin-left:10px; font-size:15px;overflow:hidden; }

.scroll .scrollbar					{ background: #7f7714; position: absolute; float: right; width: 5px;margin-left:599px; }

.scroll .track 						{ background:#7f7714; height: 40%; width:5px; position: absolute;  }
.scroll .thumb 						{ background: #524d0c; height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }

.scroll .disable 					{ display: none; }

.scroll .overview p					{ line-height:20px; } 


.scroll .overview a:hover			{ color:#fff; text-shadow:0px 0px 5px #fff;}
.scroll .overview a.link			{ font-size:17px; float:left; width:50%; margin:0px 0px; }
.scroll .overview a.link:hover		{ text-shadow:0px 0px 23px #fff; }
.scroll .overview h4				{ margin:0px; padding:0px; margin-top:10px; font-size:20px; font-weight:normal; }
.scroll .overview ul h3				{ margin:0px; padding:0px;}
.scroll .overview ul				{ padding:0px; margin:0px; list-style:inside; margin-top:0px; }
.scroll .overview h5				{ margin:20px 0px 10px!important; height:20px; padding:0px; font-size:18px!important; font-weight:normal;}
.scroll .overview ul.sp				{ list-style:circle!important; }
 h2.main							{ font-size:20px !important; font-weight:normal!important; margin:0px 0px 20px 0px }  							  							  
.wrap #wrapper img					{position:relative; margin-left:23px;margin-top:20px; float:left; border:none; width:25%;}
								  
	
.wrap								{  position:relative;  background:url(../images/box.jpg) center top no-repeat; display:none; background-size:40%;
								  	  padding:100px 100px;margin-top:20px; position:absolute;  text-align:justify;background-size:70% 100%;}
.scroll .overview 					{ list-style: none; position: absolute; margin-left: 120px; margin-top:-10px; padding: 0;  line-height:30px; }								  
	
	.wrap #wrapper h2					{ font-weight:normal; margin:20px 0px 0px 0px; }								  							  
.wrap #wrapper img					{ margin:-9px 20px 0px -5px; float:left; border:none; }

/*
.wrap #wrapper span					{ width:410px; float:left; font-size:15px; }
*/

.wrap #wrapper span ul				{ list-style:inside; line-height:30px; width:200px; float:left; margin:0px; padding:0px 0 0px 0; }
.wrap #wrapper span ul p			{ height:5px; margin-left:-px; padding:0px; }
.wrap #wrapper span ul li			{ width:410px; float:left; }
.wrap #wrapper span ul a li			{ float:left; color:#524d0d; text-decoration:none; }
.wrap #wrapper span ul a:hover li	{ color:#fff; text-shadow:0px 0px 10px #fff; }	


.nav_wrap	{ width:20%; bottom:36px;margin-top:13px;}

.nav_wrap							{ width:10%; bottom:36px; position:absolute;  /*z-index:999999!important;*/  }



ul#nav								{ width:700px; height:100px; margin-top:-30px;margin-left:225px; list-style:none; font-size:17px; 
									   padding:0px 0px;position:absolute; z-index:999999!important; }
ul#nav li							{ display:block; position:relative; margin:5px 3px; float:left; /*z-index:10000!important;*/
									   }
ul#nav li a							{ float:left; text-align:center; color:#7f7714; display:block; position:relative; font-size:14px; font-family: caption;
									   background:url(../images/arm_bg.png) no-repeat; width:110px; height:110px; left:-10px; margin-right:30px; }
									   
ul#nav li a.last					{ margin-right:0px!important;}									   
ul#nav li a:hover					{  background:url(../images/arm_bg_hover.png) no-repeat; -webkit-transform:scale(1.15);  }	
ul#nav li a.selected				{ font-weight:bold; text-shadow:0px 0px 10px #fff; color:#aaa315; background:url(../images/arm_bg_hover.png) no-repeat; }
ul#nav li a:hover				    { text-shadow:0px 0px 10px #fff; color:#aaa315; }	
ul#nav ul							{ position:absolute; display:none; background-image:none!important;
									  border-top:1px solid #fff; width:109px; padding:0; list-style:none; bottom:109px; left:-7px; 
									  background-color:rgba(256,256,256,0.3)!important; padding-bottom:8px; z-index:1!important;}
ul#nav ul li						{ width:144px; float:left; text-align:left!important;}
ul#nav ul a							{ display:block; height:20px; color:#7f7714; background-image:none;}
ul#nav ul a:hover					{ text-decoration:underline; background-image:none; }*html #nav ul{margin:0 0 0 -2px;}
*html #nav ul						{ margin:0 0 0 -2px;}


ul#nav li a img						{ position:relative; top:15px; left:-5px; margin-bottom:0px;width:75px; height:73px;border:none; }
ul#nav li a span					{ margin-left:-60px;font-size:10px;margin-top:90px;position:absolute; }
ul.nav li									{ float:left; margin-left:10px; padding:0px; }


.copyright						    { width:30%;  bottom:6px!important; position:absolute; 
									  list-style:none; z-index:999; }											
.copyright dt						{ width:50%;   font-size:12px; color:#7f7714; padding-top:28px;  background:url(../images/mnu.png)
									  no-repeat; position:relative; left:3px; height:10px!important; padding-left:10px; }
.copyright dt	a					{ color:#7f7714; margin:0px 10px; }
.copyright dt	a:hover				{ color:#E9E5B0; }


ul.social							{ width:150px!important; float:right; background:none!important; margin-left:20px; margin-right:-30px; padding:0px; list-style:none; text-indent:-10000000px; }
ul.social li a						{ margin:0px!important; padding:0px!important; margin-right:10px!important; opacity:0.7; }
ul.social li a.facebook				{ width:20px!important; height:20px!important; float:left; background:url(../images/facebook.png) no-repeat!important; }
ul.social li a.twitter				{ width:20px!important; height:20px!important; float:left; background:url(../images/twitter.png) no-repeat!important; }
ul.social li a.google				{ width:20px!important; height:20px!important; float:left; background:url(../images/google.png) no-repeat!important; }	
ul.social li a.linkedin				{ width:20px!important; height:20px!important; float:left; background:url(../images/linkedin.gif) no-repeat!important; }	
ul.social li a.sitemap				{ width:20px!important; height:20px!important; float:left; background:url(../images/sitemap.png) no-repeat!important; }
ul.social li a.youtube				{ width:20px!important; height:20px!important; float:left; background:url(../images/ytube.png) no-repeat!important; }										
ul.social li a:hover				{ opacity:1.0; }
.icons{margin-left:530px;position:absolute;margin-top:-74px;}
}


/* "Desktop" CSS
======================================================================= */
/* Anything you want to cleanup for user's with large resolutions can go here, there really shouldn't be much though unless you drastically change your layout. */



@media (max-width: 480px){
    html, body {width:480px;}
    
    #logo{  
        display: block;
        position: absolute;
        background: url(../images/main_logo.png) no-repeat center center;
      margin:auto;
		
     
      }
	  						  
.wrap								{background-size: 50%;margin-top:40px;
	}
	  							  							  
.wrap #wrapper img					{position:relative;width:30%; margin-top:0px; margin-left:30%;float:left; border:none; }
								  
									  
									  

.scroll 							{ width: 100%; margin: 20px 0 10px; font-size:15px; }
 h2.main							{ font-size:20px !important; font-weight:normal!important; margin:0px 0px 50px 0px } 
									  
	  }