@import url("reset.css");

/* layout */

body {
background: #300 url(../images/gfx/back.png) repeat-y top left;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
color:#fff;
}

#header {
width: 100%;
background: #fff;
height: 30px;
}

h1.logo {
font-size:1em;
width:711px;
height:30px;
float: left;
display: inline;
margin-left: 4px;
}

h1.logo a {
display:block;
overflow:hidden;
height:0;
width:711px;
padding-top:30px;
background:url(../images/gfx/h1_bar.gif) no-repeat;
}

#container {
width: 960px;
margin-left:30px;
}

#nav {
float: left;
display: inline;
width:180px;
padding-bottom: 100px;
background: #1e0000 url(../images/gfx/nav_grad.png) repeat-x bottom left;
}

#content {
float: left;
display: inline;
width: 760px;
margin-top: 30px;
margin-left: 20px;
padding-bottom: 30px;
font-size: 75%;
/* text-align: justify; */
}

.home {
background: url(../images/gfx/home-image.gif) no-repeat 10px 0;
border: 0px solid blue;
height: 590px;
}

.home #content {
padding-top: 505px;
}

.home #content p {
padding-right: 100px;
}

.home #nav {
padding-bottom: 24px;
}

/* nav */

#nav {
font-family: "Century Gothic", "Gill Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 70%;
font-weight: 400;
letter-spacing: .1em;
}

#nav li {
display: block;
}

#nav li a {
padding: 15px;
display: block;
color: #fff;
}

#nav li:hover {
color: #c60;
background: #330000;
}

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

#nav li.active a {
color: #c60;
background: #300;
}

#nav ul {
padding-bottom: 10px;
color: #fff;
background: #300;
font-family: Verdana, Arial, Sans-Serif;
text-transform: none;
letter-spacing: normal;
list-style: disc;
}

#nav li.active ul li {
font-size: 95%;
line-height: 1.4em;
}

#nav li.active ul li a {
color: #fff;
padding: 2px 15px 6px 15px;
}

#nav li.active ul li a:hover {
text-decoration: underline;
}

#nav li.active ul li.active a {
color: #c60;
}


/* content */

h2 {
margin-bottom: 15px;
color: #c60;
font-family: "Century Gothic", "Gill Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-weight: normal;
font-size: 175%;
text-transform: uppercase;
letter-spacing: .05em;
text-align: left;
line-height: 1.3em;
}

h3 {
margin-bottom: 15px;
color: #c60;
font-family: "Century Gothic", "Gill Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-weight: normal;
font-size: 150%;
text-transform: uppercase;
letter-spacing: .05em;
text-align: left;
line-height: 1.3em;
}

h4 {
margin-bottom: 10px;
color: #c60;
font-family: "Century Gothic", "Gill Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-weight: normal;
font-size: 110%;
text-transform: uppercase;
letter-spacing: .05em;
text-align: left;
}

p {
margin-bottom: 15px;
line-height: 1.4em;
}

#content ul {
margin-bottom: 30px;
}

#content ul li {
margin: 0 0 5px 15px;
list-style: disc;
line-height: 1.4em;
}

#content ul ul {
margin: 5px 0 10px 15px;
}

#content ul ul li {
list-style: circle;
}

#content dl {
margin-bottom: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #c60;
}

#content dt {
margin-bottom: 10px;
color: #c60;
font-weight: normal;
font-size: 110%;
line-height: 1.3em;
}

#content dd.image {
float: left;
display: inline;
margin: 0 15px 15px 0;
}

#content dd.record-details {
clear: both;
}

blockquote { 
margin: 10px 20px;
padding: 10px;
font-size: 100%;
line-height: 1.4em;
background: #1e0000;
}


/* contact form */

#contactform input, #contactform textarea {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 2px 5px 2px;
border: 1px solid #c60;
background: #fff;
color: #111;
padding: 2px;
width:300px;
}

#contactform input:focus, #contactform textarea:focus {
border: 1px solid #1E0000;
}

#contactform p {
margin:5px 0 10px 0!important;
text-align: left;
}

#contactform label {
width:100px; 
margin:4px 10px 0 0; 
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
text-align:left;
vertical-align:top;
font-family: "Century Gothic", "Gill Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
text-transform: uppercase;
font-weight: normal;
color: #c60;
}

#contactform label span {
width:100px; /* must be the same as above!*/
display:block; 
}

#contactform p.buttons {
padding-left:115px;
}

input.but, #contactform input.but {
color: #c60;
background: #1E0000;
font-weight: bold;
border: 1px solid #c60;
width: 80px;
font-family: "Century Gothic", "Gill Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
text-transform: uppercase;
font-weight: normal;
}

input.but:hover, #contactform input.but:hover {
text-decoration: underline;
cursor: pointer;
background: #300;
}

input.tick, #contactform input.tick {
border: 0;	
}

div#email4 {
display: none;
}

.small {
margin-top: 20px;
font-size: 90%;
}



/* misc */

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

a:hover {
text-decoration:underline;
}

.f-left {
float: left;
display: inline;
margin: 0 15px 15px 0;
}

.f-right {
float: right;
display: inline;
margin: 0 0 15px 15px;
}

p.backtotop {
padding-top: 15px;
}

.backtotop a {
color: #c60;
font-family: "Century Gothic", "Gill Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .05em;
}

#side-sig {
position: absolute;
top:30px;
left:0;
width:30px;
height:304px;
background: url(../images/gfx/side_sig.gif) no-repeat top left;
}