/******************* main elements **********************/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, input, fieldset, blockquote, cite, hr
{
  margin: 0;
  padding: 0;
  border: 0;
}

.clear{clear: both;}

.cufon-vml { vertical-align: bottom !important; }
.cufon-canvas{ vertical-align: bottom !important; }

html
{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 62.5%;
  background: #ECECED url(../images/back.gif) repeat;
}

body
{
  font-size: 1.2em;
  color: #6D6E71;
}

hr{
  height: 1px;
  background: url(../images/hr.gif) repeat-x;
  clear: both;
  margin: 5px 10px 10px 0;
}

#sidebar hr{
  width: 200px;
  height: 1px;
  background: url(../images/hr.gif) no-repeat;
  clear: both;
  margin: 5px 0 0 23px;
}

a{
  color: #6D6E71;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

#wrapper{
  width: 860px;
  margin: 2% auto 0 auto;
}

#logo{
 float: left; 
 width: 250px;
 height: 120px;
 margin: 0 0 0 30px;
 position: relative;
}

#logo-flash{
  position: absolute;
  top: 1px;
  visibility: hidden;
}

#header{
  position: relative;
}

#twitter{
  position: absolute; left: 785px;
}





#a4{
 position: absolute; left: 550px;
  margin-top:-11px;
}

#ahaa{
   position: absolute; left: 600px;
  margin-top:-7px;
}

#latinalogo{
   position: absolute; left: 685px;
  margin-top:-7px;
}



#mainmenu{
  width: 500px;
  float: right;
  margin: 50px 50px 0 0;
}

#mainmenu ul{
  list-style: none;
  float: right;
  margin: 0 -5px 0 0;
}

#mainmenu ul li{
  margin: 0 0 0 10px;
  float: left;
}

#mainmenu ul li a{
  color: #A52F3B; 
  font-size: 12px;
  text-transform: uppercase;  
  float: left;
  height: 28px;
  padding: 0 5px;
  color: #A52F3B;
  text-transform: uppercase;
}

#mainmenu ul li a strong{
  font-size: 14px;
  font-weight: normal;
  position: relative; top: 1px;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active{
  text-decoration: none;
}

#mainmenu ul li#home a:hover, #mainmenu ul li#home.active a{
  background: url(../images/mainmenu-hover-home.gif) no-repeat center bottom;
}

#mainmenu ul li#about.active a{
  background: url(../images/mainmenu-hover-about.gif) no-repeat center bottom;
}

#mainmenu ul li#latina a:hover, #mainmenu ul li#latina.active a{
  background: url(../images/mainmenu-hover-latina.gif) no-repeat center bottom;
}

#mainmenu ul li#cultural a:hover, #mainmenu ul li#cultural.active a{
  background: url(../images/mainmenu-hover-cultural.gif) no-repeat center bottom;
}

#mainmenu ul li#contact a:hover, #mainmenu ul li#contact.active a{
  background: url(../images/mainmenu-hover-contact.gif) no-repeat center bottom;
}

#mainmenu ul li#about a:hover{
  background: #D1D2D4;
}

#mainmenu ul li ul {
    visibility: hidden;
    list-style: none;
    margin: 18px 0 0 0;
    padding: 0;
    position: absolute;
    background: #D1D2D4;
    width: 392px;
    display: block;
}

#mainmenu ul li:hover ul{
    visibility: visible;
}

#mainmenu ul li ul li{
  padding: 2px 0 0 0; margin: 0;
  display: block;
  height: 14px;
  padding: 3px 5px 3px 5px;
  border-right: 1px dotted #EB1C22;
  float: left;
}

#mainmenu ul li#about ul li a, #mainmenu ul li#about.active ul a{
  background: none;
}

#mainmenu ul li ul li a{
    float: left;
    padding: 0; margin: 0;
    height: 14px;
    width: auto;
    display: block;
    font-size: 8px;
}

#mainmenu ul li ul li.last, #mainmenu ul li ul li.last a{
  border: 0;
  padding-right: 0; 
  margin-right: 0;
}

#mainmenu ul li ul li a strong{
  font-size: 9px;
  font-weight: normal;
  position: relative; top: 0px;
}



#currentinfo{
  clear: both;
  float: right;
  padding: 0 50px 0 0;
}

#currentinfo p, .klavika-regular-14px_currentinfo{
  font-size: 12px;
  color: #EB1D21; 
}

