/* 
Title:     Screen CSS
Author:    monkeygum.com
Updated:   25 May 2008
*/

/* ---------------------[ SCREEN CSS ]------------- */
* {margin:0;padding:0;}
body {color:#ccc;background:#000 url(../images/topnav-bg.gif) repeat-x top left;
	line-height: 1.2em;font-family: "Trebuchet MS", Verdana, sans-serif;font-size: small;text-align: center;}

#wrap {margin: 0 auto;width: 774px;text-align: left;}

#content {float:left;width: 734px;padding:20px 20px 10px 20px;
	background:#303030 url(../images/content-top-curve.gif) no-repeat top right;}

#logo {float:right;margin: 20px 0 0 0;}
/* ---------------------[ common elements ]---- */
h1, h2, h3 {font-family: Helvetica, Arial, sans-serif;}
h1 {font-size: 160%;margin-bottom:.5em;color: #9e8a70;letter-spacing:1px;text-transform:uppercase;}
h2 {font-size: 130%;margin-bottom:.5em;color:#64a1bf;}
h3 {font-size: 110%;margin-top:1em;color: #9e8a70;}
ul {list-style: none;}
p {margin: 0.3em 0 1em 0;}

/* ---------------------[ links ]------------- */
a {color: #ccc;}
a:hover {color: #837057;}
img {border:none;}
em {font-style:normal;font-weight:bold;}
acronym {cursor:help;border-bottom: 1px dotted #999;}

#nav {font-size: 110%;font-weight: bold;float: left;width: 774px;}
#nav li {float: left;display: inline;margin-right: 10px;background:#474747 url(../images/tab-left.png) no-repeat top left;}
#nav a {display: block;padding: .4em 1em;color:#999;text-decoration: none;border-bottom:#3c3c3c solid 2px;
	background:transparent url(../images/tab-right.png) no-repeat top right;}
#nav a:hover {color:#fff;border-bottom:#68563e solid 2px;}
#nav li:hover {background-color:#837057;}
#nav li.selected {background-color:#303030;}
#nav li.selected a {color: #ccc;border-bottom:#303030 solid 2px;}


#intro { float:left;width: 400px;margin-bottom:20px;}
#intro ul, #content ul {list-style:circle;margin: 0 0 2em 1em;}
#intro li, #content li {margin-bottom: 8px;padding: 0;}

.box {font-size:95%;float: right;width: 310px;background:#111 url(../images/box-top.png) no-repeat center top;margin-bottom:20px;}
.box-content {padding:5px;background:transparent url(../images/box-bott.png) no-repeat center bottom;}
.box-content img {border:#000 solid 2px;}
body#services .box-content img {vertical-align:middle;border:none;}
.box ul {list-style:circle;margin: -10px 0 0 30px;padding:0;}
.box h2 {margin:0;line-height: 1.2em;padding: 10px;}
.box h3 {margin:0;padding-left: 10px;}
.box p {margin: 0;padding: 0 10px 10px 10px;}
body#home .box-wide-content img, body#home .box img {float:left;}
body#home .box img {margin:0 15px 5px 0;}
#recent-news {clear:left;}
#recent-news p.date {padding-bottom:0;}

.box-wide {clear:both;float:left;width:734px;margin-top:20px;background:#222 url(../images/logo-box-top.png) no-repeat center top;}
.box-wide-content {float:left;width:714px;margin:0;padding:10px;background:transparent url(../images/logo-box-bott.png) no-repeat center bottom;}
.box-wide-content img {border:#111 solid 2px;margin: 0 10px 0 0;}
body#about .box-wide {background-color:#e2e2e2;}
body#about .box-wide-content img {margin-right:30px;vertical-align:middle;border:none;}

table {margin: 20px 0 20px 20px;background-color:#000;border:#000 solid 2px;}
th {color:#9e8a70;padding:5px;}

.float-right {float:right; margin: 0 0 20px 20px;border:#222 solid 2px;}
.float-left {float:left; margin: 0 20px 20px 0;border:#222 solid 2px;}
.centre {text-align:center;}
.date {font-size:80%;color:#999;}
.clear {clear:both;}
.breadcrumb {font-size:90%;margin-bottom:1em;}
.breadcrumblink {font-size:90%;color:#999;}

.next, .prev {margin:20px 0 0 0;border:#000 solid 1px;background-color:#666;cursor: pointer;}
.prev {float: left;}
.next  {float: right;}
.next a, .prev a {text-decoration: none;display: block;padding: 2px 5px;}
.next:hover, .prev:hover {border-color: #64a1bf;background-color:#222;}
.next a:hover, .prev a:hover {color: #64a1bf;}

/* ---------------------[ footer ]------------- */
#footer {display: inline;float:left;color:#ccc;width: 774px;padding-top: 10px;list-style: none;background:transparent url(../images/content-bott-curve.png) no-repeat top center;}
#contact {float: right;text-align:right;width: 460px;margin: 0 0 0 5px;padding: 10px 0;}

#contact li {font-size: 90%; display: inline;margin: 0;padding: 3px 10px;}

#copyright {float: left;width: 280px;text-align: left;font-size: 90%;margin: 0;padding: 10px 15px 10px 0;}

.details {border-left: solid 1px #333;}


#design {clear: both;width: 774px;color: #666;font-size: 80%;margin: 0;padding: 20px 0;}
#design a {color: #666;}
#design a:hover {color: #837057;}
/* ---------------------[ vcard ]------------- */
.vcard {padding: 10px 20px 10px 10px;background:transparent url(../images/box-bott.png) no-repeat center bottom;}
.vcard p {padding: 0;}
.vcard img {float:right;}
.adr, .telecommunications {margin: 1em 0;}
.org {font-size: 130%;font-weight: bold;color:#64a1bf;}
.url, .adr .type {display: none;}


/* ---------------------[ flashcontent ]------------- */
#flashcontent {margin:0 10px 10px 10px;background-color:#000;text-align:center;}

#flashwarning {color:#999;}
#flashwarning fieldset {border: none;width:260px;padding: 0;}
#flashwarning legend {visibility:visible;padding:0 0 10px 0;font-size: 120%;color: #fff;font-weight: bold;}
#flashwarning a:hover {color: #837057;}

/* ---------------------[ contact form ]------------- */

form {width: 400px;}

fieldset {border: none;width: 400px;}
fieldset strong {color: #cc6e0f;}
legend {visibility: hidden;height: 0;}

label {display: block;color:#999;}
input.zemText, input.zemTextarea, textarea, select {
	border: none;
	background-color:#666;
	width: 350px;
	padding: .1em 0;
	margin-bottom: 1em;
}

input.zemText, .zemTextarea, .zemSelect {color:#ccc;line-height:120%;}

.zemSubmit {margin: .5em 0 0 0;padding: .2em 1em;background-color: #666;font-weight: bold;border:#000 solid 1px;cursor: pointer;color:#ccc;}
.zemSubmit:hover {color: #64a1bf;border-color: #64a1bf;background-color:#222;}

.required, label.zemRequired, .zemRequirederrorElement {color:#64a1bf;}

.zemRequirederrorElement {color:#cc6e0f;}
input.zemRequirederrorElement , select.zemRequirederrorElement , textarea.zemRequirederrorElement  {color:#ccc;}

.error {color:#cc6e0f;}
.required {width: 350px;font-size: 80%;}
.zemError {color: #8e8e83;}
.zemError strong {color: #cc6e0f;}
.zemError li {list-style: circle;line-height:1.5;}
.zemThanks p {color: #64a1bf;font-size: 120%;font-weight: bold;padding: 7em 0;}