/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:url(../images/bg.jpg); border:0; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; line-height:21px; min-width:965px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.block {height:60px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -60px;}
body, html {height:100%;}

.spinner{ position:absolute; z-index:99; background:url(../images/ajax-loader.gif) 50% 50% no-repeat #282627; width:100%; height:100%; top:0; left:0}

/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#ffaf00}
h1{ padding:56px 0 0 0; color:black;}
h2{ font-size:30px; color:#000; line-height:1.2em;padding:17px 0 17px 0; font-weight:400;letter-spacing:-1px}
p{ padding-bottom:21px;}

/* ============================= header ====================== */
header{ height:250px; width:100%; overflow:hidden}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo_1.png) 0 0 no-repeat; width:420px; height:160px;}
.slogan{ position:absolute; margin-top:160px; margin-left:300px; z-index:11;}
.slogan h2{font-size:28px; color:#FFF; line-height:1.2em;padding:17px 0 17px 0; font-weight:400;letter-spacing:-1px}
#menu { padding:0 0 0 0;}
#menu > dt { height:52px; margin-top:-2px; position:relative; background:url(../images/menu_line.png) 0 bottom repeat-x; z-index:10;}
#menu > dt > span{ position:absolute; width:100%; height:100%; background:#c31515; top:0; left:0; z-index:1;}
#menu > dt > a{ display: block; font-size:24px; padding-left:48px; font-weight:700; line-height:50px; letter-spacing:-1px; position:relative; z-index:2; overflow:hidden; padding: 15px 0px 0px 48px;}
#menu > dt img{ float:left; margin: 5px 30px 0 0}
#menu > dt > a:hover{ color:#fff}

#menu dd{ background:#750012; height:479px; overflow:hidden; position:relativee; z-index:10;}

/* ============================= content ====================== */

#content{ padding-bottom:50px; z-index:10; margin-top:20px;}

.marg_right1{ margin-right:19px;}
.pad_bot1{ padding-bottom:50px; font-weight:normal; font-size:13px}

.box{ padding-top:28px;}

.list2 { margin-top:-2px;}
.list2 li{ line-height:28px; color:#ffaf00; text-transform:uppercase; padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}
.list1 { margin-top:-2px;}
.list1 li{ line-height:28px;}
.list1 a{ color:#ffaf00; text-transform:uppercase; padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}
.list1 span{ background:url(../images/underline.gif) 0 bottom repeat-x}
.list1 a:hover{ color:#fff; background-position:0 5px}
.list1 a:hover span{ background:none}

#gallery1{ margin-top:8px; height:263px !important;}
#gallery1 li{ padding-bottom:1px;}
#gallery1 a{ position:relative; display:block}
#gallery1 img{ position: relative; z-index:1}
#gallery1 span{ position:absolute; z-index:2; background:url(../images/border1.gif) 0 0 no-repeat; width:100%; height:100%; top:0; left:0; display:block;}

.next, .prev{ position:relative; float:left; display:block}
.next{ float:right;}
.next img, .prev img{ position:relative; z-index:1}
.next .img_act, .prev .img_act{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:2}

.color1{ color:#d5d5d5}
.font1{  color:#d5d5d5; font-size:15px; padding-bottom:7px;}

.tabs{ position:relative; width:100%; padding-top:8px; height:330px;}

.nav{ position:absolute; z-index:2}
.nav li{ float:left; padding-right:6px; width: 182px;}
.nav a{ display:block; width:221px; border:1px solid #353033; background:url(../images/bg_tabs2.gif) 0 -1px repeat; height:43px; border-bottom:none; font-size:17px; font-weight:700; line-height:42px; color:#d4d4d4; text-align:center; padding: 10px 0 0px 0;}
.nav a:hover{ border-color:#4c4749}
.nav .selected a{ background-image:url(../images/bg_tabs.gif); padding-bottom:1px; border-color:#4c4749}

#nav1{}
#nav2 a{ background-position: 0 0px}
#nav3 a{ background-position: 0 1px}
#nav4{ padding-right:0}
#nav4 a{ background-position: 0 2px}

.tab_content{ background:url(../images/bg_tabs.gif) 0 0 repeat; border:1px solid #4c4749; padding-left:30px; height:278px;  position:relative; z-index:1; top:44px; overflow:hidden;}
.tab-content{padding-top:30px; height:248px;}
.masinfo{ position:absolute; width:967px; height:250px; background:#666; top:520px; left:9px; z-index:99; display:none;}
.masinfo span:hover{ color:#FFF;}


.col1{ width: 290px; float: left;}
.col2{ width:500px; float: left; padding-left:50px;}

#tab2 .col1, #tab3 .col1, #tab4 .col1{ width:370px; }
#tab2 .col2, #tab3 .col2, #tab4 .col2{ width:410px; padding-left:65px;}
#tab3 .col2, #tab4 .col2{ padding-left:60px}

.button1{ position:relative; background:#ffaf00; display:inline-block}
.button1 a{ position:relative; font-size:12px; color:#151414; font-weight:bold; text-transform:uppercase; padding:0 17px; height:38px; line-height:38px; z-index:2; display:block;}
.button1 span{ position:absolute; z-index:2; background:#000; width:100%; height:100%; top:0; left:0;}
.button1 a:hover{ color:#ffaf00}

.dropcap{ float:left; background:url(../images/bg_dropcap.png) 0 0 no-repeat; width:53px; height:52px; margin-right:10px; font:36px Verdana, Geneva, sans-serif; color:#fff; font-weight:bold; text-align:center; line-height:50px;}

.partners li{ padding-bottom:30px; overflow:hidden;}
.partners figure{ float:left; margin-right:28px;}
.partners figure a{ position:relative; display:block;}
.partners figure img{ position:relative; z-index:1}
.partners figure span{ position:absolute; z-index:2; background:#F00; width:100%; height:100%; top:0; left:0; display:block;}
.partners  .font1{ display:inline-block; padding:6px 0 0 0}

.programs{}
.programs li{ padding-bottom:20px; background:url(../images/line_hor1.gif) 0 bottom repeat-x; margin-bottom:20px; overflow:hidden;}
.programs figure{ float:left; margin-right:16px; padding-top:4px;}
.programs .last{ background:none; padding-bottom:0; margin-bottom:0}

.link1{ display:inline-block; padding-right:13px; color:#ffaf00; background:url(../images/marker_2.gif) right 9px no-repeat}
.link1:hover{ color:#fff}

#map{ padding-top:5px; padding-bottom:22px;}
.address{ width:190px;}

/* ============================= footer ====================== */

footer { height:16px; background:url(../images/menu_line.png) 0 0 repeat-x; color:#fff; line-height:16px; padding:22px 0}
footer a{}
footer a:hover{}

#footer_menu{ float:right; z-index:10;}
#footer_menu li{ float:left; padding-right:11px; background:url(../images/footer_menu_line.gif) right 4px no-repeat; margin-right:11px;}
#footer_menu .last{ padding-right:0; margin-right:0; background:none}
#footer_menu a{ display:block; color:#000}
#footer_menu a:hover, #footer_menu .active{ color:#ffffff}

/* ============================= bg ============================= */

#bg-1 {
 position:absolute;
 bottom:60px;
 right:10px;
 width:175px; height:175px;
 background:url(../images/bg_chico.png) no-repeat;
 z-index:1;
 
	}
#bg-2 {
 position:absolute;
 bottom:67px;
 right:275px;
 width:80px; height:77px;
 background:url(../images/bg2.jpg) repeat;
 z-index:1;
 
}	


/* ============================= forms ============================= */

#ContactForm{}
#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:53px;}
#ContactForm .success{ padding-bottom:5px; display:none}
#ContactForm .success strong{ color:#ffaf00}
#ContactForm label{ position:relative;min-height:40px; display: inline-block; margin-top:10px;}
#ContactForm .col{ width:288px;}
#ContactForm .message{ height:170px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#ffaf00; line-height:14px; width:50%; padding-bottom:3px;}
#ContactForm .button1{ margin-left:20px; float:right; margin-top:30px}
#ContactForm .input { margin:0;width:266px; height:16px; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:570px; height:125px; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background:#121111; border:1px solid #212121; border-top:1px solid #000; border-left:1px solid #000; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float:left;}



/* ============= SLIDER ================== */
.cn-slideshow{
    width: 850px;
    height: 450px;
    position: relative;
    margin: 0 auto;
    
   
	
}
.cn-loading{
    position: absolute;
    z-index:999;
    text-indent: -9000px;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background:#000 url(../images/ajax-loader.gif) no-repeat center center;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.cn-images{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.cn-images img{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
.cn-bar{
    background: transparent url(../images/bar.png) repeat top left;
    height: 74px;
    position: absolute;
    bottom: 10px;
    right: 50px;
    left: 50px;
    color: #f8f8f8;
	z-index: 999;
}
.cn-nav-content{
    position: absolute;
    top: 0px;
    height: 100%;
    right: 70px;
    left: 70px;
    overflow: hidden;
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.cn-nav-content div{
    float: left;
    width: 180px;
    color:#CCC;
}
.cn-nav-content span{
    color:#FFF;
}
.cn-nav-content div.cn-nav-content-current{
    text-align: center;
    width: 280px;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-140px;
}
.cn-nav-content h2,
.cn-nav-content h3{
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height:24px;
    font-family:Georgia, serif;
    font-style:italic;
}
.cn-nav-content h2{
    font-size:18px;
    color:#fff;
	margin-top:10px;
}
.cn-nav-content-current span{
    color:#dc0505;
}
.cn-nav-content div.cn-nav-content-prev{
    margin-left: 20px;
}
.cn-nav-content div.cn-nav-content-next{
    text-align: right;
    margin-right: 20px;
    float:right;
}
.cn-nav-content div span{
    display: block;
    padding-top: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
.cn-nav > a{
    position: absolute;
    top: 0px;
    height: 70px;
    width: 70px;
}
a.cn-nav-prev{
    left: 0px;
}
a.cn-nav-next{
    right: 0px;
}
.cn-nav a span{
    width: 46px;
    height: 46px;
    display: block;
    text-indent: -9000px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    cursor: pointer;
    opacity: 0.9;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: 17px 25px;
    margin: -23px 0 0 -23px;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.cn-nav a.cn-nav-prev span{
    background: #666 url(../images/prev.png) no-repeat center center;
	
}
.cn-nav a.cn-nav-next span{
    background: #666 url(../images/next.png) no-repeat center center;
}
.cn-nav a div{
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; 
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.cn-nav a:hover span{
    width: 100px;
    height: 100px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    opacity: 0.6;
    margin: -50px 0 0 -50px;
    background-size: 22px 32px;
    background-color:#ffffff;
	
}
.cn-nav a:hover div{
    width: 90px;
    height: 90px;
    background-size: 120% 120%;
    margin: -45px 0 0 -45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px; 
}
#sliderr{
	position:absolute;
	right:5px;
	top:0px;
	width:200px;
	height:190px;
	z-index:1;
}


#masterpanel {
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
	width:20%;
	display:none;
}
#masterpanel a small { 
	background:#595959; 
	text-align:center; 
	width:100px; 
	padding:5px; 
	border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; 
	border-radius:3px; 
	display:none; 
	color:#FFF; 
	font-size:0.8em; 
	text-indent:0;
}

#masterpanel a:hover small { 
	display:block; 
	position:absolute; 
	top:0px; 
	left:50%; 
	margin:-40px; 
	z-index:9999; 
	-moz-animation:mymove .25s linear;  
	-webkit-animation:mymove .25s linear; 
} 
#masterpanel ul {
	padding:0;
	margin:0;
	float:left;
	width:80%;
	margin:0 10%;
	list-style:none;
	font-size:1em;
}

#masterpanel ul li {
	padding:0;
	margin:0;
	float:left;
	position:relative;
	
}

#masterpanel ul li:first-child {  }

#masterpanel ul li a {
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	height:56px;
	width:56px;
	text-decoration:none;
	color:#333;
	position:relative;
}

a.dribble { background:url(../images/lockernew.png) no-repeat; width:56px;}
a.twitter { background:url(../images/twitter.png) no-repeat; width:56px;}
a.face { background:url(../images/face.png) no-repeat; width:56px;}


#map{
  display: block;
  width:250px;
  height: 174px;
  margin-top:-18px;
  float:left; margin-right:21px;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map.large{
  height:500px;
}
.google_map{margin-bottom:17px; width:410px; height:264px; background-color:#333; border:10px solid #333; border-bottom:1px solid #2c2c2c; padding-bottom: 10px;}
.phone {width:65px; display:inline-block;}
.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:15px;
  line-height:15px;
  opacity:0.8;
  background:url(../images/logo_3_48x48x32.png) no-repeat #000;
  width:48px;
  height:48px;
  border-radius:2px;
  padding:0 4px;
 text-indent:-9999px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #000;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #000;
}