body {
	margin:0 auto;
	padding:0px;
	background-color:#222222;
	}

#header_wrap {
	width: 313px;
	height: 100px;
	margin: 0px 0px 0px 300px;
}

#header {
	margin: 53px 0px 0px 0px;
	width: 313px;
	height: 41px;
	background-image:url(images/header2.png);
}


#logo {
	margin: -51px 0px 0px -156px;
	width: 156px;
	height: 134px;
	position:absolute;
	background-image:url(images/logo.png);
}

#menu_wrap {
	margin: 95px 0px 0px 320px;
	width: 900px;
	height: 38px;
	background-image:url(images/links_bar.png);
}

@media screen and (max-width: 480px) {
	#fsbg {
	width: 100%;
	margin:auto;
}
	
	#menu_wrap {
	width: 70%;
	height: 138px;
}
	
#menu {
	width: 70%;
	height: 138px;
	display:block;
}

#menu ul {
	width: 70%;
	display:block;

}

#menu li {
	width: 70%;
	height: 20px;
	display:block;
}

#menu a {
	height: 20px;
	padding: 10px 5px;
	display:block;
}



#social_media {
	margin: 0 auto;
	height: 38px;
}

.social_media_text {
	margin: 0 0 0 680px;
	display:block;
}

#pinterest a{
}

#pinterest a:hover {


}

#facebook a {
	background:url(images/fb.png) no-repeat;
	margin: -37px 0px 0px 145px;
	height: 30px;
	width: 15px;
}

#facebook a:hover {
	background:url(images/fb_hover.png) no-repeat;
	margin: -42px 0px 0px 145px;
	height: 30px;
	width: 15px;
}

#twitter a {
	background:url(images/twitter_trans.png) no-repeat;
	margin: -40px 0px 0px 170px;
	height: 32px;
	width: 32px;
}

#twitter a:hover {
	background:url(images/twit_hover.png) no-repeat;
	margin: -33px 0px 0px 170px;
	height: 32px;
	width: 32px;
}


}
	

#menu {
	width: 973px;
	height: 38px;
}

#menu ul {
	margin: -135px 0 0 0px;
	padding: 0px;
	list-style: none;

}

#menu li {
	margin: 0 auto;
	padding: 0px;
	display:inline;
}

#menu a {
	float: left;
	display:block;
	margin: 0px 0px 0px 3px;
	height: 38px;
	width: 125px;
	padding-top: 6px;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	outline: none;
	color:#a8a5a4;
}

#menu a:hover {
	color:#6ecde6;
}


#social_media {
	margin: 0 auto;
	width: 400px;
	height: 38px;
}

.social_media_text {
	margin: 0 0 0 680px;
	display:block;
	width: 100px;
	padding-top: 7px;
	height: 32px;
	font-size: 18px;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	outline: none;
	color:#a8a5a4;
}

#pinterest a{
	background:url(images/pinterest.png) no-repeat;
	margin: -31px 0 0 105px;
	width: 30px;
	height:35px;
}

#pinterest a:hover {
	background:url(images/pinterest_hover.png);
	margin: -31px 0 0 108px;
	width: 30px;
	height:35px;

}

#facebook a {
	background:url(images/fb.png) no-repeat;
	margin: -37px 0px 0px 145px;
	height: 30px;
	width: 15px;
}

#facebook a:hover {
	background:url(images/fb_hover.png) no-repeat;
	margin: -42px 0px 0px 145px;
	height: 30px;
	width: 15px;
}

#twitter a {
	background:url(images/twitter_trans.png) no-repeat;
	margin: -40px 0px 0px 170px;
	height: 32px;
	width: 32px;
}

#twitter a:hover {
	background:url(images/twit_hover.png) no-repeat;
	margin: -33px 0px 0px 170px;
	height: 32px;
	width: 32px;
}






#content_wrap {
	width: 1000px;
	height: 1130px;
	margin: 0 auto;
}

#content {
	width: 800px;
	float:left;
	margin: 10px 200px 0 0;
}

