body
{
	background:#292929;
	border-top: 5px solid #F1F2ED;
	color: #ccc;
	padding: 20px 0 40px;
}

.work{
margin-left:-15px;
}

a
{
	color: #4284CE      ;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.title{
color:#818181;
}

h1
{
	
	font-weight: normal;
	text-align: left;
	font-size:3.2em;
	line-height:50px;
	margin-left:2px;
	margin-top:5px;
	color:#4284CE      ;
}

h2
{
margin-top:-8px;
font-weight:100;
color:#fff;
margin-bottom:0px;
}

h3
{
margin-top:-2px;
font-weight:100;
color:#fff;
margin-bottom:0px;
font-size:1.4em;
}

h4
{
margin-top:-2px;
font-weight:100;
color:#4284CE;
margin-bottom:0px;
font-size:1.2em;
}

p
{
	
	overflow: hidden;

}

.logo{
float:left;
margin-left:6px;
margin-top:7px;
padding-bottom:8px;

}

.nav{
float:right;
margin-right:10px;
height:40px;
color:#fff;
font-size:14px;
margin-top:8px;
}

.nav a{
color:#fff;
}

.nav a:hover{
color: #4284CE      ;
}


.nav ul{
padding-top:10px;

}
.nav li{
display:inline;
font-size:16px;
font-weight:200;
padding-right:-10px;
}




.login{

float:right;
background:#F1F2ED;
color:#333;
text-align:left;
padding-left:10px;
padding-right:10px;
margin-right:10px;
margin-top:-20px;


}

.login a{
color:#333;
}


.content{
float:left;
width:940px;
text-align:left;
margin-left:10px;
margin-top:-8px;

}

.red{
color:#4284CE      ;
text-decoration:underline;
}

hr{
border:0 #575757 solid;
border-top-width:1px;
margin-left:13px;
width:937px;
clear:both;
height:0
}


.wide{
margin-left:13px;
width:940px;
float:left;
padding-right:5px;
margin-bottom:20px;
}

.column1{
margin-left:13px;
width:300px;
float:left;
padding-right:5px;
margin-bottom:20px;
}

.column2{
margin-left:13px;
width:300px;
float:left;
padding-right:5px;
margin-bottom:20px;
}

.column3{
margin-left:13px;
width:300px;
float:left;
margin-bottom:20px;
}

.column4{
margin-left:15px;
width:300px;
float:left;
margin-bottom:20px;
}

.profile{
margin-left:13px;
width:620px;
float:left;
padding-right:5px;
margin-bottom:20px;
}

input{
width:284px;
border:none;
}

textarea {
border:none;
width:284px;
}

.article input[type=text]{
width:600px;
border:none;
}
.article textarea {
border:none;
width:600px;
}


input:hover, textarea:hover{
background-color:#D5E3F4;
}

.button{
background:#fff;
width:110px;
}

.button:hover{
background:#4284CE;
width:110px;
}

.sub{
color:#fff;
}

form{
background:#222;
border:2px solid #333;
padding:8px 8px 8px 6px;
color:#fff;
}

.project{
border:#333 10px solid;
margin-bottom:20px;
}

.slider li{
margin-left:18px;

}

.slider{
margin-top:20px;
margin-right:20px;
padding:0;
margin-bottom:-5px;
width: 940px;
}

.slider li{
margin-left:0;
margin-right:18px;
}

a.view{
   width: 100px;
   height: 34px;
   background: url(../img/work2.png) 0 0 no-repeat;  
   display: block;
   text-indent: -9999px;  
}

a:hover.view{
   background-position: bottom left;
}

a.blog{
   width: 100px;
   height: 34px;
   background: url(../img/work3.png) 0 0 no-repeat;  
   display: block;
   text-indent: -9999px;  
}

a:hover.blog{
   background-position: bottom left;
}

a.viewproject{
   width: 100px;
   height: 34px;
   background: url(../img/project.png) 0 0 no-repeat;  
   display: block;
   text-indent: -9999px;  
}

a:hover.viewproject{
   background-position: bottom left;
}

a.logout{
   width: 100px;
   height: 34px;
   background: url(../img/logout.png) 0 0 no-repeat;  
   display: block;
   text-indent: -9999px;  
}

a:hover.logout{
   background-position: bottom left;
}

.info{

height:376px;
}