/* 
Website:	Julianne Britton
URL:		http://www.juliannebritton.co.uk
Version:	1 (January, 2010)
Author:		Tom Cash
URL:		http://www.tomcash.co.uk

HTML Attributes */
body { background: URL(layout/background.gif) top center no-repeat #F6C; margin: 180px 0 0 0; }
h1 { font-family: arial, verdana, sans-serif; font-size: 12pt; margin: 0 0 4px 0; padding: 0; color: #C39; }
h2 { font-family: arial, verdana, sans-serif; font-size: 11pt; margin: 0 0 4px 0; padding: 0; color: #C39; }
p{ font-family: arial, verdana, sans-serif; font-size: 10pt; color: #333; text-align: justify; line-height: 150%; margin: 0 0 10px 0; padding: 0; }
a:link, a:visited, a:active { text-decoration: none; color: #C39; outline: none; }
a:hover { text-decoration: none; color: #333; }
form { padding: 0; margin: 0 0 0 17px; font-family: arial, verdana, sans-serif; font-size: 10pt; color: #333;line-height: 150%; }
img { margin: 0; padding: 0; border: 0; }

/* Layout Attributes */
div#container { width: 1000px; margin: auto; }
	div#left{ width: 288px; padding: 10px 0 0 0; text-align: center; height: 278px; border: 0; float: left; margin: 55px 28px 0 0; }
	div#middle{ width: 354px; height: 354px; padding: 7px; border: 0; float: left; margin: 0 22px 0 0; }
	div#right{ width: 290px; height: 288px; border: 0; float: left; margin: 55px 0 0 0; }
		img#nav-aj{ padding: 0; border: 0; margin: 9px 0 0 14px; }
		img#nav-il{ padding: 0; border: 0; margin: 0 0 0 165px; }
		img#nav-fr{ padding: 0; border: 0; margin: 5px 0 0 65px; }
		img#nav-bl{ padding: 0; border: 0; margin: 0 0 0 200px; }
		img#nav-co{ padding: 0; border: 0; margin: 10px 0 0 30px; }
		img#nav-cu{ padding: 0; border: 0; margin: 30px 0px 0 140px; }
	div#copyright{ width: 400px; clear: both; padding: 16px 0 0 0; margin: auto; text-align: center; font-family: arial, verdana, sans-serif; font-size: 10pt; color: #000; line-height: 150%; }
		a#copyright:link, a#copyright:visited, a#copyright:active, a#copyright:hover { text-decoration: none; color: #000; }

/* Illustrations Page*/
div#artwork-container{ text-align: center; margin: auto; height: 264px; padding: 0 0 0 10px; width: 340px; }
	img.thumb1{ width: 62px; height: 62px; padding: 4px; background: URL(layout/thbg1.gif) #DCDCDC; margin: 0 10px 10px 0; border: 0; }
	img.thumb2{ width: 62px; height: 62px; padding: 4px; background: URL(layout/thbg2.gif) #DCDCDC; margin: 0 10px 10px 0;  border: 0; }
	img.thumb3{ width: 62px; height: 62px; padding: 4px; background: URL(layout/thbg3.gif) #DCDCDC; margin: 0 10px 10px 0;  border: 0; }
	img.thumb4{ width: 62px; height: 62px; padding: 4px; background: URL(layout/thbg4.gif) #DCDCDC; margin: 0 10px 10px 0;  border: 0; }
div#pagination-container{ text-align: center; margin: auto; width: 100%; height: 20px; font-family: arial, verdana, sans-serif; font-size: 10pt; color: #000; }

/* Contact Page */
div.center{ text-align: center; margin: auto; width: 100%; }
div#call-back{ width: 400px; padding: 10px 0 0 25px; height: 71px; margin: auto; }
#call-back-textarea{ font-family: 'courier new', verdana, arial, sans-serif; font-size: 15pt; border: 0; color: #333; width: 205px; padding: 7px 10px 0 8px; height: 43px; background: URL(layout/call-back-bg.gif) no-repeat #DCDCDC; float: left; }
#call-back-button{ border: 0; width: 50px; height: 44px; background: URL(layout/call-back-go.gif) no-repeat #DCDCDC; margin: 4px 0 0 4px; float: left; }

/* Curiousity Page */
div#curious{ text-align: center; margin: auto; width: 340px; height: 340px; margin: 13px 0 0 0; }

/* Other Image Attributes */
img#title{ padding: 9px 0 2px 0}
img#about-me{ float: right; padding: 4px 2px 0 5px; }