/*   
Theme Name: CSS inicial
Author: Estado de sitio | Alexis Garduño Reyes
Author URI: http://www.estadodesitio.net
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/* IE8 HACKS */
*:first-child+html {
}
/* Neutralizamos los Estilos */
* {
	margin: 0;
	padding: 0;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul {
	list-style: none;
	list-style-type: none;
}
/* Ajustes tipográficos */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 2.2em 0;
}
cite, em, dfn {
	font-style: italic;
}
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
li, dd, blockquote {
	margin-left: 1em;
}
code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
del {
	text-decoration: line-through;
}
ins, dfn {
	border-bottom: 1px solid #ccc;
}
small, sup, sub {
	font-size: 85%;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
a abbr, a acronym {
	border: none;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
h1 {font-size: 2em;}
h2 {font-size:1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/
a, a:link, a:visited, a:hover, a:active {
	/*Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:outline: 0;
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).*/
	text-decoration: none;
}
a img {border: none;text-decoration: none;}
img {border: none;text-decoration: none;
	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}
/* Formularios */
label, button {cursor: pointer;}
input:focus, select:focus, textarea:focus {background-color: #FFF;}
fieldset {border: none;}
/* Clases útiles */
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
/* Para empezar un layout centrado: */
.wrapper {margin: 0 auto;text-align: left;}
body {
	background:#d2d2d2 url(images/background.jpg) no-repeat fixed 0 0;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
}
#wrapper {
	margin:0 auto;
	width: 1024px;
	position: relative;
	margin-bottom: 62px;
}
#header {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height: 370px;
	position: relative;
	width: 1024px;
	margin: 0 auto;
}
marquee{height:15px;}
#header h1 {
	margin-top: 100px;
	margin-bottom: 15px;
	position: absolute;
}
#header h1 img {display: block;}
#nav {margin-top: 7px;}
#nav img {float: left;}
#headline {padding-top: 0px;}
#photo {
	float: none;
	width: 920px;
	margin: 0 auto;
}
#photo div {
	border: 1px solid #D8D8D8;
	padding: 2px;
	margin: 0 auto;
}
#photo img {display: block;}
a {font-weight: bold;color: #666666;}
#noticiasm{
	float: left;
	padding: 10px 0 10px 150px;
	background: #dedede url(images/noticiasm.png) no-repeat;
	height: 21px;
}
#body {text-align: left;display: block;}
#body-main {
	background: #fff;
	height: 300px;
	margin: 10px 0 0 0;
	padding: 21px 0 21px 21px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: auto;
	border: 1px solid #CFCFCF;
	opacity: 0.9;
}
#body-left {
	float: left;
	width: 670px;
	padding: 25px 31px 50px 31px;
	margin: 10px 0 0 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	behavior: url(ie-css3.htc);
	background: #FFFFFF;
	border:1px solid white;
	font-family:Arial, Helvetica, sans-serif;
	opacity:0.95;
}
#body-right {
	float: right;
	width: 269px;
	background: #fff;
	margin: 10px 0 70px 0;
	height:auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	behavior: url(ie-css3.htc);
	padding: 51px 0 31px 0;
}
#body-right img.slide {padding:10px 10px 10px 20px;}
#body-right a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#body-right a:hover{
	color:#CCC;
	text-decoration:none;
}
#body-right ul.plussbullets {
	margin-top: 10px;
	margin-left: 30px;
	padding: 0;
	font-weight: bold;
}
#body-right ul.plussbullets li {
	background: top left url(images/bullet_plus.gif) no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;}

#body-left ul.plussbullets {padding: 0;margin: 25px 0 25px 41px;}
#body-left ul.plussbullets li {
	background: top left url(images/viñetas.png) no-repeat;
	margin: 0 0 7px 0;
	padding: 0 0 0 25px;
	color:#666666;
	line-height: 18px;
}
#body-right p.lftText{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:11px 0;
	color: #666666;
	text-align: justify;
	line-height: 1.5;
}
#body-right p.lftText span{
	color:#0091C9;
	background-color:#FFF6DB;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #0091c9;
}
#body h2, #body p {text-align: justify;}
p{color:#666666;}
#body-right p {
	margin-right: 2em;
	color:#FFFFFF;
	padding: 0 20px 4px 20px;
}
#body a.green {
	color: #9AAB68;
	font-weight: normal;
	text-decoration: underline;
}
#body-right img.baner {margin: 0 10px 5px 17px;}
#adds{ margin: 21px 21px 21px 61px;}
#body-left img.baner {
	margin: 0 10px 5px 0;
	border: 1px solid #dedede;
	}	
