body{

background:#333333 url(images/page-bg.jpg);

	margin:0px;

	font: 600 12px/22px 'Open Sans', Verdana, Helvetica, sans-serif;

	color:#6a6969;

}

h1{font: 400 58px/60px 'Bree Serif', Georgia, serif; color:#6a6969;}

h2{font: 400 18px/22px 'Bree Serif', Georgia, serif; color:#6a6969;}

h3{font: 400 14px/16px 'Bree Serif', Georgia, serif; color:#6a6969;}

ul{margin:10px; padding:10px;}

a {text-decoration:none; color:#6a6969;}

a:hover {color:#979797;}
a img{border:0px;}



#container{

	width:950px;

	margin:0px auto 300px auto;

	background:url(images/body-bg.png);

	overflow:auto;
	padding-bottom:100px;

}




/****************************************************/

/* HEADER */

/****************************************************/



#header

{

width:864px;

	height:115px;

	background-color:#222222;

	padding:0px 43px;
	position: fixed;

	top:0px;

	left:50%;

	margin: 0 0 0 -475px;

}

#header #logo{

	padding-top:40px;

	float:left;

}

#header #main-menu{float:right; padding-top:45px;}

#header #main-menu li{

	float:left;

	list-style:none;

	margin-left:27px;

	font: 400 16px/20px 'Bree Serif', Georgia, serif;

}

/****************************************************/

/* HOME SECTION */

/****************************************************/


#home{margin:0px 43px; padding-top:115px;}

#home h1{float:left;}

#home #top-social{float:right; padding-top:62px;}

#home #top-social li{float:left; list-style:none; margin-left:10px;}

#home #top-social .facebook{

	text-indent:-9999px; 

	display:block;
 
	width:26px;
 
	height:26px; 

	background:url(images/sm-facebook-icon.png) no-repeat;

}

#home #top-social .twitter{

	text-indent:-9999px;
 
	display:block;
 
	width:31px;
 
	height:24px;
 
	background:url(images/sm-twitter-icon.png) no-repeat;

}

#home #top-social .linkedin{

	text-indent:-9999px; 

	display:block;
 
	width:26px; 

	height:26px;
 
	background:url(images/sm-linkedin-icon.png) no-repeat;

}

#home .content{overflow:auto;}

#home .content img{float:left; margin-right:40px; border:5px solid #222222;}

#home .content #service-icons{margin-top:20px;}

#home .content #service-icons li{

	display:block;

	width:108px;

	height:108px;

	text-indent:-9999px;

	list-style:none;

	float:left;

	margin-right:20px;


}

/****************************************************/

/* PERSONAL SECTION */

/****************************************************/


#personal {margin:0px 43px; padding-top:115px;}

#personal h1{float:left;}

#personal #top-social{float:right; padding-top:62px;}

#personal #top-social li{float:left; list-style:none; margin-left:10px;}

#personal #top-social .facebook{

	text-indent:-9999px; 

	display:block;
 
	width:26px;
 
	height:26px; 

	background:url(images/sm-facebook-icon.png) no-repeat;

}

#personal #top-social .twitter{

	text-indent:-9999px;
 
	display:block;
 
	width:31px;
 
	height:24px;
 
	background:url(images/sm-twitter-icon.png) no-repeat;

}

#personal #top-social .linkedin{

	text-indent:-9999px; 

	display:block;
 
	width:26px; 

	height:26px;
 
	background:url(images/sm-linkedin-icon.png) no-repeat;

}

#personal .content{overflow:auto;}

#personal .content img{float:left; margin-right:40px; border:5px solid #222222;}

#personal .content #service-icons{margin-top:20px;}

#personal .content #service-icons li{

	display:block;

	width:108px;

	height:108px;

	text-indent:-9999px;

	list-style:none;

	float:left;

	margin-right:20px;


}


/****************************************************/

/* Academic SECTION */

/****************************************************/



#Academic{margin:0px 43px; padding-top:115px;}

#Academic .content{overflow:auto;}

