/* CSS Document */

body {
	margin:0;
	background-image:url(images/bg_body.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.clear {
	clear:both;
	}

p {
	margin:0 0 1em 0;
}

.align-right {
	float:right;
	margin:0 0 10px 10px;
}
	
#container {
	width:828px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background-image:url(images/bg_main.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	clear:both;
	}
	
#header {
	width:800px;
	height:283px;
	float:left;
	margin-left:14px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	}
	
#logo {
	width:316px;
	height:130px;
	margin:53px 0 0 22px;
	}
	
#logo h1 {
	margin:0;
	padding:0;
}
	
#logo a {
	display:block;
	width:316px;
	height:130px;
	background:url(images/logo.gif) no-repeat;
	text-indent:-9999em;
}

#nav {
	width:800px;
	height:41px;
	float:left;
	margin-left:14px;
	display:inline;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	}
	
#nav ul {
	list-style:none;
	height:37px;
	padding:0;
	margin:0;
	}
	
#nav li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	}

li#tab1 {width:81px; height:37px; display:block; background-image:url(images/nav_01.gif)}
li#tab2 {width:153px; height:37px; display:block; background-image:url(images/nav_02.gif)}
li#tab3 {width:138px; height:37px; display:block; background-image:url(images/nav_03.gif)}
li#tab4 {width:77px; height:37px; display:block; background-image:url(images/nav_04.gif)}
li#tab5 {width:111px; height:37px; display:block; background-image:url(images/nav_05.gif)}

li#tab1 a {width:81px; height:37px; display:block; background-image:url(images/nav_01.gif)}
li#tab2 a {width:153px; height:37px; display:block; background-image:url(images/nav_02.gif)}
li#tab3 a {width:138px; height:37px; display:block; background-image:url(images/nav_03.gif)}
li#tab4 a {width:77px; height:37px; display:block; background-image:url(images/nav_04.gif)}
li#tab5 a {width:111px; height:37px; display:block; background-image:url(images/nav_05.gif)}

li#tab1 a:hover, li#tab1 a.on {width:81px; height:37px; display:block; background-image:url(images/nav_on_01.gif)}
li#tab2 a:hover, li#tab2 a.on {width:153px; height:37px; display:block; background-image:url(images/nav_on_02.gif)}
li#tab3 a:hover, li#tab3 a.on {width:138px; height:37px; display:block; background-image:url(images/nav_on_03.gif)}
li#tab4 a:hover, li#tab4 a.on {width:77px; height:37px; display:block; background-image:url(images/nav_on_04.gif)}
li#tab5 a:hover, li#tab5 a.on {width:111px; height:37px; display:block; background-image:url(images/nav_on_05.gif)}

li:hover ul#drop { display:block; text-align:left; position:relative; line-height:19px; }

li ul#drop { margin:0; padding:0; list-style-type:none; font-size:11px; z-index:100; display:none; }
li ul#drop li { margin-top:-1px; border-bottom:2px solid #CCCCCC; }
li ul#drop li a { display:block; color:#ffffff; background-color:#5e1a0a; background-image:none; width:128px; height:auto; text-decoration:none; padding:2px 0 2px 10px; }
li ul#drop li a:hover { background-color:#7b1205; background-image:none; color:#ffffff; width:128px; height:auto; }


#content {
	float:left;
	width:514px;
	margin-top:20px;
	margin-left:36px;
	display:inline;
	color:#170d06;
	line-height:17px;
	padding-bottom:20px;
	}
	
#content a {
	color:#2d5342;
	}
	
#content a:hover {
	text-decoration:none;
	}
	
.intro {
	color:#5d1a0a;
	font-size:13px;
	}
	
.red {
	color:#FF0000;
	}
	
#side {
	float:left;
	width:237px;
	margin-left:20px;
	margin-top:16px;
	padding-bottom:20px;
	}
	
#free {
	float:left;
	width:237px;
	height:110px;
	}
	
#contact {
	float:left;
	width:237px;
	height:329px;
	background:url(images/contact.gif) no-repeat top;
	}
	
#contact #text {
	float:left;
	width:200px;
	height:80px;
	margin:50px 0 0 20px;
	display:inline;
	color:#FFFFFF;
	font-size:14px;
	line-height:18px;
	}
	
#contact #email a {
	display:block;
	float:left;
	width:105px;
	height:25px;
	margin:10px 0 0 18px;
	display:inline;
	}

#footer {
	clear:left;
	width:100%;
	height:150px;
	background-color:#24170e;
	padding:0;
	margin:0;
	}
	
#footer div {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	color:#FFFFFF;
	font-size:10px;
	}
	
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#menuslider, #menuslider2, #menuslider3, #menuslider4, #menuslider5, #menuslider6, #menuslider7, #menuslider8, #menuslider9, #menuslider10, #menuslider11, #menuslider12, #menuslider13, #menuslider14 {
	margin-bottom:12px;
	}
	
/* CONTACT FORM */

.red {
	color:#FF0000;
	}

#contact-area {
	width: 400px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	float:left;
	width: 250px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #999999;
}

#contact-area textarea {
	height: 70px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #170d06;
}

#contact-area input.submit-button {
	width: 70px;
	margin-left:115px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}
