@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;
	outline: none;
}
ul, ol, li {
	padding-left: 10px;
	margin-left: 10px;
}
body {
	font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}



/* Containers */
#wrap {
	width: 910px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#side-shadow {
	background: url(../images/side-shadow.jpg) repeat-y;
}
#top-shadow {
	background: url(../images/top-shadow.jpg) top no-repeat;
	padding: 5px;
}
#bottom-shadow {
	background: url(../images/bottom-shadow.jpg) bottom no-repeat;
}
#topContainer {
	background: #00529B url(../images/top-bkg.jpg) top right no-repeat;
}
#logo {
	float: left;
	width: auto;
	text-align: center;
	padding: 15px 15px 0;
}
#logo img {
	padding-bottom: 5px;
}
#topRight {
	padding: 20px 25px 0 0;
	float: right;
	width: auto;
	text-align: right;
}
#media {
	clear: both;
	text-align: right;
	padding: 5px 25px;
}
#media img {
	padding-left: 10px;
}
#menuContainer {
	background: #CF561D url(../images/menu-bkg.jpg) top repeat-x;
}
#bottomTexture {
	background: url(../images/bottom-texture.jpg) bottom left no-repeat;
}
#mainContainer {
	margin-top: 1px;
	background: url(../images/left-bkg.jpg) left repeat-y;
	min-height: 100%;
}
#rightContainer {
	float: right;
	width: 670px;
}
#rightContainer .padding {
	padding: 30px 15px 5px 30px;
}
#leftContainer {
	width: 230px;
	float: left;
}
#leftContainer .padding {
	padding: 10px 10px 0;
}
.clear {
	clear: both;
	height: 10px;
}
.logos {
	text-align: right;
}
.logos img {
	padding-left: 30px;
}
#footerContainer {
	background: url(../images/logo-small.jpg) right no-repeat;
	margin: 10px 20px 0;
	padding-right: 45px;
	height: auto;
	min-height: 40px;
	overflow: hidden;
	text-align: right;
}
#footerContent {
	float: left;
	width: auto;
	text-align: left;
}

/* Text */
#logo {
	font-size: 14px;
	color: #FFF;
}
#topRight {
	color: #FFF;
}
#topRight a, #topRight a:visited {
	color: #FFF;
}
#topRight a:hover, #topRight a:active {
	text-decoration: none;
}
#topRight span {
	font-size: 12px;
	font-style: italic;
}
h1 {
	color: #00529B;
	font: normal 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
	color: #777;
	font: normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footerContainer {
	font: 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}
#footerContainer a, #footerContainer a:visited {
	color: #666666;
	text-decoration: none;
}
#footerContainer a:hover, #footerContainer a:active {
	color: #333;
}
h1.free-estimate {
	background: url(../images/titles/tl-free-estimate.png) 0 0 no-repeat;
	text-indent: -9999px;
	height: 16px;
	width: 97px;
	text-align: center;
}
.form {
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}
.textBlue {
	font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00529B;
}
.specialsContent .textBlue {
	text-transform: uppercase;
	font-weight: bold;
}
.specialsContent p {
	line-height: 17px;
}
.textOrange {
	font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F06421;
}
.specialsContent a {
	color: #F06421;
}
.specialsContent a:hover, .specialsContent a:active {
	color: #00529B;
}


/* Menu */
.menuBottom a, .menuBottom a:visited {
	color: #666666;
	font: 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline !important;
}
.menuBottom a:hover, .menuBottom a:active {
	color: #333
}
.nav {
	text-align: center;
	font: bold italic 13px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.nav a {
	color: #FFF;
	text-decoration: none;
	padding: 11px 25px;
}
.nav a + a {
	background: url(../images/menu-tab.jpg) top left no-repeat;
}
.nav a:hover, .nav a:active, .nav a.selected {
	color: #FFA251;
}



/* Images and Boxes */
.form {
	height: 18px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
	width: 130px;
}
.form:active, .form:focus {
	border-color: #F06421;
}
.leftBox {
	background: #FFF url(../images/box-top.jpg) top no-repeat;
}
.leftBoxBottom {
	background: url(../images/box-bottom.jpg) bottom no-repeat;
	padding: 1px;
}
.boxDegrade {
	background: url(../images/box-degrade.png) top no-repeat;
	height: auto;
	min-height: 125px;
}
.estimateBoxBottom .padding {
	padding: 9px;
}
.formItem {
	margin-bottom: 3px;
	height: 25px;
}
.formLabel {
	width: 45px;
	height: 22px;
	float: left;
	text-indent: -9999px;
}
.formInput {
	width: 136px;
	height: 22px;
	float: right;
}
.formButton {
	height: 26px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-indent: -9999px;
	width: 189px;
}
.formButton a {
	width: 136px;
	height: 26px;
	display: block;
	float: right;
}
.formButton a {
	background: url(../images/bt-submit.png) no-repeat;
}
.formButton a:hover, .formButton a:active {
	background: url(../images/bt-submit-on.png) no-repeat;
}
.name, .email, .phone, .address, .city, .state, .zip {
	background: url(../images/free-estimate-label.png) no-repeat;
	font-size: 10px;
}
.name {
	background-position: 0 6px;
}
.email {
	background-position: 0 -16px;
}
.phone {
	background-position: 0 -38px;
}
.address {
	background-position: 0 -60px;
}
.city {
	background-position: 0 -82px;
}
.state {
	background-position: 0 -104px;
}
.zip {
	background-position: 0 -126px;
}

.specialsBox {
	position: relative;
}
.specialsImage {
	position: absolute;
	width: 97px;
	height: 89px;
	top: -40px;
	left: 5px;
}
.specialsTitle {
	float: right;
	width: 86px;
	height: 16px;
	background: url(../images/titles/tl-specials.jpg) no-repeat;
	text-indent: -9999px;
}
.specialsContent {
	clear: both;
	padding-top: 20px;
}
.images {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
	margin: 5px;
}



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