#stage{
  clear: both;
  height: 454px;
  background: url(../images/canvas-back.gif) no-repeat center bottom;
}

#stage.home{
  background: none;
}

#stage.home embed{
  position: relative; right: 10px; top: 4px;
}

#stage-clear{
  clear: both;
  height: 454px;
  background: url(../images/canvas-back-clear.gif) no-repeat center bottom;
}

#sidebar{
  width: 270px;
  height: 454px;
  float: left;
}

#band{
  background: url(../images/band.gif) no-repeat;
  position: relative; left: 10px; top: 15px;
  width: 270px; height: 75px;
  padding: 10px 0 0 0;
  text-align: right;
  z-index: 2;
}

h2{
  color: white;
  text-transform: uppercase;
  padding: 0 70px 0 0;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  vertical-align: bottom !important;
}

h2 strong{
  font-size: 19px;
  letter-spacing: 0px;
  font-weight: normal;
}

h2.right{
  padding: 0 20px 0 0;
}

h2.tight{
  letter-spacing: 0px;
}

#stage-clear h2{
  text-align: right;
  padding: 0 55px 0 0;
}

h2.center{
  padding: 0 45px 0 0;
}

h2.right-center{
  margin-right: -10px;
}

h2 .cufon-vml { vertical-align: bottom !important; }

h3{
  color: #ED1C21;
  font-size: 19px;
}

#sidebar-content{
  margin: -15px 0 0 40px;
  position: relative;
  z-index: 3;
}

#sidebar-content.right ul li{
  text-align: right;
  padding: 0 10px 0 0;
}

#sidebar-content.center ul li{
  text-align: right;
  padding: 0 35px 0 0;
}

#sidebar-content.left ul li{
  text-align: right;
  padding: 0 50px 0 0;
}

#sidebar img{
  float: right;
}

#sidebar img.right{
  position: relative; left: 10px;
}

#sidemenu{
  list-style: none;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: center;
}

#sidemenu li a{
  color: #BF1E2E;
  font-size: 12px;
  letter-spacing: 1px;
}

#sidemenu li a strong{
  font-weight: normal;
  font-size: 14px;
  position: relative; top: 1px;
}

#sidemenu li.lowercase a{
  text-transform: none;
  font-size: 14px;
  position: relative; left: 20px;
}

#main{
  width: 478px;
  height: 390px;
  float: right;
  padding: 30px 70px 0 0;
}

#scroller{
  height: 390px;
  overflow: auto;
}

#scroller.sm{
  background: url(../images/sm.gif) no-repeat 398px 106px;
}

#scroller.mark{
  background: url(../images/mark.gif) no-repeat 387px 87px;
}

#main p{
  padding: 0 0 15px 0;
  line-height: 1.4em;

}

.klavika-regular-big-red, .klavika-light-big-red{
  color: #ED1C21;
  font-size: 19px;
  line-height: 1.2em;
}

.klavika-light-biggest-red{
  color: #ED1C21;
  font-size: 24px;
  line-height: 1.6em;
}

.klavika-regular-middle-grey, .klavika-light-middle-grey, .klavika-light-middle-grey-noindent{
  color: #818183;
  font-size: 16px;
}

.klavika-regular-smallest-grey{
  color: #818183;
  font-size: 11px;
}

.klavika-regular-middle-grey-right{
  color: #818183;
  font-size: 15px;
  text-align: right;
  line-height: 1.6em;
  padding: 0 5px 0 0;
}

.klavika-regular-small-grey{
  color: #818183;
  font-size: 13px;
}

.klavika-regular-small-red-right{
  color: #EE1C25;
  font-size: 13px;
}

#small-red p{
  color: #EE1C25;
  font-size: 14px;
  text-align: right;
  margin: -5px 0 10px 0;
}

#small-red p a{
  color: #1275B9;
}

.klavika-medium-grey{
  color: #818183;
  font-size: 18px;
}

.klavika-medium-small-grey{
  color: #818183;
  font-size: 16px;
}

.klavika-medium-small-grey-noindent{
  color: #6E6F73;
  font-size: 15px;
  line-height: 1.4em;
  font-weight: bold;
}

.klavika-light-middle-grey-noindent{
  color: #818183;
  font-size: 16px;
  line-height: 1.5em;
}

