@charset "UTF-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff url(../assetts/images/back_container_01.jpg) repeat top left;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
}

h2 {
margin:0;
padding:10px;
font-size:0.9em;
}

h3 {
font-size:0.8em;
}

p {
margin:10px 10px;
font-size:0.8em;
}

#header h1 {
	margin-left:-5000px;
}

#footer p {
	margin: 0;
	padding: 10px 0;
}



#container{
	width: 890px;
	background: #FFFFFF;
	margin:20px auto; 
	border:#dddddd 1px solid;
	text-align: left;
}

#header {
	background:#DDDDDD url(../assetts/images/header.gif) no-repeat; 
	padding:0;
	margin:0;
	border:#dddddd 1px solid;
	height:127px;
}

#sidebar {
	float: left; 
	width: 200px;
	background: #ffffff;
	padding: 10px 0;
	margin:0;
}

#mainContent {
	width:670px;
	margin: 0 0 0 210px;
	padding:10px 0 0 0;
}

#mainContent a:link {
text-decoration:none;
color:#86aeb6;
}

#mainContent a:visited {
text-decoration:none;
color:#86aeb6;
}

#mainContent a:hover {
text-decoration:none;
color: #666666;
}

#mainContent a:active {
text-decoration:none;
color:#86aeb6;
}

#mainContent p {
	padding:10px;
	margin:0px;
	background:#eeeeee;
}

#mainContent h2 {
	padding:10px;
	margin:0px;
	
}

#mainContent h3 {
	padding:10px;
	margin:0px;
}

#mainContent h4 {
	padding:10px;
	margin:0px;
	font-size:0.8em;
}

#mainContent div.thumb p {
text-align:left;
float:left;
padding:5px 160px 5px 15px;
color:#666666;
clear:left;
line-height:1.4em;
font-size:0.7em;
background:none;
margin:0;
}

#mainContent div.thumb p span {
font-weight:bold;
}

#fullSize {
	text-align:center;
	background:#dddddd;
	width:670px;
	margin: 10px 0 0 210px;
}

#footer {
margin-top:10px;
	padding: 0 10px;
	background:#86aeb6;
}

.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.textBox01{
background:#dddddd;
margin:0;
width:200px;
padding:5px 0;
margin:0 0 5px 0;
height:100%; /* maybe fix the top margin on the h2 explorer problem */
}

.textBox02{
background:#dddddd;
margin: 15px 0 -5px 0;
width:200px;
padding:0 0 5px 0;
height:100%;
}

.textBox02 img {
margin:10px 10px 0px 10px;
}
.textBox02 h2 {
color:#444444;
font-size:85%;
}
.textBox02 p {
color:#666666;
font-size:75%;
}

.textBox03{
background:#eeeeee;
margin:0;
width:200px;
padding:5px 0;
height:100%;
}

.textBox03 img {
margin:5px 0px 0px 10px;
padding:0;
}

.textBox04{
margin: 15px 0 0 0;
width:200px;
height:50px;
padding:5px 0;
}

.textBox04 a:link {
background:url(../assetts/images/back.gif) no-repeat top left;
width:200px;
height:50px;
display:block;
color:#86aeb6;
text-decoration:none;
padding:10px;
}

.textBox04 a:visited {
background:url(../assetts/images/back.gif) no-repeat top left;
width:200px;
height:50px;
display:block;
color:#86aeb6;
text-decoration:none;
padding:10px;
}

.textBox04 a:hover {
background:url(../assetts/images/back_over.gif) no-repeat top left;
width:200px;
height:50px;
display:block;
color:#444444;
text-decoration:none;
padding:10px;
}

.textBox05{
background:#dddddd;
margin:5px 0;
width:200px;
padding:0 0 5px 0;
height:100%;
}

.textBox05 img {
margin:0;
}

.textBox05 h2 {
color:#444444;

margin:0;
padding:10px;
}

.thumbBox {
float:right;
border:#999999 1px solid;
margin:10px 10px 5px 10px;
padding:14px;
background:#eeeeee;
}

.thumb {
	margin:1px 0 0 0;
	padding:0;
	border-top: #dddddd 3px solid;
	border-bottom: #dddddd 3px solid;
	float:left;
	width:670px;
	background:#eeeeee;
	text-align:right;
	zoom: 1; /* possible solution to chaotic borders bug */
	
}

.textBox02 dl {
width:200px;
margin:0;
padding:0;
text-align:left;
font-size:0.8em;

}

.textBox02 dd {
clear:left;
margin:0;
padding:10px;
}

.textBox02 dt {
font-weight:bold;
margin-left:0;
padding:10px 10px 0 10px;
}

.thumb dl {
width:440px;
float:left;
margin:0;
padding:10px;
text-align:left;
font-size:0.7em;
line-height:1.5em;
}

dt {
font-weight:bold;
margin-left:0;
}

.thumb dd {
clear:left;
margin-left:120px;
margin-top:-1.5em;
text-align:left;
zoom: 1; /* possible solution to chaotic borders bug */
}

.thumb a:hover{ /* ENABLES THE FOLLOWING HOVER TO WORK IN EXPLORER 6 */
	color:red;
	}
	
a:link img {
	border:#ccc 2px solid;
}

a:visited img {
	border:#ccc 2px solid;
}

a:hover img {
	border:#fff 2px solid;
}

a:active img {
	border:#cccccc 2px solid;
}
a:link {
text-decoration:none;
}

.thumb02 {
	margin:10px 10px 0px 0px;
	display:inline;
	padding:0;
	float:left;
	width:157px;
	height:210px;
	text-align:center;	
}

.subThumb02 {
margin:0;
padding:0;
height:155px;
}
.thumb02 h3 {
font-size:0.5em;
}

.thumbBox02 {
float:left;
border:#666666 1px solid;
margin:10px 10px 5px 10px;
padding:14px;
background:#eeeeee;
clear:right;
}

.thumbBox03 {
width:90px;
height:90px;
margin:5px 0px 0px 6px;
padding:0;
text-align:center;
float:left;
display:inline;
background:#dddddd;
}

.divide{
height:1px;
width:100%;
margin:0;
padding:0;
background:#FFFFFF;
}

#back{
width:200px;
height:50px;
}

/* FORM STYLES */

.contactForm form {
width:400px;
padding:5px 35px;
}

.contactForm label {

margin-bottom:-1em;
}

.contactForm .send {
margin:1em 0 0 0;
padding:0;
width:100px;
height:30px;
background:url(../assetts/images/send.jpg) no-repeat top left;
color:#FFFFFF;
cursor:pointer;
border:none;
}

.contactForm input {
width:300px;
margin-bottom:1em;

}

.contactForm textarea {
width:300px;
}

.address {
text-align:center;
}