/* Page Setup / Navigation
***********************************/
#hd	{margin-top: 90px;}

#top-nav 					{width: 850px; height: 10px; list-style-type:none; position: relative; margin: 0 auto; padding: 0; background: url(../image/top_nav_bg.gif);}
#top-nav li 				{display: inline;}
#top-nav li a 				{display: block; text-indent: -900%; position: absolute;outline: none;}
#top-nav .nav-illustration	{width:111px; height: 10px;	background: url(../image/top_nav_illustration.gif) no-repeat; left: 15px;}
#top-nav .nav-design		{width:130px; height: 10px;	background: url(../image/top_nav_graphics.gif) no-repeat; left: 164px;}
#top-nav .nav-jewellery		{width:86px;  height: 10px;	background: url(../image/top_nav_jewellery.gif) no-repeat; left: 329px;}
#top-nav .nav-sketchbook	{width:103px; height: 10px;	background: url(../image/top_nav_sketchbook.gif) no-repeat; left: 452px;}
#top-nav .nav-about			{width:51px;  height: 10px;	background: url(../image/top_nav_about.gif) no-repeat; left: 591px;}
#top-nav .nav-contact		{width:71px;  height: 10px;	background: url(../image/top_nav_contact.gif) no-repeat; left:679px;}
#top-nav .nav-press			{width:45px;  height: 10px;	background: url(../image/top_nav_press.gif) no-repeat; left: 787px;}

#bd 	{width: 850px; margin: 0px auto; font-family: Georgia, 'Times New Roman', Times, serif; text-align: left; font-size: 1em; color: #84837e;}
#title 	{width: 100%; height: 50px; margin-top: 40px;}

#footer 	{width: 850px; margin: 20px auto;}
#footer p 	{text-align: left;}
#footer p a {color: #ad4e0e;}


/* Titles
***********************************/
h1 {margin: 5px 0px;}
#illustration 	{width: 204px; height: 40px; text-indent: -9999px; background: url(../image/illustration.png) center center no-repeat;}
#design 		{width: 229px; height: 40px; text-indent: -9999px; background: url(../image/graphics.png) center center no-repeat;}
#jewellery 		{width: 208px; height: 40px; text-indent: -9999px; background: url(../image/jewellery.png) center center no-repeat;}
#sketchbook 	{width: 193px; height: 40px; text-indent: -9999px; background: url(../image/sketchbook.png) center center no-repeat;}
#about 			{width: 106px; height: 40px; text-indent: -9999px; background: url(../image/about.png) center center no-repeat;}
#contact 		{width: 133px; height: 40px; text-indent: -9999px; background: url(../image/contact.png) center center no-repeat;}
#press 			{width: 97px;  height: 40px; text-indent: -9999px; background: url(../image/press.png) center center no-repeat;}


/* Other Styles
***********************************/
.clear {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}

#buttons {margin-top: -40px;}
label {display: block;}
.error {background-color: #b7846d; padding: 5px; margin: 5px; color: black; width: 200px;}



/* Gallery
***********************************/
div.content {/* The display of content is enabled by a javascript generated style on the page. This is so that the slideshow content won't display unless javascript is enabled. */ display: none; float:right; width:560px; }
div.content a, 
div.navigation a 		{text-decoration: none; color: #777;}
div.content  a:focus, 
div.content  a:hover, 
div.content  a:active 	{text-decoration: underline;}

div.controls 	{margin-top: 5px; height: 23px;}
div.controls a 	{padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls{float: right;}

div.loader 		{background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 560px; height: 350px; }
div.slideshow 	{clear: both;}
div.slideshow span.image-wrapper {float: left; padding-bottom: 12px;}
div.slideshow a.advance-link {padding: 2px; display: block;}
div.slideshow img { border: none; display: block;}
div.download {float: right;}

div.embox {clear: both; text-align: right;}
div.image-title {font-weight: bold; color: #4e4e4c;}
div.image-desc {color: #767675;}
div.navigation {/* The navigation style is set by a javascript generated style on the page. This is so that the javascript specific styles won't be applied unless javascript is enabled. */}
ul.noscript li {width: 150px;}

ul.thumbs { clear: both; margin: 0; padding: 0;}
ul.thumbs li {float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none;}
a.thumb {padding: 1px; display: block; border: 1px solid #ccc;}
ul.thumbs li.selected a.thumb {background: #ab5419;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none; display: block;}

div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px; height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
div.pagination a, div.pagination span.current {display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px;}
div.pagination a:hover {background-color: #eee; text-decoration: none;}
div.pagination span.current {font-weight: bold; background-color: #ccc; border-color: #ccc; color: #4e4e4c;}

#bd {position: relative;}
#oneofakind a 		{text-indent: -9999px; display: block; position: absolute; top:70px; left: 230px; width: 175px; height: 175px; background: url(../image/oneofakind-brown.png) top center no-repeat;}