#gallery img {float: left;}
#footer {
	border-top:1px solid #212121;
	padding: 0 0 5px 0;
	width:100%;
	z-index:9999;
	background: #22252A url(images/bg_footer.png) repeat-x scroll 0 0;
	height:47px;
	bottom:0;
	margin: 0 auto;
}
#footerg {
	color: #22252A;
	padding: 0 0 5px 0;
	margin-top: 2em;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
	width:1024px;
	background: url(images/bgfooter.png) no-repeat;
	z-index:99999;
}
#footerg p.info {
	margin: 0;
	color:#666666;
	font-size: 12px;
	position: relative;
	text-align:center;
	padding-top: 10px;
}
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{padding: 10px;}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:350px;
	height:280px;
	overflow:hidden;
}
#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
#slide-images li img{display:block;background-color:#FFFFFF;}
.Estilo1 {color: #94AF44}
table a,
table a:link,
table a:visited {border:none;}							
img {border:0;}	
#background-image{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 21px 5px;
	width: 520px;
	text-align: center;
	border-collapse: collapse;
	background: url('table-images/back2.jpg') 330px 59px no-repeat;
	}
#background-image th{
	padding: 12px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background: url('table-images/back2.jpg');
	text-align: center;
}
#background-image td{
	padding: 9px 12px;
	color: #666666;
	border: 1px solid #dedede
}
#background-image tfoot td{
	font-size: 11px;
	color: #343436;
	font-family: Arial, Helvetica, sans-serif;
}
#background-image tbody td{background: url('table-images/back.jpg');}
#body-left p.viewMore{
	height:39px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 560px;
	margin:15px 0 15px 0;
	font-size:0px;
	display:block;
}
#body-left p.viewMore a{
	background:url(images/more.jpg) 0 0 no-repeat;
	width:98px;
	height:39px;
	display:block;
}
#body-left p.viewMore2{
	width:98px;
	height:39px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 510px;
	margin:15px 0 15px 0;
	font-size:0px;
	display:block;
}
#body-left p.viewMore2 a{
	background:url(images/more.jpg) 0 0 no-repeat;
	width:98px;
	height:39px;
	display:block;
}
#body-left p.viewMore3{
	width:98px;
	height:39px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 370px;
	margin:15px 0 15px 0;
	font-size:0px;
	display:block;
}
#body-left p.viewMore3 a{
	background:url(images/more.jpg) 0 0 no-repeat;
	width:98px;
	height:39px;
	display:block;
}
#body-left p.viewMore a:hover{background:url(images/more_hover.jpg) 0 0 no-repeat;}
#body-left p.documentacion{
	width:180px;
	height:39px;
	background:url(images/pdf_bg.gif) 0 0 repeat-x;
	padding:0 0 0 380px;
	margin:25px 0 25px 0;
	font-size:0;
	display:block;
}
#body-left p.documentacion a{
	background:url(images/pdf.gif) 0 0 no-repeat;
	width:180px;
	height:39px;
	display:block;
}
#body-left p.documentacion a:hover{
	background:url(images/pdf_hover.gif) 0 0 no-repeat;
}
#body-left h2.main{
	width: 322px;
	margin:21px 0 21px 0;
	color: #3b99dc;
	}
#body-left h2.historia{
	color: #666666;
	font-size:18px;
	font-weight: bold;
	padding: 31px 0 0 320px;
	position: absolute;
	}
#body-left h2{
	color: #3b99dc;
	font-size:16px;
	margin:12px 0;
	font-weight: bold;
	}
#body-left h2.htacces{
	color: #3b99dc;
	font-size:32px;
	margin:12px 0;
	font-weight: bold;
	}
#body-left h3{
	color:#3b99dc;
	font-size:16px;
	font-weight:bold;
	}
