body { 
font-family:"Trebuchet MS",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
font-size:13px;
background: #1e1f23 url("/template/images/bg.jpg");
margin:0px;
padding:0px;
color:#555555;
overflow-x: hidden;
 } 

img {border: 0; max-width:100%; height:auto !important;}

*{
	outline: 0;
}


a {text-decoration:none; color:#89a71a;}
a:hover {color:#aed12f;}
/***************** paragraphs *******************/
h1, h2, h3 {
padding:0;
font-size:24px;
margin:7px 0;
color:#175474;
font-weight:300;
}

h2{
font-size:20px;
}

h3 {
font-size:16px;
}
/***************** line *******************/
hr { 
width:100%; 
height:1px; 
background-color: #d7d7d7; 
color: #d7d7d7; 
border: 0; 
}
/***************** Wrapper *********************/
.wrapper {
max-width:980px;
width:96%;
margin:0 auto;
}

#site-content .wrapper{
	padding: 30px 0;
}

/***************** Structures ******************/

#site-top{
	-moz-box-shadow: 0 0 5px 0px #000;
	-webkit-box-shadow: 0 0 5px 0px #000;
	box-shadow: 0 0 5px 0px #000;
}


#site-top {
width:100%;
position:relative;
background: #1e1f23;
border-bottom: 5px solid #000;
}

#site-content {
	min-height:500px;
	background:#fff; 
	padding:20px;
}

#site-logo {
 text-align:left; 
 }

#site-logo a {font-size:36px; color:#fff;}

#site-logo input {font-size:24px; padding:4px; width:350px;}

#site-banner {
	background:#fff;
	max-width:960px;
	padding:10px;
}

	#banner{
		text-align: center;
		width: 100%;
		padding: 45px 0;
	}

#site-banner-inner {
	max-width:960px;
}

#site-banner-shadow {
	max-width:980px;
	height:20px;
	margin:0 0 10px;
}

#site-footer { 
width:100%;
min-height:50px;
background: #1e1f23;
line-height:50px;
color:#fff;
text-align:center;
 } 

#site-menu, #site-menu-button, #mobile-fast-buttons { 
width:100%;
height:45px;
margin: 0;
display:block;
  } 
 #site-menu-button, #mobile-fast-buttons { background: #1e1f23; } 

#site-menu-button, #mobile-fast-buttons {display:none; float:none;}
#site-menu.show {display:block;}

/***************** Containers ******************/
.content-container {
	line-height:22px;
	position:relative;
}

.content-news {
	float: right;
	max-width: 230px;
	width:32%;
	border-left: 1px solid #D9D9D9;
	min-height: 300px;
	padding: 0 0 0 20px;
	position:relative;
}

/****************** menu ***********************/
#menu { 
margin: 0; 
padding: 0; 
list-style: none;
position:relative;
z-index:5;
}

#site-menu-button {
position:relative;
}

#menu li {
position:relative;
float:left;
background: transparent url("/template/images/menu_spacer.png") no-repeat 100% 0;
width: auto;
 }

#menu li.last {background:none}

#site-menu-button {
position:relative;
}

#menu li a, #site-menu-button a, #mobile-fast-buttons a {
color: #fff; 
height: 19px;  
text-align:center;
font-weight: normal;
line-height:20px;
padding:13px 23px;
display: block;
font-size:15px;
text-decoration:none;
padding: 20px 25px;
}

	 #menu li a:hover{
	 	border-bottom: 5px solid #72af36;
	 	margin-bottom: -5px;
	 	background: #151518;
	 }

#menu ul.children {
position:absolute;
list-style: none;
margin:0px;
padding:0px;
top:45px;
background-color:#d4c4a5;
border-bottom:1px dotted #d7d7d7;
}

#menu ul.children li {
float:none;
}

#menu ul.children li a {
color: #fff; 
height: 21px; 
text-align:left;
font-weight: normal;
line-height:20px;
padding:10px;
border-top:1px dotted #d7d7d7;
}

#menu li.current_page_item a { 
color:#fff;
}

