* {padding:0; margin:0}
html{background: #DDD}
body {font: 10pt Verdana, sans-serif; margin: 20px auto; background: #FFF; max-width: 900px; padding: 20px 20px 0; border-radius: 10px; border: 1px solid #CCC}
p {margin: 5px 0; line-height: 1.5em}
a {color: #900; text-decoration: none}
a:hover, #footer a:hover {color: #36F !importnat}
#content a:hover {text-decoration: underline}

#head {max-width: 860px; height: 80px; padding-right: 100px; margin: 0 auto; background: transparent url(images/logo.png) no-repeat top right}
#wrap {border: 1px solid #888; border-left: none; border-right: none}
#content {max-width: 900px; margin: 0 auto; padding: 20px 10px 30px	}
#footer {text-align: center; font-size: 8pt; padding: 10px 0; margin: 0}
#footer a {color: #555}

#content ul, #content ol {margin: 5px 0 0 2em}
#content li {margin-bottom: 0.5em; text-align: left}
#content p {clear: left}

.error {color: red}
blockquote {margin: 10px; padding-left: 20px; border-left: 5px solid #ddd}

h1,h2,h3 {font: italic bold 14pt Times, serif; color: green; text-align: left}
#content h1 {margin: 5px 0 10px 0; font-size: 18pt; text-align: center}
#content h2 {margin: 10px 0 15px; font-size: 16pt}
#content h2:before {content: "\00BB\00A0"}
h3 {margin: 10px 0}

#head h1, #head h2 {text-align: right; text-shadow: #CCC 2px 2px 2px}
#head h1 {font-size: 16pt; padding-top: 15px}
#head h2 {font-size: 12pt; color: #900}

#nav {max-width: 960px; margin: -20px auto 0; height: 31px}
#nav ul {list-style: none; text-align: center; margin: 0 auto}
#nav li {float:left}
#nav a {display: block; text-shadow: #CCC 1px 1px 2px; margin: 10px 0}
#nav>ul>li>a {border-right: 1px solid #DDD}
#nav>ul>li:last-child>a {border: none}
#nav>ul>li>a {width: 80px}

#nav .sublinks {display:none; background: #FFF}
#nav li:hover>.sublinks {display:block; width: 200px; position: absolute; top: 131px; margin-left: -50px; z-index: 1; box-shadow: #AAA 5px 5px 2px; border: 1px solid #888; border-top: none; border-radius: 0 0 10px 10px}
#nav .sublinks a {width: 200px}

#nav a:hover, #nav a.current, #home #nav-home, #services #nav-services, #contact #nav-contact {color: #000}
#nav a:hover {text-decoration: underline}

.contact {margin: 0 auto}
.contact td, .contact th {vertical-align: top; padding: 10px; text-align: left}
input,textarea {border: 1px solid #888}
input:focus,textarea:focus {background: #FAFAFA; box-shadow: #DDD 0 0 5px}
input,textarea,label {padding: 5px; font: inherit}

.picframe {border: 1px solid #C0C0C0; float: left; padding: 10px; margin: 10px; width: 300px; text-align: center; font-size: 8pt; font-weight: bold}
.right {float: right; clear: right}
.caps {font-variant: small-caps; font-size: 8pt}

@media print {
	body {width:90%; background:#FFF}
	h1 {width:auto; float:none; border:none}
	#wrap {width:90%; padding:10px 5%;background:#FFF}
	#content {width:100%}
	#nav {display:none}
}
