@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;
}
ul, ol, li {
	padding-left: 10px;
	margin-left: 10px;
}
li {
	padding-bottom: 5px;
}
body {
	background: #333;
}



/* Containers */
#wrap {
	width: 100%;
	padding-bottom: 10px;
}
#menuContainer {
	background: #D6E055;
}
#menuContent {
	width: 700px;
	height: 40px;
	padding-left: 250px;
}
#whiteBkg {
	background: #FFF;
}
#blueBkg {
	background: #236071;
}
#mainContainer {
	width: 950px;
}
#logo {
	float: left;
	width: 213px;
	padding: 14px 12px 13px 13px;
	margin-top: -40px;
	background: url(../images/logo-bkg.png) center top no-repeat;
}
#mainContent {
	float: right;
	width: 680px;
	padding: 10px;
}
#sidebar {
	float: left;
	width: 213px;
	padding: 13px;
	clear: left;
}

#clear {
	width: 950px;
	clear: both;
	height: 31px;
	background: url(../images/bottom-title.png) left no-repeat;
}
#bottomTitle {
	float: left;
	width: 198px;
	padding: 6px 20px 0;
	text-align: right;
}
#bottomContainer {
	width: 950px;
	background: url(../images/green-bkg.png) left repeat-y;
	overflow: hidden;
	min-height: 100%;
}
#bottomLeftContent {
	float: left;
	width: 198px;
	padding: 15px 20px;
	text-align: right;
}
#bottomRightContent {
	float: right;
	width: 680px;
	padding: 15px 10px;
}
#footerContainer {
	background: url(../images/footer-border.gif) top repeat-x;
	padding-top: 3px;
}
#footer {
	width: 950px;
	overflow: hidden;
	min-height: 100%;
}
#footerLeftContent {
	float: left;
	width: 218px;
	padding-right: 25px;
	text-align: right;
	background: url(../images/footer-tab.jpg) right no-repeat;
}
#footerRightContent {
	float: right;
	width: 680px;
	text-align: center;
	padding: 15px 10px 0;
}
#copyright {
	text-align: center;
	margin-top: 15px;
}


/* Text */
.titleGreen {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #D6E055;
}
.textGray, .textGray a, .textGray a:active, .textGray a:visited {
	font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #666666;
	text-decoration: none;
}
.textGray a:hover {
	color: #236071;
}
.titleWhite {
	font: 50px Georgia, "Times New Roman", Times, serif;
	color: #F3F3F3;
}
.titleBlue {
	font: 22px/25px Georgia, "Times New Roman", Times, serif;
	color: #236071;
}
.textGray2 {
	font: 13px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #444444;
}
.textGray2 a {
	color: #236071;
}
.textGray2 a:hover {
	color: #444444;
}
.titleBlueSmall {
	font: 11px/25px Georgia, "Times New Roman", Times, serif;
	color: #236071;
	text-transform: uppercase;
}
.textWhite {
	font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #FFF;
}
.textBlue, .textBlue a, .textBlue a:visited, .texBlue a:hover {
	font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #236071;
}
.textBlue2 {
	font: 13px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #236071;
}
.titleGrayFooter {
	font: 22px/86px Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
.copyright, .copyright a, .copyright a:visited {
	font: 12px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #575757;
	text-decoration: none;
}
.copyright a:hover {
	color: #999999;
}

.textGreen {
	font: 13px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #D6E055;
}



/* Menu */
.menu {
	font: bold 10px/40px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-transform: uppercase;
}
.menu a {
	color: #236071;
	text-decoration: none;
	padding: 13px 7px;
}
.mac.webkit .menu a {
	padding: 14px 9px;
}
.menu a:hover {
	color: #FFF;
	background: url(../images/menu-on.jpg) bottom no-repeat;
}
.menu a.Selected {
	color: #FFF;
	background: url(../images/menu-on.jpg) bottom no-repeat;
}



/* Images and Boxes */
.form {
	height: 20px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
	width: 120px;
}
.logos {
	margin: 0 10px;
}
.portfolio {
	width: 660px;
	overflow: hidden;
	min-height: 100%;
	
}
.portfolio img {
	float: left;
	width: 190px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 4px;
}
.samples {
	width: 190px;
	overflow: hidden;
	min-height: 100%;
	
}
.samples img {
	float: left;
	width: 80px;
	border: 1px solid #CCCCCC;
	padding: 4px;
	background-color: #FFFFFF;
	margin: 2px;
}
.box {
	background: #E6EC99;
	border: 1px solid #D6E055;
	padding: 10px;
}
.boxside {
	background: #F3F6CC;
	border: 1px solid #D6E055;
	padding: 10px;
}
.thumbs img {
	float: left;
	padding: 0 10px 10px 0;
}
.thumbs {
	min-height: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	border-bottom: 1px solid #D6E055;
}
table#hostingtable td {
	padding: 3px;
}


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