/****GENERAL STYLES*****/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 } 
ol, ul, li { list-style:none } 
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }



body{ background: #E9E2EA  url(../images/bkg_img.jpg) repeat;
display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5F7279;
	}
	

a{background-color: #13b4bc;
	color: #FFFFFF;
	padding: 2px;
  text-decoration:none;
}

a:hover {background-color: #13b4bc;
	color: #515151;
	padding: 2px;
 text-decoration:none;
}

a#progress{color:#5F7279;}

.clear{clear:both;display:block;}


.wrapper{margin:0px
auto;padding:0px;width:1000px;}

/**** END GENERAL STYLES*****/


/****   HEADER  *****/

#header .wrapper {
position:relative;
}

#header{
}


#freelance {
margin-top: 125px;
padding-bottom: 23px;
width:1000px;
display:block;
border-bottom:1px #a5a5a5 solid;
}

#freelance span {
right:1px;
position:absolute;
color:#333333;
}

#freelance span img {
position:absolute;
top:0px;
left:-15px;
}

#page-content .wrapper{
position:relative;
}

#navigation{
margin-top:80px;
margin-left:80px;
}

#navigation ul { 
position:absolute;
right:20px;
top:50px;
}

#navigation ul li { 
	display: inline;
	margin-right:25px; 
}


#navigation ul li a {
	font-size:25px;
	background-color: #344B56;
	color: #FFFFFF;
	padding: 7px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
}

#navigation ul li a:hover {
	font-size:25px;
	background-color: #13b4bc;
	color: #FFFFFF;
	padding: 7px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
}

#about{
margin-top:120px;
margin-left:40px;
position:relative;
}

#about span p{
position:absolute;
top: 15px;
left: 500px;
width:450px;
text-shadow:#FFF 0px 1px 0px;
}

#about span a{
text-shadow:none;
}


.section{
margin-top:350px;
position:relative;
}
.section-title{color:#375668;font-size:35px;width:350px; display:block;}

.section-nav {
position:absolute;
top:0px;
right: 10px;
width:142px;
}

a.next{float:left; margin-right:10px; background: url(../images/next.png); display: block;  width:66px; height:30px; padding:0px; }
a.next span{display:none;}

a.top{float:left; background: url(../images/top.png); display: block;  width:66px; height:30px; padding:0px; }
a.top span{display:none;}


.section ul{ 
	
}


.section ul li {
	float:left;
	margin-top:100px;
}

.item-space{
margin-right:30px;}


.proj-image{
	background-color: #ffffff;
	padding: 10px 0px 10px 10px;
	width:230px;
	display:block;
	float:left;
	-webkit-box-shadow: 3px 3px 5px #C4C6CB;
	-moz-box-shadow: 3px 3px 5px #C4C6CB;
	box-shadow: 3px 3px 5px #C4C6CB;

}

.proj-content{
	margin-left:15px;
	width:220px;
	display:block;
	float:left;
	
}

.proj-title{
font-weight:bold;
font-size:15px;
	width:220px;
	display:block;
	text-shadow:#FFF 0px 1px 0px;
	margin-bottom:10px;
	
}
.proj-link{
	width:220px;
	display:block;
	margin-bottom:20px;
	font-size:11px;
		
}

.proj-text{
	width:220px;
	display:block;
	text-shadow:#FFF 0px 1px 0px;
	
}

#footer .wrapper {
position:relative;
}

#footer{
margin-top: 100px;
margin-bottom:20px;
}

#foot-copy{
margin-top:18px;
float:left;
text-shadow:#FFF 0px 1px 0px;}

#foot-social{
float:right;
text-shadow:#FFF 0px 1px 0px;}

#foot-social a{ background:none; color: #5F7279;}


#foot-social img{
margin: 0px 10px;}