/*
Theme Name: Eagle Hauling Theme
Description: Custom Wordpress theme created for Eagle Hauling website.
Author: The Business Card Shoppe
Author URI: http://www.thebusinesscardshoppe.com
*/



html { margin:0px auto; padding:0px; }
body {
	margin:0px auto;
	padding:0px;
	background:#dbded6 url('images/body-background-new.jpg') top left repeat-x;
	font:normal 14px Arial, Helvetica, Verdana, Calibri, sans-serif;
	text-align:center;
}

h1, h2, h3, h4 {
	font-family:'Open Sans', 'Times New Roman', Georgia, serif;
	color:#3f4e28;
}	

a {
	color:#3f4e28;
	text-decoration:none;
}
a:hover { color:#00f; }

img { border:0px; }

#container {
	width:1020px;
	min-height:720px;
	background:url('images/container-background.png') top center repeat-y;
	margin:0px auto;
	text-align:center;
}

/*------------ START HEADER AREA STYLES ------------*/
#header {
	width:960px;
	height:120px;
	margin:0px 30px;
	text-align:center;
}
#header img { padding-top:8px; }
#header h2 { margin:2px 0px; font-size:36px; line-height:30px; color:#00f; }

.header-info { float:right; }
.header-info h2 { font-size:36px; line-height:36px; color:#00f; }
.header-info ul { margin:0px; padding:0px; }
.header-info li {
	list-style-type:none;
	display:inline-block;
	margin:0px 10px;
	color:#00f !important;
}	



/*------------ START MENU AREA STYLES ------------*/
#menu {
	position:relative;
	width:940px;
	height:60px;
	margin:0px 40px;
	text-align:center;
	z-index:99 !important;
}

#menu ul { margin:0px; padding:0px; }
#menu li {
	position:relative;
	width:140px;
	height:60px;
	margin:0px 8px;
	padding-top:10px;
	float:left;
	background:url('images/container-button.png') top center no-repeat;
	list-style-type:none;
	z-index:99 !important;
}	
#menu li:hover { background:url('images/container-button_active.jpg') top center no-repeat; }

#menu li a {
	font:normal 14px Bevan, 'Times New Roman', Georgia, serif;
	color:#3f4e28;
	line-height:14px;
}

.menu-left { float:left; }
.menu-right { float:right; }


/*------------ START BANNER AREA STYLES ------------*/	
#banner {
	width:960px;
	height:340px;
	margin:0px 30px;
}
#banner img { margin-top:-22px; }



/*------------ START CONTENT AREA STYLES ------------*/
#content {
	width:880px;
	margin:10px 70px;
	float:left;
	text-align:justify;
}
	
#content h2 { font-size:24px; }	
#content h3 { font-size:20px; }
	
.services-left {
	width:240px;
	margin-right:15px;
	float:left;
	margin-bottom:10px;
}

.services-right {
	width:240px;
	margin-left:15px;
	float:right;
	margin-bottom:10px;
}

.contact-left {
	width:280px;
	margin-right:15px;
	float:left;
	margin-bottom:40px;
}

.contact-right {
	width:240px;
	margin-left:15px;
	float:right;
	margin-bottom:40px;
}

#home-rotator { width:220px; margin-top:30px; float:left; }
#home-content { width:600px; float:right; }
#home-content h3, #home-content h4 { margin-bottom:8px; }
#home-content p { margin-top:0px; }


/*------------ START SIDEBAR AREA STYLES ------------*/
#sidebar {
	width:340px;
	margin:10px 50px 10px 0px;
	float:right;
	text-align:left;
}

#sidebar h2 { font-size:24px; }

#sidebar p { 	text-align:justify; }

#sidebar ul { margin:0px; padding:0px; }
#sidebar li {
	list-style-type:none;
	display:inline-block;
	width:340px;
	height:120px;
	background:url('images/container-contact.png') top center no-repeat;
}

#sidebar a {}

.sidebar-contact { text-align:center; color:#3f4e28; }	
.sidebar-contact ul { margin:0px; padding:0px; }	
.sidebar-contact li {
	list-style-type:none;
	padding-top:30px;
	font:normal 32px Anton, 'Times New Roman', Georgia, serif;
	line-height:28px;
}
.sidebar-contact span , .sidebar-contact a { 
	font-size:21px;
	color:#00f;
}


	
/*------------ START FOOTER AREA STYLES ------------*/
#footer {
	width:960px;
	height:210px;
	margin:0px 30px;
	font:normal 16px Anton, Arial, Helvetica, Calibri, sans-serif;
	background:url('images/footer-background-new.jpg') bottom center no-repeat;
}
#footer a { color:#ead39c; }	
#footer a:hover { color:#fff; }


.footer-contact { text-align:center; color:#3f4e28; }
.footer-contact ul { margin:0px; padding:0px; }	
.footer-contact li {
	list-style-type:none;
	display:inline-block;
	width:210px;
	height:70px;
	margin:75px 40px 0px 40px;
	padding-top:20px;
	background:url('images/container-footer210.png') top left no-repeat;
	font:normal 24px Anton, 'Times New Roman', Georgia, serif;
	line-height:21px;
}
.footer-contact span, .footer-contact a { font-size:18px; color:#00f !important; }


.footer-admin {
	margin-left:10px;
	color:#fff;
	float:left;
}

.footer-admin ul { margin:0px; padding:0px; }	
.footer-admin li {
	list-style-type:none;
	display:inline-block;
	margin:95px 10px 10px;;
}

.footer-copyright { 
	margin:12px 20px 0px;
	font-size:14px;
	text-align:center;
	font-family:Arial, Helvetica, Verdana, Calibri, sans-serif;
	color:#fff;
}



/*------------ START CONTACT FORM STYLES ------------*/	
.eagle-form {
	position:relative;
	width:500px;
	background-color:#f5e9ce;
	padding:10px 20px;
	float:right;
}

.wpcf7 { margin:10px 0px; }
.wpcf7 p { margin:8px 0px; }

select {
	width:240px;
	height:21px;
	padding:0px 0px 0px 10px;
	font-size:14px;
	color:#363636;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
option { padding-top:8px; }

input {
	margin:5px 0px;
	height:28px;
	padding:0px 10px;
	font-size:14px;
	border:0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:inset 1px 1px 2px #ababab;
	-webkit-box-shadow:inset 1px 1px 2px #ababab;
	box-shadow:inset 1px 1px 2px #ababab;
}

input:focus, textarea:focus { border:solid 2px #3f4e28; }

textarea {
	width:440px;
	height:72px;
	margin:5px 0px;
	padding:6px;
	font-size:14px;
	resize:none;
	border:0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:inset 1px 1px 2px #ababab;
	-webkit-box-shadow:inset 1px 1px 2px #ababab;
	box-shadow:inset 1px 1px 2px #ababab;
}

.wpcf7-submit {
	position:absolute;
	right:20px;
	bottom:25px;
	background-color:#3f4e28;
	color:#fff;
	cursor:pointer;
}

.wpcf7-list-item { margin:0px 15px; }

.half { display:inline-block; margin-right:10px; }
.half input { width:200px; }