/***

Stylesheet: Global CSS for Turkey's Done Gallery
Version: 1.0
Last Edited: 11/10/09

(c) 2009

Color Glossary

	# Tan (background): #ECDECC
	# Dark Brown (graphic text): #251500

ToC

	1 - Global Styles – (body, paragraphs, lists, etc)
    2 - Page Structure
    3 - Buttons
	

***/

/* --------------------------------------------*/
/* -----------/ RESET /------------------------*/
/* --------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


/* --------------------------------------------*/
/* -----------/ 1 - Global Styles /------------*/
/* --------------------------------------------*/

* { list-style:none; margin:0px; padding:0px; }

body { color: #251500; font: 62.5% Arial, Verdana, sans-serif; background: #ECDECC url(../../images/bg_photos.jpg) no-repeat top center;  }

img { border: 0px; } img.link { cursor:pointer; }


/* --------------------------------------------*/
/* -----------/ 2 - Page Structure /-----------*/
/* --------------------------------------------*/

#wrapper { text-align:center; }

#contentwrapper { margin: 0 auto; text-align: left; width: 800px; position: relative;  }

#nav { position: absolute; top: 470px; width: 960px; height: 130px; }

#photos { position: absolute; top: 619px; left: 16px; width: 940px; }

#panel table { padding-top: 10px; }

.nav_photos { color: #99aa22; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 0 10px 0; text-align: center; font-weight: bold; }

.nav_photos a:link, .nav_photos a:visited { color: #99aa22; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold; }

.nav_photos a:hover, .nav_photos a:active { color: #ddee44; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold; }

.name { color: #FFFFFF; font-weight: bold; padding-right: 8px; }


/* --------------------------------------------*/
/* -----------/ 3 - Buttons /------------------*/
/* --------------------------------------------*/

.btn_top_photos { width: 800px; height: 75px; }
	
	.btn_top_photos ul { height: 75px; }
	
	.btn_top_photos li { float: left; height: 75px; }

	.btn_top_photos a.button { display: block; width: 800px; background:url("../../images/btn_800w.png") no-repeat; }
	
	.btn_top_photos a.button:hover { background-position:0 -75px; }

.btn_btm_photos { width: 800px; height: 75px; }
	
	.btn_btm_photos ul { height: 75px; }
	
	.btn_btm_photos li { float: left; height: 75px; }

	.btn_btm_photos a.button { display: block; width: 800px; background:url("../../images/btn_800w_bottom.png") no-repeat; }
	
	.btn_btm_photos a.button:hover { background-position:0 -75px; }