#Academic  #work-thumbs li{

	list-style:none;

	float:left;

	margin:0px 20px 15px 0px;

	padding:0px;
}
#Academic #Academic-thumbs li.last{margin:0px;

}

/****************************************************/

/* Experience SECTION */

/****************************************************/



#Experience{margin:0px 43px; padding-top:115px;}

#Experience  .content{overflow:auto;}

#Experience   #Experience-thumbs li{

	list-style:none;

	float:left;

	margin:0px 20px 15px 0px;

	padding:0px;
}
#Experience  #Experience-thumbs li.last{margin:0px;

}
/****************************************************/
/* SKILLS SECTION */

/****************************************************/



#skills{margin:0px 43px; padding-top:115px;}

#skills.content{overflow:auto;}

#skills #skills-thumbs li{

	list-style:none;

	float:left;

	margin:0px 20px 15px 0px;

	padding:0px;
}
#skills #skills-thumbs li.last{margin:0px;
}


/****************************************************/

/* CONTACT SECTION */

/****************************************************/

#contact{margin:0px 43px; padding-top:115px;}

#contact .content{overflow:auto;}

#contact #form{

	width:410px;

	float:left;
}

#contact #form span{

	display:block;

	float:left;

	width:100px;

	padding-top:5px;

	font: 400 14px/16px 'Bree Serif', Georgia, serif;
}

#contact #form input{

	float:left;

	width:255px;

	border:0px;

	color:#3b3b3b;

	padding:10px 10px 10px 30px;

	font: 400 11px/20px 'Open Sans', Verdana, Helvetica, sans-serif;

	margin-bottom:10px;
}

#contact #form textarea{

	float:left;

	border:0px;

	width:255px;
	height:100px;

	padding:10px 10px 10px 30px;

	font: 400 11px/20px 'Open Sans', Verdana, Helvetica, sans-serif;

	color:#3b3b3b;


}


#contact #form input.name{background:#222222 url(images/icon-user.png) no-repeat 10px 8px;}

#contact #form input.email{background:#222222 url(images/icon-mail.png) no-repeat 10px 9px;}

#contact #form textarea.message{background:#222222 url(images/icon-message.png) no-repeat 10px 8px;}

#contact #form input.submit{
	width:75px; 
  
	height:30px;

	float:right;

	padding:0px 0px 5px 0px;

	margin:10px 16px 0px 0px;

	background:#222222;
color:#3b3b3b;

	font: 400 14px/16px 'Bree Serif', Georgia, serif;


}


#contact #social-footer{

	width:300px;

	float:left;

	margin-left:75px;


}

#contact #social-footer #sm-links{margin-top:25px;}

#contact #social-footer #sm-links li{

	list-style:none;

	float:left;


}

#contact #social-footer #sm-links li a{

	display:block;

	text-indent:-9999px;

	width:26px; 

	height:26px;

	margin-right:10px;

}

#contact #social-footer #sm-links li a.facebook{background:url(images/sm-facebook-icon.png) no-repeat;}

#contact #social-footer #sm-links li a.twitter{background:url(images/sm-twitter-icon.png) no-repeat; width:31px;}

#contact #social-footer #sm-links li a.dribble{background:url(images/sm-dribble-icon.png) no-repeat;}

#contact #social-footer #sm-links li a.vimeo{background:url(images/sm-vimeo-icon.png) no-repeat; width:27px;}

#contact#social-footer #sm-links li a.google{background:url(images/sm-google-icon.png) no-repeat;}
#
contact #social-footer #sm-links li a.youtube{background:url(images/sm-youtube-icon.png) no-repeat; width:28px;}

#contact #social-footer #sm-links li a.linkedin{background:url(images/sm-linkedin-icon.png) no-repeat;}



/****************************************************/

/* MISC */

/****************************************************/
.
top-divider, .bottom-divider{

	width:100%;

	height:9px;

	background:url(images/divider.png) repeat-x;

	clear:both;
}

.top-divider{margin-bottom:40px;}

.bottom-divider{margin-top:40px;}