/* CUSTOM STYLES */
.row-form {
float:left;
padding-bottom:8px;
width:100%;
}

#contact-container p {
margin: 50px 0 5px 0;
width: 100%;
clear: both;

}

#contact-container {
width: 430px;
}

.content input {width: 175px;}
.content textarea {
	width: 410px;
	height: 115px;
}

.content input.send-comment {
	float: right;
	display: inline;
	cursor: pointer;
	background: url("../images/bg/btn-comment-bg.png") no-repeat left top;
	width: 334px;
	height: 57px;
}

.content .bg-input{
	float: left;
	width: 400px;
	height: 35px;
	background: url("../images/bg/comment-text-bg.png") no-repeat left top;
}

.content .bg-textarea {
	float: left;
	width: 431px;
	height: 128px;
	background: url("../images/bg/comment-textarea-bg.png") no-repeat left top;
}
.content input,
.content textarea {
	float: left;
	font-family: Georgia, sans-serif;
	font-size: 13px;
	border: none;
	background: none;
	margin: 7px 0 0 10px;
	position: relative;
}

.button-pricing {
	margin: 20px auto 0;
	width: 334px;
}

#box-container h3 {
	margin:0;
	font-family: Georgia;
	font-size: 22px;
	color: #babf8d;
	text-align: center;
}
#box-container p {
margin-bottom: 0px;
}

#box-column-left {
	width: 423px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
#box-column-right {
	width: 423px;
	float: left;
	margin-top: 20px;

}
#box-container {
	margin-bottom: 20px; float:left;
}
#box-top {
	background-image: url(/wp-content/themes/debonair/images/box-background-top.png);
	height: 30px;
	width: 423px;
	text-indent:-1000px;
}
#box-middle {
	background-image: url(/wp-content/themes/debonair/images/box-background-middle.jpg);
	width: 383px;
	padding: 0 20px 0 20px;
}
#box-bottom {
	background-image: url(/wp-content/themes/debonair/images/box-background-bottom.png);
	width: 423px;
	height: 34px;
	text-indent:-1000px;
}

#header-home {
background-image: url ("/wp-content/themes/debonair/images/bg/header-home.png");
}

BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Georgia, Times New Roman, Serif;
    background: #c9cf79 url("../images/bg/body-bg.gif") repeat left top;
	color:#FFFFFF;
}
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}
LABEL {cursor: pointer;}
.content P {
    font-size: 15px;
    color: #ffffff;
}

.content UL, .content OL {
	font-size: 15px;
	margin: 10px 40px 0;
}
.content OL {margin: 10px 20px 0;}
.relax {
	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
}

/*  Page  */
#page {
    margin: auto;
    text-align: left;
    width: 970px;
}
#page  H1, H2{
	margin: 10px 0 0 0;
	padding: 0;
	color: #fff;
	font-style: italic;
}
#page  H1 { font-size: 32px; font-family: Magneto; color: #d9dda0;}
#page  H2 { 
	font-size: 22px; 
	font-family: Magneto; 
	color: #d9dda0;
}
/*  Header  */
.header {
    margin: 63px 0 0 0;
	height: 162px;
    /* height: 302px; */
    background: url("../images/bg/header-bg.png") no-repeat left top;
}
.header.sub {
	height: 162px;
    background: url("../images/bg/header-bg-sub.png") no-repeat left top;
}
.header P {font-size: 12px;}
.logotype {
	position: relative;
	margin-top: -25px;
	width: 770px;
	float: right;
}
.header-info {
	margin: 0 40px;
	color: #fff;
}
.header-info  A{ 
	position: relative; 
	color: #b11d00;
	font-size: 14px;
}
.header-info p{
	display: inline;	
}
.logotype A {
    width: 492px;
    height: 142px;
	cursor: pointer;
	position: relative;
	display: block;
}
.bg {
	position: relative;
	width: 100%;
	z-index: 20;
}
.left, .right {
	width: 23px;
	height: 7px;
	position: absolute;
}
.left {
	left: 18px;
	bottom: 13px;
	float: left;
	background: url("../images/bg/left.gif") no-repeat left top;
}
.right {
	right: 19px;
	bottom: 13px;
	float: right;
	background: url("../images/bg/right.gif") no-repeat left top;
}
.header A.logo {
    position: relative;
    cursor: pointer;
}
/*  Main Menu  */
.main-menu {
    margin-top: -22px;
    position: relative;
    z-index: 5;
}
.bg-menu {
    background: url("../images/bg/menu-bg.png") no-repeat left top;
    height: 35px;
	padding: 15px 0 6px 0;
}
.main-menu .wrapper{position: relative; float: left;}

