@import url("reset.css");

body
{
	background: #131313 url("../images/bg.png") no-repeat top center;
	color: #EEE;
	padding: 30px 0;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

a { color: #C00; text-decoration: none; }
a:hover { color: #CCC; text-decoration: none; }

img.imgleft { float: left; border: 1px solid #333; padding: 5px; margin: 0 20px 20px 0; }
img.imgright { float: right; border: 1px solid #333; padding: 5px; margin: 0 0 20px 20px; }

p.telno { font-size: 27px; }
p.telno span { color: #FF1A1A; }

#container
{
	margin: 0 auto;
	width: 940px;
	padding: 0 30px;
	background: #000;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0 0 5px #222;
	-webkit-box-shadow: 0 0 5px #222;
	box-shadow: 0 0 5px #222;
}

	#headercont
	{
		width: 940px;
		height: 140px;
	}

	#menucont
	{
		width: 940px;
		background: #C00 url("../images/bg-menucont.png") repeat-x bottom;
		margin: 0 0 10px 0;
	}

		#menucont ul#topnav
		{
			list-style-type: none;
			clear: both;
			float: left;
			width: 940px;
			height: 40px;
			margin: 0;
			background: url("../images/bg-menucont-tel.png") no-repeat right top;
		}

		#menucont ul#topnav li
		{
			overflow: hidden; 
			float: left; 
			height: 40px;
		}

		#menucont ul#topnav a, #menucont ul#topnav span
		{
			padding: 10px 20px; 
			float: left; 
			text-decoration: none; 
			color: #FFF;
			font-weight: bold;
			clear: both;
			line-height: 20px;
		}

		#menucont ul#topnav a { color: #FFF; background: #FFF url("../images/bg-menucont-hover.png") repeat-x bottom; cursor: pointer; }

		#menucont ul#topnav span
		{
			display: none;
		}
		 
		#menucont ul#topnav.v2 span
		{
			color: #FFF;
			cursor: pointer;
		}

		#menucont ul#topnav li.active span
		{
			background: #921212 url("../images/bg-menucont-active.png") repeat-x bottom;
		}
		
	#gallerycont
	{
		width: 940px;
		height: 300px;
		margin: 0 0 20px 0;
		background: #333;
	}

	#maincont
	{
		width: 940px;
		line-height: 22px;
		padding: 15px 0;
		
		min-height: 500px;
		height: auto !important;
		height: 500px;
	}
	
			#maincont p { margin: 0 0 15px 0; text-align: justify; }
			#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5 { margin: 0 0 10px 0; font-weight: normal; letter-spacing: -1px; color: #FFF; }
			#maincont h1 { font-size: 29px; }
			#maincont h2 { font-size: 27px; }
			#maincont h3 { font-size: 27px; }
			#maincont h4 { font-size: 25px; }
			#maincont h5 { font-size: 25px; }
			#maincont ul { margin: 0 0 15px 35px; list-style-type: square; }
			#maincont ul li { padding: 0 0 0 2px; }
			#maincont ol { margin: 0 0 15px 35px; list-style-type: decimal; }
			#maincont ol li { padding: 0 0 0 2px; }

		#mainfull
		{
			width: 940px;
			line-height: 22px;
			margin: 0 0 20px 0;
		}
		
			#mainfull #contactleft
			{
				float: left;
				width: 350px;
			}
			
			#mainfull #contactright
			{
				float: left;
				width: 590px;
			}

		#maincont #mainleft
		{
			float: left;
			width: 610px;
			padding: 0 30px 0 0;
		}
		
		#maincont #mainright
		{
			float: left;
			width: 300px;
			font-size: 12px;
			line-height: 20px;
		}

		#maincont #mainright .mainrightsection
		{
			background: #222;
			margin: 0 0 20px 0;
			width: 260px;
			padding: 20px 20px 5px 20px;
			
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
			#maincont #mainright .mainrightsection .wrapper
			{
				float: left;
				width: 260px;
				margin: 0 0 15px 0;
				font-size: 11px;
			}
			
					#maincont #mainright .mainrightsection .wrapper p
					{
						margin: 0;
					}
			
				#maincont #mainright .mainrightsection .wrapper .accordionButton
				{	
					width: 230px;
					float: left;
					padding: 5px 15px;
					background: #C00 url("../images/bg-menucont.png") repeat-x bottom;
					cursor: pointer;
					font-weight: bold;
					text-transform: uppercase;
					border-bottom: 2px solid #222;
				}
				
					#maincont #mainright .mainrightsection .wrapper .accordionButton:hover
					{	
						background: #921212 url("../images/bg-menucont-active.png") repeat-x bottom;
					}
					
				#maincont #mainright .mainrightsection .wrapper .accordionContent
				{	
					width: 230px;
					float: left;
					padding: 10px 15px;
					background: #333;
					border-bottom: 2px solid #222;
				}
		
#footercont
{
	margin: 0 auto;
	width: 900px;
	padding: 20px;
	text-align: center;
	font-size: 11px;
	color: #555;
}

	#footercont p
	{
		margin: 0 0 5px 0;
	}
	
	#footercont a
	{
		color: #888;
		text-decoration: none;
	}
	
	#footercont a:hover
	{
		color: #FFF;
		text-decoration: none;
	}
	
		#footercont ul#bottomnav
		{
			margin: 0 0 15px 0;
		}
		
		#footercont ul#bottomnav li
		{
			display: inline;
			padding: 0 5px;
			text-transform: uppercase;
		}
		
		
		
		
		
/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
------------------------------------------------------------------------------------- */

div#tabs_vertical
{	
	position:relative;
	z-index:500; 
	float:left;
	clear:both;
	width:940px;
	color:#EEE;
}

/* Control buttons
------------------------------------------------------------------------------------- */
div#tabs_vertical a.prev, div#tabs_vertical a.next
{	
	display:none;
	float:left;
	position:relative;
	z-index:100;	
	height:36px;
	width:83px;
	border:1px solid #555;
	border-top:0 none;
	outline:none;	
	background:#fff url(../img/btn_arrows.gif) no-repeat;
}

div#tabs_vertical a.prev
{
	border-right:0 none;
	background-position:35px -47px;
}

div#tabs_vertical a.prev:hover
{	
	background-position:-28px -47px;
	background-color:#f5f5f5;
}

div#tabs_vertical a.next
{
	background-position:34px -79px;
}

div#tabs_vertical a.next:hover
{
	background-position:-29px -79px;
	background-color:#f5f5f5;
}

div#tabs_vertical a.prev.disabled, div#tabs_vertical a.next.disabled
{
	cursor:default;
	background-color:#f7f7f7;
}

div#tabs_vertical a.prev.disabled
{
	background-position:-91px -47px;
}

div#tabs_vertical a.next.disabled
{
	background-position:-92px -79px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div#tabs_vertical div#v_tabs_container
{  	
	position:relative;
	z-index:100;
	float:left;
	width:219px; /* +1px for the negative right margin */
	height:300px;
	margin-right:-1px;
	border-top:1px solid #555;
	overflow:hidden;
}

div#tabs_vertical div#v_tabs_container div.slide_container
{
	position:relative !important; /* The tabs position will be calculated from the ul.tabs first parent element with position:relative */
	float:left;
}

div#tabs_vertical div#v_tabs_container ul.tabs
{
	width:218px;	
	margin:0px;
	padding:0px;
	list-style:none;
}

div#tabs_vertical div#v_tabs_container ul.tabs li
{
	float:left;
	clear:both;
}

div#tabs_vertical ul.tabs li a
{
	display:block;
	width:202px;
	height:31px;
	margin:0px;
	padding:14px 0 14px 15px;
	font-size:11px;
	color: #FFF;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
	outline:none;
	border-left:1px solid #555;
	border-bottom:1px solid #555;
	background:#333 url("../images/slider-a-tab.png") repeat-x;	
}

div#tabs_vertical div#v_tabs_container ul.tabs li a span
{
	display:block;
	clear:both;
	font-weight:normal;
	color: #777;
	padding-top:3px;
}

div#tabs_vertical ul.tabs a:hover
{
	color: #FFF;
	background: #555 url("../images/slider-a-tab-hover.png") repeat-x 0px 0px;
}

div#tabs_vertical div#v_tabs_container ul.tabs li a:hover span
{
	color: #FFF;
}

div#tabs_vertical ul.tabs a.active, div#tabs_vertical div#v_tabs_container ul.tabs li a.active span
{
	position:relative;
	z-index:10;
	color:#FFF;
	padding-right:1px;
	background:#222;
}

/* Content
------------------------------------------------------------------------------------- */
div#tabs_vertical div#v_content
{
	position:relative;
	z-index:5;
	float:left;	
	width:720px;
	height: 299px;
	line-height:16px;
	border:1px solid #555;
	background:#FFF;
	font-size: 11px;
}

div#tabs_vertical div#v_content div.view_container
{
	position:relative;	
	height: 299px;
	background: #222;
}

div#tabs_vertical div#v_content div.tab_view
{	
	width: 680px;
	height: 259px;
	padding: 20px;
}

		div#tabs_vertical div#v_content div.tab_view p
		{
			margin: 0 0 10px 0;
		}
		
		div#tabs_vertical div#v_content div.tab_view h3
		{
			margin: 0 0 10px 0;
			font-size: 28px;
			font-weight: normal;
			letter-spacing: -1px;
		}

	div#tabs_vertical div#v_content div.tab_view .tableft
	{
		float: left;
		width: 310px;
		height: 259px;
		padding: 0 20px 0 0;
	}
	
	div#tabs_vertical div#v_content div.tab_view .tabright
	{
		float: left;
		width: 350px;
		height: 259px;
	}


	
	
	
	
/* Button Styles */

a.button
{
	float: left;
    display: block;
    height: 32px;
	width: 150px;
	line-height: 32px;
	background: transparent url('../images/button_small_150.png') no-repeat top left;
    text-decoration: none;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	border: 0;
	text-align: center;
}

	#mainright a.button
	{
		margin: 0 0 15px 0;
	}

a:hover.button
{
	background: transparent url('../images/button_small_150.png') no-repeat bottom left;
	cursor: pointer;
	color: #222;
}





/** Contact Form Styles **/

#acf-area { width: 540px; }
#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: 508px; 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-size: 12px; font-weight: bold; }
.notification_error { margin: 0 0 15px 0; background: #F9DBDE; color: #C00; width: 508px; 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-size: 12px; font-weight: bold; }

/* Label */
#acf-fields label { width: 200px;  margin: 2px 10px 0 0; float: left; text-align: right; }
#acf-fields label.escts { width: 130px; padding-left: 0px; margin: 8px 19px 8px 1px; text-align: right; float: none; }

/* Input, Textarea */

#acf-fields input[type="text"], select { background: #444; margin: 0 0 5px 0; padding: 5px; float: left; border: 1px solid #999; color: #FFF; 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: #444; width: 300px; margin: 0 0 5px 0; padding: 5px; float: left; border: 1px solid #999; color: #FFF; 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 #F33; }
#acf-fields select.error { border: 1px solid #F33; }
#acf-fields textarea.error { border: 1px solid #F33; }

#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: #F33; margin: 0 0 10px 210px; 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; padding: 15px 0; }
#captcha { padding: 15px 0; }

/* 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; }