@charset "UTF-8";
body {
	background-color: #CCCCCC;
	margin: 0;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #111;
}
h2 {
	color: #A7302B;
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
}
h3 {
	color: #A7302B;
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
}
a  {
	border: 0;
	outline: 0;
	text-decoration: none;
	color: #A7302B;
}
a:visited {
	text-decoration: none;
	color: #A7302B;
}
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
.black { color: #111; }
.red { color: #A7302B; }
textarea {
	background: url(../images/bg_textarea.png) bottom left repeat-x;
	width: 270px;
	border: 1px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 5px;
	font-size: 14px;
	padding-top: 5px;
}
.skin-input  {
	background: url(../images/bg_input.png) bottom left repeat-x;
	font-size: large;
	border: 1px solid #CCC;
	text-indent: 5px;
	width: 275px;
}
.skin-buttonBRAKE  {
	border: 1px solid #CCC;
	width: 75px;
	color: white;
	background-image: url(../images/button_send.png);
	background-repeat: no-repeat;
	height: 25px;
}
#header {
	background: url(../images/logo_header.png) top left no-repeat;
	float: left;
	width: 385px;
	height: 110px;
	margin-left: 12px;
	cursor: pointer;
}
#header h1, #header h2{
	margin: 0;
	text-indent: -9999px;
}
#contact {
	float: right;
	margin-top: 23px;
	margin-right: 40px;
}
#contact p {
	margin: 0;
}
#contact .phone {
	font-size: 25px;
	color: #A7302B;
}

#main_container { width: 950px; margin: 0 auto; background-color: #FFFFFF; }

#menu_bar { clear:both; }
#menu_bar #nav { width: 920px; height:60px; margin: 0 auto; padding: 0; position: relative; }
#menu_bar #nav li { display: inline; }
#menu_bar #nav li a { float: left; height: 0; padding-top: 60px; overflow: hidden }
#menu_bar #nav li a { background-image: url(../images/navigation.png); background-repeat: no-repeat; }

/* BUTTONS */
#menu_bar #nav li#nav-home a { background-position: 0 0; width:160px }
#menu_bar #nav li#nav-about a { background-position: -160px 0; width:150px }
#menu_bar #nav li#nav-testimony a { background-position: -310px 0; width:150px }
#menu_bar #nav li#nav-services a { background-position: -460px 0; width:150px }
#menu_bar #nav li#nav-portfolio a { background-position: -610px 0; width:150px }
#menu_bar #nav li#nav-request a { background-position: -760px 0; width:160px }

/* ROLLOVER */
#menu_bar #nav li#nav-home a:hover { background-position: 0 -60px; }
#menu_bar #nav li#nav-about a:hover { background-position: -160px -60px; }
#menu_bar #nav li#nav-testimony a:hover { background-position: -310px -60px; }
#menu_bar #nav li#nav-services a:hover { background-position: -460px -60px; }
#menu_bar #nav li#nav-portfolio a:hover { background-position: -610px -60px; }
#menu_bar #nav li#nav-request a:hover { background-position: -760px -60px; }

/* PRESS */
#menu_bar #nav li#nav-home a:active { background-position: 0 -120px; }
#menu_bar #nav li#nav-about a:active { background-position: -160px -120px; }
#menu_bar #nav li#nav-testimony a:active { background-position: -310px -120px; }
#menu_bar #nav li#nav-services a:active { background-position: -460px -120px; }
#menu_bar #nav li#nav-portfolio a:active { background-position: -610px -120px; }
#menu_bar #nav li#nav-request a:active { background-position: -760px -120px; }

