* { padding:0; margin:0; }

body {
text-align: center;
background-color: #1A0B02;
color: #ffffa6;
font-family: Arial, Helvetica, sans-serif;
font-size: 86%;
line-height: 1.2; 
}

#container {
position: relative;
text-align: left;
width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 70px;
background-image: url(../imgs/topback.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#righttop {
position: absolute;
top: 36px;
right: 0;
text-align: right;
padding-right: 10px;
font-size: 80%;
}

#righttop a {
color: #556674;
text-decoration: none;
display: block;
}

#righttop a:hover, #righttop a:focus { text-decoration: underline; color: #CFDCE7; }

#header {
width: 800px;
height: 220px;
border-top: 2px solid #ffffcc;
border-bottom: 10px solid #ffffcc;
background-color: #999999;
background-repeat: no-repeat;
padding: 0px;
}

body#about #header { background-image: url(../imgs/about.jpg); }
body#contact #header { background-image: url(../imgs/front.jpg); }
body#home #header { background-image: url(../imgs/front.jpg); }
body#services #header { background-image: url(../imgs/services.jpg); }
body#plans #header { background-image: url(../imgs/plans.jpg); }

#logo {
position: absolute;
top: 40px;
left: 0px;
}

#header p.intro {
margin-left:295px;
margin-top:220px;
width: 260px;
color: #FFFFFF;
line-height: 1.35em;
font-size:90%;
}

#content {
background-image: url(../imgs/mainback.jpg);
background-repeat: no-repeat;
background-position: top center;
padding: 60px 0px 0px 0px;
}

#content #main {
width: 540px;
margin-right: 40px;
float: left;
}

#content #contact {
width: 800px;
margin-right: 20px;
float: left;
}
#content #main p { line-height: 1.7; }

body h1 {
background-repeat: no-repeat;
margin-bottom: 22px;
margin-top:20px;
margin-left: auto;
margin-right: auto;
}

body#about h1 { background-image: url(../imgs/about.png); width: 109px; height: 16px; }
body#contact h1 { background-image: url(../imgs/contact.png); width: 138px; height: 16px; }
body#services h1 { background-image: url(../imgs/services.png); width: 155px; height: 16px; }
body#plans h1 { background-image: url(../imgs/plans.png); width: 179px; height: 16px; }
body#home h1 { background-image: url(../imgs/selwood.png); width: 352px; height: 16px; }

#content #sub {
margin-left: 440px;
padding-top: 60px;
padding-left:20px;
/* following rules are for IE-Mac only */
/*\*//*/
  clear: left;
  margin-top: 1.5em;
  margin-left: 0;
/**/
background-image: url(../imgs/subback.jpg);
background-repeat: no-repeat;
overflow:hidden;
}


.cont {
background-image: url(../imgs/smcontact.png);
width: 110px;
height:13px;
}

.off {
background-image: url(../imgs/office.png);
width: 116px;
height:13px;
}

.open {
background-image: url(../imgs/open.png);
width: 142px;
height:13px;
}

.staff {
background-image: url(../imgs/staff.png);
width: 66px;
height:16px;
text-align:center;
margin-left: auto;
margin-right: auto;
}


#content #sub h3, #content #sub div.concert a,
#content #sub div.concert a:hover, #content #sub div.concert a:focus {
background-color: transparent;
color: #ffffa6;
text-decoration: none;
}

#content #sub h3 {
clear: right;
font-size: 1em;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 0 0 .2em 0;
}

/*
Centered floating
http://www.cssplay.co.uk/menus/centered.html
*/
#nav {
position: absolute;
top: 300px;
width: 800px;
padding: 0;
border-top: 4px solid #ffffcc;
border-bottom: 4px solid #ffffcc;
}

#nav ul {
list-style-type: none;
margin-left:55px;
}

#nav li {
float:left;

}

#nav li a, #nav li strong {
display: block;
background-image: url(../imgs/nav.gif);
height: 50px;
background-repeat: no-repeat;
}

li#nav-home a, li#nav-home strong { width: 90px; background-position: 10px 19px; }
li#nav-about a, li#nav-about strong { width: 120px; background-position: -90px 19px; }
li#nav-services a, li#nav-services strong { width: 170px; background-position: -210px 19px; }
li#nav-plans a, li#nav-plans strong { width: 180px; background-position: -380px 19px; }
li#nav-contact a, li#nav-contact strong { width: 109px; background-position: -560px 19px; }

li#nav-home a:hover, li#nav-home a:focus, li#nav-home strong { background-position: 10px -36px; }
li#nav-about a:hover, li#nav-about a:focus, li#nav-about strong { background-position: -90px -36px; }
li#nav-services a:hover, li#nav-services a:focus, li#nav-services strong { background-position: -210px -36px; }
li#nav-plans a:hover, li#nav-plans a:focus, li#nav-plans strong { background-position: -380px -36px; }
li#nav-contact a:hover, li#nav-contact a:focus, li#nav-contact strong { background-position: -560px -36px; }

#footer {
width: 800px;
padding: 1em 0px;
text-align: right;
background-color: #44240F;
color: #E1C7B7;
background-image: url(../imgs/topback.jpg);
background-repeat: repeat-x;
background-position: top;
border-top: 1px solid #633F29;
margin-top:60px;
}

#footer .left {
float:left;
}

/* Hides from IE-mac \*/
* html #footer {height: 1%;}
#footer {display: block;}
/* End hide from IE-mac */

#footer p { margin: .25em 0; }

#footer a { color: #ffffcc; }


/* General purpose */

hr { display: none; }

img { border: none; }
#content #main img { border: 3px solid #FFFFFF; background-color: #000000; padding: 1px; }
#content #main img.left { float: left; margin: 1em 1em .2em 0 }
#content #main img.right { float: right; margin: 0.5em 1em 1em 0 }

#content #contact img { border: 3px solid #FFFFFF; background-color: #000000; padding: 1px; }
#content #contact img.left { float: left; margin: 1em 1em .2em 0 }
#content #contact img.right { float: right; margin: 0.5em 1em 1Sem 0 }

a { outline: none; }
#content a { color: #FFD163; position: relative; padding: .15em 0 .25em 0; z-index: 1; }
#content a:hover, #content a:focus { color: #FFB400; }
#content a.img:hover, #content a.img:focus { background-color: transparent; }

h2,h3,h4,h5,h6 { font-family: "Times New Roman", Times, serif; margin: 1em 0 .3em; color: #ffffa6; }

#content #main h2 { font-weight: normal; text-align: center; clear: both; }

#content #main h3, #content #main h4, #content #main h5, #content #main h6 {
text-align: center;
}

#content li { margin: .3em 1em .3em 2.5em; }
#content p { margin: 1em 0; }

#contact-area input, #contact-area textarea, #contact-area select {	padding: 5px; width: 360px;	font-size: 12px; margin: 0px 0px 10px 0px; border: 2px solid #ccc; }
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #900; }
#contact-area input.submit-button {	width: 140px; float: left; margin-left:370px; cursor:pointer; }
label {	float: left; text-align: right;	margin-right: 15px;	width: 120px; padding-top: 5px;	 color:#ffffa6; font-weight:bold; }



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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* MIR: http://markwiens.net/gab/article/16/updates */
.mir { letter-spacing : -1000em; }
/*\*/
* html .mir {
text-indent: -999em;
overflow: hidden;
}
html>body .mir {
letter-spacing: normal;
text-indent: -999em;
overflow: hidden;
}/**/

.leftbox { 
width:400px;
float:left;
margin-right:40px;
}

.rightbox { 
width:360px;
float:left;
}