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

body {
	background-image:url(../images/bodybg.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-color:#333;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eee;
}

p {line-height:19px;}

body.content  {
	background-image:url(../images/bodybg875.png) !important;
}

body.contact  {
	background-image:url(../images/bodybg875.png) !important;
}

h1 {
	border-bottom:1px solid #CCCCCC;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding-bottom:8px;
	}

h2 {
	border-bottom:1px solid #CCCCCC;
	color:#FF9900;
	font-size:16px;
	font-weight:normal;
	padding-bottom:8px;
	}
	
h3 {
	border-bottom:1px solid #CCCCCC;
	color:#FF9900;
	font-size:14px;
	font-weight:normal;
	padding-bottom:8px;
	}
	
	.prices h2 {
		border:none;
		color:#FF9900;
		font-size:16px;
		font-weight:normal;
		margin-top:50px;
		padding-bottom:0;
		}

#wrap {
	width:980px;
	margin:auto;
	}
	
#top {
	height:130px;
	}
	
	#top img {
		float:left;
	}

	#topmenu {
		float:right;
		position:relative;
		top:90px;
	}
	
		#topmenu ul {
			margin:0px;
		}
		
		#topmenu ul li {
				list-style:none;
				padding:0 0 0 30px;
				float:left;
				font-size:14px;
			}
			
			#topmenu ul li a:link, #topmenu ul li a:visited {
				border-color:#FF9900;
				border-style:solid;
				border-width:1px 4px;
				color:#FFFFFF;
				display:block;
				height:20px;
				padding-top:3px;
				text-align:center;
				text-decoration:none;
				width:95px;
				}
				
			#topmenu ul li a:hover {
				border-color:#FF9900 #FF9900 #CCCCCC #CCCCCC;
				border-style:solid;
				border-width:1px 4px;
			}
				
			
#main {
	border:1px solid #EEEEEE;
	height:615px;
	overflow:hidden;
	margin-bottom:30px;
	}
	
	.content #maincontent {padding:20px;}
	.prices #maincontent {padding:20px; background-image:url(../images/pricesbg.jpg); background-repeat:no-repeat; background-position:75% 52%;}
	.prices #main {height:1588px !important; background-color:#333;}
	.contact #maincontent {padding:20px; background-image:url(../images/contactbg.jpg); background-repeat:no-repeat; background-position:100% 81%;}
	.content #main {height:875px !important;}
	.contact #main {height:875px !important;}

#testi {
	float:right;
	height:270px;
	overflow:hidden;
	padding-left:39px;
	position:relative;
	top:-77px;
	width:269px;
	}
	
	#testi a:link, a:visited {
		color:#FFF;
	}
		

#slider {
   width: 980px; /* important to be same as image width */
   height:615px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#slider ul {
	margin:0px;
	padding:0px;
}

#sliderContent {
   width: 980px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 980px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


.clear {
   clear: both;
} 


/* Contact Page */

.fieldstyle {
	background-color:#eee;
	border:1px solid #999;
	color:#333333;
	padding:3px;
	}
	
#contactright {
	float:right;
	height:500px;
	padding-left:40px;
	width:300px;
}

#contactright h3 {
	margin-top:0;
}