/* CSS Document */


@charset "utf-8";
/* CSS Document */

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}

/***** layout *****/
.body {clear: both; margin: 0 auto; width: 800px;}

/*	Header
*****************/
#banner {
margin: 0 auto;
padding: 2.5em 0 0 0;
}

/* Banner */
#banner h1 {font-size: 50px;
line-height: .6;
color: #000305;
display: block;
font-weight: bold;
margin: 0 0 .6em .2em;
text-decoration: none;
width: 427px;
}

#banner h1 strong {font-size: 18px; font-weight: normal;}

/* Main Nav */
#banner nav {
background: #000305;
color: #fff;
font-size: 16px;
height: 40px;
line-height: 30px;
margin: 0 auto 2em auto;
padding: 0;
text-align: center;
width: 800px;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

#banner nav ul {list-style: none; margin: 0 auto; width: 800px;}
#banner nav li {float: left; display: inline; margin: 0;}
#banner nav a:link, #banner nav a:visited {
color: #fff;
display: inline-block;
height: 30px;
padding: 5px 1.5em;
text-decoration: none;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

#banner nav a:hover, #banner nav a:active,
#banner nav .active a:link, #banner nav .active a:visited {
background: #C74451;
color: #fff;

}


/*Featured..........................................................*/

#featured{
	background-color: #FFF;
	padding: 20px;
	width: 760px;
	margin-bottom: 2em;
	}

#featured h2{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	color: #903;
	}
	
#featured figure{
	float: right;
	width: 248px;
	border: 2px solid #999;	
	}

#featured h3{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
/*content---------------------------------*/

#content {
	background-color: #FFF;
	padding: 20px;
	width: 760px;
	margin-bottom: 2em;
}

#content h2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	}

#post-list {
	margin: 0px;
	list-style-type: none;
}

.hentry{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
	
	
/*extras--------------------------------*/

#extras {margin: 0 auto 3em auto; overflow: hidden;}

#extras ul {list-style:none; margin: 0;}
#extras li {border-bottom: 1px solid #fff;}
#extras h2 {
	color: #c74350;
	font-size: 1.429em;
	margin-bottom: 0.25em;
	padding: 0 3px;
	}

#extras a:link, #extras a:visited {
	color: #444;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f4e3e3;
	text-decoration:none;
	padding: .3em .25em;
	}
	
/*blogroll*/
#extras .blogroll {float: left;width: 615px;}
#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}

/*social*/
#extras .social {float: right;width: 175px;}

/*Footer-----------------------------------*/
#footer {
	background-color: #FFF;
	padding: 20px;
	width: 760px;
	margin-bottom: 3em;
}
	
#footer h2 {
	color: #c74350;
	font-size: 18px;
	font-weight: bold;
}

#footer .photo{
	float: left;
	width: 58px;
	margin-right: 1em;
	margin-left: 1px;
	}
	
#footer .hgroup {float: left; width: 180px }

#footer span {display: block;}

#footer p {	float: right; font-weight: bold;}



#contact_form{
	background-color: #FFF;
	padding: 20px;
	width: 760px;
	overflow:hidden
}

#contact_form ul {
	float: left;
}
#contact_form ul li {
	list-style-type: none;
	margin: 10px;
}


#contact_form input#name,#contact_form input#Email,#contact_form input#Phone {
	padding: 8px;
	width: 400px;
	border: 1px solid #CCC;
	clear: both;
}

#contact_form select#Reason {
	padding: 8px;
	width: 400px;
	border: 1px solid #CCC;
}




#contact_form textarea#Yourmessage {
	padding: 8px;
	width: 400px; 
	height:150px; 
	border: 1px solid #CCC;
}

#contact_form label{
	float:left;
	text-align: right;
	margin-right: 10px;
	width: 100px;
}

#contact_form input.button{
	float:left;
	text-align: right;
	margin-right: 10px;
}
.button{
	color: #FFF;
	background-color: #000;
	padding: 10px;
	border: 0;
	border-radius:0;
	position:relative;
}