@charset "utf-8";
/* Styles for TAG Latino site */

  * { margin: 0; padding: 0; border: none;} /* global reset of all elements */  
  
  /* Tags */  
  body { text-align: left; color: #333; font: normal 0.9em/1.50em "lucida grande","lucida sans unicode",helvetica,sans-serif; background-color: #f5f5f5;}
  h1, h2, h3, h4, h5, h6 { color: #333; padding: 0.5em 0;}
  h1 { font-size: 190%; padding-top: 0;}
  h2 { font-size: 160%; color: #333;}
  h3 { font-size: 130%; color: #f60;}
  h4 { font-size: 100%; color: #000;}
  img { border: none;}
  p { padding-bottom: 10px;}
  a { color: #c00; text-decoration: none;}
  a:hover { text-decoration: underline;}
  a:active, a:focus { outline: 0;}
  ul { list-style: none;}
  ul.showListItems { list-style-type: disc;}
  ul, ul li a { display: block;}
  
    
  /* Divs */
  #header_wrap, #nav_wrap, #content_wrap, #featuredClients_wrap, #footer_wrap { text-align: center;}
  #content, #header, #nav, #featuredClients, #footer { margin: 0 auto; width: 1000px; text-align: left; /*outline: 1px dashed green;*/ overflow: hidden;}
  #header_wrap { background: #f7f7f7 url('../images/bg_top.gif') repeat-x left top; height: 148px; line-height: 0;}
  #nav_wrap { height: 30px; line-height: 0; background: #f7f7f7 url('../images/bg_nav.gif') repeat-x left bottom;}
  #content_wrap { background: #fff url('../images/bg_content2.jpg') repeat-x left top;}
  #featuredClients_wrap { background: url('../images/bg_featured_clients.gif') repeat-x left top; height: 202px;}
  #footer_wrap { background: url('../images/bg_bottom.gif') repeat-x left top; height: 103px;}
  
  #content { padding: 45px 0 30px;}
  #footer { font-size: 90%; text-align: center; color: #333; padding-top: 20px;}
  #footer ul { list-style: none; text-align: center; padding-bottom: 5px;}
  #footer ul li { display: inline;}
  #footer ul li a { color: #333; display: inline; padding: 0 7px; border-right: 1px solid #333; font-size: 14px; font-weight: bold; text-transform: lowercase;}
  #footer ul li a.lastLink { border-right: none;}
  #footer p { line-height: 1.3em; font-size: 12px; padding-top: 5px;}
  
  #header { position: relative;}
  #header img.logo { padding-top: 35px;}
  #header img.subhead { padding: 0 0 15px 10px;}
  #header #login { position: absolute; top: 60px; right: 50px; display: block; display: none;}
  
  #leftCol { float: left; width: 210px;}
  #leftCol400 { float: left; width: 400px;}
  #leftCol400 h1.title_home { position: relative; background: transparent url('../images/title_home.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 60px; width: 365px;}
  
  #leftCol div.inner { }
  #leftCol div.inner #subnav { margin-left: 10px;}  
  #leftCol div.inner #subnav li { }
  #leftCol div.inner #subnav li a { }
  #leftCol div.inner #subnav li ul { margin-left: 10px;}
  #leftCol div.inner #subnav li ul li { background: url('../images/bg_icon_bullet.gif') no-repeat left center; padding-left: 12px;}
  #leftCol div.inner #subnav li ul li a { color: #333;}
  #leftCol div.inner #subnav li ul li a.active { font-weight: bold; cursor: default;}
  #leftCol div.inner #subnav li ul li a.active:hover { text-decoration: none;}
  #leftCol400 div.inner p { padding-right: 40px;}
  
  
  #rightCol { float: left; width: 790px;}
  #rightCol h1.title_ourmarket { position: relative; background: transparent url('../images/title_ourmarket.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 31px; width: 200px;}
  #rightCol600 h1.title_contactus { position: relative; background: transparent url('../images/title_contactus.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 31px; width: 200px;}
  #rightCol h1.title_ourapproach { position: relative; background: transparent url('../images/title_ourapproach.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 31px; width: 200px;}
  #rightCol h1.title_services { position: relative; background: transparent url('../images/title_services.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 31px; width: 200px;}
  #rightCol h1.title_ourwork { position: relative; background: transparent url('../images/title_ourwork.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 31px; width: 200px;}
  #rightCol h1.title_aboutus { position: relative; background: transparent url('../images/title_aboutus.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 31px; width: 200px;}
  #rightCol h1.title_tagteam { position: relative; background: transparent url('../images/title_tagteam.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 31px; width: 200px;}
  #rightCol ul.clientList { float: left; width: 275px;}
  #rightCol ul.nestedList li { font-weight: bold; padding-bottom: 20px;}  
  #rightCol ul.nestedList li ul { margin-left: 20px;}  
  #rightCol ul.nestedList li ul li { list-style-type: disc; font-weight: normal; padding-bottom: 0; margin-left: 10px;}

  #rightCol div.contentBox { border-top: 5px solid #ffe0c1; padding: 30px 0 0; margin-top: 30px;}
  #rightCol div.contentBox img.logo { float: left; margin-right: 10px; padding-bottom: 15px;}
  #rightCol div.contentBox h2 { color: #f60; padding: 0 0 5px;}
  #rightCol div.contentBox h2.padBottom15 { padding-bottom: 15px;}
  #rightCol div.contentBox h3 { color: #333; padding: 0 0 10px;}
  #rightCol div.contentBox p { clear: both;}
  #rightCol div.contentBox ul { margin-top: -7px; padding-bottom: 15px;}
  a.backToTop { background: url('../images/bg_button_backtotop.gif') no-repeat left bottom; padding-left: 12px; display: block; font-size: 12px; margin-top: 10px; line-height: 1.0em;}
  #rightCol div.aboutUsInfo { float: right; width: 600px;}  
  #rightCol div.tagPartnerInfo { float: left; width: 510px;}
  #rightCol div.tagOtherInfo { width: 750px; padding-bottom: 20px;}
  #rightCol div.tagPartnerInfo p { text-align: justify;}
  #rightCol div.tagPartnerInfo h2 { font-size: 18px; color: #f60; padding: 0;}
  #rightCol div.tagPartnerInfo h3 { font-size: 14px; font-style: italic; padding: 0 0 10px; color: #444; line-height: 1.2em;}
  #rightCol #tagTeamList { }
  #rightCol #tagTeamList li { float: left; padding-right: 10px;}
  #rightCol #tagTeamList li p { line-height: 1.3em; padding: 5px 0 0 10px;}
  #rightCol #tagTeamList li p a { display: inline;}
 
  
  #rightCol600 { float: right; width: 600px;}
  #rightCol div.inner { }
  
  
  #featuredClients { padding-top: 28px;}
  #featuredClients h1.title_featured { position: relative; background: transparent url('../images/title_featured_clients.gif') no-repeat scroll 0 0; text-indent: -9999px; height: 20px; width: 175px;}
  #preview { position: absolute; border: 1px solid #999; background: #c3c3c4; padding: 10px; display: none; color: #333; font-size: 80%;}
  
  /* Styles for Contact Us form */
  form fieldset { border: none;}
  form label { display: block; padding-bottom: 2px;}
  form legend { visibility: hidden;}
  form h2 { margin-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 2px; text-transform: uppercase; color: #ff6600; font-size: 16px;}
  form input, form select { margin-bottom: 10px; width: 250px; border: 1px solid #999; padding: 3px;}
  form textarea { width: 300px; margin-bottom: 10px; height: 100px; border: 1px solid #999;}
  form #submit { width: auto; padding: 5px 10px; background-color: #393939; border: none; color: #fff; font-weight: bold; display: block;}
  form input.checkboxes { margin: 0 5px; width: auto;}
  
  input:focus, textarea:focus { border: 2px solid #777; background-color: #f9e8d9;}
  

  /* NAVIGATION - CSS SPRITES*/
#nav_inner { width: 851px; height: 30px; padding: 0;}
#nav_inner ul { list-style: none;}
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul { padding:0; margin:0; clear:both; float:left; width:inherit;}
#drops a { display: block; /*width: 10em;*/ float:left; clear:both; width:170px;}
#drops li { float: left; /*width: 10em;*/}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING http://www.cssgirl.com/examples/navigation-sprite.gif */	
#nav_inner a.home, #nav_inner a.aboutUs, #nav_inner a.ourWork, #nav_inner a.services, #nav_inner a.ourMarket, #nav_inner a.ourApproach, #nav_inner a.contactUs, #nav_inner a.blog  { float:left; background: url('../images/nav.gif') no-repeat; height:30px; text-indent:-999999px;}
	
#nav_inner a.home { background-position:left top; width:70px;}
#nav_inner a.aboutUs { background-position:-71px 0; width:109px;}
#nav_inner a.ourWork { background-position:-180px 0; width:106px;}
#nav_inner a.services { background-position:-286px 0; width:101px;}	
#nav_inner a.ourMarket { background-position:-387px 0; width:122px;}	
#nav_inner a.ourApproach { background-position:-509px 0; width:142px;}	
#nav_inner a.contactUs { background-position:-651px 0; width:120px;}
#nav_inner a.blog { background-position:-771px 0; width:81px; display: none;}

#nav_inner a.home:hover, #nav_inner a#active1 { background-position:left -30px;}
#nav_inner a.aboutUs:hover, #nav_inner a#active2 { background-position:-71px -30px;}
#nav_inner a.ourWork:hover, #nav_inner a#active3 { background-position:-180px -30px;}
#nav_inner a.services:hover, #nav_inner a#active4 { background-position:-286px -30px;}	
#nav_inner a.ourMarket:hover, #nav_inner a#active5 { background-position:-387px -30px;}	
#nav_inner a.ourApproach:hover, #nav_inner a#active6 { background-position:-509px -30px;}
#nav_inner a.contactUs:hover, #nav_inner a#active7 { background-position:-651px -30px;}
#nav_inner a.blog:hover, #nav_inner a#active8 { background-position:-771px -30px;}

#nav_inner a#active1, #nav_inner a#active2, #nav_inner a#active3, #nav_inner a#active4, #nav_inner a#active5, #nav_inner a#active6, #nav_inner a#active7, #nav_inner a#active8 { cursor: default;}

/*END NAVIGATION*/


/* Styles for Tooltip pop-ups */
.tooltip-body,.tooltip-header { width: 350px; padding: 5px 15px; font-family: arial,verdana,serif; z-index: 500;}
.tooltip-body { background-color: #fff; border: 1px solid #999; border-top: none; font-size: 12px; text-align: justify; padding: 15px;}
.tooltip-header { font-weight: bold; border: 1px solid #999; color: #fff; background-color: #ff6300; font-size: 14px;}


/* Miscellaneous Classes */
.bold { font-weight: bold;}
.clear { clear: both;}
.fontSmaller { font-size: 12px;}
.orange { color: #f60;}
.darkGray { color: #333;}
.noteLighter { font-size: 90%; color: #777;}
.uppercase { text-transform: uppercase;}
.lowercase { text-transform: lowercase;}
.floatLeft { float: left; padding: 0 15px 10px 0;}
.floatRight { float: right; }
.pushLeft { margin-left: 10px;}
.pushLeft30 { margin-left: 30px;}
.padBottom3 { padding-bottom: 3px;}