/* CSS Document */
body { background-color:#000000;font-family:Arimo; font-size:14px; color:#777777; overflow-x:hidden;}
a { color:#E60C0C; text-decoration:none;}
a:hover{ text-decoration:underline;}
input[type=text]{ padding:13px; }
#forms { font-size:13px;}
#forms input[type=text]{ padding:3px; background-color:#e9e9e9; border:1px solid #cccccc; color:#666666; border-radius: 3px;    }
textarea{ padding:3px; background-color:#e9e9e9; border:1px solid #cccccc; color:#666666; height:100px; border-radius: 3px;    }
.select-style {color:#666666; border: 1px solid #cccccc; padding:3px;    width: 120px;    border-radius: 3px;    overflow: hidden;    background-color: #e9e9e9; }
.select-style select {    padding: 5px 8px;    width: 130%;    border: none;    box-shadow: none;    background: transparent;    background-image: none;    -webkit-appearance: none; }
.select-style select:focus {    outline: none; }

.rd { color:#FF0000;}
.gr{ color:#CCCCCC;}
.gr2{ color:#777777;}
.yw{color:#fbaf02;}
#er { color:#FF0000;}
.w36{ font-size:30px; color:#FFFFFF;} 
.w28{ font-size:28px; color:#FFFFFF;} 
.w24{ font-size:24px; color:#FFFFFF; }
.w18{ font-size:18px; color:#FFFFFF; }  
.w14{ font-size:14px; color:#FFFFFF; } 

h1{ font-family:Amaranth; font-size:32px; font-weight:normal; color:#E60C0C; margin-top:0px; margin-bottom:0px;}
h2{color:#fbaf02; font-family:Oswald;}
h3{ color:#666666; text-decoration:none;}
.banner { background-color:#fbaf02; font-size:38px; color:#FFFFFF;}
/*TOP MENU
.menu {border-radius: 10px; height:40px; width:80%;
	background-color: #490102;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#490102), to(#E60C0C));
	background-image: -webkit-linear-gradient(top, #490102, #E60C0C);
	background-image: -moz-linear-gradient(top, #490102, #E60C0C);
	background-image: -ms-linear-gradient(top, #490102, #E60C0C);
	background-image: -o-linear-gradient(top, #490102, #E60C0C);
	background-image: linear-gradient(top, #490102, #E60C0C);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#490102, endColorstr=#E60C0C);
	border:1px solid #E60C0C;
	padding:0px 15px 0px 15px;
}
.menu a{ margin-top:15px; color:#FFFFFF; font-size:13px; float:left; text-decoration:none; }
.menu img{ float:left; padding:0px 10px 0px 10px;}
.menu a:hover{ border-bottom:2px solid #fbaf02;}
background-color: #000; background-image:url(im/mn1.gif); background-position:center bottom; height:40px; margin-left:-900px; margin-right:-900px; overflow:hidden;*/
#mn{  margin:0 auto;}
.menu {height:40px; margin: 0 auto;	max-width: 910px; }
.menu .topnav { display: block; width: auto; margin:0 auto; }
.menu .topnav .topnavOFF a { color: #fff; font-size: 11pt; font-family: sans-serif; font-weight: normal; text-decoration: none; background-color: #000; 
background-image: url("im/mn1.gif"); background-repeat: repeat-x; background-position: center bottom; text-align: center; margin: 0 0 0; padding:15px 36px 15px 35px; 
width: auto; float:left; }
.menu .topnav .topnavON a  { color: #fff; font-size: 11pt; font-family: sans-serif; font-weight: normal; text-decoration: none; background-color: #c7151d; 
background-image: url("im/mn2.gif"); background-repeat: repeat-x; background-position: center bottom; text-align: center; margin: 0 0 0; padding:15px 35px 15px 35px; 
width: auto; float:left;  }
.menu .topnav .sp{ width:2px; height:40px; display:block; background-color:#000000; float:left;}
.menu .topnav .topnavOFF a:active { color: #fff; font-size: 11pt; font-family: sans-serif; font-weight: normal; text-decoration: none; background-color: #c7151d; 
background-image: url("im/mn2.gif"); background-repeat: repeat-x; background-position: center bottom; text-align: center; margin: 0 0 0; padding:15px 35px 15px 35px; 
width: auto; float:left; }
.menu .topnav .topnavOFF a:hover { color: #fff; font-size: 11pt; font-family: sans-serif; font-weight: normal; text-decoration: none; background-color: #c7151d; 
background-image: url("im/mn2.gif"); background-repeat: repeat-x; background-position: center bottom; text-align: center; margin: 0 0 0; padding:15px 35px 15px 35px; 
width: auto; float:left; }
.menu .topnav .topnavOFF a:visited { color: #fff; font-size: 11pt; font-family: sans-serif; font-weight: normal; text-decoration: none; background-color: #c7151d; 
background-image: url("im/mn2.gif"); background-repeat: repeat-x; background-position: center bottom; text-align: center; margin: 0 0 0; padding:15px 35px 15px 35px; 
width: auto }

/*CONTENT MENU*/
.menu2 { height:30px; width:857px;  
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
	background-color: #d21820;
	background-image:url(im/mn4.jpg); background-repeat:repeat-x;
	padding:0px 20px 0px 20px; margin:0 auto;
}
.menu2 a{ margin-top:5px; color:#FFFFFF; font-size:14px; float:left; font-weight:bold; text-decoration:none; }
.menu2 img{ float:left; padding:0px 10px 0px 10px;}
.menu2 a:hover{ border-bottom:2px solid #ffffff;}

#footer { background-color:#161617; background-image:url(im/ft.jpg); margin-left:-200px; margin-right:-200px; overflow:hidden;}
#footer-wrapper {	margin: 0 auto;	max-width: 900px; overflow:hidden;}
#footer .footerLine   { border-bottom:1px solid #303030 }
#footer .footerNine  { color: #8e8e8e; font-size: 8pt; line-height: 150% }
#footer .footerHeader   { color: #8e8e8e; font-size: 13pt; margin: 0; padding: 0 }
#footer .footer-link a { color: #8e8e8e; font-size: 8pt; font-weight: normal; padding-top: 3px; padding-bottom: 3px; text-decoration:none; }
#footer .footer-link a:visited  { color: #8e8e8e; font-size: 8pt; font-weight: normal; padding-top: 3px; padding-bottom: 3px }
#footer .footer-link a:hover   { color: #c7151d; font-size: 8pt; font-weight: normal; padding-top: 3px; padding-bottom: 3px }
#footer .footer-link a:active   { color: #c7151d; font-size: 8pt; font-weight: normal; padding-top: 3px; padding-bottom: 3px }

/*#footer a{color:#fbaf02; }
#footer #a2{color:#CCCCCC; }
#footer {	max-width: 100%;background-color:#000000; color:#CCCCCC; font-size:12px;}

#footer-wrapper {
	margin: 0 auto;
	max-width: 900px;
}
 \\\\\\\\\\\\\\\\\    SLIDESHOW	///////////////////////////////////*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow:hidden; /*leave this value alone*/
width: 898px; /*Width of Carousel Viewer itself*/
height: 381px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; margin around each panel*/
width: 898px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  display: none;
  padding: 0 20px 20px;
  overflow: auto;
  z-index: 1001;
  position: absolute;

  min-height: 200px;
  
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 12px 13px;
-moz-box-shadow: #666 0px 12px 13px;
box-shadow: #666 0px 12px 13px;
background: #f2f7dd;
}


