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

version:   1.0
date:       7-1-08
author:    marc duisenberg
email:     stylehelp@mouseworks.biz
website:   http://www.mouseworks.biz
-----------------------------------------------------------------------------*/


/* =Normalizing - overriding default browser styles
-----------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
margin:0; padding:0;
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size: 100% 
}

ul,ol { 
list-style:none 
}

fieldset, img {
border:0;
}

.clear {
	clear:both;
}

img {
	border: none;
}



/* =General
-----------------------------------------------------------------------------*/
html {
text-align:center;
}

body{
background: #e4e7e6 url(../images/bg_body.jpg);
text-align:center;
margin:20px auto;
}

div#pagewrap{
background: #b5b9b8 url(../images/bg_pagewrap2.jpg) top left;
position:relative;
width: 850px;
min-width:770px;
margin: 0px auto 0px auto;
padding:0px;
text-align:left;
color: #333;
border: 2px #556435 solid;
 }

/* =Typography
-----------------------------------------------------------------------------*/

body{
font-size: small;
font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;

}

/* =Branding
-----------------------------------------------------------------------------*/
div#branding{
text-align: right;
height: 130px  ;
margin:0 0 0px 0;
background: transparent url(../images/bg_stcroixriver4.jpg) no-repeat 0% 0%;
}



div#branding li{
text-align:center;
padding: 0px 5px;
display:inline;
display:none;

}

/* =Content Container
-----------------------------------------------------------------------------*/
div#content{
margin:0px ;
padding:0 0px;
width:850px;
float:left;
display:inline;
min-height:500px;
xbackground-color: #ced5e6;

}

div#content h2.spacer{  /* creates the effect the border container ending  */
margin:0px;
padding:0;
width:auto;
height:14px;
background-color: #fff;
}


/* =Content Main  &  Secondary  - INTERNAL PAGES
          currently this is the center & right column of content

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

div#maincontent{                 
padding:0 0 0 35px;
margin:0px 0px 25px 0;
xborder: 2px #6178ac solid;
xbackground-color: #ced5e6;
width:544px;
float:left;
display:inline;
}

div#maincontent p#site-image{ 
height:500px;
margin:20px 0;                
background: #aeb1b0 url(../images/bg_aerial_view_lots.jpg) no-repeat;
}

div#secondarycontent{ 
padding:0 35px 0 0px;
margin:0 0px;             
float:right;
display:inline;
width:195px;

}



/* =Content Sub
-----------------------------------------------------------------------------*/

div#subcontent{   /* currently this can be photos, text, etc. - located below left nav */
margin:0px;
width:194px;
height: 670px; 
padding: 0 10px;
float:left;
display:inline;
background: transparent url(../images/bg_subcontent5.jpg) no-repeat;
}


div#subcontent img{ 
margin:0 0 0 0px;
padding:0px;

}




/* =Headings & Paragraphs
-----------------------------------------------------------------------------*/


#content h1, #content h3, #subcontent h2{
margin: 10px 0 0 0;
padding: 3px 7px 3px;
font-size:120%;
color: #fff; 
xbackground-color: #a49250 ;
}

#content h2{
background-color: #b6ab9a;
border: 1px #505b30 solid;
margin: 20px 0 0 0;
padding: 3px 7px 3px;
font-size:120%;
color: #564018; 
}

h2 .small{
xfont-size:85%;
color: #3f481a;

}
#content p {
padding: 10px 0px 15px 6px ;
xtext-align:left;
color: #333333; }

.strike {
text-decoration: line-through;
color: red; }

#subcontent p{
}

div#maincontent p{
margin:0px 0px 0 0px;
}





.center{
text-align:center;
}

div#maincontent h3, 
div#secondarycontent h3{ 
font-size:115%;
color: #343c14; 
padding-top:15px;
background-color: #fff;
}



div#maincontent-faqs p.subhead{
margin:20px 0 0 0;
}




/* =Images
-----------------------------------------------------------------------------*/



div#maincontent-resources img,
div#maincontent-faqs img{
float:right;
display:inline;
margin:0px auto;
padding:0  0 0 10px; 
}

div#secondarycontent img{
margin:3px auto;
padding:3px; 
border: 1px #505b30 solid;
}

div#maincontent img.thumb{
xfloat:left;
padding: 0px 0;
} 

div#maincontent div#mainphoto{
padding:0 0 0 5px;
width:395px;
height:550px;
position:absolute;
top:210px;
left:340px;
background-color:#fff;

} 
div#maincontent div#mainphoto img{
fxloat:left;
margin:0;
}




