/* 
dave woods reset.css
v1.0.0
2010-11-19
Author: Dave Woods - http://www.dave-woods.co.uk 
Twitter: @dave_woods
Facebook: http://www.facebook.com/pages/Dave-Woods-Freelance-Web-Designer/337082553068
*/
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
					{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html				{ overflow-y: scroll; }
ol, ul 				{ list-style: none; }
del 				{ text-decoration: line-through; }
table 				{ border-collapse: collapse; border-spacing: 0; }
abbr[title], dfn[title] 
					{ border-bottom: 1px dotted; }
hr 					{ display: block; height: 1px; border-top: 1px solid #ccc; margin:1em 0; }
input, select 		{ vertical-align:middle; }
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section 
					{ display: block; 
	
}

h1 { font-family: 'Lekton', arial, serif; color:#333; font-size:3em; font-weight:lighter;}
h2 { font-family: 'Lekton', arial, serif; color:#333; font-size: 20px; font-weight:lighter;}
h3 { font-family: 'Lekton', arial, serif; color:#ff0000; font-size: 20px; font-weight:lighter; }
h4 { font-family: 'Lekton', arial, serif; color:#256680; font-size: 1.2em; font-weight:lighter;}
h5 {font-family: 'Lekton',arial, serif; color:#323535; font-size:2em; font-weight:normal;}
p {font-family: 'Lekton', arial, serif; color:#333; font-size: 12px; font-weight:lighter;}
.clear{ clear:both;}
body {background: #F2F2F2;
}	
					
/*wrapper*/
#wrapper{
	 max-width:1024px;
	 width:100%;	
	 height:auto !important; 
	 margin: 20px auto 0px;
	 
	 

}
/*header*/
header{
   		width:1024px;
		margin:20px auto; 
		
}
/*footer*/
footer {
	font-size:12pt; color:#666; font-style:normal; 
	height:auto;
	text-align:center; 
	padding-top:10px;
	line-height:25px;
	margin-top:20px;
}
		
.logo{
		margin: 0 auto 0 auto;
		height:100px;
		width:100px;
		border:0;}
		

/*nav*/
ul#nav{
	list-style:none;
	color: #000;
	text-align:center; 
	font-family:'Lekton', arial, serif; font-size:20px; font-weight:400;
	text-transform:uppercase;
	margin-top:30px;
	
	}

ul#nav li{
		display:inline;}
		
#nav a:link,#nav a:visited {
		padding:10px 20px 0px 10px;
		color:#000;
		text-decoration:none;
		 }
		
#nav a:hover,#nav a:focus {
		color: #F00;
		
		}							
						
/*container*/
#container{
		width:1024px;
		height:auto !important; 
	 	margin: 20px auto 0px;
		position: relative;}

/*about*/
.about p{ 
	line-height:20px; 
	width:1024px; 
	margin: 20px auto;
	font-size:15px;
}
	
/*thumbs*/
ul.thumbs {
	width:1024px;
	list-style: none;
	margin:0 auto 0;
	

}
ul.thumbs li{
	float: left; display: inline;
	margin: 35px 15px 15px 15px; padding: 0;
    position: relative;
	text-align:left;
	
}
ul.thumbs li img{
	position: relative;
	width: 200px;
	height:150px;
	
}
ul.thumbs li .info{
	width:200px;
	position: absolute;
	left: -0px; top: 0px;
	font-size: 1.2em; letter-spacing: 1px; color:#000;
	margin-bottom:20px;
							

}
ul.thumbs a:link,.thumbs a:visited {
			text-decoration:none;
						
}
ul.thumbs li h4 {
			font-size: 15px;
			font-weight:normal;
			text-transform: uppercase; 
			margin: 150px 0 0 0 ; padding: 10px 0 20px 0;
		


/*worksamples*/
}
#worksamples{
		position: relative;
   		float: left;
   		width: 580px;
}
.sample{
		position: relative;
   		float: left;
   		width: 580px;
		height:auto;
		margin:10px 0 10px 0;}
		
/*aside*/
aside{
   float: right;
   width: 370px;
   height:auto;
  
   }
aside h3{
	margin-top: 2px;
	}

aside p{ 
	line-height:10px;
	font-size:14px;
	}

ul.prevnext{
	position: relative;
   	float: right;
  	width: 370px;
	height:auto;
	font-family: 'Lekton', arial, serif; color:#333; font-size: 18px; font-weight:normal;
	
}
ul.prevnext li{
	width:120px;
	display:block;
	margin-bottom:10px; 
	
}
ul.prevnext a:link{
	color:#000;
	text-decoration:none;
}
ul.prevnext li:hover a:hover{
	color:#666;
}
.visit{
  	  width: 105px;
	  position:relative;
	  float:left;
	  list-style: none;
	 
}
.visit li a{
	 font-family: 'Lekton', arial, serif; font-size: 18px; font-weight:normal; font-style:italic;
	 display:inline;
	 text-decoration:none;
	 line-height:30px;
	 
}
.visit li:hover a:hover{
	color:#000;
} 

/*process*/
#process{
   position: relative;
   float: left;
   width: 1024px;
  
}

.left1{
   position: relative;
   float: left;
   width: 346px;
   height: auto;
   margin-top:-30px;
   
}   
.left1 h3{
   text-align:left;
}
 .left1 li, .left2 li{
	 list-style:none;
	 font-family: 'Lekton', arial, serif; color:#f00; font-size: 1.1em;
	 line-height: 24px;
	 
}
.left2{
   position: relative;
   float: left;
   left: 20px;
   width: 346px;
   height: auto;
   margin-top:-30px;
   
}
.left1 h4, .left2 h4{
	text-align:left
	color:#F00;

}	

/*services*/
#clients{
   position: relative;
   float: left;
   width:1024px;
   height:auto;
    margin-top:30px; 
   text-align:left;
}
#clients li{
    list-style:none;
	 font-family: 'Lekton', arial, serif; color:#f00; font-size: 1.1em;
	 line-height: 24px;
   
}
.preloader {
   background:url(i/89.gif) center center no-repeat #f2f2f2;
   width: 200px;
	height:150px;
   display:inline-block;
   }