html, body {
padding: 0px;
margin: 0px auto 0px auto;
text-align: center;
height: 100%;
width: 100%;
vertical-align: text-bottom;
font-family: Georgia, serif;
color: #5c5c5c;
font-size: 12px;
line-height: 16px;
}

#wrapper {
width: 960px;
text-align: left;
margin: auto;
padding: 24px 0px 0px 0px

}


#logobar {


width: 795px;
font-family: Georgia, serif;
color: #636363;
font-size: 13px;
font-style: italic;
}

.projecttitle {
margin-top: 20px;
margin-right: 20px;
line-height: 10px;
float: left;
}

.projectdesc {
width: 500px;
margin-top: 22px;
float: left;
}

#contact {
font-family: Georgia, serif;
color: #636363;
text-align: right;
line-height: 13px;
font-size: 11px;
margin-top: 10px;
}



img {
border-width: 0px;
vertical-align: text-bottom;
}

#content {
margin-top: 80px;
margin-bottom: 15px;
}

#portfolio {
width: 823px;
padding: 0px 22px 0px 8px;
margin-top: 20px;

}





.floatleft {
float: left;
}


.floatright {
float: right;

}


.group {
margin-bottom: 0px;
}
a.orangelink:link, a.orangelink:active, a.orangelink:visited, a.orangelink:hover {
color: #d3703e;
font-size: 12px;
font-style: none;
}

a:link, a:active, a:visited, a:hover {
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
font-weight: 400;
}

#imgholder {
float: left;
width: 764px;
height: 468px;
margin: 0px;
padding: 0px;
}

#menu {
padding: 6px 18px 0px 24px;
width: 176px;
line-height: 12px;

}

#sidebar {
float: right;
margin: 0px;
width: 196px;
height: 468px;
background-image: url("files/sidebar.jpg");
}


h4 {
font-family: Georgia, serif;
color: #9d9d9d;
font-size: 10px;
font-style: italic;
margin: 0px;
padding: 0px 0px 8px 0px;
}

.box {
padding-bottom: 2px;
}


	.slider {
	
	margin:0px;
	}
	
	.slider a {
	width: 8px;
	height: 8px;
	margin: 2px;
	background-image: url("files/image_unselected.jpg");
	display: block;
	float: left;
	}
	
	.slider a:hover, .slider a.activeSlide {
	background-image: url("files/image_selected.jpg");
	}

.pics {
width: 768px;
border-width: 0px;
margin: 0px;
float: left;
padding: 0px;
cursor: pointer;
height: 468px;

}



.projectinfo {
margin-top: 20px;


}

h2 {
padding: 0px;
margin: 0px 0px 2px 0px;
font-style: italic;
font-weight: 100;
font-size: 11px;
color: #a9572e;
}

#group_intro {
display: inline;
}

#group_resume, #resumedivider, #resumepic, #resumeinfo {
display: none;
}

#grou_sfn, #sfndesc, #sfnpic, #sfninfo {
display: none;

}
#group_askingwhy, #askingwhydesc, #askingwhypic, #askingwhyinfo {
display: none;
}

#group_onepercent, #onepercentdesc, #onepercentpic, #onepercentinfo {
display: none;
}

#group_mos, #mosdesc, #mospic, #mosinfo {
display: none;
}

#group_glyph, #glyphdesc, #glyphpic, #glyphinfo {
display: none;
}

#group_takeanotherlook, #takeanotherlookdesc, #takeanotherlookpic, #takeanotherlookinfo {
display: none;
}

#group_acalendars, #acalendarsdesc, #acalendarspic, #acalendarsinfo {
display: none;
}

#group_marks, #marksdesc, #markspic, #marksinfo {
display: none;
}

#group_illustration, #illustrationdesc, #illustrationpic, #illustrationinfo {
display: none;
}

#group_tampaxpearl, #tampaxpearldesc, #tampaxpearlpic, #tampaxpearlinfo {
display: none;
}

#group_stateoffaith, #stateoffaithdesc, #stateoffaithpic, #stateoffaithinfo {
display: none;
}

#group_pose, #posedesc, #posepic, #poseinfo {
display: none;
}

#group_editorialdesign, #editorialdesigndesc, #editorialdesignpic, #editorialdesigninfo {
display: none;
}