#body-left h3.nt{
	color:#CCC;
	font-size:16px;
	font-weight:bold;
	}
#body-left h4{
	color:#2B8DD4;
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	}
#h3.newst{
	color:#999999;
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 12px;
	}
#main-index{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0  25px 290px;
	color: #666666;
	text-align: justify;
	line-height: 1.5;
	background: url(images/main_index.jpg) no-repeat;
}
#stream{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	color: #666666;
	text-align: justify;
	line-height: 1.5;
	padding: 31px 50px;
}
#finan{
	margin:0;
	color: #666666;
	text-align: justify;
	line-height: 1.5;
	padding: 17px 0;
}
#body-left p.main-404{
	margin:0;
	padding:15px 0 15px 0px;
	color: #666666;
	text-align: justify;
	line-height: 1.5;
	background: url(images/main_index.png) no-repeat;
}
#body-left ul.indexul{
	margin:0;
	padding:15px 0 15px 0;
	color: #666666;
	text-align: justify;
	}
#body-left ul.indexul li{
	background:url(images/viñetas.png) no-repeat;
	padding: 0 0 12px 20px;
	}
#body-left p.lftText{
	margin:0;
	padding:11px 0;
	color: #666666;
	text-align: justify;
	line-height: 1.5;
}
#body-left p.lftText span{
	color:#0091C9;
	background-color:#FFF6DB;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #0091c9;
}
#body-left p.lftText2{
	color:#666666;
	margin:0;
	padding:12px 0 11px 240px;
	text-align: justify;
	line-height: 1.5;
}
#body-left p.lftText2 span{
	color:#9E3F01;
	background-color:#FFF6DB;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
}
#body-left p.lftText3{
	background: url(images/bg_ventajas.jpg) no-repeat;
	color:#666666;
	margin:0;
	padding:0 20px 21px 290px;
}
#body-left p.lftText3 span{
	color:#9E3F01;
	background-color:#FFF6DB;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
}
#body-left p.lftText4{
	background: url(images/foros.gif) no-repeat;;
	color:#44433f;
	float: left;
	width: 580px;
	padding: 210px 0 0 0;
}
#body-left p.lftText4 span{
	color:#539404;
	font:bold 14px/19px Arial, Helvetica, sans-serif;
	color:#212121;
}
#body-left p.lftText5{
	background: url(images/chat.gif) no-repeat;
	color:#44433f;
	float: left;
	width: 580px;
	padding: 210px 0 0 0;
}
#body-left p.lftText5 span{
	color:#539404;
	font:bold 14px/19px Arial, Helvetica, sans-serif;
	color:#212121;
}
#body-left p.lftText6{
	background: url(images/contacto.gif) no-repeat;
	color:#44433f;
	float: left;
	width: 580px;
	padding: 210px 0 0 0;
}
#body-left p.lftText6 span{
	color:#539404;
	font:bold 14px/19px Arial, Helvetica, sans-serif;
	color:#212121;
}
#body-left p.lftText7{
	background: url(images/phone.gif) no-repeat;
	color:#44433f;
	float: left;
	width: 580px;
	padding: 210px 0 0 0;
}
#v-fiscal{
	color:#666666;
	padding:8px 0 21px 290px;
	background: url(images/m_fiscal.jpg) no-repeat;
	margin: 16px 0;
}
#indicadores{
	color:#666666;
	margin: 16px 0;
	float:right;
	width:233px;
	height: auto;
	padding: 21px;
}
#fran{
	color:#666666;
	float:left;
	display:block;
	margin: 31px 0;
}
#bejos{
	color:#666666;
	float:left;
	height: 280px;
	padding:0 0 0 200px;
	background: url(images/bejos.jpg) no-repeat;
}
#bejos p.info{
	color:#666666;
	height: 280px;
	width: 470px;
}
#historia{
	color:#666666;
	padding:380px 0 21px 0;
	background: url(images/main_historia.jpg) no-repeat;
}
#v-contable{
	color:#666666;
	padding:8px 0 21px 290px;
	background: url(images/m_contable.jpg) no-repeat;
	margin: 21px 0;
}
#v-admin{
	color:#666666;
	padding:8px 0 21px 270px;
	background: url(images/m_admin.jpg) no-repeat;
	margin: 16px 0;
}
#v-cursos{
	color:#666666;
	padding:8px 0 21px 270px;
	background: url(images/m_redw.jpg) no-repeat;
	margin: 16px 0;
}
#body-left p.lftText3{
	background: url(images/bg_ventajas.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
	padding:0 20px 21px 290px;
}
#body-left p.incubadora{
	background: url(images/incubadora.jpg) top right no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
	padding:15px 250px 31px 0;
	line-height: 1.4;
}
#body-left p.newsn{
	background: url(images/noticias.jpg) top right no-repeat;
	color:#666666;
	margin:0;
	padding: 0 350px 0 0;
	line-height: 1.4;
}
#news{
	padding:31px;
	border: 1px solid #CFCFCF;
}
#body-left p.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	left:0;
	line-height:2;
	position:absolute;
	padding: 15px 0 15px 480px;
}
#body-left p.news{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 11px 0 11px 0;
	}
