/* 
==============================================================================
Created for:	Armitage Auctions (contact template).
Date: 			Nov '09.
Created by: 	greenskin media.
				www.greenskinmedia.com
==============================================================================
*/




/*Global styling starts here */
*
	{
	margin: 0;
	padding: 0;
	}

body
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	}

#main-container
	{
	background: #FFFFFF url(images/body-back.png) repeat-x;
	}

#inner-container
	{
	background: #FFFFFF url(images/inner-back.png) repeat-x;
	}

h2 
	{
	font-size: 20px;
	margin: 8px 0;
	font-weight: normal;
	color: #afc265;
	font-family: Georgia, serif;
	text-shadow: #9ca96a 0 1px 1px;
	}

h3 
	{
	color: #888;
	font-size: 18px;
	margin: 8px 0;
	}

h4 
	{
	color: #566b03;
	font-size: 16px;
	margin: 8px 0;
	}

h5 
	{
	color: #566b03;
	font-size: 14px;
	margin: 0 0 0 2px;
	}

a 
	{
	text-decoration: none;
	color: #566b03;
	border-bottom: #cfe08c 1px solid;
	padding-bottom: 1px;
	}

a:hover
	{
	border-bottom: #566b03 1px solid;
	}

p	
	{
	line-height: 22px;
	word-spacing: .5px;
	}

.left
	{
	float: left;
	margin-bottom: 6px;
	}

dl
	{
	margin-top: 10px;
	}

dt
	{
	font-size: 16px;
	font-weight: bold;
	color: #566b03;
	margin-top: 10px;
	background: url(images/bullet.jpg) left 50% no-repeat;
	padding-left: 18px;
	line-height: 24px;
	}

#wrapper
	{
	margin: 0 auto;
	padding: 0;
	width: 990px;
	overflow: hidden;
	}

#inner-left
	{
	margin-top: 20px;
	width: 630px;
	float:left;
	}

#inner-right
	{
	margin-top: 20px;
	width: 330px;
	float: right;
	font-size: 12px;
	color: #666;
	}

#header-home
	{
	background: url(images/header.jpg) no-repeat;
	height: 83px;
	}

#header-home p
	{
	float: left;
	width: 280px;
	padding: 66px 0 0 136px;
	color: #fff;
	}
	
.border {
	border: #d8d8d8 4px solid;
	}



/* Navigation Menu Styling */

#navigation
	{
	float: right;
	width: 650px;
	margin-top: 30px;
	font-size: 24px;
	}

#menu
	{
	padding:0;
	margin:0;
	display:inline;
	float: right;
	margin-right: 30px;
	height: 40px;
	margin-top: 18px;
	}

#menu li
	{
	padding: 4px 0 2px 20px;
	margin:0 5px 0 0;
	display:inline;
	float:left;
	line-height: 24px;
	font-size: 18px;
	}

#menu a
	{
	text-decoration: none;
	color: #FFFFFF;
	padding-bottom: 5px;
	text-transform: lowercase;
	border-bottom: none;
	}

#menu a:hover
	{
	color: #bfec09;
	border-bottom: #bfec09 solid 3px;
	}
	
#menu .menu_current
	{
	color: #bfec09;
	border-bottom: #bfec09 solid 3px;
	padding-bottom: 5px;
	}

#landing-content
	{
	background:url(images/landing-intro.jpg) top center no-repeat;
	/* uncomment the line below and comment the line above to change the welcome text background image */
	/*background:url(images/landing-intro-2.jpg) top center no-repeat;    */
	height: 317px;
	}

#landing-content .welcome-content
	{
	width: 350px;
	float: right;
	padding-top: 40px;
	padding-right: 80px;
	color: #fff;
	}

.more-btn
	{
	margin-top: 10px;
	float: right;
	}

.more-btn img
	{
	border: none;
	}

#content
	{
	clear: both;
	margin-top: 10px;
	}

#inner-content
	{
	clear: both;
	margin-top: 30px;
	}

