html{height:100%;}
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, serif;
	font-size: 0.7em;
	text-align: center;
	line-height: 1.5em;
	color: #000;
background-color:#F9F9F9;
height:100%;
	}

p, h1, h2, h3, a, ul, li{
font-family:Georgia, Times, "Times New Roman", serif;
text-align:left;
}

img {
float:left;
border:0px;
}

h2{
float:left;
margin:0;
margin-bottom:5px;
padding:0;
text-transform:lowercase;
font-size: 1.5em;
font-weight:normal;
letter-spacing:0em;
color:#dc0058;
}

h3{
text-align:left;
margin:0;
margin-top:5px;
padding:0;
font-size: 1.1em;
font-weight:bold;
color:#000;
text-transform:uppercase;
}

p{
margin:0px;
line-height:1.5em;
margin-bottom: 10px;
color:#555;
}

#container {
margin:auto;
padding:0;
padding-top:30px;
width: 760px;
position: relative;
min-height:86%;
}

html>body #container{
width:750px;
}

#header {
float:left;
width:750px;
padding:0;
margin:5px 0px;
}

/* front page */
#recentwork{
float:left;
width: 490px;
margin-right:15px;
margin-bottom:15px;
}

.frontview{
float:right;
margin-bottom:20px;
}

.right{
float:right;
}

.left{
float:left;
}

.frontbysection{
float:left;
border-top: 1px dashed #ccc;
width: 750px;
margin-bottom:35px;
}

.frontlatest{
border-top: 1px dotted #ccc;
float:left;
width: 490px;
margin:0px;
padding:0px;
padding-bottom:30px;
}

.frontlatest img{
margin-bottom:15px;
border: 1px solid #e9e9e9;
}

.site_nav {
float:left;
width: 230px;
border-top: 1px dotted #ccc;
padding:0;
padding-bottom:10px;
margin:0;
}

.site_nav li{
padding:0;
margin:15px 0px;
list-style-type:none;
}

a {
text-decoration:none;
color:#000;
}

a:hover{
text-decoration: underline;
}

#information {
float:left;
width: 230px;
border-top: 1px dotted #ccc;
margin:0;
padding:15px 0px;
}

#notes {
float:left;
width: 230px;
border-top: 1px dotted #ccc;
margin:0;
padding:15px 0px;
}

.sidebar {
float:left;
width: 230px;
border-top: 1px dotted #ccc;
margin:0;
padding:5px 0px 10px 0px;
}

/* section front page */
#sectionfront{
float:left;
border-bottom: 1px bottom #ccc;
width: 750px;
}

/* individual page */
#pageleft{
float:left;
width: 490px;
margin-right:15px;
padding-bottom:30px;
}

#pageleft img{
margin-bottom:15px;
border: 1px solid #e9e9e9;
}

#work{
border-top: 1px dotted #ccc;
float:left;
width: 490px;
margin:0px;
padding:0px;
padding-bottom:20px;
}


.info{
border-top: 1px dotted #ccc;
float:left;
width: 490px;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:10px;
}

#item_nav {
float:left;
width: 490px;
border-top: 1px dotted #ccc;
}

#pageright{
float:left;
width: 230px;
margin-left:15px;
padding:0px;
}

.thumbnails_list{
float:left;
padding:0px;
padding-top:20px;
padding-bottom:25px;
margin:0;
width:230px;
display: inline;
list-style-type:none;
border-top: 1px dotted #ccc;
}

.thumbnails_list li {
float:left;
padding:0px;
width:50px;
height:50px;
margin-left:4px;
margin-bottom:4px;
}

html>body .thumbnails_list li {
margin-left:6px;
margin-bottom:6px;
}

.thumbnails_list li a img{
border: 1px solid #eee;
}

.thumbnails_list li a:visited img {
border: 1px solid #cbcbcb;
}

.thumbnails_list li a:hover img {
border: 1px solid #cb4c61;
}

#footer{
float:left;
width: 100%;
background-color:#F3F3F3;
color:#999;
margin:0px;
padding:0px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}