body{
	background: #fef5e4 url(../images/bg.jpg) repeat;
	font-family: "Lucida Grande", arial, san-serif;
	color: #3a3a3c;
}

h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 16px;}

a{color: #064d94; text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{position: relative; top: 1px;}

p{font-size: 12px; line-height: 24px; padding-bottom: 10px;}

#top-bg{background: url(../images/top-bg.jpg) repeat-x; height: 13px;}

#header, #slogan, #content{
	margin-bottom: 25px;
	border-bottom: 1px #3a3a3c dotted;
	overflow: hidden;
}

#featured-portfolio{
	margin-bottom: 25px;
	border-bottom: 1px #3a3a3c dotted;
	overflow: hidden;
}

#hire-me-button{
	margin-bottom: 5px;
	border-bottom: 1px #3a3a3c dotted;
	overflow: hidden;
}

#header{padding-bottom: 40px;}
#slogan, #hire-me-button{padding-bottom: 25px;}
#featured-portfolio{padding-bottom: 10px;}

#logo a{
	display: block;
	width: 352px;
	height: 77px;
	float: left;
	background: url(../images/logo.jpg) no-repeat;
	text-indent: -9999px;
}

#nav{
	float: right;
	width:400px;
	text-align: right;
}

#nav ul{margin: 30px 0 0 0;}
#nav ul li{display: block; float: left; padding: 0 0 0 75px;}
#nav ul li a{color: #3a3a3c; text-decoration: none;}
#nav ul li a:hover{border-bottom: 3px #064d94 solid;}
#nav ul li a:active{border-bottom: 5px #064d94 solid;}
#nav ul li a.current{border-bottom: 3px #064d94 solid;}
#nav ul li a:active{border-bottom: 5px #064d94 solid;}

#wrapper{
	margin: 40px auto 20px auto;
	width: 960px;
}

#slogan h2{
	text-align: center;
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
}

#featured-portfolio{text-align: center; overflow: hidden; font-size: 14px; padding: 1px 14px 0 14px;}
.portfolio{float: left; width:286px; margin: 0 37px 25px 0;}
.portfolio-last{float: left; width:286px; margin: 0 0 25px 0;}
.portfolio img, .portfolio-last img{border: 1px #e5e5e5 solid;}
.portfolio a, .portfolio-last a{ width:286px; background: #fff; padding: 10px 0 10px 0; border: 1px #e5e5e5 solid; display: block; margin: 0 0 10px 0;}
.portfolio a:hover, .portfolio-last a:hover{background: #f8f8f8; }

#content{font-size: 12px; line-height: 24px; padding: 0 14px 25px 14px;}
#content h3{font-size: 24px; line-height: 36px; font-weight: 300;}
#content p{padding-bottom: 10px;}

#main-left-content{
	float: left;
	width:28%;
}

#main-left-content ul li, #left-content ul li, .contact-module3 ul li{
	margin: 0 0 0 30px;
	list-style: disc;
}

#main-right-content{
	float: right;
	width: 65%;
}

#left-content{float: left; width:600px;}
#right-content{float: right; width: 306px;}

.contact-module1{float: left; width: 100%; margin-bottom: 30px;}
.contact-module2{float: left; width: 40%;}
.contact-module3{float: left; width: 40%;}

#hire-me-button a{
    margin: auto;
	display: block;
	background: url(../images/hire-me.jpg) no-repeat;
	width: 323px;
	height: 106px;
	text-indent: -9999px;
}

#hire-me-button a:hover{
	background: url(../images/hire-me.jpg) no-repeat;
	background-position: 0 -106px;
}

#footer{font-size: 12px; padding: 0 0 20px 0;}
#copyright{float: left; width: 50%;}
#social{float: right; width: 50%; text-align: right;}

#social a{
	background: url(../images/twitter.jpg) no-repeat;
	padding: 0 0 0 20px;
}