/* CSS Document */
/* Make sure all browsers define parent width */
html {
width: 100%
}

/* Body of the document */
body {
	background-color: #66574A;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
}

/* Wrapper */
.all {
padding: 0px; 
text-align: center; 
width: 100%;
}

/* Your box */
.box {
border: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
padding-left: 120px;
width: 410px;
height: 90px;
background-color:#4D89BD;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
}

#news		{margin:20px 0; padding:15px 15px 0 15px; background:#FFFFCC; border:1px solid #FFCC66; text-align:left; }
#news h1	{font-size:140%; font-weight:bold; margin:0; padding:0 0 15px 0; }
#news p		{padding:0 0 15px 0; margin:0; }


/*the rollover menu*/
div.home {
	float: left;
	width: 70px; height: 110px;
	margin: 0 3px 0 0;
	background: url(../buttons/home2.gif) top left no-repeat;
	}

div.home a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#4D89BD;
	text-align:left;
	font-size: 0px;
	text-decoration: none;
	background: url(../buttons/home1.gif) top left no-repeat;
	}
div.home span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.home a:hover {
	background-image: none;
	color: #4D89BD;
	}
div.home a:active {
	color: #4D89BD;
	}
	

div.about {
	float: left;
	width: 70px; height: 110px;
	margin: 0 3px 0 0;
	background: url(../buttons/about2.gif) top left no-repeat;
	}

div.about a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#4D89BD;
	text-align:left;
	font-size: 0px;
	text-decoration: none;
	background: url(../buttons/about1.gif) top left no-repeat;
	}
div.about span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.about a:hover {
	background-image: none;
	color: #4D89BD;
	}
div.about a:active {
	color: #4D89BD;
	}
	

div.contact {
font-size: 0;
	float: left;
	width: 70px; height: 110px;
	margin: 0 3px 0 0;
	background: url(../buttons/contact2.gif) top left no-repeat;
	}

div.contact a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#4D89BD;
	text-align:left;
	font-size: 0px;
	text-decoration: none;
	background: url(../buttons/contact1.gif) top left no-repeat;
	}
div.contact span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.contact a:hover {
	background-image: none;
	color: #4D89BD;
	}
div.contact a:active {
	color: #4D89BD;
	}
	
	
div.services {
font-size: 0;
	float: left;
	width: 70px; height: 110px;
	margin: 0 3px 0 0;
	background: url(../buttons/services2.gif) top left no-repeat;
	}

div.services a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#4D89BD;
	font-size: 0px;
	text-align:left;
	text-decoration: none;
	background: url(../buttons/services1.gif) top left no-repeat;
	}
div.services span {
	display: block;
	margin:0; padding: 0;
	}
div.services a:hover {
	background-image: none;
	color: #4D89BD;
	}
div.services a:active {
	color: #4D89BD;
	}
/*the rollover menu*/

.header {
height: 132px;
width: 100%;
background-color: #FFFFFF;
text-align: left; 
}

.menutop {
height: 22px;
width: 100%;
background-color: #FFFFFF;
background-attachment: scroll;
background-image: url(../images/bgtop-menu.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

.menubottom {
height: 22px;
width: 100%;
background-attachment: scroll;
background-image: url(../images/bgbottom-menu.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-color: #66574A; 
}

.contenttop {
margin-top: 20px;
height: 22px;
width: 100%;
background-color: #66574A;
background-attachment: scroll;
background-image: url(../images/bgtop-content.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.content {
background-color: #FFFFFF;
width: 550px;
margin-left: auto;
margin-right: auto;
}

.wording {


margin-right:215px;
padding-left: 20px;
padding-right: 20px;
text-align: justify;
}

.wordingabout {
width: 420px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}

.wordingabout img {
text-align:center;
}

.images {
float: right;
width: 195px;
padding-left: 10px;
padding-right: 10px;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.contentbottom {
background-color: #66574A;
height: 22px;
width: 100%;
background-attachment: scroll;
background-image: url(../images/bgbottom-content.jpg);
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 20px;
}

h1 {
padding: 4px;
padding-top: 0px;
margin: 4px;
margin-top: 0px;
}

.emailform {

}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:link, a:active, a:visited {
color: #CC0000;
text-decoration: underline;
}

a:hover {
color: #4D89BD;
text-decoration: none;
}

.menu {
float: right;
width: 205px;
padding-right: 10px;
text-align:left;
}

.menu a:link, .menu a:active, .menu a:visited {
padding: 2px;
padding-left: 26px;
width: 180px;
background-color: #4D89BD;
color: #FFFFFF;
text-decoration: none;
border-bottom: 2px solid #FFFFFF;
display:block;
background-attachment: scroll;
background-image: url(../images/lia.jpg);
background-repeat: no-repeat;
background-position: left center;
}

.menu a:hover {
padding: 2px;
padding-left: 26px;
width: 180px;
background-color: #FFFFFF;
color: #4D89BD;
text-decoration: none;
border-bottom: 2px solid #FFFFFF;
background-attachment: scroll;
background-image: url(../images/lihover.jpg);
background-repeat: no-repeat;
background-position: left center;
}

.menu li, .menu ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.wording li ul {
list-style-type: bullet;
}