@import url("reset.css");

body
{
	background: #C7BBB1 url("../images/bg.png") repeat-x;
	color: #50453A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 30px 0 10px 0;
}

a { color: #50453A; text-decoration: underline; }
a:hover { color: #111; text-decoration: none; }

#note { font-style: italic; border-top: 1px dashed #CCC; padding: 15px 0 0 0; }

a.anibuttons, a.backtotop { float: left; margin: 0 0 15px 0; font-size: 13px; padding: 6px 14px; text-decoration: none; background: #7A6858; color: #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
a:hover.anibuttons, a:hover.backtotop { background: #AD9C8D; }

hr { margin: 15px 0; padding: 0; border: 0; height: 1px; color: #CCC; background: #CCC; }

img.imgright { float: right; margin: 0 0 15px 15px; padding: 5px; border: 1px solid #CCC; }

/* Start 404 Error Form Styles */

.errorform fieldset
{
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
}

.errorform fieldset input { border: 0; background: #DDD; color: #111; padding: 5px; }

/* End 404 Error Form Styles */

#googlemaps
{
	width: 580px;
	margin: 0 0 15px 0;
}

p.center { text-align: center; }

#topcont
{
	margin: 0 auto;
	width: 860px;
	height: 76px;
	
	background: url("../images/logo.png") no-repeat left;
}

#menucont
{
	margin: 0 auto;
	width: 860px;
	height: 36px;
	padding: 10px 0;
	background: #D0C9C1 url("../images/bg-menucont.png") no-repeat;
}

	#menucont ul
	{
		float: right;
		height: 36px;
		margin: 0 10px 0 0;
		font-size: 11px;
	}
	
	#menucont ul li
	{
		float: left;
		display: block;
	}
	
	#menucont ul li a
	{
		float: left;
		display: block;
		color: #FFF;
		background: #50453A url("../images/bg-menu.png") repeat-x;
		margin: 0 0 0 5px;
		padding: 0 20px;
		line-height: 36px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
		#menucont ul li a.has_submenu
		{
			background: #7B6959 url("../images/bg-menu-sub.png") no-repeat right;
			padding: 0 30px 0 20px;
		}
	
	#menucont ul ul li a
	{ 
		float: none; 
		width: 160px;
		padding: 9px 20px;
		line-height: 14px;
	}

	#menucont ul li a:hover
	{
		color: #FFF;
		background: #68370E url("../images/bg-menu-hover.png") repeat-x;412209
	}
	
		#menucont ul li.sfHover a, #menucont ul ul a
		{
			color: #FFF;
			background: #7B6959;
		}
	
	#menucont ul li li a:hover, #menucont ul li.sfHover li a:hover
	{
		color: #FFF;
		background: #50453A url("../images/bg-menu.png") repeat-x;
	}
	
		/*** Start SuckerFish Styles ***/
		
			.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style:	none; }
			.sf-menu { line-height:	1.0; }
			.sf-menu ul { position: absolute; top: -999em; width: 200px; margin-top: 0; padding-top: 0; }
			.sf-menu ul li { width:	100%; }
			.sf-menu li:hover { visibility: inherit; }
			.sf-menu li { float: left; position: relative; }
			.sf-menu a { display: block; position: relative; }
			.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 36px; z-index: 99; }
			ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
			ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; top: 0; }
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul { top: -999em; }
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }		
		
		/** End SuckerFish Styles **/

#container
{
	margin: 0 auto;
	width: 860px;
	background: #FFF url("../images/bg-maincont.png") repeat-y;
	-moz-box-shadow: 0 0 10px #563A18; -webkit-box-shadow: 0 0 10px #563A18; box-shadow: 0 0 10px #563A18;
}

	#container #headercont
	{
		width: 860px;
		height: 200px;
	}
	
		#container #headercont #headerleft
		{
			float: left;
			width: 240px;
			height: 200px;
		}
		
			#container #headercont #headerleft ul.chooseus
			{
				float: left;
				width: 200px;
				margin: 0 0 15px 0;
			}
			
			#container #headercont #headerleft ul.chooseus li
			{
				display: block;
				list-style-type: none;
				font-weight: bold;
				text-transform: uppercase;
			}
		
		#container #headercont #headerright
		{
			float: left;
			width: 620px;
			height: 200px;
		}
		
			/*** Fading Gallery Styles **/
			
			#container #headercont #headerright #slideshow
			{
				position: relative;
				width: 600px;
				height: 200px;
			}
			
			#container #headercont #headerright #slideshow IMG
			{
				position:absolute;
				top:0;
				left:0;
				z-index:8;
				opacity:0.0;
			}
			
			#container #headercont #headerright #slideshow IMG.active
			{
				z-index:10;
				opacity:1.0;
			}
			
			#container #headercont #headerright #slideshow IMG.last-active
			{
				z-index:9;
			}
			
			/** End Fading Gallery Styles **/
	
	#container #maincont
	{
		width: 860px;
		line-height: 22px;
	}
	
		#container #maincont p { margin: 0 0 15px 0; }
		#container #maincont h1, #container #maincont h2, #container #maincont h3, #container #maincont h4, #container #maincont h5 { margin: 0 0 10px 0;  font-weight: normal; color: #50453A; }
		#container #maincont h1 { font-size: 24px; }
		#container #maincont h2 { font-size: 22px; }
		#container #maincont h3 { font-size: 22px; }
		#container #maincont h4 { font-size: 20px; }
		#container #maincont h5 { font-size: 20px; }
		#container #maincont ul { clear: both; margin: 0 0 15px 25px; list-style-type: square; }
		#container #maincont ul li { padding: 0 0 0 2px; }
		#container #maincont ol { margin: 0 0 15px 25px; list-style-type: decimal; }
		#container #maincont ol li { padding: 0 0 0 2px; }
		
		#container #maincont blockquote { background: #EEE; border-left: 3px solid #CCC; padding: 10px 15px; margin: 0 0 15px 0; }

	#container #maincont #mainleft
	{
		float: left;
		width: 200px;
		padding: 20px;
		font-size: 12px;
		text-align: center;
	}

		#container #maincont #mainleft ul.submenu
		{
			float: left;
			width: 200px;
			margin: 0 0 15px 0;
		}
		
		#container #maincont #mainleft ul.submenu li
		{
			display: block;
			list-style-type: none;
		}
		
		#container #maincont #mainleft ul.submenu li a
		{
			float: left;
			width: 180px;
			padding: 10px;
			color: #50453A;
			background: #DDD8D2;
			line-height: 16px;
			margin: 0 0 2px 0;
			font-weight: bold;
			
			text-decoration: none;
		}
		
		#container #maincont #mainleft ul.submenu li a:hover
		{
			color: #FFF;
			background: #51463B url("../images/bg-menu.png") repeat-x;
		}
		
			#container #maincont #mainleft ul.contdet
			{
				float: left;
				width: 200px;
				margin: 0 0 15px 0;
				list-style-type: none;
			}

	#container #maincont #mainright
	{
		float: left;
		width: 580px;
		padding: 20px;
	}
	
			#container #maincont #mainright .animation
			{
				max-width: 580px;
				padding: 20px;
			}
			
			#container #maincont #mainright #contactcont
			{
				margin: 0 0 15px 0;
				width: 580px;
			}
			
				#container #maincont #mainright #contactcont #contactleft
				{
					float: left;
					width: 260px;
					padding: 0 10px 0 0;
				}
				
					#container #maincont #mainright #contactcont #contactleft ul.contactul { list-style-type: none; margin: 0 0 15px 0; }
				
				#container #maincont #mainright #contactcont #contactright
				{
					float: left;
					width: 300px;
					padding: 0 0 0 10px;
				}
				
			#container #maincont #mainright .freeindexcont
			{
				width: 580px;
			}
			
				#container #maincont #mainright .freeindexcont .scriptcont
				{
					float: left;
					width: 260px;
				}
				
				#container #maincont #mainright .freeindexcont .scripttext
				{
					float: left;
					width: 320px;
					font-size: 11px;
					line-height: 14px;
					padding: 14px 0 0 0;
					text-align: center;
				}
	
		#container #maincont #mainright .offercont
		{
			float: right;
			width: 150px;
			text-align: left;
			padding: 15px 15px 5px 15px;
			background: #E4E0DC;
			margin: 0 0 15px 15px;
			font-size: 14px;
			line-height: 20px;
			font-family: Georgia, "Times New Roman", Times, serif;
			
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
			#container #maincont #mainright .offercont p
			{
				margin: 0 0 10px 0;
			}

#footercont
{
	margin: 0 auto;
	width: 820px;
	padding: 20px;
	font-size: 11px;
	text-align: center;
}

	#footercont p
	{
		margin: 0 0 5px 0;
	}
	
	#footercont a
	{
		text-decoration: none;
	}





/** Contact Form Styles **/

#acf-area { width: 300px; font-size: 11px; }
#acf-note, .hide { display: none; }
div.escts { padding-top: 14px; }
#acf-fields br { clear: left; }

.notification_ok { margin: 0 0 15px 0; background: #C6FF8C; color: #448800; width: 260px; border: 1px solid #448800; padding: 15px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: "Arial", Verdana, Helvetica, sans-serif; font-weight: bold; }
.notification_error { margin: 0 0 15px 0; background: #F9DBDE; color: #C00; width: 260px; border: 1px solid #C00; padding: 15px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: "Arial", Verdana, Helvetica, sans-serif; font-weight: bold; }

/* Label */
#acf-fields label { width: 80px; margin: 2px 10px 0 0; float: left; text-align: right; }
#acf-fields label.escts { width: 80px; padding-left: 0px; margin: 8px 19px 8px 1px; text-align: right; float: none; }

/* Input, Textarea */

#acf-fields input[type="text"], select { background: #FEFEFE; margin: 0 0 5px 0; padding: 5px; float: left; border: 1px solid #DEDEDE; color: #333; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#acf-fields textarea { background: #fefefe; width: 180px; margin: 0 0 5px 0; padding: 5px; float: left; border: 1px solid #DEDEDE; color: #333; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#acf-fields input[type="checkbox"] { margin: 1px 1px 0 0; float: left; }

#acf-fields input.error { border: 1px solid #F3CCBE; }
#acf-fields select.error { border: 1px solid #F3CCBE; }
#acf-fields textarea.error { border: 1px solid #F3CCBE; }

#acf-fields input.ok { border: 1px solid #B9E7AE; }
#acf-fields select.ok { border: 1px solid #B9E7AE; }
#acf-fields textarea.ok { border: 1px solid #B9E7AE; }

#acf-fields label.error { font-size: 11px; font-weight: normal; color: red; margin: 0 0 10px 90px; width: 300px; text-align: left; padding: 0px; }

/* Submit Button */
#acf-fields .button { cursor: pointer; width: 135px; background: white url('../contact-app/images/icon-submit.png') no-repeat scroll 11px 50%; border-color:#EDEDED #999999 #999999 #EDEDED; border-style:solid; border-width:1px; color: #333333; padding: 6px 1px 8px 25px; -moz-border-radius: 3px; }

/* The icon used to reload the CATPCHA */
#icon-refresh { margin: 0 0 7px 0; }
#captcha { border: 1px solid #e7e7e7; }

/* CAPTCHA Verified */
#verified { background: url("../images/contact-app/icon-tick-circle-frame.png") no-repeat scroll 0 47% white; color: #21407E; margin: 8px 0 0 0; padding: 5px 0 0 23px !important; min-height: 20px !important; }
#verified .ok { margin: 0px; } 

/* A CAPTCHA DIV */
#sec_div { float: left; }
#sec_div_two { float: left; display: none; margin: 0; }
#ajax-loading { margin: 9px 0 0; padding: 0 0 0 29px; display: none; float:right; width:324px; float: right; background: white url('../contact-app/images/icon-ajax-loader.gif') no-repeat scroll 8px 66%; }

/* Style the error messages */
.styled { font-style: normal; }
