*{margin:0;padding:0}
body{
color: #444;
font:90% Verdana, Arial,sans-serif;
text-align:center;
background:#E6E2B2 url("../images/miles_bak2.jpg") 50% 0 repeat-y;
}

/***** typography */

a{
color: #a40712;
}

a:visited{
color: #000;
}

a:hover, a:focus{
background: #E6E4B3;
color: #444;
}


p{
margin:0 0 1em;
line-height:1.4;
}

h1 a, h1 a:visited{
margin:50px 0 0 50px;
padding:0;
z-index: 1001;
position: absolute;
color: #3a3a3b;
}

h1 a:hover,
h1 a:focus{
background: #F9F8EB;
}

h1 a img{
border: 0;
}

h2{
font-family: Candara, "Trebuchet MS", Arial, sans-serif;
font-size: 2em;
font-style: italic;
font-weight: bold;
color: #a40712;
margin: 0 0 .5em;
}

h3{
font-family: Candara, "Trebuchet MS", Arial, sans-serif;
font-size: 1.4em;
color: #3A3A3B;
font-style: italic;
margin: 2em 0 .5em;
}

h4{

}

#content ul{
margin: 0 0 1em 2em;
}

#content ol li{
margin-bottom: 1em;
}

/***** positioning */

#container{
width:760px;
margin:0 auto;
text-align:left;
position:relative;
}

#header{
position:relative;
}

#header p{
position: absolute;
top: 120px;
left: 50px;
z-index: 100;
}

#content{
float:right;
width:375px;
margin-top: 130px;
padding: 0 75px 0 100px;
position:relative;
background:#f9f8eb url("../images/main_content_repeat.gif") 0 0 repeat-y;
}

#painting,
#decorating,
#other_services,
#diy_sos,
#about,
#contact{
min-height: 500px;
}

#paint_pot{
right: -80px;
top: -90px;
position: absolute;
background:transparent url("../images/paint_pot.gif") 0 0 no-repeat;
display: block;
width:350px;
height:238px;
}

#t{
display:block;
width:550px;
height:153px;
margin-left: -100px;
background:transparent url("../images/main_content_top.gif") 0 0 no-repeat;
}

#b{
display:block;
width:550px;
height:112px;
margin-left: -100px;
background:transparent url("../images/main_content_bot.gif") 0 100% no-repeat;
}

/***** tables */

table{
border-collapse: collapse;
font-size: .8em;
margin: 0 0 1em;
}

caption{
color: #a40712;
margin-bottom: 1em;
}

th{
background: #a40712;
color: #f9f8eb;
}

th, td{
padding: 3px;
border: dotted 1px #a40712;
vertical-align: top;
}

/***** nav */

#nav{
position:absolute;
left:-196px;
top:50px;
width:238px;
height: 598px;
background: transparent url("../images/navbak.jpg") 0 0 no-repeat;
}

#nav ul{
list-style:none;
margin: 20px 38px 25px 25px;
}

#nav ul li a{
display: block;
line-height: 35px;
margin: 0 0 15px 0;
padding-left: 10px;
font-weight: bold;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */
}

#nav ul li#li_painting a{
color: #222;
background: #DCC750 url("../images/painting_bak.gif") 0 0 repeat;
}

#nav ul li#li_decorating a{
color: #DCC750;
background: #6B5852 url("../images/decorating_bak.gif") 0 0 repeat;
}

#nav ul li#li_all_services a{
color: #f9f9f9;
background: #765242 url("../images/other_services_bak.gif") 0 0 repeat;
}

#nav ul li#li_contact a{
color: #f9f9f9;
background: #C39A4B url("../images/contact_bak.gif") 0 0 repeat;
}

#nav ul li#li_about a{
color: #F9F8EB;
background: #44619D url("../images/diy_sos_bak.gif") 0 0 repeat;
}

#nav ul li#li_painting a:hover,
#nav ul li#li_decorating a:hover,
#nav ul li#li_all_services a:hover,
#nav ul li#li_diy_sos a:hover,
#nav ul li#li_contact a:hover,
#nav ul li#li_about a:hover,
#nav ul li#li_painting a:focus,
#nav ul li#li_decorating a:focus,
#nav ul li#li_all_services a:focus,
#nav ul li#li_diy_sos a:focus,
#nav ul li#li_contact a:focus,
#nav ul li#li_about a:focus{
background: #a40712;
color: #F9F8EB;
}

/***** footer */