.left_main_content {
	margin: -35px 0 0 0;
	width: 288px;
	height: 269px;
}

.left_main_content p {
	float:left;
	margin:0 auto;
	padding: 0 5px 0 5px;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 21px;
	color: #a8a5a4;
}

.left_page_text {
	float:left;
	width: 230px;
	height: 35px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	color: #6ecde6;
}

.mid_main_content {
	margin: -270px 0 0 300px;
	width: 288px;
	height: 269px;
}

.mid_main_content p {
	margin:0 auto;
	padding: 0 5px 0 5px;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 21px;
	color: #a8a5a4;
}

.mid_page_text {
	width: 230px;
	height: 35px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	color: #6ecde6;
}

.right_main_content {
	margin: -269px 0 20px 600px;
	width: 288px;
	height: 269px;
}

.right_main_content p {
	margin:0 auto;
	padding: 0 5px 0 5px;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 21px;
	color: #a8a5a4;
}

.right_page_text {
	width: 230px;
	height: 35px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	color: #6ecde6;
}

#pic_bg {
	margin: 0 0 -10px -30px;
	padding: 5px 5px 0px 0px;
	width: 963px;
	height: 470px;
	background:url(images/pics_bg.png) no-repeat;
}

#pic_one {
	margin: 10px 0 0 20px;
	padding: 5px 0 0 0;
	width: 267px;
	height: 179px;
	background:url(images/pic1.png) no-repeat;
}

#pic_two {
	margin: -184px 0 0 344px;
	padding: 5px 0 0 0;
	width: 267px;
	height: 179px;
	background:url(images/pic2.png) no-repeat;
}

#pic_three {
	margin: -184px 0 0 670px;
	padding: 5px 0 0 0;
	width: 267px;
	height: 179px;
	background:url(images/pic3.png) no-repeat;
}

#pic_four {
	margin: 10px 0 0 20px;
	padding: 5px 0 0 0;
	width: 267px;
	height: 179px;
	background:url(images/pic7.png) no-repeat;
}

#pic_five {
	margin: -184px 0 0 344px;
	padding: 5px 0 0 0;
	width: 267px;
	height: 179px;
	background:url(images/pic5.png) no-repeat;
}

#pic_six {
	margin: -184px 0 0 670px;
	padding: 5px 0 0 0;
	width: 267px;
	height: 179px;
	background:url(images/pic6.png) no-repeat;
}

#self {
	background:url(images/me_100x153-2.jpg);
	margin: -360px 0 0 0px;
	width: 100px;
	height: 153px;
}

#about_me {
	margin: -430px 0 0 120px;
	width: 500px;
	height: 165px;
	line-height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color: #a8a5a4;
}

#phone {
	margin: -265px 0 0 -620px;
	width: 100px;
	height: 50px;
	padding-top: 50px;
}

#phone_link {
	margin: 150px 0 50px 950px;
	float:left;
	width: 100px;
	height: 50px;
}

#skills_header {
	margin: -10px 0 0 700px;
	width:100px;
	height:17px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	color: #6ecde6;
}

#skills_text {
	margin: 140px 0 0px 700px;
	width:137px;
	height:119px;
	line-height:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	color: #a8a5a4;
}

#contact_bg {
	margin: 120px 0 0 -30px;
	width: 959px;
	height: 41px;
	padding: 5px 0 0 25px;
	background:url(images/contact.png) no-repeat;
}

.contact_text {
	margin: -63px 0 0 -140px;
	float:left;
	padding: 2px 0px 2px 0px;
	width: 540px;
	height: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color: #a8a5a4;
}

.contact_email {
	margin: -28px 0 5px 420px;
	clear:both;
	width: 180px;
	height: 18px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	color: #6ecde6;
}

.testimonials {
	margin: -67px 0 0 0px;
	float:right;
	width: 160px;
	height: 18px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	color: #6ecde6;
}

#footer {
	margin: 120px 0 -100px -330px;
	width: 1600px;
	height: 42px;
	background:url(images/footer.png);
}
