/*CSS Document*/
HTML
{
background-color: #AF8B62;
}
BODY
{
margin: 0px;
}
@font-face
{
font-family: ArialNarrow;
src: url('fonts/arialn-webfont.eot');
src: url('fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arialn-webfont.woff') format('woff'), url('fonts/arialn-webfont.ttf') format('truetype'), url('fonts/arialn-webfont.svg#ArialNarrow') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: ArialNarrowBold;
src: url('fonts/arialnb-webfont.eot');
src: url('fonts/arialnb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arialnb-webfont.woff') format('woff'), url('fonts/arialnb-webfont.ttf') format('truetype'), url('fonts/arialnb-webfont.svg#ArialNarrow') format('svg');
font-weight: normal;
font-style: normal;
}
#right-content ul {
margin: 0.5em 0;
padding: 0 0 0 2em;
}
#right-content ul li {
margin: 0.5em 0; padding: 0 0 0 5px;
/*list-style-type: none;
background: url('../images/li.gif') no-repeat 0 0.6em;*/
}
.clear
{
clear: both;
height: 0px;
overflow: hidden;
}
#all
{
width: 1007px;
height: 100%;
background-image: url(../images/all-bg.jpg);
background-color:#e8dacd;
margin: 0 auto;
}
#header
{
width: 1007px;
height: 162px;
overflow: hidden;
display: block;
background-image: url(../images/header-bg.jpg);
}
#home-link
{
width: 338px;
height: 151px;
display: block;
float: left;
margin-left: 10px;
margin-top: 5px;
}
#estimate
{
width: 312px;
height: 78px;
margin-top: 41px;
margin-left: 371px;
float: left;
position: absolute;
}
#estimate H1
{
color: #CC280A;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
margin: 0px;
display: block;
float: left;
}
#estimate H2
{
color: #252422;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px;
display: block;
float: left;
margin-left: 3px;
margin-top: 2px;
}
.select {
color:#632419;
}
#right-content a {
color:#632419;
}
#right-content a:hover {
color:#000;
}
#estimate H3
{
color: #252422;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0px auto;
width: 312px;
text-align: center;
margin-top: 25px;
}
#estimates-line
{
height: 2px;
width: 214px;
border-bottom: 1px solid #000;
margin: 0 auto;
margin-top: 10px;
}
#contact
{
width: 260px;
height: 89px;
margin-top: 43px;
margin-left: 716px;
float: left;
position: absolute;
}
#contact H1
{
font-family: Arial, Helvetica, sans-serif;
color: #632419;
font-size: 18px;
margin: 0 auto;
width: 260px;
text-align: center;
}
#contact H2
{
font-family: Arial, Helvetica, sans-serif;
color: #CC280A;
font-size: 18px;
margin: 0 auto;
width: 260px;
text-align: center;
}
#top-menu
{
height: 40px;
width: 1002px;
background-image: url(../images/top-menu-bg.jpg);
margin-left: 0px;
display: block;
text-align: center;
float:left;
}
#top-menu-items
{
height: 38px;
width: 900px;
background-image: url(../images/top-menu-items-bg.jpg);
background-repeat: no-repeat;
background-position: left;
display: block;
overflow: hidden;
padding-left: 30px;
padding-top: 2px;
}
.top-menu-item
{
font-family: ArialNarrowBold;
font-size: 15px;
color: #FFF;
line-height: 40px;
display: block;
float: left;
margin-left: 50px;
padding-right: 20px;
background-image: url(../images/top-menu-items-sep.jpg);
background-repeat: no-repeat;
background-position: right;
}
#top-menu-items A
{
text-decoration: none;
}
#top-menu-items A:hover
{
color: #FFEC06;
}
.active {
color: #FFEC06;
}
#main-images-place
{
height: 233px;
width: 1001px;
background-image: url(../images/main-images-place-bg.jpg);
margin-left: 0px;
display: block;
overflow: hidden;
}
#main-images-place2
{
height: 233px;
width: 1001px;
background-image: url(../images/main-images-place2-bg.jpg);
background-repeat: no-repeat;
background-position: left;
margin-left: 0px;
display: block;
overflow: hidden;
}
#main-image-left
{
height: 213px;
width: 498px;
background: url(../images/main-image-left.jpg) top;
margin-top: 7px;
float: left;
}
#main-image-left:hover {
background: url(../images/main-image-left.jpg) bottom;
}
#main-image-right
{
height: 213px;
width: 498px;
background: url(../images/main-image-right.jpg) top;
margin-top: 7px;
float: right;
}
#main-image-right:hover {
background: url(../images/main-image-right.jpg) bottom;
}
#content
{
overflow: hidden;
display:table;
}
#content img {
margin-right: 10px;
}
#left-sidebar
{
width: 236px;
height: 735px;
margin-left: 26px;
margin-top: 18px;
float: left;
display: block;
overflow: hidden;
margin-bottom:30px;
}
#right-content
{
width: 670px;
float: left;
margin-top: 18px;
margin-left: 28px;
border-top: 2px solid #D7C899;
overflow: hidden;
display: block;
}
#right-content P, table, ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #373333;
font-weight: normal;
line-height: 22px;
}
//right-content H1
{
width: 296px;
height: 42px;
display: block;
text-align: center;
background-image: url(../images/content-h1-bg.jpg);
font-family: ArialNarrowBold;
font-size: 15px;
color: #FFF;
line-height: 40px;
margin-top: 0px;
}
#right-content h2 {
color:#632419;
font-size:20px;
font-family: ArialNarrowBold;
}
#right-content h3 {
color:#632419;
font-size:16px;
font-family: ArialNarrowBold;
margin-bottom: 0px;
}
#content-column-left
{
width: 295px;
display: block;
float: left;
border-right: 2px solid #D7C899;
padding-right: 40px;
margin-bottom: 30px;
}
#content-column-right
{
width: 293px;
display: block;
float: right;
padding-left: 40px;
margin-bottom: 30px;
}
#bottom-menu
{
height: 40px;
width: 1002px;
margin-left: 12px;
display: block;
text-align: center;
float: left;
margin-bottom: 5px;
font-weight:bold;
margin-top:0px;
}
#bottom-menu P
{
font-family: ArialNarrowBold;
font-size: 14px;
color: #CC280A;
line-height: 30px;
display: block;
float: left;
margin: 0px;
margin-left: 0px;
}
#bottom-menu-items
{
height: 38px;
width: 1002px;
display: block;
padding-left: 30px;
padding-top: 2px;
background-repeat: no-repeat;
background-position: left;
}
.bottom-menu-item
{
font-family: ArialNarrowBold;
font-size: 14px;
font-weight:bold;
color: #66231a;
line-height: 30px;
display: block;
float: left;
margin-left: 5px;
}
#bottom-menu-items A
{
text-decoration: none;
}
#bottom-menu-items A:hover
{
color: #886964;
}
#left-sidebar-title
{
width: 236px;
height: 43px;
background-image: url(../images/left-sidebar-title-bg.jpg);
line-height: 41px;
color: #FCFCFC;
font-family: ArialNarrowBold;
font-size: 15px;
text-align: center;
margin: 0px;
vertical-align: central;
}
#left-sidebar-title IMG
{
margin-left: 3px;
border: none;
}
#bugs
{
width: 236px;
height: 692px;
background-image: url(../images/left-sidebar-bg.jpg);
}
#bugs A
{
width: 234px;
height: 110px;
display: block;
background-image: url(../images/bugs-item-bullet.jpg);
background-repeat: no-repeat;
background-position: 40px;
border: none;
}
#bugs A:hover
{
background-position: 50px;
}
#social-networks {
font-family:Georgia, "Times New Roman", Times, serif;
width:236px;
height:171px;
margin-left:26px;
background-image:url(../images/social-networks-bg.jpg);
margin-bottom:20px;
float:left;
text-align:center;
font-weight:bold;
}
#social-networks h1 {
font-size:16px;
color:#cd270a;
margin-top:15px;
margin-left:-5px;
}
#social-networks ul {
font-size:12px;
color:#5c2317;
text-align:left;
padding-left:40px;
margin-left:-5px;
line-height: 16px;
font-weight: bold;
}
#social-networks li {
padding-left:0px;
list-style-position:inside;
margin-bottom:6px;
}
#banners {
width:680px;
height:111px;
float:left;
margin-left:28px;
border-top: 2px solid #D7C899;
margin-top:30px;
padding-top:22px;
}
#banner {
width:680px;
height:171px;
display:block;
float:left;
padding-top:30px;
}
#banners img {
border:none;
}
#copyright {
font-family:Arial, Helvetica, sans-serif;
color:#886964;
width:300px;
margin:40px auto 20px;
font-size:10px;
text-align:center;
}
#pre-bottom {
float:left;
}
#footer {
margin-top:-20px;
}
#cities {
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
color:#886964;
text-align:center;
margin-left:30px;
margin-right:30px;
}