#footer{
clear:both;
width:100%;
height: 30px;
padding: 100px 0 150px;
position: relative;
background: transparent url("../images/sandpaper.jpg") 50px 0 no-repeat;
}

#footer p{
margin:0;
padding:5px 10px;
position: absolute;
top: 0;
left: 250px;
font-size: .8em;
}

#footer a, #footer a:visited{
color: #703307;
padding: 2px 4px 4px;
margin-left: -2px;
}

#footer a:hover{
color: #000;
}

#footer a:focus{
color: #E6E2B2;
background: #703307;
}

#footer ul{
list-style:none;
}

/***** misc */

hr{
display: none;
}

.photo p{
text-align: center;
font-size: .9em;
font-style: italic;
}

#content img{
background: #DFDED1;
text-align: center;
}

#painting .photo img,
#decorating .photo img,
#all_services .photo img{
display: block;
width: 375px;
height: 250px;
}

/***** tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav,
.ui-tabs-panel {

}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav a{
}

.ui-tabs-nav a {

}

.ui-tabs-nav .ui-tabs-selected a{
    z-index: 2;
    color: #000;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/***** forms */

fieldset{
border: 0;
display: block;
}

legend{
display: none;
}

label{
text-transform: uppercase;
font-size: .9em;
display: block;
}

#name_email{
background: #C79767 url("../images/name_email_bak.jpg") 0 0 no-repeat;
width: 322px;
height: 120px;
padding: 30px 0 0 40px;
margin-bottom: 30px;
}

#name_email label{
color: #F9F8EB;
font-weight: bold;
}

#name_email input,
#contact_reason select,
#your_comment textarea{
border: solid 1px #9F7D59; 
border-bottom: solid 1px #CFBCA8;
border-right: solid 1px #CFBCA8;
font-size:1em;
padding: 1px 2px 3px 3px;
width: 220px;
font-family: Verdana, Arial,sans-serif;
}

#contact_reason{
background: #ECE0C8 url("../images/option_bak.jpg") 0 0 no-repeat;
width: 189px;
height: 71px;
padding: 20px 0 0 20px;
margin: 0 0 30px 30px;
}

#contact_reason select{
width: 160px;
font-size: .9em;
border: solid 1px #DFD2A6; 
border-bottom: solid 1px #FFF8DF;
border-right: solid 1px #FFF8DF;
}

#your_comment{
background: #BBAB92 url("../images/textarea_bak.jpg") 0 0 no-repeat;
width: 314px;
height: 219px;
padding: 30px 0 0 40px;
margin-bottom: 30px;
}

#your_comment label{
color: #F9F8EB;
font-weight: bold;
}

#your_comment textarea{
width: 250px;
border: solid 1px #9F8F77; 
border-bottom: solid 1px #CFCAC2;
border-right: solid 1px #CFCAC2;
}

#anti_spam{
background: #DDBD8A url("../images/anti_spam_bak.jpg") 0 0 no-repeat;
width: 260px;
height: 70px;
padding: 18px 0 0 15px;
margin-bottom: 30px;
}

#anti_spam input{
border: solid 1px #BF9E6B; 
border-bottom: solid 1px #FFE0AF;
border-right: solid 1px #FFE0AF;
}

.check{
width: 200px;
text-transform: lowercase;
}

#send{
background: transparent url("../images/send.jpg") 0 0 no-repeat;
width: 339px;
height: 111px;
padding: 22px 0 0 30px;
margin: -30px 0 30px;
position: relative;
}

#send .button{
background: #DD4214;
border: 0;
font-family: Candara, "Trebuchet MS", Arial, sans-serif;
font-size: 1.5em;
font-style: italic;
font-weight: bold;
color: #F9F8EB;
position: absolute;
bottom: 12px;
left: 30px;
width: 180px;
cursor: pointer;
}

#send .button:hover,
#send .button:focus{
color: #ff0;
}

#negative{
font-size: .8em;
width: 359px;
height: 152px;
margin-bottom: 40px;

background: #ffed00 url("../images/warning.jpg") 0 0 no-repeat;
}

#negative a, #negative a:visited{
color: #000;
}

#negative a:hover, #negative a:focus{
background: #fff;
}

#negative h3{
color: #000;
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
font-style: normal;
padding: 30px 0 0 30px;
}

#negative ul{
list-style: url("../images/cross.gif");
padding: 0 0 0 25px;
}

#negative p{
padding: 0 150px 0 30px;
}