@charset "UTF-8";
/* CSS Document */

body {
margin: 0;
margin-left: 0;
padding: 0;
background-color: #eaeaea;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

.divider {
	overflow: hidden;
	height: 300px;
	margin: 0px 0 20px 0;
	padding: 0 0 0 30px;
	background: url(/images/divider-bg.jpg) no-repeat left;
	background-color: white;
	font-size: 11px;
}

#photography-title {
	width: 800px;
	height: 113px;
	background: url(/images/title-photography.png) no-repeat top left;

}

#webdesign-title {
	width: 800px;
	height: 112px;
	background: url(/images/title-webdesign.png) no-repeat top left;
}

#webdesign-title h1{
position:absolute;
left:-9999px;
top:auto;
width:1px;
height:1px;
overflow:hidden;	
}

#photography-title h1{
position:absolute;
left:-9999px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


#graphic-title {
	width: 800px;
	height: 113px;
	background: url(/images/title-graphicdesign.png) no-repeat top left;

}

#graphic-title h1{
position:absolute;
left:-9999px;
top:auto;
width:1px;
height:1px;
overflow:hidden;

}
.divider-nobg {
	overflow: hidden;
	padding: 15px;
	margin: 0px 0 0px 0;
}

h1 {
		padding: 7px 0 15px 0;
	margin: 0;
}

.divider h2 {
	padding: 0;
	margin: 30px 0 0 0;
	color: #2632ff;
}

p {
		padding: 3px 0 7px 0;
	margin: 0;
}

body {
font-size: 12px;
line-height: 170%;
color: #333;
}


.portfolio-div {
background: white;
padding: 20px;
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
margin: 10px 0 10px 0;
overflow: hidden;
}

.portfolio-div h2 {
padding-top: 0;
margin: 0 0 3px 0;
}

.portfolio-div img {
float: right;
border: none;
margin-left: 20px;
}