/* Reset ======================================================================================= */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0; } 

#header, #main, #footer {margin:auto; width:1000px;}

/* Sidebar ======================================================================================= */

.sidebar {width:300px; float:left; margin-left:5px; margin-right:5px; }
.sidew { background:url(../images/template/bg-pattern.png); padding:10px; margin-bottom:10px;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}

 .desc {margin-bottom:12px; text-align:left; color:#666;  display:block}

.email-signup input { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; padding:2px 4px; border:1px solid #ccc; width:224px; margin-bottom:8px;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.email-signup input:focus {color:#333 !important;}
.email-signup  select { font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px 4px; border:1px solid #ccc; width:234px; color:#999;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.email-signup .error {border:1px solid red; background:#fff7f7; color:#666 !important}  
.email-signup .signup { padding-top:8px;}

.email-signup button { background:url(../images/template/btn-signup.png) top left no-repeat; width:234px; height:30px; border:0px; cursor:pointer; text-indent:-999px; overflow:hidden; }
.email-signup button:hover { background-position: center left !important}
.email-signup button:active { background-position: bottom left !important}
.email-signup  label{ display: block; font-size:11px; font-weight: bold;}
.privacy {padding-top:8px;}
.email-signup .privacy a { color:#333; font-size:11px;}

#em-sign-up { color:#333; font-weight:bold; display:block; float:right; padding-right:18px; background:url(../images/template/bullet.png) 90% 7px no-repeat; outline:none; outline-style:none; }
#em-wrap { display:none; }

.og-bullet-links li { display:block; padding:2px 0px}
.og-bullet-links a.active {color:#000 !important; font-weight:bold;}
.og-bullet-links a { background:url(../images/template/orange-bullet.png) left center no-repeat; padding:3px 0px 3px 12px; color:#666; display:block; }
.og-bullet-links1 li { background:url(../images/template/orange-bullet.png) left top no-repeat; padding:0px 0px 0px 10px; color:#666; display:block; }

/* Internal Pages ======================================================================================= */
.content { width:1000px;  margin:auto; padding-top:20px; padding-bottom:120px; padding-left:15px;}
.content .textw { width:650px; float:left;  background:url(../images/template/bg-pattern.png); padding:12px; 
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}
.content .textw1 { width:950px; float:left;  background:url(../images/template/bg-pattern.png); padding:12px;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}


.content .text { background: url(../images/template/bg-input.png) bottom center repeat-x #fff; padding:24px; min-height:380px;}
.content .text2 { background: url(../images/template/bg-input.png) bottom center repeat-x #fff; padding:24px; min-height:380px; height:1318px; overflow-y:scroll;}
.container { margin-bottom:50px;}

.text p {margin-bottom:24px; line-height:175%; color:#666; font-size:15px;}
.text address { line-height:175%;}
.text p.lg { font-size:14px;}
.text p.linebot { border-bottom:1px solid #ccc; padding-bottom:24px;}
.text p.note { background:#fff; padding:12px; font-size:12px; border:1px solid #ccc;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

.text h2 {font-size:24px; color:#333; font-weight:normal; margin-bottom:24px;}
.text ul { margin-bottom:24px;}
.text li { color:#666; font-size:14px; background:url(../images/template/orange-bullet.png) 0px 7px no-repeat; padding:3px 12px; margin-left:12px;}

h2 { background:url(../images/template/text-header-bg.png) bottom repeat-x #f88f00; border:1px solid #fbaf2f;
  -webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;                    
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  }
h2 span { border:1px solid #f46508; display:block; height:32px; font-size:16px; line-height:18px; height:18px; padding:7px 12px; color:#fff;  text-shadow:0px 0px 3px #666;}
h3 { font-size:14px; color:#333; font-weight:bold; margin-bottom:8px}
.padded { padding:12px; border:1px solid #e8e7e7;background: url(../images/template/bg-side-gradient.png) bottom center repeat-x #fff;
  -webkit-border-radius: 0px 0px 4px 4px;
     -moz-border-radius: 0px 0px 4px 4px;
          border-radius: 0px 0px 4px 4px;                   
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

/* Home Page ======================================================================================= */
#mpad { position:absolute; top:50%; left:50%; width:600px; margin-left:-316px; margin-top:-160px; padding:12px; background:url(../images/template/bg-pattern.png); z-index:1;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#main  {background:url(../images/template/bg-input.png) bottom center repeat-x #fff; width:550px; height:262px; padding:24px; border:1px solid #e8e7e7;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

#main p { font-size:13px; color:#333; margin-top:20px; padding-top:20px; border-top:1px solid #ccc;}
#form-head {position:relative; height:40px}
#main h1 { color:#333; font-size:20px; text-transform:capitalize; font-weight:bold}
#main h1 strong { font-weight:bold}
#form-head em { position:absolute; top:6px; right:0px; font-style: italic; color:#999; font-size:12px;}
#form-head i { float:left;}
#main span { padding:0px 2px; font-style:normal; color:#ccc; float:left; padding:0px 6px}
#main a { color:#666; font-style:normal; text-transform:uppercase; font-size:11px; background:url(../images/template/bullet.png) 95% center no-repeat; padding:1px 12px 1px 2px; display:block; float:right}
#main form {}

.btn-go-mapper { background:url(../images/template/button-start-mapping.png) top center no-repeat !important; width:550px; height:42px; overflow:hidden; text-indent:-999px; display:block; border:0px; cursor:pointer; outline: none !important; margin-top:15px;}
.btn-go-mapper:hover { background-position: center center !important;}
.btn-go-mapper:active { background-position: bottom center !important;}

.btn-browse-mapper { background:url(../images/template/button-browse-for-file.png) top center no-repeat; width:550px; height:42px; overflow:hidden; text-indent:-999px; display:block; border:0px; cursor:pointer; outline: none !important; margin-top:15px;}
.btn-browse-mapper:hover { background-position: center center !important;}
.btn-browse-mapper:active { background-position: bottom center !important;}

#bwrap { background:#ccc; padding:8px 6px;  
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.btn-url { display:block; border:2px solid #999; color:#999; padding:6px 8px; width:518px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-family:Arial, Helvetica, sans-serif;
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.btn-url:focus, .btn-url:active { color:#000 !important;}  

/* Header + Nav ======================================================================================= */
#hwrap { background:url(../images/template/bg-site.png) top center repeat-x; height:150px; width:100% !important; position:relative; z-index:2}
#hbg { background:url(../images/bg-header2.png) top center no-repeat; height:250px; width:100% !important}
#header { position:relative;}

#header h1 { display:block; position:absolute; top:15px; left:0px}
#header h1 a { display:block;  width:288px; height:91px; text-indent:-999px; overflow:hidden; outline:none; outline-style:none;}
#header h1 a img {display:block;}

#top-nav { position:absolute; top:0px; right:0px;border-top:2px solid #9f662b; overflow:hidden; }
#top-nav li { display:block; float:left; background:url(../images/template/top-nav-spacer.png) left center no-repeat; padding-left:1px}
#top-nav li:first-child {background:none; padding-left:0px;}
#top-nav li a { display:block; float:left; padding:10px; font-size:11px; position:relative; z-index:10; color:#333}

/*#main-nav { position:absolute; top:123px; left:-2px;  width:100%; border-bottom:solid 2px #FF9900; border-top:solid 2px #FF9900; b background:url(../images/template/top-nav-button-bg.png); overflow:hidden;
  -webkit-border-radius: 7px; 
     -moz-border-radius: 7px; 
                              
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}  
#main-nav li { display:block; float:left; background:url(../images/template/nav-spacer.png) left center no-repeat; padding-left:1px}*/

#main-nav { position:absolute; top:123px; left:-2px;  width:100%; border-bottom:solid 2px #FF9900; border-top:solid 2px #FF9900;background:url(../images/template/top-nav-button-bg.png); overflow:visible;
  -webkit-border-radius: 7px; 
     -moz-border-radius: 7px; 
                              
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position:absolute; height:40px;
}  
#main-nav li { display:block; float:left; background:url(../images/template/nav-spacer.png) left center no-repeat; padding-left:1px; line-height:20px;}
#main-nav li ul { display:none; float:none; top:100%; background:#996600; background-image:url(../images/template/top-nav-button-bg.png); padding:0;  z-index:999; border-radius:5px; font-size:10px;}
#main-nav li:hover > ul{ display:block;}



#main-nav li:first-child {background:none; padding-left:0px;}
#main-nav li a { display:block; float:left; padding:10px; color:#fff; font-size:15px; position:relative; z-index:10 }
#main-nav li a:hover,#main-nav li .active {  background:url(../images/template/top-nav-button-over.png); width:auto;}
#main-nav .first{  
  -webkit-border-radius: 7px 0px 0px 7px;   
     -moz-border-radius: 7px 0px 0px 7px;   
          border-radius: 7px 0px 0px 7px;                   
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}
#main-nav .last span{
  -webkit-border-radius: 0px 7px 7px 0px;   
     -moz-border-radius: 0px 7px 7px 0px;   
          border-radius: 0px 7px 7px 0px;       
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
  
#social-nav { position:absolute; top:0px; padding:10px; right:170px; background:url(../images/template/temp-social.png) center no-repeat; width:92px; height:20px; z-index:5}
#social-nav li { display:block; float:left}
#social-nav li a { display:block; float:left; display:none}

#social-buttons { width:500px; height:20px; position:absolute; top:-30px; right:270px;  padding:10px; z-index:4;}
#social-buttons li {display:block; float:left; padding-right:10px;}

/* Footer ======================================================================================= */
#fwrap {position:fixed; bottom:0px; left:0px; width:100%; background: url(../images/template/bg-footer.png) top center repeat-x; border-top:1px solid #766962; height:80px; z-index:2}
#footer {position:relative; height:80px}
.fjixed { height:60px !important;}
#footer ul#fnav { z-index:2; position:relative; overflow:hidden; padding:7px 0px 2px;  padding-left:30%; margin-left:20px;  }
#footer ul#fnav li { display:block; float:left; margin-left:10px; padding:0px 4px}
#footer ul#fnav li a { text-transform:uppercase; color:#ddd; font-size:12px; font-weight: bold; display:block; float:left; padding:7px 11px;}
#footer p#copy { clear:both; text-align:center; color:#a28070; position:relative; z-index:1; }
#footer p#copy a {color:#a28070}
#footer p#copy span { padding:0px 5px;}

/* Global ======================================================================================= */
body {background:url(../images/template/top-nav-button-bg.png); font-family:Arial, Helvetica, sans-serif; font-size:75%;}
body.inner { background:url(../images/template/top-nav-button-bg.png);}

img {border: 0px;}
p {line-height:1.5em; text-align:justify; font-size:1em;}
li {list-style:none;}
a {text-decoration:none;}

.clear {clear:both;}
.clearit {clear:both; line-height:1px; font-size:1px;}
.right {float:right;}
.left {float:left;}
.hide {display:none;}
.blank {}

#trans {opacity:0; filter:alpha(opacity=0);} 
#trans2 {opacity:1; filter:alpha(opacity=100);} 

@font-face {
  font-family: 'ogk'; 
  src: url('font/helv.html');  
  src: local('HelveticaNeue Light'), 
         url('font/helv-2.html') format('woff'),  
         url('font/helv-3.html') format('truetype');  
}


.breadCrumbs
	{
	padding-left:5px;
	padding-top:5px;
	font-size:10pt;
	}
.breadCrumbs .arrow
	{
	font-size:8pt;
	}
.breadCrumbs a
	{
	color:#666666;
	text-decoration:none;
	
	}
.breadCrumbs1 a
	{
	color:#006699;
	}
.blinks {
	font-size:12px; 
	color:#A28070;
	text-align:center;
}
.blinks a {
	font-size:12px; 
	color:#A28070;
	text-decoration:underline;
}
.at4-follow-inner {
	/*margin-right: 410px !important;*/	
}
.sysmsg {
	background-color: #E8E8E8;
    border: 1px solid;
    color: #BF0101;
    margin-bottom: 10px;
    padding: 10px;
}
.jothi img
{
	border: #FF0000 solid 5px;
	border-bottom-style:outset;	
	width: 250px;
    height: 250px;
	float:left; 
	border:#FF0000 solid 3px;
	animation: mm 12s infinite;
	position:absolute;
}
@keyframes mm
{
10%{opacity:1}
45%{opacity:0}
}
.jothi img:nth-child(0){animation-delay:0s}
.jothi img:nth-child(1){animation-delay:3s}
.jothi img:nth-child(2){animation-delay:6s}
jothi img:nth-child(3){animation-delay:9s}


#jothi::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
#jothi:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}

.slider
{
height:350px;
background:#333333;
}
#caption
{
float:right;
height:345px;
position:absolute;
margin-left:450px;
background-color:#666666;
z-index:999;
visibility:hidden;
}
#caption p
{
	margin-top:-300px;
	color:#FF0000;
   	font-size: 20px;
  	white-space: nowrap;
  	overflow: hidden;
	width: 30em;
	animation: type 4s steps(60, end); 
}
@keyframes type{ 
  from { width: 0; } 
} 
#dent
{
margin-left:12px;
}
.links li a{
color:#0099CC;
}
.links li a:hover{
color:#996699;
}
.linksb
{
width:954px;
height:150px;
margin-top:10px;
background:url(../images/template/bg-pattern.png); padding:12px; 
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.linksb .text1 { background: url(../images/template/bg-input.png) bottom center repeat-x #fff; padding:24px; height:65px;}
.text1 ul { margin-bottom:24px;}
.text1 li { color:#666; font-size:14px; background:url(../images/template/orange-bullet.png) 0px 7px no-repeat; padding:3px 12px; margin-left:auto; float:left; }

img
{
border-radius:5px;
border:solid 3px #CC9966;
}
ul li ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
		
        position: absolute;
        z-index: 999;
        left: 0;
    }
    ul li:hover ul.dropdown{
        display: block;
		line-height: 10px; /* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
    }
#m2 li a {
font-size:12px;
padding:5px;
}
#m1 li a {
font-size:12px;
padding:5px;
}
#e1, #e2, #e3, #e4, #e5, #e6, #e7, #e8, #e9, #e10, #e11, #e12 {
font-size:16px;
}