/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited, a:active{
text-decoration: none; 
color: #565c1a;
}
a:hover, div#maincontent a:hover{
text-decoration:underline;
}
div#maincontent a{
text-decoration: none; 
padding: 0px 0;
} 


div#secondarycontent img a:hover{
text-decoration:none;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
text-decoration: none; 
color:#000;
}


#footer a:hover{
text-decoration: underline; 
}


#subcontent #logolinks{
width:200px;
height:270px;
position: absolute;
top:560px;
}

div#secondarycontent h2#cart a{ 
color:#fff;
font-size:100%;
}



/* =Lists
-----------------------------------------------------------------------------*/



div#content ul{
margin:10px 10px;
color:#333;

}


div#content ul li {
margin:5px 0px 0 15px;
display: list-item;
list-style-type: disc; 
xwidth:210px;
}


/* =Nav Main 
-----------------------------------------------------------------------------*/

#header-navbox{

text-align:center;
margin:0px auto;
padding:0;
height:30px;
background: #c6b9a6;
border-top: 1px #515b30 solid;
border-bottom: 1px #515b30 solid;
}

div#nav{
width:90%;
margin:0px auto;
padding:0;
height:40px;
}

#header-navbox ul {
list-style:none;
float:left;
display:inline;
}

#header-navbox ul li{
float:left;
display:inline;
}

#header-navbox ul a {
float:left;
display:inline;
text-align:center;
display:block;
margin:4px 0 0 0;
padding:0px 20px ;
line-height:1.8em;
color: #2e422f;
font-weight:bold;
}

#home #nav .home a, 
#sites #nav .sites a, 
#location #nav .location a, 
#photos #nav .photos a, 
#printinfo #nav .printinfo a,
#links #nav .links a,
#contact #nav .contact a   {
margin:4px 0 0 0;
line-height:1.8em;
background-color: #b6ab9a;
cursor:default;
text-decoration:none;
color: #574119; }


#header-navbox ul a:hover{
background-color: #b6ab9a;
text-decoration:none; }


/* =Nav 2  Related Pages section         
-----------------------------------------------------------------------------*/



div#subcontent ul, 
div#subcontent ul ul,
div#subcontent ul ul ul{
margin:3px 5px 0 5px ;
padding:0;
list-style:none;
color:#333;
display:block;
}

div#subcontent ul ul ul{
padding:0 0 0 5px;
}

/*
div#subcontent ul ul ul{
}

div#subcontent ul li a{
display:block;
margin:0px 0 0 0;
padding:0 0 0 0;
text-indent:0;
}

div#subcontent ul ul li a{
margin:0px 0 0 0;
padding:0px 0 0 0;

text-indent:0;
}

div#subcontent ul ul ul li a{
text-indent:10px;
display: list-item;
list-style:none;
padding:0 0 0 0 ;
margin:0px 0 0 0px;}


 =Nav 3  -  Product Thumbnail Nav        
-----------------------------------------------------------------------------*/

div#maincontent #thumbnav{
width: 80px;
text-align:center;
}

div#maincontent #thumbnav a:hover .thumbcaption{
text-decoration: underline; 

padding: 0px 0;
} 

div#maincontent  #thumbnav a.thumb{
text-decoration:none;
padding:0px 0;
} 


/* =Nav Sub 
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

fieldset {                    /* Removes fieldset borders. even on Opera 7 */
  border: 1px solid transparent;
}

#form {
margin:10px 0 0 5px;
color:#004364;
font-weight:bold;
}

input, textarea, .submit {
padding:3px 0 3px 0px;
border:1px #0080c0 solid;
}

#form p{
margin:10px 5px;
padding:0;
}
.radiostyled{
border:none;
margin:5px 0 0 0 ;
}



/* =Footer (site info)
-----------------------------------------------------------------------------*/
div#footer{
background: #b5b9b8 url(../images/bg_pagewrap2.jpg) top left;
clear:both;
margin:0;
padding:15px 35px;
border-top: 1px #505b30 solid}

div#footer ul{
margin: 0;
padding:0;
}
div#footer ul li{
display:inline;
padding:0px;
color:#383f15;
font-weight: bold; }

div#footer ul #copyright{
xdisplay:inline;
color: #fff;
margin:0px 80px 0 0;
padding:0px 0px 0 15px;
}

div#footer ul li #email{
display:inline;
color:#383f15;
}
div#footer .photocredit{
font-size:70%;
float:right;
display:inline;
color:#383f15;
font-weight: normal;
padding: 0 0 10px 0;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
.small{
font-size:85%;
}


/* =Misc 2
-----------------------------------------------------------------------------*/