.klavika-regular-middle-grey-noindent{
  color: #818183;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: bold;
}

.portfolio-slogan{
  color: #A8A9AC;
  font-size: 17px;
  float: right; 
  width: 563px;
  margin: -55px 0 0 0;
}

#address{
  margin: 0 0 0 60px;
}

#address .big-red{
  color: #ED1C21;
  font-size: 20px;
  line-height: 1.2em;
  padding: 0 0 3px 0;
  text-transform: uppercase;
}

#address .big-red strong{
  font-size: 24px;
  font-weight: normal;
}

#address .medium-red{
  color: #ED1C21;
  font-size: 16px;
  line-height: 1.2em;
  padding: 0 0 10px 0;
}

#address .small-grey{
  color: #818183;
  font-size: 13px;
}

#contactform .klavika-regular-smallest-grey{
  padding: 10px 0 0 65px;
}

#map{
  margin: -7px 0 0 62px;
}

#small-red{
  padding: 20px 3px 0 0;
}

#main-narrow{
  width: 340px;
  height: 390px;
  float: right;
  padding: 30px 45px 0 0;
}

#main-narrow h3{
  margin: 0 0 10px 65px;
  color: #ED1C21;
  font-size: 19px;
}

#portfolio-stage{
  background: url(../images/portfolio-stage-back.gif) no-repeat 5px 15px;
  height: 390px;
  width: 770px;
  position: relative; bottom: 25px; left: 43px;
  float: left;
  padding: 27px 0 0 0;
}

#portfolio-main{
  padding: 0 0 0 15px;
  width: 405px;
  float: left;
}

#portfolio-images img{
  width: 405px;
  height: 335px;
}

#portfolio-images{
  overflow: hidden;
  height: 335px;
}

#next-image{
  position: relative;
  left: 375px; bottom: 20px;
  z-index: 99;
}

#portfolio-list{
  width: 335px;
  float: right;
  height: 337px;
  overflow: auto;
  margin: 0 0 0 5px;
}

#portfolio-list ul{
  list-style: none;
}

#portfolio-list ul li{
  width: 295px;
  height: 62px;
  background: url(../images/portfolio-list.gif);
  float: left;
  margin: 1px 0 15px 0;
  overflow: hidden;
  padding: 8px 0 0 5px;
  line-height: 12px;
}

#portfolio-list ul li.active{
  background: url(../images/portfolio-list-active.gif);
}

#portfolio-list ul li img{
  float: left;
  margin: -3px 3px 0 0;
}

#portfolio-list ul li.active img{
  opacity: 0.10;
  -moz-opacity:.10;
  cursor: default;
}

#portfolio-list ul li strong{
  font-size: 14px;
  color: #808082;
}

#portfolio-list ul li strong.left{
  float: left;
}

#portfolio-list ul li span{
  font-size: 11px;
  color: #808082;
  float: left;
  width: 210px;
}

#portfolio-list ul li span.right{
  float: right;
  width: 140px;
  margin: 0 22px 0 0;
}

#portfolio-list ul li em{
  font-size: 11px;
  color: #808082;
  letter-spacing: -0.5px;
}

/****************  form **************************/
#contactform{
  margin: 0px 0 10px 0;
}

input, select, textarea{
	border: 0;
}

input{
  height: 20px;
  padding: 1px 5px;
  margin: 5px 0 0 3px;
  float: left;
}

label{
  font-size: 11px;
  color: #6D6E71;
  display: block;
  float: left;
  width: 60px;
  text-align: right;
  padding: 8px 0 0 0;
}

label.error{
  width: 150px;
  text-align: left;
  color: #ED1C24;
  position: absolute; left: 328px;
  background: white;
  border: 1px solid #ED1C24;
  padding: 5px;
  z-index: 100;
}

form p{
  padding: 0 0 5px 0;
  text-align: left;
  position: relative;
  clear: both;
}

.large input{
  width: 243px;
  background: url(../images/input-large.gif);
}

.small input{
  width: 50px;
  background: url(../images/input-small.gif);
  margin: 5px 5px 0 3px;
}

#carrier{
  width: 49px;
  height: 22px;
  background: url(../images/select-carrier.gif);
}

option{background: white;}

input.send-button{
	background: url(../images/send-button.png);
	width: 36px;
	height: 17px;
	margin: 0 0 0 10px;
	position: relative; top: 5px;
	z-index: 8;
}