/*#menu li:hover > a, ul.menu li:hover {
background-color:#f3f3f3;
color:#333333;
}

#menu ul.children li:hover a {
background-color:#e8e8e8;
}*/

#menu li ul.children {
display:none;
}

#menu li:hover ul.children {
display:block;
}

#mobile-fast-buttons a {width:50%; float:left; padding:0; background: #131417 url('/template/images/fast_button_phone.png'); background-repeat:repeat; color:#fff; text-align:left; height:42px;}
#mobile-fast-buttons a span {display:block; margin:0 auto; padding:11px 0 11px 42px; background: transparent url('/template/images/mobile-fast-buttons.png') no-repeat 6px 6px; width:100px;}
#mobile-fast-buttons a.mobile-email {background: #191a1e url('/template/images/fast_button_email.png'); background-repeat:repeat; }

#mobile-fast-buttons a.mobile-email span {background-position:6px -53px;}

.clear {clear:both;} 

iframe {width:100%;}

#gallery td {position:relative;  padding: 20px;}
#gallery img {width:100%; max-width:200px;}

table td {vertical-align:top;}

/* RESPONSIVE TABLE-MADNESS  */
.tr 
{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.td 
{
	display:table-cell;
	padding: 0 10px;
	vertical-align: top;
}

#contact-info {width: 40%; float: left;}

#contact-form {background: #eee; position: relative; float: left; min-height:250px; padding:10px 10px 10px 4%; margin:0;}
#contact-form h2 {margin:0; padding: 7px 0;}
#contact-form input {border: 1px solid #cacaca; display: block; float: left; padding: 4px; margin:5px 0;}

#contact-form div {float:left; padding:0 30px 0 0; width: 100%;}

#contact-form div.message-container {width: 90%;}
#contact-form div.message-container textarea {width:100%;}

#contact-form input#input_submit {background: #72af36; border:1px solid #cacaca; float: left; padding:8px 12px; color:#fff; cursor: pointer;}
#contact-form input#input_submit:hover{background: #7fc03f;}

#contact-form label {width:60px; display:block; float: left; width: 100%;}
#contact-form p {margin:0; padding:0;}


#site-content a { color: #54b50b }

@media screen and (max-width: 900px) {

	.content-container, .content-news {width:100% !important; float:none !important; max-width:100% !important;}
	.content-news {border:none !important; padding:20px 0 0 0 !important;}

}

@media screen and (max-width: 680px) {
	
	#banner img{
		margin: 0 !important;	
	}
	
	/* REQUIRED */
	#site-content {width:auto !important;}
	#site-content div {float:none !important; max-width:100% !important;}
	
	img{
	width: auto;
	max-width: 100% !important;
	float: none !important;
}

	#site-menu {height:auto !important; width:100% !important; display:none; float:none !important; margin:0 auto !important; background: #1e1f23; }
	

	#menu li:hover ul.children {
	display: none;
	}
	
	#menu li.parent ul.children, #menu li.current ul.children {width: 100%; display: block; position: static; border: none;}
	#menu ul.children li {width: 100%;}
	#menu ul.children li a {padding: 4px 0; border: none; text-align: center; background: #70738d;}
	#menu ul.children li a:hover {background: #70738d;}
	#menu ul.children li a {width: auto; height: auto;}

	#menu {width:100%;}

	#site-menu-outer {height:auto;}

	#site-submenu {display:none;}
	
	#site-menu ul li, #site-menu-button, #mobile-fast-buttons { display: block; width:100%; max-width:100%; margin:0; height:42px;}
	#site-menu ul li a, #site-menu-button a {width:100%; padding:10px 0;}

	#site-menu ul li a.current {margin:0; padding:10px 0; height:auto !important;}

	/* RESPONSIVE TABLE-MADNESS  */
	.tr, .td {display:block;}
	.td {padding:10px 0; border:none !important;}
	
	/* OPTIONAL */
	#site-logo { margin:0 auto; float:none !important;}
	#menu li:nth-child(odd) {background: transparent url('../../images/site_menu_odd.png') repeat 0 0;}
}