/*-------------------------------------------------------
	COLORS
-------------------------------------------------------*/

/*
Dark Blue:		284a91
Medium Blue:	007895
Light Blue:		00afc3

Darker Green:	92d729
Lighter Green:	abd669

Orange:			ffad21
Yellow(er):		ffd65e
*/

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

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, /*input, textarea,*/ th, td   
{   
margin: 0; padding: 0; border: 0; outline: none;   
} 

/*-------------------------------------------------------
	STRUCTURAL
-------------------------------------------------------*/

body {
	color: #333;
	text-align: center;
	font-family: Verdana;
	font-size: 10pt;
	background: #fafcbf;
	line-height: 15pt;
}

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/layout/container-bg.jpg) repeat-y;
}

#wrapper {
	width: 1000px;
	float: left;
	background: url(../images/layout/wrapper-bg.jpg) no-repeat;
}

#header {
	float: left;
	clear: both;
	width: 695px;
	height: 270px;
	margin: 0 0 20px 80px;
	display: inline;
	background: url(../images/layout/header-bg.gif) no-repeat;
}

#supp-content {
	float: right;
	width: 220px;
	display: inline;
	clear: none;
	margin: 100px 0 10px 0;
}

#main-content {
	float: left;
	width: 700px;
	clear: none;
	margin: 0 30px 10px 50px;
	display: inline;
}

#footer {
	float: left;
	display: inline;
	clear: both;
	width: 1000px;
}

		
/*-------------------------------------------------------
	STANDARD SELECTORS
-------------------------------------------------------*/

a:link, a:visited {
	color: #007895;
	font-weight: bold;
}
	 
a:hover, a:active {
	text-decoration: none;
}
	 
h1, h2, h3, h4, h5, p {
	margin: 6px 0;
}
	 
h1 {
	font-size: 175%;
	color: #00afc3;
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
}
	
h2 {
	font-size: 150%;
	color: #00afc3;
	margin-top: 15px;
	text-align: center;
}

h3 { 
	font-size: 125%;
	color: #00afc3;
	margin-top: 15px;
	margin-bottom: -8px;
}

h4 {
	font-size: 110%;
	color: #0091a2;
	margin-top: 15px;
}

h5 {
	font-size: 200%;
	color: #77a000;
	clear: both;
	margin: 10px 0 -8px 0;
}

h6 {
	font-size: 110%;
	color: #0091a2;
	margin: 15px auto 0 auto;
	text-align: center;
}

p {
	text-indent: 10px;
}
	 
ul, ol {
	margin: 10px 15px;
}

li {
	margin: 3px 0 2px 35px;
}

blockquote {
	margin: 15px auto;
	padding: 10px;
	float: none;
	border: 1px solid #84AB1C;
	background: #fbfdcf;
	display: block;
}

strong {
	font-weight: bold;
	color: #0091a2;
}

/*-------------------------------------------------------
	Specific Selectors
-------------------------------------------------------*/

#main-content p {
	margin: 5pt 0 5pt 0;
}

.right-355 {
	float: right;
	width: 355px;
}

.hr {
	float: left;
	clear: both;
	width: 700px;
	height: 15px;
	background: url(../images/content/hr-bg.jpg) no-repeat center center;
	margin: 10px 0;
}

.img-l {
	float: left;
	margin: auto 10px 10px auto;
}

.img-r {
	float: right;
	margin: auto auto 10px 10px;
}

.clear {
	clear: both;
}

.detail {
	font-size: 10px;
}

.checklist li {
	list-style: url(../images/content/check.gif);
}

.smaller, small {
	font-size: 75%;
	line-height: 100%;
}

.no-indent {
	text-indent: 0;
}

.contact-list, .contact-list * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact-list {
	margin-top: 15px;
	margin-left: 40px;
}

.contact-list li {
	clear: both;
	margin-bottom: 5px;
}

.contact-list strong {
	float: left;
	width: 120px;
	border-bottom: 1px dotted #ffd65e;
}

.contact-list strong.no-border {
	border: none;
}

.featured-content {
	width: 230px;
	float: left; 
	margin-right: 40px;
	margin-bottom: 335px;
	background: #fbfdcf;
}

.featured-content ul {
	margin: 10px;
	padding: 0;
}

.featured-content li {
	width: 210px;
	clear: both;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.featured-content h5 {
	margin: 0 0 4pt 0;
}

.featured-content h2 {
	background: url(../images/layout/featured-h-tag.jpg) no-repeat;
	height: 79px;
	width: 230px;
	clear: both;
	color: #ffffff;
	padding: 10px 0 0 0;
	margin: 0px;
}

.featured-content .detail {
	text-align: center;
	line-height: 100%;
}

.bottom-space {
	margin-bottom: 20px;
}

.center {
	text-align: center;
}

.price {
	text-align: center;
	clear: none;
}

.bottom-pad {
	padding-bottom: 20px;
}

.animation {
	margin: 60px 0 20px 50px;
	clear: both;
}

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

.main-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-nav {
	float: left;
	clear: both;
	height: auto;
	background: url(../images/layout/main-nav-bg.jpg) repeat-y;
}

.main-nav img {
	display: block;
	clear: both;
}

.main-nav .static li {
	float: left;
	clear: both;
	margin: 2px 0;
	height: 28px;
}

.main-nav .static li a {
	float: left;
	clear: both;
	display: inline;
	width: 200px;
	height: 28px;
	line-height: 28px;
	background: url(../images/layout/nav-base-bg.jpg);
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #008797;
}

.main-nav .static li a:active, .main-nav .static li a:hover {
	background: url(../images/layout/nav-over-bg.jpg);
	color: #fff;
}

.main-nav .static li a.down {
	background: url(../images/layout/nav-down-bg.jpg);
	color: #fff;
	cursor: default;
}

/*-------------------------------------------------------
	Footer
-------------------------------------------------------*/

#footer p {
	text-indent: 0;
}

#footer .standard-info {
	width: 940px;
	clear: both;
	background: url(../images/layout/footer-bg.jpg);
	text-align: center;
	margin-top: 20px;
	padding-right: 60px;
	float: left;
}


#footer .standard-info, #footer .standard-info * {
	color: #fff;
}

#footer .standard-info {
	text-align: center;
}

.copyright {
	line-height: 100%;
}

.disclaimer {
	font-size: 75%;
	margin: 5px 150px;
	line-height: 100%;
	
}

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

#contact_form * {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contact_form {
	text-align: left;
	width: 425px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: solid 1px #ffad21;
}

#contact_form p, #contact_form ul, #contact_form li {
	margin: 10px
}

#contact_form ul, #contact_form li {
	padding-left: 15px;
}

#contact_form label { 
	text-align: left;
	width: 125px; 
	float: left; 
	display: block;
}

#contact_form label.no-size { 
	text-align: left;
	width: auto; 
	float: none; 
	display: inline;
}

#contact_form .bot-input { 
	float: left; 
	margin-left: -999em;
}



/*-------------------------------------------------------
	BROWSER FIXES
-------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	

/*-------------------------------------------------------
	LightWindow
-------------------------------------------------------*/

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
		z-index: 200; /* Fix for Overlaying Flash */
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}
	
	#lightwindow p {
		color: #000000;
		padding-right: 10px;
	}