/* ------------DESIGNED/CSS/HTML - Brian Kerr Design, www.BrianKerrDesign.com --------- */


/* ---------------- PAGE -------------------------------------------------------------- */
html, body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body{
background:url(../images/head_bg.jpg) center top repeat-x;
background-color:#e7e1cb;
text-align: center; /* css center */
font:11px Arial,Georgia,serif;
}

.container {
width:1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -125px;; /* css center, footer */
}

.spacer{
clear:both;
height:0px;
}

.center{
text-align:center;
}

/* ---------------- HEADER -------------------------------------------------------------- */
.header{
width:1000px;
height:142px;
background:url(../images/header.jpg) center top no-repeat;
position:relative;
}

.logo{
position:absolute;
left:40px;
top:45px;
width:180px;
height:60px;
}

.cap{
position:absolute;
top:50px;
left:700px;
width:225px;
height:30px;
padding:3px 5px;
background:#e0d8be;
border:1px solid #c2af8c;
}

/* ---------------- MENU -------------------------------------------------------------- */

#menu{
/*menu alignment */
position:absolute;
bottom:27px;
left:250px;
}

#menu ul{
font: bold 11px Arial,Georgia,serif;
margin:0;
list-style: none;
}

#menu li{
display: inline;
}

#menu a{
float: left;
display: block;
color: #837261; /*off color*/
background:url('../images/tab_off.jpg') bottom center no-repeat;
width:75px;
height:15px;
padding:0 0 15px 0;
margin-right:15px;
text-decoration: none;
text-align:center;
}

#menu a:hover{
background:url('../images/tab_over.jpg') bottom center no-repeat;
}

#menu #current a{ /*currently selected tab*/
color:#93531f;	/*on color */
background:url('../images/tab_on.jpg') bottom center no-repeat;
}


/* ---------------- CONTENT -------------------------------------------------------------- */
.main{
width:1000px;
min-height:200px;
background:url(../images/body.jpg) center repeat-y;
text-align:left;
}

.main_bottom{
width:1000px;
height:40px;
background:url(../images/body_bottom.jpg) center top no-repeat;
}

.content{
width:840px;
margin:0 0 0 85px;
}

/* ---------------- PINUP -------------------------------------------------------------- */

.pinup{
float:left;
width:275px;
height:220px;
background: url(../images/pinup_bg.jpg) 0 0 no-repeat;
display:inline;
}
.pinup img{
width:195px;
height:130px;
border:1px solid #e6e3dc;
margin:31px 40px 12px 40px;
}

.pinup span{
display:inline;
float:left;
margin-left:40px;
color:#ada691;
font:bold 11px Arial,Georgia,serif;
}
.pinup div{
display:inline;
float:right;
margin-right:40px;
color:#c3c3c3;
font:10px Arial,Georgia,serif;
}

.pinup:hover{
background: url(../images/pinup_bg.jpg) 0 -220px no-repeat;
}

/* ---------------- FOOTER -------------------------------------------------------------- */
.footer, .push {
	height: 125px; /* .push must be the same height as .footer */
}

.footer{
width:100%;
height:125px;
background:url(../images/footer_bg.jpg) bottom center repeat-x;
text-align:center;
}

.footer_text{
margin: 0 auto;
width:1000px;
height:125px;
background:url(../images/footer.jpg) bottom center no-repeat;
}

.footer_text div{
height:55px;
width:1000px;
text-align:center;
padding-top:70px;
}

.footer_text span{
font: 10px Arial,Georgia,serif;
color:#726857;
text-align:center;
padding-bottom:2px;
display:block;
clear:both;
}

.footer_text a{
color:#726857;
text-decoration:none;
}

.footer_text a:hover{
color:#8f8472;
}

/* ---------------- GLOBAL TEXT -------------------------------------------------------------- */

p{
margin:5px 0 8px 0;
text-indent:25px;
line-height:19px;
}

.noindent{
text-indent:0;
}


h1{
display:block;
padding:5px 0 5px 0;
font: bold 14px Arial,Georgia,serif;
color:#94511e;
clear:both;
}

h1 span{
display:block;
clear:both;
font: bold 11px Arial,Georgia,serif;
color:#4d453c;
}

h2{
display:block;
padding:8px 0 2px 0;
font: bold 12px Arial,Georgia,serif;
color:#94511e;
clear:both;
}

h3{
display:block;
padding:8px 0 8px 0;
font: bold 11px Arial,Georgia,serif;
color:#4d453c;
clear:both;
margin-left:25px;
}



a{
text-decoration:none;
color:#aa6958;
}

a:hover{
color:#ad4125;
}

a:hover, a:active {
color:#FF6600;
cursor:pointer;
}

.checked ul{
margin: 0;
padding: 0;
}

.checked{
margin: 0 0 0 50px;
}

.checked li{
display:block;
float:left;
width:200px;
margin:2px 20px 10px 0;
padding: 0 0 0 18px;
background: url(../images/check.png) no-repeat center left; /*custom bullet list image*/
}