@import url("layout.css");
body {background-color:#B6BDBB;font-family: arial, sans-serif;font-size:76%;color: #6E6E5E;}

h1, h2, h3, p{margin:8px 4px 8px 0;}
h1 {font-size: 1.6em;color: #88394C;font-family:Georgia;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
p{font-size: 1em;text-align:justify;}
ol{font-size:1.1em;}
li{margin-bottom:5px;}
blockquote {width:290px;margin: 0 0 10px 0;padding: 0 20px;background: transparent url(images/start_quote_rb.gif) left top no-repeat;font-size:1em;}
blockquote p {background-color: #ccc;background:transparent url(images/end_quote_rb.gif) right bottom no-repeat;}

a {color: #6E6E5E;text-decoration:underline;}
a:hover {background-color:#6D6D70;color: #fff;text-decoration: none;}
img{border:none;}

/* SELECTORS */
#container {background-color:#fff;border: 1px solid #000;}
#masthead {margin:10px 0;text-align:center;}

#bar{background:#B6BDBB url(images/bar1.jpg) repeat-x;border: 1px solid #6D6D70;border-width:1px 0;text-align:center;}
div#bar a{color:#000;font-size:1.4em;font-weight:bold;margin-right:10px;padding:2px 5px;text-decoration:none;}
div#bar a:hover{color:#fff;}

#wrapper{background:#fff url(images/bg_left.gif) repeat-y;}

#navigation{background-color:#6D6D70;color:#fff;border-right:solid 1px #000;text-align:center;}
#navigation ul {margin: 20px auto;width: 90%;text-align:left;}
#navigation a {background: url(images/arrow_right.gif) no-repeat 0 3px;	color: #fff;display: block;font-weight:bold;font-size:1em;
				margin-left:5px;padding:2px 0;padding-left:12px;text-decoration: none;}
#navigation a:hover {background-color: #B6BDBB;color: #fff;font-weight: bold;text-decoration: none;}
#navigation img{border:solid 1px #fff;}

#content{padding:0 20px;}

#horizarea {text-align:center;}
#horizarea img.portfolio {margin-bottom:5px;}

#contactform{padding:2px 5px 2px 5px;text-align:left;width:260px;}
#contactform label{font-weight:bold}

#footer{text-align:right;}

/* CLASSES */
img.portfolio{border:solid 1px #000;margin:0;}
img.vertical {float:right;margin:10px 0 0 15px}

ul.hnav{display: inline;margin-left: 0px;padding:0px;} 
ul.hnav li{display: inline;list-style: none;margin: 0px;padding:0px;}	
ul.vnav{margin:5px;margin-left: 0px;padding:0px;} 
ul.vnav li{list-style: none;margin: 0px;margin-bottom:5px;padding:0px;}	

/* GENERIC CLASSES */
.messageOK{color:green;}
.messageFail{color:red;}

.clearing{clear:both;}