﻿*
{
	border: 0;
	margin: 0;
	padding: 0;
}
body
{
    background-color: Black;
    color: #eeeeee;
    font-family: arial, Verdana, Sans-Serif;
    font-size: 9pt;
    padding: 10px;
}
a { color: #105cb6; text-decoration: none; outline: none; }
a:link { color: #105cb6; text-decoration: none; outline: none; }
a:visited { color: #105cb6; text-decoration: none; outline: none; }
a:active { color: #105cb6; text-decoration: none; outline: none; }
a:hover { color: #105cb6; text-decoration: underline; }
hr
{
	border: 0;
	height: 1px;
    background-color: #333;
    margin: 5px 0px 5px 0px;
}
ul
{
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 8px;
}
h1,h2,h3,h4,h5,h6
{

}
h2
{
	color: #95c58b;
	font-size: 3em;
	font-family: Mistral;
	font-weight: normal;
	padding-top: 8px;
	margin: 0;
	line-height: 35px;
}
h4
{
	color: #aaa;
	font-size: 10pt;
}
img
{
    border: 0;
}
#navLogo
{
    float:left;
    padding: 5px 15px 5px 15px;
}
.dtext
{
	padding: 5px;
	padding-top: 10px;
    font-weight: bold;
    line-height: 2;    
}
.dtextHover
{
	background-color: rgba(54, 99, 54, 0.2);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;	
}
#navImages
{
display:none;float:left;height:108px;
padding-top:3px;
padding-right: 10px;
}
.mainContainer
{
    margin-top: 30px;
    margin-left: 150px;
}
.mainCentered
{
  margin-left: auto;
  margin-right: auto;    
}
.copyright
{
    width: 700px;
    font-size: 7.5pt;
    color: #999;
    font-weight:normal;
   margin-left: auto;
  margin-right: auto;    
    margin-top: 65px;
    margin-bottom: 30px;    
}
.navRounded
{    
    white-space:nowrap;
    background-color:#242424;
    border: solid 1px #555555;
    background-image: url('../images/navBack.png');
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.dtext p
{
	padding: 6px 3px 6px 3px;
	margin: 0;
	/*text-indent: 20px;*/
}

/*.dtext p:first-letter
{
    padding-top: 6px;
    padding-right: 4px;
    font-size: 25px;
    color: #aaa;
    font-family: Copperplate;
    float: left;
}*/

span.quote
{
	font-style: italic;
	color: #afa;
}



/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */


/* Overlay */
#confirmModalOverlay {background-color:#000; cursor:wait;}

/* Container */
#confirmModalContainer {height:140px; width:420px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#eeeeee; border:2px solid #ffffff;}
#confirmModalContainer .header {height:30px; width:100%; background:url(../images/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#eee; font-weight:bold; text-align:center; background:url(../images/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; height: 320px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd;  overflow:hidden;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {background:url(../images/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-error {width:92%; font-size:.8em; font-size:0.8em; background-color:#222; border: solid 1px #444; font-weight:bold; margin: 0px auto 10px auto; padding: 3px;}
#contact-container br {clear:both;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../images/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../images/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../images/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../images/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

div.galleryContainer
{
    background-color: #111111;
    /*border: solid 1px #999999;*/
    padding:20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
}

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;
    margin-left: auto;
    margin-right: auto;	
}
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('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow {
	clear: both;	
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;		
}
div.slideshow span.image-wrapper {
	padding-bottom: 0px;		
}
div.slideshow span.image-wrapper img
{
	margin: auto;
	padding: 2px;
	border: 1px solid #888;
}

div.slideshow a.advance-link 
{
	background-color: #111;
	padding: 2px;
	display: block;	
	margin-bottom: 10px;
	width: 650px;
	min-height: 400px;
}
div.slideshow img 
{	
	display: block;
	border: none;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #888;
	background-color: #333;
	padding: 12px;
	margin: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    	
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
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.thumbs {
	clear: both;
	margin: 0;
	padding-left: 1px;
	padding-right: 1px;
	/*padding: 0;*/
}
ul.thumbs li {
	float: left;
	padding-right: 0px;
	margin: 0px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination 
{
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
}
div.navigation div.bottom 
{
	margin-top: 50px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	margin-top: 10px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #888;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
