/* ---------------------------- SIMPLE DEFAULTS ---------------------------- */

fieldset,img { border: 0; }
	

/* -------------------------------------- GLOBAL LAYOUT -------------------------------- */

/* -------------------------------------- MAIN NAV -------------------------------- */

#main_nav {
    width:415px;
    height:28px;
    margin: 40px auto 0 auto;
    padding: 0;
    position:relative;
    background: url(../main_elements/main_nav_sprite.gif); }

#main_nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0; }

#main_nav li, #main_nav a {
    height: 28px;
    display: block; }
	
#home {
    left: 0;
    width: 74px; }
	
#galleries {
    left: 75px;
    width: 139px; }
	
#blog {
	left: 215px;
	width: 83px; }
	
#about {
	left: 299px; 
	width: 119px; }
	
#home a:hover {
	background: transparent url(../main_elements/main_nav_sprite.gif)
	 0 -28px no-repeat; }

#galleries a:hover {
    background:transparent url(../main_elements/main_nav_sprite.gif)
	-75px -28px no-repeat; }
	
#blog a:hover {
    background:transparent url(../main_elements/main_nav_sprite.gif)
	-215px -28px no-repeat; }
	
#about a:hover {
    background:transparent url(../main_elements/main_nav_sprite.gif)
	-299px -28px no-repeat; }
	
	

.link1 a:link, .link1 a:visited, .link1 a:active { color: #084003; text-decoration: underline; }
.link1 a:hover { color: #084003; text-decoration: none; }

.thumb_grid a img, .thumb_grid a { border: 1px solid #000; overflow: hidden; float:left; }
.thumb_grid a                    { margin: 5px; }
.thumb_grid a:hover              { outline: 5px solid black; }

body {
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #70776A; }

#wrapper {
	width: 638px;
	height: 683px;
	background: #E4EAE4 url(../other_elements/border_06.gif) no-repeat;
	/*text-align: left;*/
	margin: 20px auto 0; }

/* ALL */

/* remove all linked image borders */
a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none; }

#content {
	width: 638px;
	height: 683px;
	position: absolute; }
	
#main_content {
	width: 504px;
	height: 350px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: left; }

#mainmenu {
	height: 28px;
	width: 100%;
	margin-top: 40px; }

#main_title {
	margin-top: 30px; }

#bottom_buttons {
	position: absolute;
	top: 560px;
	width: 120px;
	margin-left: 370px; }

#footer {
	width: 638px;
	padding-top: 10px;
	position: absolute;
	bottom: 0px;
	background-color: #70776A;
	height: 35px; }

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0;
	margin: 0; }

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; }	


/* ------------------------------ INDEX -------------------------- */

#index #wrapper {
	background-image: url(../other_elements/border_05.gif); }

#logo {
	margin-top: 80px; }

/*#menu {
	margin-top: 50px; }*/

#gears {
	/*height: 47px;
	width: 60px;*/
	margin-top: 80px; }

/* ---------------------- INDEX NAV -----------------------*/	
	
#index_nav {
    width:493px;
    height:20px;
    margin: 50px auto 0 auto;
    padding: 0;
    position:relative;
    background: url(../main_elements/index_nav_sprite.gif); }

#index_nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0; }

#index_nav li, #index_nav a {
    height: 20px;
    display: block; }
	
#index_nav #galleries {
    left: 0;
    width: 195px; }
	
#index_nav #blog {
	left: 196px;
	width: 125px; }
	
#index_nav #about {
	left: 322px;
	width: 173px; }
	
#index_nav #galleries a:hover {
	background: transparent url(../main_elements/index_nav_sprite.gif)
	 0 -20px no-repeat; }
	 
#index_nav #blog a:hover {
	background: transparent url(../main_elements/index_nav_sprite.gif)
	 -196px -20px no-repeat; }
	 
#index_nav #about a:hover {
	background: transparent url(../main_elements/index_nav_sprite.gif)
	 -322px -20px no-repeat; }


/* --------------------------- GALLERY DIRECTORY --------------------------- */
	
#gallery_menu {
	margin: 50px auto 0 auto;
	position: relative;
	padding: 60px 16px 40px 16px;
	width: 212px;
	height: 240px;
	background: url(../other_elements/border_galleries_01.gif) no-repeat; }

#galleries_nav {
	height: 240px;
	width: 212px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	background: url(../main_elements/gallery_nav_sprite.gif) -212px 0 no-repeat; }
	
#galleries_nav li {
    margin: 0;
    padding: 0;
    list-style: none; }

#galleries_nav li, #galleries_nav a {
    width: 212px;
	height: 40px;
    display: block; }
	
#sketchbook a:hover {
	background: transparent url(../main_elements/gallery_nav_sprite.gif)
	0 0 no-repeat; }

#wet a:hover {
    background:transparent url(../main_elements/gallery_nav_sprite.gif)
	0 -40px no-repeat; }
	
#dry a:hover {
    background:transparent url(../main_elements/gallery_nav_sprite.gif)
	0 -80px no-repeat; }
	
#mixed a:hover {
    background:transparent url(../main_elements/gallery_nav_sprite.gif)
	0 -120px no-repeat; }
	
#digital a:hover {
    background:transparent url(../main_elements/gallery_nav_sprite.gif)
	0 -160px no-repeat; }
	
#archives a:hover {
    background:transparent url(../main_elements/gallery_nav_sprite.gif)
	0 -200px no-repeat; }


/* ------------------------------- THUMBNAIL PAGES ---------------------------- */

.category_title {
	padding: 20px 5px 0 0;
	/*margin-top: 20px;*/
	clear:left; }
	
/*.thumb_grid img {
	margin: 5px; }*/

/* ---------------------------------- ABOUT ME ------------------------------ */

#samheader {
	margin-top: 20px; }

#about_text {
	height: 250px;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify; }


/* ----------------------------------- CONTACT -------------------------------*/

textarea {
	resize: none; }

#contact_form {
	width: 500px;
	color : #000;
	font-size : 11px;
	line-height : 1.5em;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 30px;
	padding: 0px; }

#contact_form p {
	font-size : 11px;
	font-family : "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	background-color : transparent;
	margin-bottom : 10px; }

.alert {
	color: #084003; }

textarea {
	width: 400px; }

.whole {
	width: 400px; }


/* -------------------------------- THANK YOU ----------------------------- */

#text_alert {
	height: 150px;
	width: 400px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center; }