#body-left span{
	color:#3B99DC;
	font-sieze:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.publicidad{
	background:#FFFFFF;
	width: 571px;
	padding: 21px;
	}
.noticias{
	background:#efeeee;
	width: 270px;
	padding: 21px;
	float: left;
	}
.tramites{
	background:efeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 270px;
	float: right;
	padding: 21px;
	}
#body-left p.ihistoria{
	background: url(images/bg_historia.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding:81px 0 21px 320px;
	line-height: 1.6;
}
#body-left p.ihistoria2{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding:81px 0 21px 31px;
	line-height: 1.6;
}
form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
.top_strip {
	float: left;
	height: 27px;
	width: auto;
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	fon-size:11px;
	background: #484848;
	color: #FFFFFF;
	padding: 10px 20px 0 20px;
	margin: 0;
}
.top_strip a{color:#FFFFFF;}
.clima{
	float: right;
	height: 27px;
	width: 60px;
	font-family:Arial, Helvetica, sans-serif;
	fon-size:11px;
	color: #FFFFFF;
	margin: 10px 10px 10px 930px;
	position: absolute;
	font-size: 10px;
}
#body-right img.top{
	padding: 2px;
	background: #212121;
	border: 1px solid #ccc;
	margin: 10px 19px 15px 22px !important;
	}	
/* FLASH */
#flashcontent {
	width:960px;
	height:300px;
	margin: 0 auto;
	z-index:1;
}
#flash-banner{
	width:238px;
	height:600px;
	position:relative
	;
	padding: 0 17px;
}
#flashbanner{
	width:267px;
	margin: 0 auto;
	z-index: 2;
	margin-bottom: 21px;
	}
.carousel_container {
	margin:0;
	height: 360px;
	width:670px;
	border: 1px solid #d2d2d2;
	margin-bottom: 41px;
	}
	
div#top div#nav{
  float:left;
  clear:both;
  width:993px;
  height:52px;
  margin:22px 0 0;
  background:url url(images/nav-bg.png) 0 0 no-repeat;
 }
div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
div#nav ul li{float:left;height:52px;}
div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    } 
div#header{margin:-1px 0 0;}
div#video-header{height:683px;margin:-1px 0 0;}
div#header div.wrap{height:299px;background:url(images/header-bg.png) 50% 0 no-repeat;}
div#header div#slide-holder{
	z-index:0;
	width:993px;
	height:299px;
	position:absolute;
    }
div#header div#slide-holder div#slide-runner{
	top:9px;
	left:9px;
	width:973px;
	height:278px;
	overflow:hidden;
	position:absolute;
  }
div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:228px;
   width:973px;
   height:46px;
   display:none;
   position:absolute;
   background:url(images/slide-bg.png) 0 0;
  }
div#header div#slide-holder div#slide-controls p.text{
	float:left;
	color:#fff;
	display:inline;
	font-size:10px;
	line-height:16px;
	margin:15px 0 0 20px;
   }
