@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;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: 100%;
	height: auto;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 55px; /* .push must be the same height as .footer */
}
.palette {
	height: 55px; 
	background: url(../images/bottom-bkg.png) bottom repeat-x;
}
body {
	background: url(../images/column-bkg.jpg) top center repeat-y;
	font: 13px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #333;
}
.webkit body {
	background: url(../images/column-bkg-webkit.jpg) top center repeat-y;
}


/* Containers */
#texture {
	background: url(../images/background.jpg) top no-repeat;
}
#topBorder {
	background: url(../images/top-bkg.png) top repeat-x;
	padding-top: 19px;
}
#mainWidth {
	width: 1000px;
}
#topContainer {
	height: 65px;
}
#banner {
	clear: none;
	z-index: 1000;
	position: relative;
}
#logo {
	width: 319px;
	height: 105px;
	padding-top: 5px;
	text-align: center;
	background: url(../images/logo-bkg.png);
	float: left;
	margin-left: 8px;
	z-index: 10000;
	position: absolute;
	top: -65px;
}
#menu {
	float: right;
	width: 640px;
}
#mainContainer {
}
#leftContainer {
	width: 319px;
	float: left;
	position: relative;
	z-index: 10000;
	margin-top: -50px;
	background: url(../images/sidebar-top-bkg.png) top no-repeat;
	height: auto;
	min-height: 312px;
	margin-left: 13px;
}
#leftContent {
	padding: 25px 35px 0;
}
#rightContainer {
	float: right;
	width: 640px;
}
#rightContent {
	padding: 35px 35px 0 0;
}
.clear {
	clear: both;
	height: 10px;
}
#links {
	background: url(../images/links-center.jpg) left repeat-y;
	margin-left: -40px;
	margin-top: 30px;
}
#links-top {
	background: url(../images/links-top.jpg) top left no-repeat;
}
#links-bottom {
	background: url(../images/links-bottom.jpg) bottom left no-repeat;
	height: auto;
	min-height: 60px;
	overflow: hidden;
	min-height: 100%;
}
#linksContainer {
	float: left;
	width: auto;
	padding: 10px 10px 0;
}
#linksContainer img {
	padding-bottom: 10px;
}
#testimonial {
	float: right;
	width: 580px;
	margin: 5px 25px 5px 5px;
	background: url(../images/bottom-coma.jpg) bottom right no-repeat;
}
#testimonialTop {
	background: url(../images/top-coma.jpg) top left no-repeat;
	height: auto;
	min-height: 60px;
	padding: 10px;
	font: 12px/17px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
#footer {
	width: 1000px;
	background: url(../images/footer-bkg.png) bottom no-repeat;
	height: 55px;
}
#footerContent {
	margin-right: 30px;
	background: url(../images/logo-small.jpg) right no-repeat;
	padding: 10px 50px;
	text-align: right;
	line-height: 16px;
	font-size: 12px;
	color: #999999;
}




/* Menu */
.menu, .menu a, .menu a:visited {
	font: bold 12px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #124470;
	text-transform: uppercase;
	padding: 25px 15px 24px;
	text-decoration: none;
}
.menu a:hover, .menu a.selected {
	background: url(../images/menu-on.png) top repeat-x;
	color: #E36615;
}


/* Text */
h1 {
	font: normal 30px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #E36615;
	border-bottom: 1px solid #E36615;
	padding-bottom: 3px;
}
h1 span {
	border-bottom: 3px solid #E36615;
	padding-bottom: 3px;
}

h2 {
	font: normal 22px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #124470;
	border-bottom: 1px solid #124470;
	padding-bottom: 3px;
}
h2 span {
	border-bottom: 3px solid #124470;
	padding-bottom: 3px;
}
p span {
	color: #E36615;
}
.testimonials {
	font: 12px/17px Georgia, "Times New Roman", Times, serif;
}

/* Images and Boxes */
.projects {
	padding: 5px;
	border: 1px solid #CCC;
	margin: 15px 0 5px;
}


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