body
{
	background-color:#000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#CCC;
	margin:0px;
	text-align:center;
	min-width: 600px;
}

.heading-image
{
 margin-bottom:10px;
}


p
{
 line-height:150%;
 margin-bottom:-5px;
 font-size:14px;
 text-align:justify;
}

a
{
	color:#F58F02;
	color: #f70;
}

.page-link
{
 text-decoration:none;
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size:18px;
 padding-left:20px;
 padding-right:20px;
 color:#fdce38;
}

.page-link:hover
{
 color:#fff;
}

h1 /* small heading, but required for SEO */
{
	font-size:9px;
	color:#111111;
	margin-top:0px;
	margin-bottom:-15px;
	text-align: center;
}

/* rollover image*/
.ro
{
	border:0px;
	cursor:"pointer";
}

.main-links-tbl td
{
	padding-right:15px;
}

.gallery-list-title
{
	margin-top:5px;
	margin-bottom:2px;
	font-size:12px;
	color:#F58F02;
	font-weight:bold;
}

.gallery-list-short-intro
{
	font-size:10px;
}

div#page {
	background-color: #000;
	border-color: #222;
	width:1024;
	margin:0 auto;
	text-align:left;
	/*margin-top:40px;  Added because header links are positioned absolutely */
}
div#footer {
	color: #888;
}
div.caption-container {
	color: #eee;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	color: #888;
}
div.navigation a.prev {
	background-image: url(../images/prevPageArrowWhite.gif);
}
div.navigation a.next {
	background-image: url(../images/nextPageArrowWhite.gif);
}
div.loader {
	background-image: url(../images/loader.gif);
}
div.slideshow img {
	border-color: #333;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
div.pagination a:hover {
	background-color: #111;
}
div.pagination span.current {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}



/* Styles for contact form */
.contact-form
{
 width:268px; /* required for IE7 */
 text-align:left;
 font-size:12px;
 padding-top:0px;
}

.contact-form .contact-row
{
 margin-top:2px;
 padding:1px;
}

.contact-form .contact-row-error
{
 margin-top:2px;
 background-color:#FF9595;
 border:1px solid #FF1919;
}

.contact-form .contact-row-error input, select, textarea
{
	margin:1px;
}

.contact-form .contact-label
{
 width:100px;
 font-weight:bold;
 float:left;
 text-align:left;
 color:#454446;
}

.contact-form .contact-field
{
 text-align:left;
}

.contact-form input, select, textarea
{
 font-size:11px;
 font-family:verdana;
 background-color:#E9E5E5;
 border:1px solid #000;
 position:relative; /*to ensure parent div opacity is cancelled*/
}

/* text field width */
.contact-form input
{
	width:160px;
}

.contact-form .content
{
 margin-bottom:5px;
 margin-left:5px;
}

.error-info, .success-info
{
 font-weight:bold;
 margin-bottom:4px;
 margin-top:4px;
}

.error-info
{
  color:red;
	margin-bottom:10px;
}

.success-info
{
  color:#C2FFAD;
	margin-bottom:10px;
}

.contact-form .checkboxContainer
{
 font-size:9px;
 margin-top:5px;
 width:300px;
}

.contact-form .checkboxContainer .checkbox
{
 margin:0px;
 width:15px;
 height:15px;
 overflow:hidden;
 background-color:#000;
 
}

/* Fancy buttons*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
margin:2px;
cursor:pointer;
color:#3A3A3A;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #040120;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-top:5px;
}