/*

Style Name: 

Date: 1 Sept 2008

Author: Phil Bartholomew www.philbartholomew.com


*/



/*

=Palette

*/





/*

=Global Reset

-------------------------------------------------------------------*/

        

* { padding:0; margin:0}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal} 

address {font-style:normal}



abbr,acronym, img,a img,:link img,:visited img {border:0}

caption,th { text-align:left} 

fieldset {padding: 5em}


:link,:visited {text-decoration:none}

select {min-width: 1.5em}

select optgroup { margin-left: 2%}

select optgroup option {margin-left: 10%}

table {border-collapse:collapse; border-spacing:0; margin: 10px; width: 595px} 
    
form {padding: 10px;}
        
input {margin-bottom: 2px}



/*

=Layout------------- */



body {text-align: center; background: #e9e9e9} /*IE hack */

#page {width: 840px; margin: 0 auto 10px auto; text-align: left; background: url(../images/bg.jpg) repeat-y}

#header {width: 840px; height: 100px; position: relative; background: #fff}

#logo {width: 255px; height: 33px; position:absolute; top: 35px; left: 20px}

#content-container {width: 840px}

#content-right-container {width: 615px; float: right}

#banner {width: 615px}

#sub-banner {width: 615px}

#content {width: 615px}

#sidebar {width:215px; float: left}

#footer {width: 840px; margin: 0 auto 10px auto; position:relative; text-align: left; font-size: 0.8em}

#footer p {margin-left: 0}

.clear {clear: both; margin: 0; padding: 0}   



/*

=Features------------- */

#feature-left {width: 285px; margin: 10px 0 0; padding-left: 15px; float: left}

#feature-left h2 {margin-left: 0}

#feature-left p {margin-left: 0}

#feature-right {width: 285px; margin: 10px 0 0; padding-left: 15px; float: left}

#feature-right h2 {margin-left: 0}

#feature-right p {margin-left: 0}


#treplevna-left {width: 285px; padding-left: 15px; margin-bottom: 10px; float: left}

#treplevna-left h3 {margin-left: 0}

#berrymede-right {width: 285px; padding-left: 15px; margin-bottom: 10px; float: left}

#berrymede-right h3 {margin-left: 0}


/* Cottage Descriptions */

#detailed-description {padding: 10px 0 10px 0; border-bottom: 1px solid #999999}

#description-image {float: right}

#description {float: left; width: 345px}

#description p { margin-top: 0}



/* Navigation */

.nav{
list-style-type: none;
margin:0;
padding: 0;
width: 170px;

}

.nav li a{
background: white url(../images/nav-bar.jpg);
font: 0.9em Arial, Helvetica, sans-serif;
color: white;
display: block;
border-bottom: 1px solid #224E01;
width: 215px;
padding: 6px 0;
padding-left: 10px;
text-decoration: none;

}


* html .nav li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 215px;
}

.nav li a:hover{
background-image: url(../images/nav-bar-hover.jpg); color: #FFFF00;
}

.nav li a.current {background-image: url(../images/nav-bar-hover.jpg); color: #FFFF00;}

/* Font stack */



body {font-family: Helvetica, 'Lucida Grande', verdana, Arial, Sans-Serif}

h1, h2, h3, h4, h5, h6, p {font-family: Arial, Helvetica, sans-serif; margin-top: 10px; margin-left: 15px}

code,textarea {font-family: Arial, Helvetica, sans-serif}

#commentlist li .counter {font-family: Arial, Helvetica, sans-serif}

h1 {font-size: 1.1em; color: #224E01}

h2 {font-size: 1em; color: #224E01}

h3 {font-size: 0.9em; color: #888A88}

p {font-size: 0.9em; color: #888A88; padding-right: 10px}

a {color: #224E01; text-decoration: none;}

a:hover {text-decoration: underline; color: #888A88}


/* tables */

td {border: 1px solid #CCCCCC}
tr {border: 1px solid #CCCCCC}
th {border: 1px solid #CCCCCC}



/* Classes */

.contact-table {border: 0}

.h1-top {margin-top: 0}

.border-top {border-top: 1px solid #999999; margin-top: 10px}