/* very dark (nav) #698410, dark #83A514, light #ACC600*/




/*defaults*/
*{margin:0px;padding:0px}

html{overflow-y:scroll}

html, body {
height: 100%;
}

body {
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background:white url(/images/common/background.gif) repeat left top;
	text-align:justify;
	color:#858789;
}

h1{
position:absolute;
left:-9999em;
}

h2{
font-family:VAG,Arial, Helvetica, sans-serif
}

p,h2,h3{
margin:0 0 15px
}

p.nomargin{
margin:0
}

a:active, a:focus, a:visited, a:link{
outline:none;
color:#858789
}

.action a:active, .action a:focus, .action a:visited, .action a:link{/*IE6 doesn't seem to apply correctly for links*/
color:#FFFFFF
}

.vag, .faq dd{
font-family:VAG,Arial, Helvetica, sans-serif;
color:#83A514
}

img{display:block}
img.right{float:right; clear:right; margin: 0px 0px 15px 15px }

img.left{
float:left; 
margin: 0 20px 15px 0; 
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* Common layout divs*/
#wrap{
width:920px;
padding:0 30px;
margin:0px auto;
font-size:1.5em;
background:#FFFFFF none repeat-y top left;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -50px; /* the bottom margin is the negative value of the footer's height */
}

#header{
padding:10px 10px 10px 0;
position:relative;
height:1%;/*to give IE6 hasLayout*/
}

#header #logo{
margin-left:-12px
}

#header #phone{
position:absolute;
bottom:5px;
right:0;
font-size:1.5em;
font-family:VAG,Arial, Helvetica, sans-serif;
margin-bottom:0;
text-align:right
}

#content{
padding:20px;
height:1%;
}

#contentleft{
float:left;
width:640px;
}

#push{
height:50px
}


#footer{
margin:0 auto;
width:920px;
background:#F6F5FB  url(/images/common/nav_background.gif) repeat left top;
height:50px;
line-height:50px;
}

#footer p{
color:white;
font-size:1.5em;
margin:0
}

#footer a{
color:white
}

#footer #copy{
float:left;
width:435px;
padding-left:20px;
}

#footer #design{
float:right;
width:435px;
padding-right:20px;
text-align:right;
}

/*Navigation*/
#nav{
height:66px;
background:transparent url(/images/common/nav_background.gif) repeat left top;
padding-left:5px;
position:relative
}

#nav img{
position:absolute;
bottom:12px;
right:12px;
}

#nav p{
position:absolute;
right:110px;
bottom:17px;
width:70px;
color:white;
margin:0;
text-align:center
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
}

#nav li{
float:left;
display:inline;
margin-right:5px
}

#nav li a{
float:left;
display:block;
text-decoration:none;
font-family:VAG,Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#FFFFFF;
line-height:46px;
width:120px;
text-align:center;
margin-top:20px;
background:transparent url(/images/common/tab_inactive.gif) no-repeat left top;

}

body.home #nav li a.home, body.gallery #nav li a.gallery, body.faq #nav li a.faq,
body.contact #nav li a.contact
{
background:transparent url(/images/common/tab_active.gif) no-repeat left top;
color:#83A514;
cursor:default;
}

/* Home page */
body.home #content{
padding-right:0
}

body.home #panels{
float:right;
width:230px;
height:385px;
background:transparent url("/images/common/panels_background.gif") repeat-x scroll left top;
}

.action{
color:white;
width:210px;
padding:10px 10px 15px 10px;
float:right;
clear:right;
text-align:center;
}

.action h2{
font-size:1.2em;
margin-bottom:5px
}

.action p{
margin-bottom:0
}

.action a{
color:#FFFFFF
}
.action img{
border:1px solid white;
display:inline
}
#joinerylink{
display:block;
height:1%;
padding-top:3px
}
.homeimages{
float:left;
width:300px;
margin:0 10px 15px 0;
padding:0 10px 10px 0;
background:transparent url(/images/common/image_background_300_200.gif) no-repeat bottom right
}

/*Contact page*/
#contactform {
padding:5px 15px 15px 15px;
width:510px
}

#contactform ul{
list-style-type:none
}

#contactform li{
margin-bottom:5px
}

#contactform textarea {
color:gray;
border:1px solid #7DAB4E;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
width:500px;
height:100px;
padding:0px 3px;
margin-top:3px
}

#contactform input {
border:1px solid #7DAB4E;
color:gray;
font-size:1em;
display:block;
padding:0px 3px;
width:260px;
margin-top:3px
}
#submitbtn {
width:130px;
font-size:1em;
font-weight:bold;
background-color: #7DAB4E;
color:white;
line-height:28px;
padding:0 10px;
border:none;
margin:15px 0 0;
display:block;
text-align:center;
text-decoration:none;
}

/*FAQs*/

.faq dd{
font-weight:bold;
}

.faq dt{
margin-bottom:10px
}

/* Gallery */

.gallery a img{border:none}

#gallery_main #content a{
display:inline;
float:left;
width:360px;
padding:0 10px 10px 0;
background: transparent url(/images/common/image_background.gif) no-repeat bottom right;
margin:0 35px 20px 35px;
position:relative;
text-decoration:none
}

#gallery_main #content a span{
position:absolute;
color:#858789;
display:none;
top:0;
left:0;
padding:10px;
background: transparent url(/images/misc/whitebackground.png) top left;
}

#gallery_main #content a:hover span{
display:block
}

#largeimg{
float:left;
margin-right:10px;
margin-bottom:15px
}

#thumbnails{
float:left;
width:150px;
margin-right:20px;
}

#thumbnails img{
margin-bottom:10px;
cursor:pointer
}

#gallery_desc ul{
list-style-type:none
}

#gallery_desc li{
margin-bottom:15px
}

#gallery_desc{
margin-left:660px
}