/* CURRENT */
#menu_bar.home #nav li#nav-home a { background-position: 0 0px; cursor: default; }
#menu_bar.about #nav li#nav-about a { background-position: -160px -180px; cursor: default; }
#menu_bar.testimony #nav li#nav-testimony a { background-position: -310px -180px; cursor: default; }
#menu_bar.services #nav li#nav-services a { background-position: -460px -180px; cursor: default; }
#menu_bar.portfolio #nav li#nav-portfolio a { background-position: -610px -180px; cursor: default; }
#menu_bar.request #nav li#nav-request a { background-position: -760px -180px; cursor: default; }
#main_content { padding: 40px; }
.home #main_content #box-top{ height: 290px; }
.home #main_content  #box-top #box-left{
	float: left;
	width: 365px;
	background-color: #333;
	color: white;
	padding: 35px;
	height: 220px;
	font-size: larger;
	letter-spacing: 1px;
	line-height: 30px;
}
.home #main_content #box-top #box-left p{ margin-top: 0px; }
.home #main_content  #box-top #random_image{
	width: 435px;
	float: left;
}
.home #main_content #box-middle {
	margin-top: 40px;
	margin-bottom: 50px;
	line-height: 20px;
}
.home #main_content #box-middle p{ margin: 0; }
.home #main_content #box-middle #box-middle-right{ float: right; }
.home #main_content #box-middle #box-middle-left{ width: 600px; }
.home #main_content   #phone  {
	font-size: 36px;
	color: #A7302B;
}
.home #main_content #box-bottom  { height: 180px; }
.home #main_content #box-bottom #box-left-third {
	width: 270px;
	float: left;
	padding-right: 20px;
}
.home #main_content #box-bottom #box-left-third p{ margin-top: 0px; }
.home #main_content #box-bottom #box-middle-third {
	width: 288px;
	float: left;
	text-align: center;
	margin: 0;
	height: 165px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	padding-top: 10px;
}
.home #main_content #box-bottom #box-middle-third img{ cursor: pointer; }
.home #main_content #box-bottom #box-right-third {
	float: left;
	width: 270px;
	padding-left: 20px;
	margin-top: -5px;
}
.about h1 {
	font-size: large;
	margin: 0;
	color: #A7302B;
	font-weight: normal;
}
.about #main_content {
	padding: 40px;
	line-height: 20px;
	letter-spacing: 0px;
}
.about #main_content #top-left-image { float: left; }
.about #main_content #top-right-text{
	float: right;
	width: 485px;
}
.about #main_content #top-main-text { margin-left: 40px; }
.about #main_content #bottom-text { margin-top: 270px; }
.about #main_content #bottom-box {
	height: 230px;
	margin-top: 40px;
}
.about #main_content #bottom-left-text {
	width: 490px;
	float: left;
}
.about #main_content #bottom-right-box {
	width: 297px;
	float: left;
	color: white;
	margin-left: 35px;
	height: 107px;
	padding: 61px 24px;
	cursor: pointer;
	background: url(../images/footer_bg.png) repeat;
}
.about #main_content #bottom-right-box li{ list-style-type: none; }
.testimony #main_content #box-top .box-left{ float: left; }
.testimony #main_content #box-top .box-right{
	width: 560px;
	margin-left: 310px;
	height: 230px;
}
.testimony #main_content #box-top .box-right p{ margin-top: 0px; }
.testimony #main_content #box-bottom  { margin-top: 40px; }
.testimony #main_content #box-bottom .box-left { width: 560px; }
.testimony #main_content #box-bottom .box-left p{ margin-top: 0px; }
.testimony #main_content #box-bottom .box-right {
	width: 270px;
	float: right;
	margin-left: 40px;
	background: url(../images/footer_bg.png) repeat;
}
.testimony #main_content #box-bottom .box-right #port-link { cursor: pointer; }
.testimony #main_content #box-bottom .box-right #port-link #text{ margin: 20px; }
.testimony #main_content #box-bottom .box-right #dl {
	margin: 50px 20px 400px;
	cursor: pointer;
}
.testimony #main_content #spacer  { }
.services #service-nav { margin: 10px 0 0 40px; }
.services #main_content  { padding: 40px; }
.services #main_content #box-top { height: 250px; }
.services #main_content #box-bottom { height: 200px; }
.services #main_content .service-box  {
	width: 400px;
	height: 220px;
}
.services #main_content .service-box h2 {
	font-size: 0px;
	text-indent: -9999px;
	cursor: pointer;
	height: 100px;
}
.services #main_content .service-box .description { margin-top: 20px; }
.services #main_content #intext {
	background: url(../images/services/thumb_inx.png) top left no-repeat;
	float: left;
}
.services #main_content #residential {
	background: url(../images/services/thumb_res.png) top left no-repeat;
	float: right;
}
.services #main_content #commercial {
	background: url(../images/services/thumb_com.png) top left no-repeat;
	float: left;
}
.services #main_content #cabinets {
	background: url(../images/services/thumb_cab.png) top left no-repeat;
	float: right;
}

.services #main_content .content h2 {
	height: 200px;
	font-size: 0px;
	text-indent: -9999px;
}
.services #main_content .content h3 { display: inline; }
.services #main_content .content div { margin-top: -95px; }
.services #main_content .content p { margin-bottom: 0px; }

.services #main_content #inx-cont h2 {
	background: url(../images/services/thumb_inx.png) top left no-repeat;
}
.services #main_content #res-cont h2 {
	background: url(../images/services/thumb_res.png) top left no-repeat;
}
.services #main_content #com-cont h2 {
	background: url(../images/services/thumb_com.png) top left no-repeat;
}
.services #main_content #cab-cont h2 {
	background: url(../images/services/thumb_cab.png) top left no-repeat;
}
.portfolio #main_content { height: 460px; }
.portfolio #main_content #box-left{
	width: 240px;
	float: left;
	margin-right: 10px;
}
.portfolio #main_content #portfolio{
	height: 480px;
	width: 620px;
	float: left;
}
.request #main_content { height: 300px; }
.request #main_content #left{
	width: 350px;
	float: left;
	height: 300px;
	border-right: #666 solid 1px;
}
.request #main_content #right{
	float: right;
	margin-top: -3px;
	width: 400px;
}

.request #contact-form .label {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
	color: #555;
	height: 25px;
	font-size: small;
	font-weight: bold;
	padding-top: 7px;
}
.request #contact-form label.error {
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	font-size: small;
	font-weight: bold;
}
.request #contact-form #result { font-size: small; }
.request #contact-form  {
	width: 1px;
	margin: 0;
}
.request #contact-form table {
	width: 1px;
	margin: 0;
}

#footer {
	text-align: center;
	font-size: 10px;
	color: #333;
	height: 60px;
	padding-top: 20px;
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat;
}
#footer p { margin: 0; }
#footer a { color: #333; }
#footer a:hover { text-decoration: underline; }
#footer_logo  { width: 950px; margin: -120px auto; text-align: right; }
#shadow { background-image: url(../images/shadow_sides.png); background-repeat: repeat-y; margin: 0 auto; width: 990px; }
#shadow_bottom { background-image: url(../images/shadow_bottom.png); height: 40px; background-repeat: no-repeat; width: 990px; margin: 0 auto; }
#shadow_bottom #fill { height: 20px; width: 950px; margin: 0 auto; background-image: url(../images/footer_bg.png); }