/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

#header_outer {
	/*
	background-image: url(images/header.jpg);
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	*/
	background-image: url(images/headerimage.jpg);
	background-repeat: no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: initial;
	border-bottom: 4px solid #EADC13;
	height: 330px;
	position: relative;
}

body.home #header_outer {
	height: 450px;
}

div#inner_pages {
	padding-top: 20px;
}

#header .header_right {
	margin-top: 200px;
}

#header .header_right span.searchfor small, .header_right span.near small {
	text-shadow: 0px 1px 1px black
}

.front-top-banner {
	margin-top: -120px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 100;
	width: 960px;
	background-color: #fff;
}

.front-top-banner .textwidget {
	padding: 30px 0px;
}

.top_banner_section {
	/* width: 940px; */
	margin: 0 auto;
	background: none;
}

.top_banner_section_in {
	/* width: auto;
	float: right; */
}

.top_banner_section_in .map_category {
	display: none;
	visibility: hidden;
}

#categories_strip {
	/* width: 100%; */
	/* margin-top: 150px; */
}

#footer { 
	background: url(images/footerclear.png) repeat-x left top;
}

#bottom {
	background: url(images/footer.jpg) repeat left top;
	border-top: 4px solid #EADC13;
}

#bottom .first_col {
	width: 460px;
	margin-right: 40px;
}

#bottom .second_col {
	width: 250px;
	padding: 0px;
}

#bottom .third_col {
	float: right;
	width: auto;
}

#bottom label {
	color: #EADC13;
	width: 100px;
	display: inline-block;
}

#bottom input {
	display: inline-block;
}

h1 {
	color: #073773;
	margin: 0;
	padding: 10px 15px 0 0;
	font-size: 25px;
	font-family: 'Droid Sans',arial,serif;
}
.textwidget h1 {
	margin-bottom: 10px;
}

img
{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
img:hover
{
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

#bottom #footer p.copy a {
	color: #FFF;
}