div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a.on{background-position:0 -24px;}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;}
div.wrap{
    width:1024px;
    margin:0 auto;
    text-align:left;
}
#postit{
	width:530px;
	padding:15px;
	visibility:hidden;
	z-index:500;
	left:300px;
	top:15px;
	position:fixed;
}
.postit_cerrar {
	width:400px;
	text-align:right;
	background-color: #fff;
}
.postit_cerrar a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}
.postit_cerrar a:hover{color:#006666;}
.postit_cerrar img{border:0px}
.nav {float: left;z-index:2;}
.nev-wrapper {clear: both;float: left;}
.nav-left {
	background: url(images/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	width: 1024px;
	height: 32px;
	float: left;
	margin: 0 auto;
	list-style: none;
	font-size: 11px;
	display: block;
	color: #548b22;
	background: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	z-index:auto;
}
.nav li {
	float: left;
	padding: 0 7px;
	background: url(images/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
}
.nav li.last {background:none;}
.nav li:hover {z-index:2;}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
	font-size:12px;
}
a .menu-left {
	background: url(images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 37px;
	color: #666666;
	font-weight:bold;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {}
.nav li:hover .sub,
.nav li.hover .sub {display:block;}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: url(images/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 11px;
}
.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #666666;
	background: none !important;
	line-height: normal;
	width: 150px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #0097cf !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
.content {
	width: 670px;
	background: transparent url(images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
.content p {padding: 0 15px;text-align: justify;}
.content-bottom {
	width: 710px;
	background: transparent url(images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}
#slider {
	width: 238px; /* important to be same as image width */
	height: 311px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden;
	margin: 0 0 31px 10px;
}
#sliderContent {
	width: 238px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 328px;
	background-color: #CCC;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #666;
	display: none;
}
.clear {clear: both;}
.sliderImage span strong {font-size: 12px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}
table{
	width:90%;
	margin:1em auto;
	border-collapse:collapse;
	padding: 0 30px;
}
caption{color:#04619A;font-size:13px;letter-spacing:0.1em;margin:1em 0 0 0;padding:0;caption-side:top;text-align:left;}
tr.odd td{}
tr.odd .column1{}
.column1{background:#fff;border:1px solid #e5eff8;}
td{
	color:#666666;
	padding:.3em .9em;
	text-align:left;
	border:1px solid #e5eff8;
	font-size: 12px;
}
th{font-weight:normal;color:#666666;text-align:left;padding:.3em 1em;}
thead th{
	background:#ffffff;
	text-align:center;
	font:12px Arial,Helvetica,sans-serif;
	color:#666;
	border:1px solid #e5eff8;
}
tfoot th{text-align:center;background:#f4f9fe;}
tfoot th strong{font:1.2em Arial,Helvetica,sans-serif;margin:.5em .5em .5em 0;color:#66a3d3;}
tfoot th em{color:#f03b58;font-weight:bold;font-size:1.1em;font-style:normal;}
#featured{
	width:420px;
	padding-right:250px;
	position:relative;
	height:250px;
	background:#fff;
	margin: 31px 0;
	border: 1px solid #dedede;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0;
	left:410px;
	list-style:none;
	padding:0;
	margin:0;
	width:260px;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/mobile/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{
	width:420px;
	height:250px;
	background:#999;
	position:relative;
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:180px;
	left:0;
	height:70px;
	background: url('images/mobile/transparent-bg.png');
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{
	margin:0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#carousel_container{margin: 31px 0; border:1px solid #dedede;}
.folio_block {
	position: relative;
	left: 17px;
	bottom: 31px;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:311px;
	width: 237px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #666666; 
	border: 1px solid #333333;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;
	background-color:#111;
	font-size:13px;
	color:white;
	overflow:hidden;
	height:22px;
}
.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}
/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }
.tipTitle{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
}
.tipIcon{
	width:20px;
	height:20px;
	float:left;
	background-color:#099;
	border:1px solid #099;
	margin-right:8px;
	/* CSS3 Rounded corners */
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}
/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }
.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url('images/plus.gif') no-repeat center center;
	margin:4px;
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.slideOutTip.isOpened{ z-index:10000; }
.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/* Special rules for the left and top - opening versions */
.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }
.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:11px;
}
/* Hiding the original paragraphs if they have not been replaced (JS disabled): */
.main > p{ display:none; }
/* The styles below are only necessary for the styling of the demo page: */
.main{
	position:relative;	margin:20px auto;
}
.spaceBottom{
	margin:0 0 10px;
}
.spaceTop{margin:10px 0 0;}