/*
 Master Stylesheet - br.com
 Date: 10-12-2007  Author: Aleksandar Popovic (HeadMade.net) for MagicalMonkey.com
 border: 1px solid red;
----------------------------------------------- */
@import "reset.css";

body { font:normal .85em/1.2em Lucida Sans Unicode, Trebuchet MS, sans-serif; background:white; text-align:center;  }

a { text-decoration:none; color:#FF6600; }
 a:hover { text-decoration:underline; }
ul { list-style:none; }
.alighCenter { text-align:center; }

/* Custom styles 
-------------------- */
#wrapper { width:770px; margin:0 auto; text-align:left;  }
#mainNav { position:relative; }
#content { width:100%; }
  #content #leftCol { float:left; width:315px; }
    #content #leftCol ul { font-size:.85em; line-height:2.5em;}
	  #content #leftCol ul li { background: white url(../images/ico_dot.gif) no-repeat 3px 0; }
	    #content #leftCol ul li.bgNone { background:none; }
  #content dl dt { font-size:1.2em; color:#FF6600; font-weight:bold; margin-bottom:10px; }
  #content dl dt.topMarging { margin-top:20px; }
  #content dl dd { font-size:.95em; text-indent:25px; }
  #content #rightCol { float:right; width:440px; }
  #partners .portrait { margin:25px 0 0 0; }
#footer { clear:both; margin:3em 0; padding-top:10px; font-size:.85em; border-top:1px solid #ccc; }
.activeNav { top:55px; position:absolute; background: url(../images/bg_nav.gif) repeat-x; height:4px; }
 .activeContact {width:60px; right:70px; }
 .activeGraphic {width:115px; right:145px; }
 .activeClients {width:50px; left:230px; }
 .activePartners {width:95px; left:125px; }
 .activePrint {width:50px; left:290px; }
 .activeTrademark {width:145px; left:350px; }
 
/* Cascading specific pages
-------------------- */
#home #wrapper p { margin:10px 0; text-align:center; }
#clients #content ul { margin-left:65px; }
#partners #leftCol { width:280px; }
#partners #content #rightCol p { margin:10px 0; text-align:center; font-size:.85em}
#contact form { float:right; width:350px; }
  #contact form input { height:30px; }
  #contact form input, #contact form textarea { float: left; width: 200px; display: block; margin: 0  0 10px 0; background:#f1f1f1; border:none; font-size:1em; line-height:1.5em; }
  #contact form label { float: left; width: 80px; display: block; padding: 0 20px 0 0; text-align: right; }
  #contact form div { clear: left;  }
  #contact form .submit { float:right; clear:both; width:100px }
  #contact form .submit:hover { background:#ff6600;}
  #contact form .hidden { display:none; }