/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #999999;
	color: #FFFFFF;
}
#wrapper {
	margin: 0 auto;
	width: 922px;
	border: 1px solid #ccc;
	background-color: #000;
	margin-top: 10px;
}
#header {
 width: 900px;
 color: #ccc;
 padding: 10px;
 height: 550px;
 margin: 10px 0px 0px 0px;
 background: #000;
}

#galleryheader {
 width: 900px;
 color: #ccc;
 padding: 10px;
 height: 700px;
 margin: 10px 0px 0px 0px;
 background: #000;
}

#logo{
	width: 360px;
	color: #333;
	padding: 10px;
	height: 350px;
	margin: 10px 0px 0px 0px;
	background: #000;
	float: left; 
}

#textarea { 
 width: 900px;
 color: #ccc;
 background: #000;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height: 150px;
}
#footer { 
 width: 900px;
 color: #005daa;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#navcontainer
{
background: #369;
border-top: 1px solid #9CC;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: center
}
}

#navlist li
{
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #900;
border: 1px solid #FFF;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover
{
background: #C00;
bottom: 1px;
color: #FFF;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #999;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#navlist li#active
{
background: #369;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{
background: #000;
margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}


#credit {
	color: #ccc;
	background: #999;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	font-size: 9px;
}

#credit a, #credit a:link, #credit a:visited {
	color: #CCCCCC;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

table td { 
	padding: 5px; 
	border-width: 0; 
	vertical-align: top; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;

}



.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	
	
	.picborder{
	padding: 3px 3px 8px 3px;
	background-color: #fff;
	border: 1px solid #2a2a2a;
	float: inherit;
	margin-right: 10px;
	margin-bottom: 10px;
	}	
a {
	color: #999999;
	font-style: normal;
	line-height: normal;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005daa;
	margin-bottom: 3px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f05133;
	margin-bottom: 3px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #ccc;
	padding: 2px;
}
.contact {
	color: #0066FF;
}