/*
Wicked Run Design 
Screen Style Sheet

Created by: me
Last Updated on:  8/24/2010

*/

html {
	text-align: center;	}

body {
	font-size: small;
	padding: 0;	
	margin: 0 auto;	   
	background-color: #363636;
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
	line-height: 1.2em; 
	border: 0; 
	text-align: left;
	position: relative;
	min-width: 950px;
	}
	
	
h1, h2, h3, h4, h5, h6 {color: #920000; text-transform: lowercase; line-height: normal;}

a {	color: #9C1717;	}
a:visited	{color: #9C1717;}
a:active	{color: #5B5B5B;}
a:hover {color:#5B5B5B; text-decoration:none;}

hr {
	border: 0;	
	color: #919191;
	background-color: #919191; 
	height: 2px;}


.clearCols {clear: both;}


div#wrapper {
	border-top: solid 10px #000000;
	margin: 0px auto; 
	padding: 0px;}
	
div#header {
	border: 0px;
	padding: 0px;
	height: 150px;
	border-bottom: solid 1px #000000;
	width: 900px;
	margin: 0 auto;
	position: relative;}

div#logo {
	position: absolute;
	left: 0px; top: 0px;
	width: 325px; height: 150px;
	margin: 0;
	padding: 25px 0 0 0; }

div#logo img {border: 0px;}

/*div#navBar{
	position: absolute; 
	padding: 0px; 
	margin: 0px;
	top: 60px;
	right: 0px;}*/

div#navigation{
	position: absolute;
	padding: 0px;
	/*border-top: solid 3px #890A08;
	border-bottom: solid 3px #6f0900;*/
	/*width: 1019px;*/
	/*margin: 0 auto;*/
	width: 550px;
	top: 60px;
	/*right: -90px;*/
	left: 375px;
	height: 1.7em;
	text-transform: lowercase; }

div#navigation ul{
	/*position: absolute;*/
	list-style-type: none;
	/*float: left;*/
	margin: 0px;
	padding: 0px;
	right: 0px;}

div#navigation ul li{
	padding-left: 10px;
	float: left;}

div#navigation li a {
	display: block;
	text-decoration: none;
	padding: .3em 20px .6em 5px;
	color: #FFFFFF;
	font-size: medium;
	width: 3.0em;
	border-left: solid 3px #b6b6b6;
	font-family: Arial, Helvetica, sans-serif;}
	

div#navigation li a:hover{ color: #A8D0EC;	border-left: solid 3px #C50707;}
	
#home li a.home,
#portfolio li a.portfolio,
#services li a.services,
#blog li a.blog,
#about li a.about,
#contact li a.contact {color: #A8D0EC;	border-left: solid 3px #C50707;}

/*div#mainContainer { position: relative; margin: auto; padding-top: 20px; padding-bottom: 20px; background-color: #DFDFDF;}*/
div#mainContainer { position: relative; padding-top: 20px; padding-bottom: 20px; background-color: #f0f0f0;}

div#content{ position: relative; width: 900px; margin: 0 auto; padding: 0px 10px;}
	
div#leftColumn {	float: left;  	width: 480px; padding: 10px 0px; margin-left: 10px;}
	
div#rightColumn { float: right; width: 325px; padding: 10px 0px 10px 10px; margin-left:10px;}	

.picoB {margin-bottom: 1px; padding-bottom: 1px;}
.nadaT {margin-top: 0px; padding-top: 0px;}
	

/* Contact Form style */
#cForm { display: block; width: 400px; margin: 5px 0; padding: 10px; border: 1px solid #cbcbcb; background-color: #ffffff;}
#cForm label {display: inline-block; float: left; width: 175px; }
#cForm input, textarea { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; }   
#cForm input:focus, textarea:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#cForm input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#cForm input.submit:hover { background:#444; }
#cForm fieldset { padding:0px; border: 0 none; border-top: 1px solid #e6e6e6; margin: 0px; }
#cForm legend { padding-right: 10px; margin-left: 0; color:#848484;  }
#cForm span.required{ font-size: x-small; color: #848484;}

img.social {border: 0px;}
img.rightImg{border: 0px; padding: 20px 0px 0px 50px;}

#worklist{ position: relative; width: 450px;}

.worklist{text-align: left; width: 200px; margin-bottom: 20px; float: left; margin-right: 5px;	min-height: 285px;}

.workimage {height: 150px;	width: 180px;	padding: 10px;}

a.workhover, a.workhover:visited {width: 200px; height: 285px; background: #f0f0f0; color: #252525; float: left; text-decoration: none;}

a.workhover:active, a.workhover:hover {width: 200px; height: 285px; background: #7E98A9; color: #ffffff; float: left;}

.worktitle{text-transform: uppercase; margin: 3px 0 3px 10px; display: block;}

.workdate{margin: 3px 0 3px 10px;}

.workinfo{padding: 10px;	display: block;}

#worksingleCol1{
	position: relative;
	width: 250px;
	margin: 0 auto;
	float: left;
}

#worksingleCol2{
	position: relative;
	width: 600px;
	margin: 0 auto;
	float: right;
}
	
.back {padding-top: 75px;}

span.loud{
	font-weight: bold;
	font-size: small;
	color: #252525;
}

span.recentwork {display: block; text-decoration: none; color: #252525; font-size: x-small;}

div#footer {
	border-top: solid 1px #000000;
	padding-bottom: 1px;		
	color: #252525;
	font-size: small;
	position: relative;
}

div#footer div#menu {
	width: 100%;
	margin: 0 auto;
	position: relative;
	/*background-color: #EBDEC6;*/
	/*background-color: #DACFB9;*/
	background-color: #7E98A9;
	/*background-color: #F1EFD7;*/}
	
#menuContainer {
	width: 810px;
	margin: 0 auto;
	height: 130px;
}

#menuContainer .col1 {
		float: left; width: 180px; padding: 10px 0px; height: 100px;
}
	
#menuContainer .col2 {
		float: left; width: 170px; padding: 10px 0px 10px 30px; height: 100px; 
}

#menuContainer .col3 {
		float: left; width: 170px; padding: 10px 0px 10px 30px; height: 100px;
}

#menuContainer .col4 {
		float: left; width: 170px; padding: 10px 0px 10px 30px; height: 100px;
}

#menuContainer h4 {
		color: #252525; margin: 5px 0px;
}

#menuContainer ul {
	list-style-type: none; margin: 0px; padding: 0px;
}

div#footer a {	color: #252525;	 text-decoration:none;}
div#footer a:visited	{color: #252525;  text-decoration:none;}
div#footer a:active	{color: #252525;  text-decoration:none;}
div#footer a:hover {color:#252525; text-decoration:underline;}

div#footer p{
	width: 900px;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	font-size: x-small;
	color: #C9C9C9;
}

div#footer p a, div#footer p a:visited {
	color: #A8D0EC;
}

div#footer p a:active, div#footer p a:hover {
	color: #b6b6b6; text-decoration:none;
}