body {
background:transparent url(images/bg.jpg) repeat-y;
background-position:center;
color:#fff;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 20px;
text-align:center;
}

/* --- Content Wrapper  ----*/
#content {
height:auto !important;
min-height:100%;
position:relative;
}

#header {
background:url(images/header.jpg);
background-repeat:no-repeat;
height:207px;
margin:0 auto;
position:relative;
width:818px;
}

.header_hitbox {
height:116px;
left:20px;
position:absolute;
top:35px;
width:340px;
}

.hitbox_btn {
display:block;
height:116px;
text-decoration:none;
width:340px;
}

.hitbox_btn span {
display:none;
}


/* --- Nav Content  ----*/
#nav {
background:url(images/navbar.gif);
background-repeat:no-repeat;
height:41px;
margin:0 auto;
position:relative;
text-align:left;
width:818px;
}

/*  ---  Nav Buttons  --- */
.home_btn {
left:250px;
position:absolute;
top:0;
width:136px;
}

.home {
background:url(images/home.png) no-repeat 0 -41px;
display:block;
height:41px;
width:136px;
outline:none;
}

.blog_btn {
left:513px;
position:absolute;
top:0;
width:125px;
}

.blog {
background:url(images/blog.png) no-repeat 0 -41px;
display:block;
height:41px;
width:125px;
outline:none;
}

.portfolio_btn {
left:383px;
position:absolute;
top:0;
width:143px;
}

.port {
background:url(images/portfolio.png) no-repeat 0 -41px;
display:block;
height:41px;
width:143px;
outline:none;
}

.contact_btn {
left:656px;
position:absolute;
top:0;
width:126px;
}

.contact {
background:url(images/contact.png) no-repeat 0 -41px;
display:block;
height:41px;
width:126px;
outline:none;
}

.home:hover,.blog:hover,.port:hover,.contact:hover {
background-position:0 0;
}

.home:active,.blog:active,.port:active,.contact:active {
	color:#CE4F96;	
}

.home span,.blog span,.port span,.contact span {
display:none;
}


/* --- Page Content  ----*/
#page {
background:url(images/main_body.gif);
background-position:top;
background-repeat:no-repeat;
height:547px;
margin:0 auto;
position:relative;
width:818px;
text-align: left;
}

#page_content {
padding-top: 10px;
margin: 0px 40px 0px 40px;
color: #FFF;
height: 538px;

}

#homeWelcomeParagraph {
	
	width:350px;
	height:400px;
	margin:20px;
	float:left;
}

.welcome {
	color:#8EB937;	
}

#homeWelcomeParagraph h3 a {
	color:#CE4F96;
	
}

#homePic {
	width:275px;
	padding-top:20px;
	padding-left:35px;
	float:left;
}

#homePic img {
	border:3px solid #717171;
}

.formComments {
	color:#CE4F96;	
	
}

#resumeParagraph {
	height:500px;
	width: 735px;
	overflow:scroll;
	overflow-x: hidden;
}


.resume span {
	color:#CE4F96;	
}



/* --- Footer Content  ----*/
#footer {
background:url(images/footer.jpg);
background-position:bottom;
background-repeat:no-repeat;
height:215px;
margin:0 auto;
position:relative;
width:818px;
text-align:left;
}

#quote {
height:90px;
left:110px;
position:absolute;
top:10px;
width:370px;
}

#footer_content {
left:20px;
position:absolute;
bottom:0px;
width:370px;
}

#footer_content p strong {
color: #CE4F96;
}

#footer_content span {
font-size:10px;
color: #999999;
}

#content #page #page_content #homeWelcomeParagraph h1 {
	padding: 0px;
	line-height: 30px;
	letter-spacing: 1px;
}

#contactForm li {
	list-style-type:none;
}

#portfolioImages {
	height:500px;
	width: 735px;
	overflow: scroll;
		
}

#portfolioImages img {
	border: 1px solid #cccccc;
	
}

#portfolioImagesWeb {
	float:left;	
}


.portfolioImagesWeb {
	float:left;	
	width:300px;
}


#portfolioImagesWeb h2 {
	color:#CE4F96;
}

#portfolioImagesFoto {
	width: 735px;
	float: left;
}

#designConcepts {
	width:735px;	
	float:left;
}

#designConcepts img {
	float:left;
	margin:10px;
	
}

#designConcepts h2 {
	color:#CE4F96;
}

#printMaterials {
	width:735px;
	float:left;
}
#printMaterials img {
	float:left;
	margin:10px;
}
#printMaterials h2 {
	color:#CE4F96;
}