body {
	margin: 0;
	padding: 0;
	color:#999999;
	background:url(assets/hdb_bgrpt_body.jpg);
	font-size: small;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

a:link, a:visited {
	color: #C29055;
	text-decoration: underline;
}

a:hover, a:active {
	color: #C29055;
	text-decoration: none;
}

#contentabout img.alignleft {
	margin: 0px 10px 10px 0px;
}

#contentabout img.alignright {
	margin: 0px 0px 10px 10px;
}


/* WRAPPER
------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	background:url(assets/hdb_bgrpt_wrapper.jpg) repeat-x top left;
}


/* PAGE
------------------------------------------------------------------------*/
#page {
	width: 610px;
	margin: 0px auto;
	padding: 0px 30px 30px 30px;
	background: url(assets/hdb_pagetop.jpg) no-repeat top left #ffffff;
}


/* HAZELL DESIGNS BOOKS NAV
------------------------------------------------------------------------*/
#hazelldesignsbooksnav {
	width: 610px;
	height: 41px;
	margin: 0px 0px 30px 0px;
}

#hazelldesignsbooksnav span {display: none;}

#hazelldesignsbooksnavlist {
	width: 610px;
	height: 41px;
	background: url(assets/nav_hazelldesignsbooks.gif) no-repeat;
	margin: 0px;
	padding:0px;
	position:relative;
}

#hazelldesignsbooksnavlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;	
}

#hazelldesignsbooksnavlist a {
	display: block;
}

#about 		{left:0px; top:0px; width:44px; height:41px;}
#portfolio 	{left:69px; top:0px; width:66px; height:41px;}
#commissions	{left:160px; top:0px; width:98px; height:41px;}
#workshops	{left:284px; top:0px; width:82px; height:41px;}
#residencies	{left:392px; top:0px; width:88px; height:41px;}
#links		{left:506px; top:0px; width:36px; height:41px;}

#about a, #portfolio a, #commissions a, #workshops a, #residencies a, #links a	{height:41px;}

#about a:hover, #about .active			{background:url(assets/nav_hazelldesignsbooks.gif) -0px -41px no-repeat; width:44px; height:41px;}
#portfolio a:hover, #portfolio .active		{background:url(assets/nav_hazelldesignsbooks.gif) -69px -41px no-repeat; width:66px; height:41px;}
#commissions a:hover, #commissions .active	{background:url(assets/nav_hazelldesignsbooks.gif) -160px -41px no-repeat; width:98px; height:41px;}
#workshops a:hover, #workshops .active		{background:url(assets/nav_hazelldesignsbooks.gif) -284px -41px no-repeat; width:82px; height:41px;}
#residencies a:hover, #residencies .active	{background:url(assets/nav_hazelldesignsbooks.gif) -392px -41px no-repeat; width:88px; height:41px;}
#links a:hover, #links .active			{background:url(assets/nav_hazelldesignsbooks.gif) -506px -41px no-repeat; width:36px; height:41px;}


/* TEXT WITHIN CONTENT
------------------------------------------------------------------------*/
#contentabout, #contentantarctica, #contentgallery, #contentlinks {
	text-align: left;
}


/* HAZELL DESIGNS BOOKS ABOUT PAGE
------------------------------------------------------------------------*/
#contentabout img.alignleft, {
	margin: 0px 10px 10px 0px;
}

#contentabout img.alignright, {
	margin: 0px 0px 10px 10px;
}


/* HAZELL DESIGNS BOOKS PORTFOLIO PAGE
------------------------------------------------------------------------*/


/* HAZELL DESIGNS BOOKS COMMISSIONS
------------------------------------------------------------------------*/
.commissionsboxes {
	margin: 20px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	background: url(assets/dottedline_610.gif) no-repeat top left;
}

.commissionsboxes .left {
	width: 180px;
}
.commissionsboxes .right {
	width: 430px;
}


/* HAZELL DESIGNS BOOKS LINKS PAGE
------------------------------------------------------------------------*/
.linkboxes {
	margin: 20px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	background: url(assets/dottedline_610.gif) no-repeat top left;
}


/* LINKS THAT I DON'T WANT UNDERLINED
------------------------------------------------------------------------*/
#contentabout .hdb, #contentportfolio .hdb, #contentcommissions .hdb, #contentworkshops .hdb, #contentresidencies .hdb, #contentlinks .hdb {
	color: #C29055;
	text-decoration: none;
}

#contentabout .hdb:hover, #contentportfolio .hdb:hover, #contentcommissions .hdb:hover, #contentworkshops .hdb:hover, #contentresidencies .hdb:hover, #contentlinks .hdb:hover{
	color: #C29055;
	text-decoration: underline;
}

#contenthdbabout .left{
	width: 430px;
	text-align: left;
}

#contenthdbabout .right {
	width: 160px;
}

/* PORTFOLIO LAYOUT & STYLES
------------------------------------------------------------------------*/
#portfoliopics {
	width: 610px;
}

.thumb01, .thumb02, .thumb03 {
	float:left;
	text-align:left;
	width:155px;
	margin:0px 0px 10px 0px;
}
.thumb04 {
	float:left;
	text-align:left;
	width:145px;
	margin:0px 0px 10px 0px; 
}


/* FOOTER
------------------------------------------------------------------------*/
#footer {
	margin: 0 auto;
	padding: 50px 0px 100px 0px;
	width: 758px;
	background: url(assets/bgrpt_dropshadows.png) repeat-y top left;
	text-align: left;
	color: #666666;
}

#footerlistcontainer {
	background: #FFFFFF;
	width: 630px;
	margin-left: 63px;
	padding: 10px 0px 1px 0px;
}

.footerlist {
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	font-size: 85%;
}

.footerlist li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer p {
	padding: 10px 0px 5px 10px;
	font-size: 85%;
}

#footer .hm {
	color: #666666;
	text-decoration: none;
}

#footer .hm:hover{
	color: #666666;
	text-decoration: underline;
}