/* CSS Document layout for woodhouse gardens */

/*main elements*/

img{border:0}

body{
background:url(../../images/woodBG.jpg);
margin:0;
padding:0;
}

#wrapper{
width:1000px;
}

#header{
background:#fff;
width:960px;
height:auto;
margin-top:64px;
padding:12px 0 0 0;
float:left;
}

#navArea{
background:#fff;
height:368px;
width:320px;
margin-top:16px;
float:left;

}

#contentWrapper{
float:left;
width:630px;
margin-left:15px;
margin-top:16px;
height:368px;
}

#contentLeftCol{
width:385px;
float:left;
}

#contentColContact{
width:625px;
float:left;

}

#contactTxt{
margin:0;
padding:16px 15px 16px 15px;
background:#fff;
}

#mainImg{
width:385px;
height:240px;
overflow:hidden;
z-index:1;}

#menuBanner{
width:385px;
height:112px;
margin-top:16px;
background:black;
overflow:hidden;
}

#contentRightCol{
width:225px;
float:left;
margin-left:15px;
display:inline;
}

#mainTxt{
margin:0;
height:208px;
max-height:208px;
padding:16px 15px 16px 15px;
background:#fff;
overflow:auto;
}

#hours{
height:80px;
margin-top:16px;
background:#fff;
padding:16px 15px 16px 15px;
overflow:auto;}

#footer{
margin-top:16px;
height:80px;
background:#fff;
padding:16px 15px 16px 15px;
overflow:auto;}


/*header elements*/

#logoHolder{
margin-left:72px;
float:left;
margin-bottom:8px;
}

#contact{
float:left;
margin-left:45px;
margin-top:10px;
}


/*nav elements*/

#nav{
list-style:none;
margin:16px 0 0 170px;
padding:0;
line-height:14px;

}

#nav li {
position : relative;
margin-bottom : 0;
z-index:2}

#nav li a{
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
font-size:0.75em;
color:#ad1b18;
display:block;
padding-left:5px;
padding-top:2px;
}

#nav li a.arrow{
background:url(../../images/arrow.png) no-repeat 130px 5px;
}

#nav li a:active{
text-decoration:none;
}

#nav li a:visited{
text-decoration:none;
}

#nav li a:hover{
text-decoration:none;
background-color:#fff2b5;
}

#nav li ul { /* second-level lists */
position: absolute;
left: -999em;
padding:0;
margin:0;
list-style:none;
width:150px;
margin-left:150px;
margin-top:-16px;
background:#fff;
line-height:16px;
}

#nav li ul li a { /* second-level list links */
padding-left:5px;
padding-top:2px;
color:#ad1b18;
}

#nav li ul li a:visited { /* second-level list links */
text-decoration:none;
}

#nav li ul li a:active { /* second-level list links */
text-decoration:none;
}

#nav li ul li a:hover { /* second-level list links */
text-decoration:none;
background-color:#fff2b5;
}

#nav li a { /* first-level lists */
display: block;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
	
/*footer elements*/

#footerContact{
float:left;
}

#siteCreds{
float:left;
margin-left:45px;
}

/************* Contact forms etc *******************/

#regform {
background-color:#EEEFEF;
border:1px solid #ad1b18;
font-size:0.75em;
color:#646567;
font-family: arial;
margin-bottom:0px;
padding:0 20px 10px 10px;
}

#regform input {
border:1px solid #ad1b18;
margin-bottom:10px;
padding:4px;
width:100%;
}

#regform select {
border:1px solid #ad1b18;
margin-bottom:10px;
padding:3px;
width:100%;
}

#regform #submitF {
margin-left:0px;
color:#646567;
width:100px;
}

#regform textarea {
border:1px solid #ad1b18;
height:100px;
width:100%;
padding:4px;
}

#regform input.chkbox {
width:20px;
}

.whitelink {
color:#ffffff;
}

.whitelink:hover {
color:#ffffff;
}

#text_size{
float:left;
margin-top:6px;
padding:0 10px 0 10px;
}