@charset "utf-8";
/* CSS Document */

/*
Design by Barbara Carneiro
www.barbaracarneiro.com

CSS by Bruno Carneiro
www.brunocarneiro.com
*/

/* Main */
* {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

body {
	background: #D7DF21;
	font: 13px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #FFF;
}

ul, ol, li {
	margin-left: 10px;
	padding-left: 10px;
}

/* Containers */
#wrap {
	width: 100%;
}
#mainBkg {
	background: #58585A url(../Images/background.jpg) top repeat-x;
	border-bottom: 1px solid #666666;
	padding-bottom: 10px;
}
#templateMainBkg {
	background: #58585A url(../Images/template-bkg.jpg) top repeat-x;
	border-bottom: 1px solid #666666;
	padding-bottom: 10px;
}
#lightGrayBkg {
	background: #666666;
	border-top: 1px solid #58585A;
	padding-bottom: 10px;
}
#DarkGrayBkg {
	background: #58585A;
	border-bottom: 1px solid #D7DF21;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer {
	border-top: 1px solid #58585A;
	text-align: center;
	padding: 15px 0 25px 0;
}
#topContainer {
	width: 890px;
	padding: 10px 10px 5px;
}
#whiteBkg {
	background: url(../Images/white-shadow.png) repeat-y;
	width: 920px;
}
#topCorner {
	background: url(../Images/top-menu-bkg.jpg) top no-repeat;
}
#bottomCorner {
	background: url(../Images/bottom-menu-bkg.jpg) bottom no-repeat;
	min-height: 395px;
	padding: 12px;
	height: auto;
}
#templateBottomCorner {
	background: url(../Images/bottom-menu-bkg.jpg) bottom no-repeat;
	min-height: 185px;
	padding: 12px;
	height: auto;
}
#topRight {
	float: right;
	width: 500px;
}
#topRight01 {
	width: 230px;
	float: right;
	text-align: right;
	padding: 20px 40px 10px 0;
	text-align: right;
	height: 95px;
	background: url(../Images/top-bkg.jpg) right no-repeat;
}
#topRight02 {
	width: 150px;
	float: right;
	padding-left: 10px;
	padding-top: 35px;
}
#logo {
	padding: 0 25px;
}
#menu {
	height: 37px;
	text-align: center;
}
#menuBottom {
	height: 39px;
	text-align: center;
	background: url(../Images/menu-bkg-bottom.png) bottom no-repeat;
	margin-top: -2px;
	padding-left: 7px;
}
#topBoxContainer {
	height: 321px;
}
#topBoxContainerInternal {
	height: auto;
	min-height: 308px;
	padding: 25px;
}
.leftBorderLight {
	width: 871px;
	background: url(../Images/columns-border-light.gif) repeat-y;
	margin-top: 10px;
}
#content01 {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img01.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content01:hover {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img01a.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content02 {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img02.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content02:hover {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img02a.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content03 {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img03.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content03:hover {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img03a.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content04 {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img04.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content04:hover {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img04a.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content05 {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img05.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content05:hover {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img05a.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content06 {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img06.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
#content06:hover {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 22px;
	background: url(../Images/img06a.jpg) top left no-repeat;
	padding-top: 60px;
	padding-left: 3px;
}
.centerContent {
	float: left;
	width: 240px;
	padding: 10px 25px;
}
.clearDiv {
	clear: both;
	height: 10px;
}
.leftBorderDark {
	width: 871px;
	background: url(../Images/columns-border-dark.gif) repeat-y;
	margin-top: 10px;
}
.leftBorderLightBottom {
	width: 871px;
	background: url(../Images/columns-border-light-bottom.gif) repeat-y;
}
#copyright {
	float: left;
	width: 530px;
	margin: 10px 25px 0;
}
#socialLinks {
	float: right;
	width: 240px;
	padding: 10px 25px 0 25px;
	text-align: right;
}
#mainContent {
	float: left;
	width: 530px;
	margin: 10px 25px 0;
}
#rightColumn {
	float: right;
	width: 240px;
	padding: 10px 25px 0 25px;
}

#latestContainer {
	float: left;
	width: 290px;
}
#latestContent {
	background: url(../Images/latest-bkg.jpg) no-repeat;
	width: 230px;
	height: 123px;
	padding: 20px 18px 24px 22px;
	overflow: hidden;
}
#latestTitle {
	padding: 10px 0 0 25px;
}
#staples {
	float: left;
	width: 272px;
	height: 150px;
	position: relative;
	z-index: 999999;
	top: -135px;
	left: -20px;
}
#testimonials {
	float: left;
	width: 240px;
	height: 190px;
	background: url(../Images/commas.gif) top no-repeat;
	margin: 10px;
	padding: 0 15px;
}
#bannerHome {
	background: #000;
	height: 321px;
}
#bannerImages {
	float: right;
	width: 580px;
	padding: 10px 30px 0 0;
	height: 301px;
	margin-top: -50px;
}
#bannerText {
	float: left;
	width: 250px;
	padding: 25px 0 0 25px;
	margin-top: -50px;
}
#menuBotomOn {
	background: url(../Images/menu-bottom-gray-bkg.png) no-repeat;
	height: 50px;
	width: 892px;
	margin: 0 2px;
	position: relative;
	z-index: 9999;
	top: -51px;
}



