* { margin: 0; padding: 0; }
html, body, #main { height: 100% }
body, div { font-family: trebuchet MS, arial, sans-serif }
body { margin: 0; padding: 0; font-size: 12pt; color: #666; background:#CCC; font-weight:normal;}

a {
	outline:none;
	}

h1 {
	font-size:.9em;
	font-weight:bold;
	margin:3px 5px 0;
	color:#491818;
	border-bottom:1px dotted #99CCCC;
	width:284px;
}

h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#491818;
	border-bottom:1px dotted #FF0033;
	margin:0 5px 5px;
	padding:10px 0 0;
}

h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:25px 25px 25px;
	color:#351B00;
	}
	
h4 {
	font-size:1.1em;
	font-weight:bold;
	margin:2px 0 -3px;
	color:#491818;
	background:none;
	}
	
h5 {
	font-size:1.0em;
	font-weight:bold;
	margin:-6px 2px 1px;
	color:#491818;
	border-bottom:1px dotted #99CCCC;
}

h6 {
	font-size:1.0em;
	font-weight:bold;
	color:#FFF;
	margin:6px 6px 0;
	width:191px;
	height:23px;
	background:#99CCCC;
	text-align:center;
	border:1px solid white;
	}
	
em {
	color:#FF0033;
	font-size:1.1em;
	font-style:normal;
	}
	
.designpartner {
	color:#999;
	font-size:10px;
	line-height:12px;
	margin:4px 4px 0;
	}

p {
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 10.5px;
	margin:0 2px 0;
	padding: 2px;
	line-height:13.5px;
	text-align:justify;
}

li { 
	width:295px;
	font-weight: normal;
	list-style-type: none;
	background:#F6F6F6;
	border:1px solid #CCC;
	margin:2px 2px 0; 	
}

#list3 {
	width:600px;
	background: #F2E6D9;
	margin:0 auto;
	border:1px solid #491818;
 }
 
#list3 div.selected .title { 
	color: #99CCCC;
	background-color: #491818;
}

#list3 div {
	
}

#list3 div.title {
	cursor:pointer;
	display:block;
	padding:0px 0 0px;
	text-decoration: none;
	font-weight: normal;
	font-size: 20px;
	color: #FFF;
	background:#491818;
	border-top:1px solid #555;
	text-align:center;
	font-family: trebuchet MS, arial;
	font-weight:bold;
	}

#list3 div.title:hover {
	background-color: #6C2424;
	color:#FFF;
}



#copyl {
	position:relative;
	height:245px;
	float:left;
	font-weight: normal;
	margin:-118px 0px 0;
	background: #F2E6D9;
	z-index:10;
	}
	
#copyr {
	position:relative;
	height:275px;
	float:left;
	margin:3px -2px -28px;
	background: #F2E6D9;
	z-index:10;
	}
	
#contact {
	position:relative;
	margin:-48px 390px 48px;
	height:0;
	width:200px;
	text-align:right;
	font-weight:bold;
	line-height:12pt;
	}
	
#contact a {
	color:#99CCCC;
	border:none;
	text-align:left;
	font-size:10pt;
	text-decoration:none;
	}
	
#contact a:hover {
	color:#FFF;
	}
	
#clientsl {
	width:290px;
	height:420px;
	margin:5px;
	padding:0;
	float:left;
	background:#F6F6F6;
	border:1px solid #CCC;
	}
	
#clientsl p {
	line-height:14pt;
	margin:0 4px 0;
	font-size:10pt;
	}
	
#clientsr p {
	line-height:14pt;
	margin:0 5px 0;
	font-size:10pt;
	}
	
#clientsr {
	width:291px;
	height:420px;
	margin:5px 0px;
	padding:0;
	float:left;
	background:#F6F6F6;
	border:1px solid #CCC;
	}
	
#bkgnd {
	background:#F2E6D9;
	width:600px;
	height:431px;
	}
	
#pencil {
	margin: 20px -190px 0;
	background:none;
	}
	
#topimg {}
#botimg {}

.projimg {
	background:#FFF;
	padding:5px 5px 5px;
	margin:5px;
	border:1px solid #CCC;
	width:182px;
	}
	
#proj1 {
	position:relative;
	width:200px;
	height:735px;
	float:left;
	background:#F2E6D9;
	margin:0;
	border:none;
	}
	
#proj1 p{
	text-align:left;
	}
	
#proj2 {
	position:relative;
	width:199px;
	height:735px;
	float:left;
	background:#F2E6D9;
	margin:0 -1px 0;
	border:none;
	}
	
#proj2 p{
	text-align:left;
	}
	
#proj3 {
	position:relative;
	width:201px;
	height:735px;
	float:left;
	background:#F2E6D9;
	margin:0 1px 0;
	border:none;
	}
	
#proj3 p{
	text-align:left;
	}
	
.projdesc {
	width:194px;
	margin:4px 5px 0;
	border:none;
	}
	
.projdesc2 {
	width:194px;
	margin:4px 5px 0;
	border:none;
	color:#FF0033;
	text-align:center;
	}
	
#credit {
	width:140px;
	color:#000;
	margin:0 460px 4px;
	font-size:10px;
	line-height:10px;
	}
	
#credit a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	}
	
#credit a:hover {
	color:#FF0033;
	}