#featured-work
	{
	background: url(images/featured-work.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	width: 300px;
	float: left;
	margin-left: 16px;
	}

#featured-work img, #featured-work a img
	{
	border: #d8d8d8 4px solid;
	}

#featured-work a img:hover
	{
	border: #566b03 4px solid;
	}

#services-overview
	{
	background: url(images/services-overview.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	width: 302px;
	float: left;
	margin-left: 20px;
	}

.services-list
	{
	margin:10px 0 10px 4px;
	list-style: none;
	}

.services-list li
	{
	background: url(images/bullet.jpg) left 50% no-repeat;
	margin-bottom: 6px;
	padding-left: 20px;
	color: #566b03;
	font-weight: bold;
	}

#client-testimonials
	{
	background: url(images/client-testimonials.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	width: 312px;
	float: left;
	margin-left: 10px;
	}

#information
	{
	background: url(images/information.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	width: 312px;
	float: left;
	margin-left: 10px;
	}

.testimonial
	{
	clear: both;
	padding: 0 4px 0 10px;
	margin-bottom: 6px;
	border-left: #eee 1px solid;
	margin-left: -10px;
	}

#portfolio
	{
	background: url(images/portfolio.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	}

#services
	{
	background: url(images/services.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	margin-left: 20px;
	margin-bottom: 20px;
	}

#about
	{
	background: url(images/about.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	margin-left: 20px;
	margin-bottom: 20px;
	}

#contact
	{
	background: url(images/contact.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
	

/* Portfolio Item Styling */

.portfolio-container
	{
	padding: 0 14px 0 0;
	width: 296px;
	float: left;
	margin-right: 10px;
	margin-bottom: 16px;
	}

.portfolio-container img, .portfolio-container a img
	{
	border: #d8d8d8 4px solid;
	}

.portfolio-container a img:hover
	{
	border: #566b03 4px solid;
	}



/* Contact Form Styling */

#contact-form
	{
	margin-top: 20px;
	}

label{
	float: left;
	width: 150px;
	font-weight: bold;
	color: #566b03;
	}

input, textarea
	{
	width: 260px;
	margin-bottom: 12px;
	border: 1px solid #c8dbad;
	background-color: #f9fef2;
	height: 24px;
	padding-top: 4px;
	font-size: 18px;
	}

textarea
	{
	width: 360px;
	height: 150px;
	}

.boxes
	{
	width: 1em;
	}

#submitbutton
	{
	text-align: center;
	background: url(images/submit.jpg) no-repeat center;
	border: none;
	margin-top: 4px;
	margin-left: 0px;
	width: 87px;
	height: 27px;
	cursor: pointer;
	}

#resetbutton
	{
	text-align: center;
	background: url(images/reset.jpg) no-repeat center;
	border: none;
	margin-top: 4px;
	margin-left: 10px;
	width: 87px;
	height: 27px;
	cursor: pointer;
	}
	
.alert {
	background-color: #dde3e5;
	width: 75%;
	padding: 10px 6px 1px 6px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #999;
	}
	
.emphasis {
	background-color: #a6c972;
	width: 71%;
	padding: 10px 6px 1px 6px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #fff;
	}



/* Footer styling starts here */

#footer
	{
	clear: both;
	background-color: #000;
	overflow: hidden;
	border-top: #333 4px solid;
	margin-top: 35px;
	}

#footer-content
	{
	margin: 0 auto;
	width: 990px;
	color: #aaa;
	padding: 20px 15px 0px 15px;
	font-size: 12px;
	line-height: 14px;
	}

#footer-left
	{
	color: #444;
	float: left;
	width: 500px;
	padding-left: 20px;
	}

#footer-right
	{
	color: #444;
	float: right;
	width: 400px;
	text-align: right;
	padding-right: 30px;
	}

#footer a
	{
	text-decoration: underline;
	color: #aaa;
	border-bottom: none;
	}

#footer a:hover
	{
	color: #bfec09;
	text-decoration: none;
	}