/* Text */
.textWhite {
	font: 13px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #FFF;
}
.textWhite2 {
	font: 12px/22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #FFF;
}

.textGreen {
	font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #D7DF21;
}
.titleGreen {
	font: 16px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #D7DF21;
	margin-bottom: 15px;
}
.titleGreenBig {
	font: 22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #D7DF21;
	margin-bottom: 15px;
}
.textWhite {
	font: 12px/17px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #FFF;
}
.textWhite a {
	color: #D7DF21;
	text-decoration: none;
}
.titleGray {
	font: 22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #58585A;
	padding-bottom: 15px;
}
.textGray {
	font: 13px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #333;
}
.samples {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}



/* Menu */
.menu, .menuHome {
	font: bold 10px/37px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-transform: uppercase;
}
.menu a, .menuHome a {
	color: #FFF;
	padding: 12px 16px;
	text-decoration: none;
}
.win.gecko .menu a, .ie .menu a, .win.gecko .menuHome a, .ie .menuHome a {
	padding: 11px 16px;
}
.menu a:hover {
	background: url(../Images/menu-on-white.gif) bottom no-repeat;
	color: #D7DF21;
}
.menu a.Selected {
	background: url(../Images/menu-on-white.gif) bottom no-repeat;
	color: #D7DF21;
}

.menuHome a:hover {
	background: url(../Images/menu-on-black.gif) bottom no-repeat;
	color: #D7DF21;
}
.menuHome a.Selected {
	background: url(../Images/menu-on-black.gif) bottom no-repeat;
	color: #D7DF21;
}

.menuBottom {
	font: bold 10px/40px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-transform: uppercase; 
}
.menuBottom a {
	color: #333333;
	padding: 14px 10px 10px;
	text-decoration: none;
}
.win.webkit .menuBottom a, .win.gecko .menuBottom a, .win.opera .menuBottom a {
	padding: 13px 10px 10px;
}
.ie .menuBottom a {
	padding: 13px 10px 10px;
}






#TJK_dropDownMenu,
#TJK_dropDownMenu * {
	margin:0;
	padding:0;
	font: bold 10px/41px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #333333;
	text-transform: uppercase;
}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {
	position:relative;
	width: 892px;
	float:left;
}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	cursor:default;
	width:892px;
	position:absolute;
	height:auto;
	top:-50px;
	margin-left: -5px;
	background-position:0 0 !important;
	left:-9000px;
	height: 50px;
	list-style-image: none;
	z-index: 9999999;
}
#TJK_dropDownMenu li ul a.Selected {
	cursor:default;
	width:892px;
	position:absolute;
	height:auto;
	top:-50px;
	margin-left: -5px;
	background-position:0 0 !important;
	left:-9000px;
	height: 50px;
	list-style-image: none;
	z-index: 9999999;

}

/* All LIs */
#TJK_dropDownMenu li {
	cursor:pointer;
	float:left;
	width: auto;
	text-align:center;
	list-style-type:none;
	font-weight:bold;	
	list-style-image: none;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	padding:0 0 0 0;
	border:none;
	width:auto;
	max-width:none;
}
/* All anchors */
#TJK_dropDownMenu li a {
	text-decoration:none;
	display:block;
	float:left;
	height:50px;
	padding: 0 10px;
}
#TJK_dropDownMenu li a.Selected {
	background: url(../Images/menu-on-black-bottom.gif) top no-repeat;
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	height:30px;
	background-position:0 50% !important;
	padding: 0 10px;
	color: #FFF;
	display: inline;
	line-height: 50px;
}
#TJK_dropDownMenu li ul li a:hover {}
/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {}
/* position and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {left:0;z-index:9999999}
/* Current location - class on Body must match LI's id */
.AB #TJK_dropDownMenu li#AB a {cursor:default;}
.AB #TJK_dropDownMenu li#AB ul {color: #FFF; left:0;z-index:99999999}
/* background images and border colors */
#TJK_dropDownMenu li#AB ul,
.AB #TJK_dropDownMenu li#AB {color:#FFF;}/* current location */
#AB,#AB li a,
.AB #TJK_dropDownMenu li#AB ul {color:#FFF;}


#AB:hover {
	background: url(../Images/menu-on-black-bottom.gif) top no-repeat;
}


/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {color:#FFF !important;}













.menuBottom a:hover {
	background: url(../Images/menu-on-black-bottom.gif) top no-repeat;
}




.copyright {
	font: 12px/37px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #CCC;
}
.copyright a {
	color: #CCC;
	margin: 0 10px;
}
.copyright a:hover {
	color: #D7DF21;
}


/* Images and Boxes */
.formFields {
	height: 20px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
	width: 120px;
}
.socialLinks {
	margin-left: 10px;
	display: none;
}
.clients {
	background: url(../Images/sombra.jpg) no-repeat;
	padding: 12px;
}
table#wrapper {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
table#wrapper td {
	padding: 3px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}



/* scripts */
.no_js { 
	display: block;
}
.has_js { 
	display: none;
}
.js .no_js { 
	display: none;
}
.js .has_js {
	display: block;
}