.main-menu UL {
    padding: 0px;
    margin: 0px 0 0 58px;
    list-style: none;
}
.main-menu UL LI {
    display: inline;
    float: left;
    position: relative;
	padding: 0 32px;
	margin: 0px;
}
.main-menu UL LI SPAN {
    display: block;
    height: 26px;
    text-indent: -2000em;
}
.main-menu UL.main-links{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.main-menu UL.main-links LI{
	margin: 0;
	padding: 0;
}
.main-menu UL.main-links LI A {
    display: block;
    height: 26px;
    text-indent: -2000em;
    outline: none;
    position: relative;
    cursor: pointer;
	padding: 0 32px;
}
.main-menu UL LI A.home-link {width: 68px;}
.main-menu UL LI A.about-link {width: 70px;}
.main-menu UL LI A.services-link {width: 97px;}
.main-menu UL LI A.projects-link {width: 92px;}
.main-menu UL LI A.blog-link { width: 50px;}
.main-menu UL LI A.contact-link { width: 84px;}

.main-menu UL LI SPAN.home {background: url("../images/menu/home.png") no-repeat left top; width: 68px;}
.main-menu UL LI SPAN.about {background: url("../images/menu/about.png") no-repeat left top; width: 70px;}
.main-menu UL LI SPAN.services {background: url("../images/menu/services.png") no-repeat left top; width: 97px;}
.main-menu UL LI SPAN.projects {background: url("../images/menu/projects.png") no-repeat left top; width: 92px;}
.main-menu UL LI SPAN.blog {background: url("../images/menu/blog.png") no-repeat left top; width: 50px;}
.main-menu UL LI SPAN.contact {background: url("../images/menu/contact.png") no-repeat left top; width: 84px;}

.main-menu .heedle {
    background: url("../images/bg/heedle.png") no-repeat left top;
    width: 5px;
    height: 50px;
    position: absolute;
	/*z-index: 1;*/
	left: 0px;
	top: -10px;
	display: none;
}
.content-area {
    margin: 10px 0 -100px 50px;
    float: left;
    width: 870px;
    display: inline;
}
.content-area A{color: #000;}
.content-area.sub-page{
	min-height: 570px;
	_height: 530px;
}
.content-area.indent {
	margin: 27px 0 -106px 45px;
	position: relative;
	z-index: 100;
}
.emergency-services {
    width: 118px;
    height: 120px;
    background: url("../images/icons/emergency-services.png") no-repeat left top;
    position: absolute;
    top: -16px;
    left: -90px;
    z-index:2;
}
.main-photo-box {
    /*background: url("../images/bg/main-photo-bg.png") no-repeat left top;*/
    width: 377px;
    height: 300px;
    float: left;
    margin-right: 12px;
    display: inline;
    position:relative;
    padding-bottom:10px;
}
.main-photo-box .image-bg{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    background: url(../images/bg/image-bg.png) no-repeat left top;
    width:377px;
    height:377px;
}
.main-photo-box .photo {
    width: 368px;
    height: 368px;
    float: left;
    display: inline;
    margin: 3px 0 0 3px;
}
.text-box {
    float: left;
	padding: 0;
	color:#ffffff;
    // padding: 0 0 15px 0;
	font-size:15px;
	text-shadow: 0px 1px 1px #381a00; 
}
.text-box P {
    line-height: 15px;
	margin-top: 10px;
}
.left-col {
    // width: 590px;
    float: left;
	position: relative;
	// padding-bottom: 13px;
	// margin-top: 10px;
	text-shadow: 0px 1px 1px #381a00; 
}
.navigation {
    position: absolute;
    right: 0px;
    top: 27px;
	z-index: 100;
	visibility: hidden;
}
.bg-nav {
    width: 325px;
    height: 543px;
    background: url("../images/bg/bg-nav.png") no-repeat left top;
}
.container-nav {padding: 74px 30px 0 30px;}
.navigation UL {
    padding: 0px;
    margin: 0 0 0 35px;
    list-style: none;
}
.navigation UL LI {
    font-size: 22px;
    font-style: italic;
    margin-top: 5px;
    color: #000000;
    font-family: Georgia, Times New Roman, Serif;
	padding-left: 12px;
	background: url("../images/icons/icon-list-1.gif") no-repeat left 13px;
}
.navigation UL LI A {
	color: #000000!important; 
	position: relative;
} 
.navigation UL LI UL{ margin-left: 20px; }
.navigation UL LI UL LI {
    font-size: 16px; 
	padding-left: 10px;
	background: url("../images/icons/icon-list-2.gif") no-repeat left 13px;
}
/*  Content  */
.content {
	width: 100%;
	float: left;
	position: relative;
	margin-top: -35px;
}

.content-bg {
	width: 100%;
	padding-bottom: 116px;
	background: url("../images/bg/content-bg.png") repeat-y left top;
}
.bg-area {
	width: 100%;
	padding-top: 18px;
	background: url("../images/bg/area-bg.png") repeat-y left top;
}
.content-bottom {
	width: 100%;
	height: 160px;
	position: relative;
	margin-top: -116px;
	background: url("../images/bg/content-bottom.png") no-repeat left top;
}