/*----------Content----------*/
#content {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	margin: 0 auto;
}
body {
	width: 800px;
	margin: 0px auto;
	font-size: 90%;
	font-family: 'Coming Soon', cursive;
	background: white;
	margin: 0px auto;
}
#header {
	float:left;
	background: url('../images/header.jpg') no-repeat;
	width: 800px;
	height:99px;
}
span { 
	display: none; 
	}
.empty {
	clear: both;
}

#bloglogo{
	float:left;
	width:34px;
	margin: 0px auto;
}
#facebooklogo{
	float:left;
	width:34px;
	margin: 0px auto;
}
#behancelogo{
	float:left;
	width:33px;
	margin: 0px auto;
}
#linkedinlogo{
	float:left;
	width:34px;
	margin: 0px auto;
}
#copyright{
	margin: 0px auto;
	width: 800px;
	text-align:center;
}
/*----------Home Page----------*/
#contactpage img{
	border:2px black solid;
}
#resume img{
	border:2px black solid;
}	
/*----------Footer----------*/
#footer{
	margin: 0px auto;
	padding-left: 316px;
}
/*----------NAV----------*/
#nav{
	font-family: 'Bubblegum Sans', cursive;
	font-size:18px;
	height:27px;
	width:800px;
	float:right;
	display: inline;
	padding-left: 20px;
	}
#home a{ 
	float: right;
	padding-right: 80px;
	margin: 0px auto;
	color:#000;
}
#home a:hover { 
	color:#fed2e3;
	-webkit-transition:color 1s ease-in;  
	-moz-transition:color 1s ease-in;  
	-o-transition:color 1s ease-in;  
	transition:color 1s ease-in; 
   
	-webkit-transform: rotate(10deg) scale(1.7);
	-moz-transform: rotate(10deg) scale(1.7);
	-o-transform: rotate(10deg) scale(1.7);
}
#resume a{ 
	float: right;
	padding-right: 80px;
	margin: 0px auto;
	color:#000;
}
#resume a:hover { 
	color:#fed2e3;
	-webkit-transition:color 1s ease-in;  
	-moz-transition:color 1s ease-in;  
	-o-transition:color 1s ease-in;  
	transition:color 1s ease-in; 
   
	-webkit-transform: rotate(10deg) scale(1.7);
	-moz-transform: rotate(10deg) scale(1.7);
	-o-transform: rotate(10deg) scale(1.7);
}
#work a{ 
	float: right;
	padding-right: 80px;
	margin: 0px auto;
	color:#000;
}
#work a:hover{ 
	color:#fed2e3;
	-webkit-transition:color 1s ease-in;  
	-moz-transition:color 1s ease-in;  
	-o-transition:color 1s ease-in;  
	transition:color 1s ease-in; 
   
	-webkit-transform: rotate(10deg) scale(1.7);
	-moz-transform: rotate(10deg) scale(1.7);
	-o-transform: rotate(10deg) scale(1.7);
}
#linkicon a{ 
	float: right;
	padding-right: 30px;
	margin: 0px auto;
	color:#000;
}
#linkicon a:hover { 
	color:#fed2e3;
	-webkit-transition:color 1s ease-in;  
	-moz-transition:color 1s ease-in;  
	-o-transition:color 1s ease-in;  
	transition:color 1s ease-in; 
   
	-webkit-transform: rotate(10deg) scale(1.7);
	-moz-transform: rotate(10deg) scale(1.7);
	-o-transform: rotate(10deg) scale(1.7);
}
/*----------WorkPage----------*/
#workpage{
	margin: auto 0px;
	border-top: solid 1px black;
}

#workpage h4{
	margin: 3px 0px 3px 0px;
	padding-left: 20px;
}
#casestudy{
	margin:auto 0px;
	padding: 0px 0px 0px 45px;
}
#website{
	margin:auto 0px;
	padding: 0px 0px 0px 45px;
}
#photoediting{
	margin:auto 0px;
	padding: 0px 0px 0px 45px;
}
#graphic{
	margin:auto 0px;
	padding: 0px 0px 0px 45px;
}
#casestudy img{
	margin: 0 auto;
	padding: 0px;
	width: 110px;
	height: 110px;
	border:2px black solid;
}
#website img{
	margin: 0 auto;
	padding: 0px;
	width: 110px;
	height: 110px;
	border:2px black solid;
}
#photoediting img{
	margin: 0 auto;
	padding: 0px;
	width: 110px;
	height: 110px;
	border:2px black solid;
}
#graphic img{
	margin: 0 auto;
	padding: 0px;
	width: 110px;
	height: 110px;
	border:2px black solid;
}
/*----------ContactPage----------*/
#contactpage{
	width: 500px;
	float: left;
	padding-top: 5px;
}
#contactpage h3{
	float: left;
	font-weight:lighter;
	padding: 0px 0px 0px 10px;
	width: 347px;
}
#contactpage h3{
	float: left;
	font-weight:lighter;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 347px;

}
#contactpage h4{
	float: left;
	font-weight:lighter;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 0px ;
	width: 347px;
}
#contactpage h5{
	float: left;
	font-weight:lighter;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 0px ;
	width: 347px;
}
#contactpage h6{
	float: left;
	font-weight:lighter;
	padding: 0px 0px 0px 10px;
	margin: 35px 0px 0px 0px ;
	width: 347px;
}
#contactpage img{
	float: left;
	width:138px;
	height: 200px;
}
#resume{
	float: right;
}
#photo {
	float:left;
	padding:0px;
	margin:0 auto;
	}
#photo p{
	font-size:11px;
	}
#bio{
	text-align:center;
	margin:0px auto;
	padding:0px;
	}
/*----------LinksPage----------*/
#linkspage{
	width: 800px;
	float: left;
	border-top: solid 1px black;
}
#linkspage h5{
	padding: 0 0 0 30px;	
	font-weight:lighter;	
}
#linkpage a{
	float:left;
}

/*----------ResumePage----------*/
#resumepage{
	width: 800px;
	float: left;
	border-top: solid 1px black;
}
#heading{
	padding-top:5px;
	text-align:right;
	font-weight:lighter;
}
#heading h3{
	font-weight:lighter;
	padding: 0px 10px 0px 0px;
	margin:0px auto;
}
#heading h2{
	padding: 0px 10px 0px 0px;
	margin:0px auto;
}
#profile{
	padding-top:5px;
	text-align:left;
	font-weight:lighter;
}
#profile h3{
	font-weight:lighter;
	padding: 0px 0px 0px 10px;
	margin:0px auto;
}
#profile h4{
	font-weight:lighter;
	padding: 0px 0px 0px 10px;
	margin:0px auto;
}
#profile p{
	font-weight:lighter;
	padding: 0px 0px 0px 25px;
	margin:0px auto;
}
#profile h5{
	font-weight:lighter;
	padding: 0px 0px 0px 35px;
	margin:0px auto;
}
#profile li{
	font-weight:lighter;
	padding: 0px 0px 0px 0px;
	margin:0px auto;
}
#resumepage ul{
	margin: 0px;
	padding: 0 10px 0 60px;
}
#resumepage a:link{
	color:#C39;
}
#resumepage a:visited{
	color:#333;
}