/* 
 *  Table Of Sections
 *
 *  1. Reset
 *  2. Basic Elements
 *  3. Generic Classes
 *  4. Basic Layout
 *  5. Header
 *  6. Content
 *  7. Sidebar
 *  8. Footer
 *  9. Navigation
 * 10. Forms
 * 11. Modules
 * 12. Print styles
 *
 */

@media screen, projection {

	/* Reset  - do NOT modify!
	-------------------------------------*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q {	quotes: none; }

	:active { outline: 0; }
	
	a:link, a:visited, a:hover, a:active { outline: none; }

	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through; }

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}




	/* Basic Elements
	-------------------------------------*/
	html, body { height: 100%; }

	body {
		font-family: helvetica, arial, sans-serif;
		font-size: 62.5%; /* 1em = 10px */
		line-height: 1.5em;
		color: #333;
		background: url('../images/backgrounds/bgnd-body.jpg') center top;
	}


	/* Generic Classes
	-------------------------------------*/

	/* --- Attachments list --- */

	.attachments-list .extension {
		color: #666;
	}



	/* --- Messages --- */

	.error {
		display: block;
		color: #B90000;
		font-weight: bold;
		margin: 1em 0
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;		
	}

	.notice {
		display: block;
		color: #00A600;
		font-weight: bold;
		margin: 1em 0
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;		
	}

	/* --- Other --- */
	
	.content-photo { 
		margin: 7px 15px 7px 0px; 
	}

	.image {
		clear: both;
		width: 100%;
		float: left;
	}
	
	.image img, img.left { 
		float: left;
		margin:0; 
	}
	
	.image-left img { 
		float: left; 
		margin:0; 
	}
	
	.image-right img, img.right { 
		float: right; 
		margin:0; 
	}
	
	.image-left {
		width: 100%;
		float: left;
		margin: 0;
	}
	
	img.left { margin: 7px 15px 7px 0px; }
	
	img.right { margin: 7px 0px 7px 15px; }

	.image-right {
		width: 100%;
		float: right;
		margin: 0;
	}
	
	#text-content-container .image-left p, #text-content-container .image-right p, #text-content-container .image p {
		color: #999999;
		font-size: 0.85em;
		width: 228px;
		padding-top: 9px;
		line-height: 1em;
		text-align: left;
	}
	
	#text-content-container .image-left p { 
		margin-left: 10px; 
		float: left;
	}
	
	#text-content-container .image-right p { 
		margin-right: 10px; 
		float: right;
	}
	
	#text-content-container .image p { 
		margin-right: 10px; 
		float: left;
	}
	
	img.content-photo {
	}
	

	/* use to clear floats */
	.clearer {
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px
	}

	.hidden { display: none }
	
	.break-word { word-wrap: break-word; }



	/* Basic Layout
	-------------------------------------*/
	#container {
		position: relative;
		width: 930px;
		margin: 0 auto;
		padding: 0;
		background: url('../images/backgrounds/bgnd-header.jpg') left top no-repeat;
	}

	#content {
		margin-top: 50px;
		position: relative;
		padding: 0px 20px 0px 20px;
		width: 890px;
		float: left;
		background: white;
	}
	
	#entry-content {
		position: relative;
		float: left;
		clear: both;
		width: 620px;
		min-height: 470px;
	}
	
	#sidebar {
		float: right;
		width: 240px;
		min-height: 500px;
		margin-top: 85px;
		padding-bottom: 20px;
	}


	/* Header
	-------------------------------------*/
	#header {
		position: absolute;
		top: 0px;
		left: 0;
		float: left;
		width: 110px;
		height: 114px;
		z-index: 5;
		background: white;
	}
	
	#header h1, #header strong.logo {
		height: 100%;
		left: 0;
		position:absolute;
		top:0;
		width: 100%;
	}
	
	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, 
	#header strong.logo a:link, #header strong.logo a:visited, #header strong.logo a:hover, #header strong.logo a:active {
		background: url("../images/backgrounds/logo.png") 20px 20px no-repeat;
		display: block;
		height: 100%;
		overflow: hidden;
		text-indent: -9999px;
		width: 100%;
	}

	#language {
		position: absolute;
		right: 0;
		top: 7px;
		color: #999999;
		width: 200px;
		padding-right: 20px;
	}
	
	#language ul li {
		float: right;
		padding-left: 5px;
	}
	
	#language a:link, #language a:visited, #language a:hover, #language a:active {
		color: #999999;
		text-decoration: none;
		font-size: 1.1em;
	}
	
	#language a:hover { text-decoration: underline; }
	
	#how-to-get-us {
		float: left;
		width: 298px;
		font-size: 1em;
		padding-right: 10px;
	}
	
	#how-to-get-us p {
		color: #333;
		text-align: justify;
		width: 100%;
		font-style: normal;
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 1em;
	}	
	
	#how-to-get-us h3 {
		font-size: 3em;
		margin-bottom: 2px;
		font-weight: normal;
		float: left;
		text-transform: lowercase;
		display: block;
		line-height: 0.8em;
		min-height: 30px;
		width: 100%;
	}
	
	
	#how-to-get-us h3 a:link, #how-to-get-us h3 a:visited, #how-to-get-us h3 a:hover, #how-to-get-us h3 a:active {
		text-decoration: none;
		color: #333;
	}
	
	#how-to-get-us p {
		color: #999999;
		padding-bottom: 3px;
		font-size: 1.05em;
		line-height: 1.1em;
		float: left;
		width: 100%;
		clear: both;
	}
	
	#how-to-get-us p.description {
		clear: both;
		color: #999999;
		float: left;
		font-size: 1.05em;
		line-height: 1.1em;
		padding-bottom: 3px;
		width: 100%;
	}
	
	#how-to-get-us p.description a:link, #how-to-get-us p.description a:visited,
	#how-to-get-us p.description a:hover, #how-to-get-us p.description a:active {
		background: none;
		text-decoration: none;
		color: #999999;
		font-size: 1.1em;
		line-height: 1.1em;	
		padding: 0;
	}
	
	#how-to-get-us p.tel {
		background: #e9ba0a;
		color: #333;
		font-size: 1.3em;
		line-height: 1.1em;
		padding: 0px 41px 1px 4px;
		width: auto;
	}
	
	#how-to-get-us p.email {
		float: left;
		color: #333;
		font-size: 1.3em;
		padding-right: 4px;
		letter-spacing: -0.2px;
		width: 100%;
	}
	
	#how-to-get-us p.email a:link, #how-to-get-us p.email a:visited, #how-to-get-us p.email a:hover, #how-to-get-us p.email a:active {
		background: none;
		color: #999;
		font-size: 1.1em;
		display: inline;
		padding: 0;
		float: none;
		text-decoration: none;
		padding-left: 16px;
		background: url(../images/icon-email.gif) left 4px no-repeat;		
	}
	
	#how-to-get-us p.email a:hover {
		color: #006247;
		text-decoration: underline;
	}
	
	#how-to-get-us p.email {
		font-size: 1.1em;
	}
	
	#how-to-get-us p.tel, #how-to-get-us p.email {
		margin-right: -4px;
	}
	
	#faq-area {
		width: 285px;
		float: right;
		margin-top: 0px;
		padding-bottom: 20px;
	}
	
	#faq-area h3 {
		font-size: 3em;
		margin-bottom: 1px;
		font-weight: normal;
		float: left;
		text-transform: lowercase;
		display: block;
		line-height: 0.8em;
		padding-left: 0px;
		min-height: 30px;
	}
	
	#faq-area h3 a:link, #faq-area h3 a:visited, #faq-area h3 a:hover, #faq-area h3 a:active {
		text-decoration: none;
		color: #333;
	}	
	

	/* Content
	-------------------------------------*/
	
	#title-container {
		position: relative;
		float: left;
		width: 100%;
		clear: both;
		margin-top: 117px;
		height: 100px;
	}
	
	#title-container h1{
		position: absolute;
		left: -3px;
		bottom: 3px;
		font-size: 3.4em;
		color: white;
		font-weight: normal;
		line-height: 1.1em;
		text-transform: lowercase;
		z-index: 50;
	}
	
	#title-container h1.no-image-title {
		color: #333;
	}

	#text-content-container {
		clear: both;
		float: left;
		width: 452px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 1.3em;
	}
	
	#text-content-container-right {
		float: right;
		width: 145px;
		padding-top: 20px;
		font-size: 1em;	
		text-align: right;
	}
	
	#text-content-container-right p {
		padding-bottom: 1em;
		line-height: 1.1em;
		text-align: right;
		font-size: 1.3em;		
		color: #999999;
		font-style: italic;
	}

	#text-content-container p {
		padding-bottom: 1em;
		line-height: 1.1em;
		text-align: justify;
	}
	
	#text-content-container #entry-info {
		border-bottom: 1px solid #999999;
		float: left;
		width: 100%;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	#text-content-container a:link, #text-content-container a:visited, #text-content-container a:hover, #text-content-container a:active {
		color: #006247;
		text-decoration: underline;
	}
	
	#text-content-container a:hover { text-decoration: none; }



	/* --- video --- */

	span.video-placeholder {
		clear: both;
		padding: .7em 0px .7em 0px;
		display: block;
	}


	/* --- unsorted list --- */

	#text-content-container ul { padding-bottom: 1em; }

	#text-content-container ul li {
		margin-bottom: .3em;
		list-style-type: disc;
		list-style-position: inside;
	}


	/* --- numbered list --- */

	#text-content-container ol {}

	#text-content-container ol li {
		margin-bottom: .3em;
		list-style-type: decimal;
		list-style-position: inside;
	}


	/* --- Attachments list --- */

	#text-content-container ul.attachments-list li { list-style-type: none; }


	/* --- tables --- */

	#text-content-container table th {
		padding: .3em .5em;
		border: none;
		font-weight: bold;
		text-align: left;
	}

	#text-content-container table td {
		padding: .4em .5em;
		border: 1px solid white;
		background: #d6f6e7;
	}
	
	#text-content-container table tr {
		border: none;
	}

	#text-content-container table caption {
		padding: .4em .5em;
		text-align: center;
		font-weight: bold;
		color: white;
		background: #006247;
		border-left: 1px solid white;
		border-right: 1px solid white;
		border-bottom: none;
		font-size: 1.1em;
	}


	/* --- Icons in content --- */

	#text-content-container a.lipdf {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/pdf.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lidoc {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/doc.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lixls,
	#text-content-container a.lixlsx {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/xls.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lippt {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ppt.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lizip {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/zip.gif) 0% 50% no-repeat;
	}

	#text-content-container a.liai {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ai.gif) 0% 50% no-repeat;
	}

	#text-content-container a.liexe {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/exe.gif) 0% 50% no-repeat;
	}

	#text-content-container a.liimage {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/file.gif) 0% 50% no-repeat;
	}

	/* --- FAQ --- */

	#faq label,
	#faq .form-error,
	#faq .racun {
		font-size: 1.15em;
	}


	/* Footer
	-------------------------------------*/
	#footer { 
		position: relative;
		clear: both; 
		width: 100%;
		background: #cdcdcd;
		height: 46px;
	}
	
	#footer ul {
		position: absolute;
		right: 0;
		bottom: 6px;
		width: 90%;
		text-align: right;
		padding-right: 16px;
	}
	
	#footer ul li {
		float: right;
		border-left: 1px solid #717171;
		padding: 0px 5px 1px 5px;
		color: #717171;
		font-size: 1.1em;
		line-height: 1em;
	}
	
	#footer ul li.first { border: none; }
	
	#footer ul li a:link, #footer ul li a:visited, #footer ul li a:hover, #footer ul li a:active {
		color: #717171;
		text-decoration: none;
		letter-spacing: -0.1px;
		text-transform: lowercase;
	}
	
	#footer ul li a:hover { text-decoration: underline; }


	/* Navigation
	-------------------------------------*/

	/* --- Sitemap --- */

	ul#sitemap { list-style-type: none; }

	#sitemap ul {
		margin-left: 1em;
		padding-bottom: 0;
		list-style-type: none;
	}


	/* --- Main Menu --- */

	#menu {
		width: 100%;
		float: left;
		line-height: 1em;
	}
	
	#menu li {
		float: left;
		width: 100%;
		font-size: 1em;
		padding-bottom: 22px;
	}
	
	#menu li img {
		float: right;
		clear: both;
		margin-top: 2px;
	}
	
	#menu li h3 {
		font-size: 3.6em;
		margin-bottom: 0px;
		font-weight: normal;
		float: right;
		text-align: right;
		text-transform: lowercase;
		display: block;
		line-height: 0.8em;
		padding-left: 35px;
		padding-bottom: 6px;
	}
	
	#menu li:hover h3, #menu li h3.menu-on { background: #006247; }
	
	#menu li h3 a:link, #menu li h3 a:visited, #menu li h3 a:hover, #menu li h3 a:active { 
		text-decoration: none; 
		color: #333;
		display: block;
	}
	
	#menu li:hover h3 a:link, #menu li:hover h3 a:visited, 
	#menu li:hover h3 a:hover, #menu li:hover h3 a:active,
	#menu li h3.menu-on a:link, #menu li h3.menu-on a:visited, 
	#menu li h3.menu-on a:hover, #menu li h3.menu-on a:active	{ 
		color: white; 
		display: block;
	}
	
	#menu li p {
		color: #999999;
		text-align: right;
		padding-bottom: 0px;
		clear: both;
		line-height: 1.1em;
		font-size: 1.05em;
		float: right;
		width: 100%;
	}
	
	#menu li p a:link, #menu li p a:visited, #menu li p a:hover, #menu li p a:active {
		color: #999999;
		text-decoration: none;
	}
	
	#menu li p a.more:link, #menu li p a.more:visited, #menu li p a.more:hover, #menu li p a.more:active {
		color: white;
		text-align: right;
		display: block;
		float: right;
		background: url(../images/backgrounds/bgnd-link-more.gif) right top no-repeat;
		padding: 0px 4px 6px 4px;
		text-decoration: none;
		font-size: 0.85em;
		line-height: 1.2em;
		margin-top: 2px;
	}
	
	#menu li p a.more:hover { background-position: right -18px; }



	/* Forms
	-------------------------------------*/

	input {
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	#text-content-container form {
		width: 441px;
		margin-bottom: 1em;
		padding: 1em 1%;
		background-color: #eeeeee;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;		
		border: 1px solid #AAA;
	}

	input.input-text {
		padding: .3em;
		border: 1px solid #AAA;
		font-size: 100%;
		background-color: #EEE;
	}

	#text-content-container input.input-text {
		padding: .5em;
		border: 1px solid #AAA;
		font-size: .9em;
		background-color: white;
	}

	input.input-submit {
		margin-top: 1em;
		padding: .2em .5em;
		border-width: 1px;
		border-style: solid;
		border-color: #808080 #404040 #404040 #808080;
		font-size: 100%;
		background-color: #606060;
		color: white;
		cursor: pointer;
	}

	input.input-submit:hover {
		border-color: #cfa408;
		color: #333;
		background-color: #e9ba0a;
	}

	#text-content-container input.input-submit { font-size: .9em; }

	textarea {	
		height: 10em;
		padding: .3em;
		border: 1px solid #AAA;
		line-height: 1.1em;
		background-color: white;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 1em;
	}

	select {
		padding: .1em 0 .1em .3em;
		border: 1px solid #AAA;
		background-color: #EEE;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	.input-security {
		width: 5em !important;
		margin: 0 0 0 3px;
		padding: .3em;
		border: 1px solid #AAA;
		font-size: 100%;
		background-color: #EEE;
	}

	.racun {}

	form span.mandatory { color: #B90000 }


	/* Vertical form */

	.vertical-form {}

	.vertical-form dt {
		margin-top: 1em;
		margin-bottom: .3em;
	}


	/* Horizontal form */

	.horizontal-form { float: left }

	.horizontal-form dt {
		clear: left;
		float: left;
		width: 25%;
		padding-top: .5em;
		margin-top: .6em;
		margin-bottom: .2em;
		margin-right: 2%;
		text-align: right;
	}

	.horizontal-form dt label { text-align: right }

	.horizontal-form dd {
		float: left;
		width: 72.9%;
		margin-top: .6em;
		margin-bottom: .2em;
	}

	fieldset.checkboxes label {
		float: left;
		display: block;
	}

	form dt.alt, 
	form dd.alt {
		text-align: left
	}

	.horizontal-form dt.alt, 
	.horizontal-form dd.alt {
		width: 72.9%;
		padding-top: 0;
		padding-left: 27%;
		margin-right: 0;
	}

	.sidebar-module input,
	.sidebar-module select,
	.sidebar-module textarea {
		font-family: inherit;
		font-size: 1.1em;
	}

	.form-notice {
		margin: 1em 0;
		padding: .3em 1em;
		border: 1px solid #007700;
		font-weight: bold;
		color: #007700;
		background-color: #F0FFF0;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;		
	}

	.form-error {
		margin: 1em 0;
		padding: .3em 0;
		border: 1px solid #B90000;
		color: #B90000;
		background-color: #FFF0F0;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;		
	}

	.form-error li {
		padding: .3em 1em;
		font-weight: bold;
		line-height: 1.2;
	}




	/* Modules
	-------------------------------------*/


	/* --- faq --- */

	#faq-form-toggle {
		text-decoration: underline;
		color: #006247;
		cursor: pointer;
	}

	.faq-list {
		float: right;
		clear: both;
		text-align: justify;
		font-size: 1.3em;
		line-height: 1.1em;
		padding-bottom: 2px;
	}
	
	#content #text-content-container .faq-list {
		width: 100%;
		font-size: 1em;
		line-height: 1em;
	}

	.faq-list dt {
		color: #999999;
		float: left;
		width: 100%;		
	}
	
	#faq-area p {
		float: left;
		width: 100%;
		margin-top: -10px;
	}
	
	#faq-area p a.more:link, #faq-area p a.more:visited, #faq-area p a.more:hover, #faq-area p a.more:active,
	#how-to-get-us p a.more:link, #how-to-get-us p a.more:visited, #how-to-get-us p a.more:hover, #how-to-get-us p a.more:active {
		color: white;
		text-align: right;
		display: block;
		float: right;
		background: url(../images/backgrounds/bgnd-link-more.gif) right top no-repeat;
		padding: 0px 4px 7px 4px;
		text-decoration: none;
		font-size: 0.9em;
		line-height: 1.1em;	
		position: relative;
	}
	
	#faq-area p a.more:hover, #how-to-get-us p a.more:hover { background-position: right -18px; }

	.faq-list dd { 
		margin-bottom: 1em;
		float: left;
		width: 100%;
	}
	
	#faq-area dd p { margin-top: 0; }

	#faq-list h2 {
		float: left;
		cursor: pointer;
		padding-right: 18px;
		display: none;
	}

	#faq-form input.input-text { width: 180px }

	#faq-form textarea { width: 183px }

	#faq-form select { 
		width: 193px;
		background: white;
	}

	#faq-form label {
		display: block;
		margin-top: .5em;
		font-weight: bold;
	}

	#faq-form .mandatory {
		color: #B90000;
		font-weight: normal
	}


}

/* Print styles
-------------------------------------*/

@media print {

	body {
		font-size: .9em;
		font-family: "Times New Roman", serif;
		background-color: white;
		color: black;
	}

	h1, h2, h3, h4 { font-family: "Times New Roman", serif; }

	h1 { font-size: 1.6em; }

	h2 { font-size: 1.4em; }

	h3 { font-size: 1.2em; }

	h4 { font-size: 1.1em; }

	a img { border: none; }

	#text-content-container a:link:after,
	#text-content-container a:visited:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}
	
	a:link, a:visited, a:hover, active {
		text-decoration: underline;
		color: #b90000;
	}
	
	#header a:link, #header a:visited, #header a:hover, #header a:active {
		text-decoration: none;
		color: black;
		font-size: 1.6em;
		margin-bottom: 20px;
	}
	
	.anythingSlider .wrapper {
		overflow: auto !important;
	}
	
	#sidebar, #language, #footer, .anythingSlider { 
		display: none; 
	}
	
}




/* Plugins
-------------------------------------*/


@media projection, screen {

	/**
	 * jQuery lightBox plugin
	 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
	 * and adapted to me for use like a plugin from jQuery.
	 * @name jquery-lightbox-0.5.css
	 * @author Leandro Vieira Pinho - http://leandrovieira.com
	 * @version 0.5
	 * @date April 11, 2008
	 * @category jQuery plugin
	 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
	 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
	 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
	 */
	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
	}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		display: block;
	}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
	}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
	}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
	}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
	}	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
	}			
	#lightbox-secNav-btnClose {
		width: 22px; 
		float: right;
		padding-bottom: 0.7em;	
	}
	
	
	/**
	 * The "classic" theme CSS for Shadowbox.
	 *
	 * This file is part of Shadowbox.
	 *
	 * Shadowbox is an online media viewer application that supports all of the
	 * web's most popular media publishing formats. Shadowbox is written entirely
	 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
	 * authors can showcase a wide assortment of media in all major browsers without
	 * navigating users away from the linking page.
	 *
	 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
	 * Noncommercial-Share Alike license. This means that it is absolutely free
	 * for personal, noncommercial use provided that you 1) make attribution to the
	 * author and 2) release any derivative work under the same or a similar
	 * license.
	 *
	 * If you wish to use Shadowbox for commercial purposes, licensing information
	 * can be found at http://mjijackson.com/shadowbox/.
	 *
	 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
	 * @copyright   2007-2008 Michael J. I. Jackson
	 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
	 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
	 */

	/*_____________________________________________________  container & overlay  */
	#shadowbox_container, #shadowbox_overlay {
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}
	#shadowbox_container {
	  position: fixed;
	  display: block;
	  visibility: hidden;
	  z-index: 999;
	  text-align: center; /* centers #shadowbox in quirks and IE */
	}
	#shadowbox_overlay {
	  position: absolute;
	}

	/*_______________________________________________________________  shadowbox  */
	#shadowbox {
	  position: relative;
	  margin: 0 auto;
	  text-align: left; /* reset left alignment */
	}

	/*____________________________________________________________________  body  */
	#shadowbox_body {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  border: 1px solid #333;
	  overflow: hidden;
	}
	#shadowbox_body_inner {
	  position: relative;
	  height: 100%;
	}
	#shadowbox_content.html {
	  height: 100%;
	  overflow: auto; /* make html content scrollable */
	}

	/*_________________________________________________________________  loading  */
	#shadowbox_loading {
	  position: absolute;
	  top: 0;
	  width: 100%;
	  height: 100%;
	}
	#shadowbox_body, #shadowbox_loading {
	  background-color: #060606; /* should match loading image background color */
	}
	#shadowbox_loading_indicator {
	  float: left;
	  margin: 10px 10px 0 10px;
	  height: 32px;
	  width: 32px;
	  background-image: url(loading.gif);
	  background-repeat: no-repeat;
	}
	#shadowbox_loading span {
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  font-size: 10px;
	  float: left;
	  margin-top: 16px;
	}
	#shadowbox_loading span a:link,
	#shadowbox_loading span a:visited {
	  color: #fff;
	  text-decoration: underline;
	}

	/*____________________________________________________________  title & info  */
	#shadowbox_title, #shadowbox_info {
	  position: relative;
	  margin: 0; /* these must have no vertical margin or padding */
	  padding: 0;
	  overflow: hidden;
	}
	#shadowbox_title_inner, #shadowbox_info_inner {
	  position: relative;
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  line-height: 16px;
	}
	#shadowbox_title {
	  height: 26px;
	}
	#shadowbox_title_inner {
	  font-size: 16px;
	  padding: 5px 0;
	  color: #fff;
	}
	#shadowbox_info {
	  height: 20px;
	}
	#shadowbox_info_inner {
	  font-size: 12px;
	  color: #fff;
	}

	/*_____________________________________________________________________  nav  */
	#shadowbox_nav {
	  float: right;
	  height: 16px;
	  padding: 2px 0;
	  width: 45%;
	}
	#shadowbox_nav a {
	  display: block;
	  float: right;
	  height: 16px;
	  width: 16px;
	  margin-left: 3px;
	  cursor: pointer;
	}
	#shadowbox_nav_close {
	  background-image: url(icons/close.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_next {
	  background-image: url(icons/next.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_previous {
	  background-image: url(icons/previous.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_play {
	  background-image: url(icons/play.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_pause {
	  background-image: url(icons/pause.png);
	  background-repeat: no-repeat;
	}

	/*_________________________________________________________________  counter  */
	#shadowbox_counter {
	  float: left;
	  padding: 2px 0;
	  width: 45%;
	}
	#shadowbox_counter a {
	  padding: 0 4px 0 0;
	  text-decoration: none;
	  cursor: pointer;
	  color: #fff;
	}
	#shadowbox_counter a.shadowbox_counter_current {
	  text-decoration: underline;
	}

	/*___________________________________________________________________  clear  */
	div.shadowbox_clear {
	  clear: both; /* clear floating counter & nav */
	}

	/*________________________________________________________________  messages  */
	div.shadowbox_message {
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  font-size: 12px;
	  padding: 10px;
	  text-align: center;
	}
	div.shadowbox_message a:link,
	div.shadowbox_message a:visited {
	  color: #fff;
	  text-decoration: underline;
	}
	
	
	/* entry content slider  */
	
	.anythingSlider {
		position: relative;
		float: left;
		clear: both;
		width: 620px;
		min-height: 396px;
		padding-bottom: 0px;
		margin-top: 80px;
	}
	
	.anythingSlider ul {
		float: left;
		overflow-x: hidden;
	}
	
	.anythingSlider img {
		float: left;
		clear: both;
	}
	
	.anythingSlider h2 {
		position: relative;
		top: 1px;
		display: block;
		width: 100%;
		float: left;
		text-align: right;
		color: #ffcb05;
		font-size: 3.4em;
		font-weight: normal;
		line-height: 1.1em;
		margin-bottom: 0px;
		z-index: 4;
		text-transform: lowercase;
	}
	
	.anythingSlider p {
		float: right;
		width: 285px;
		font-size: 1.3em;
		line-height: 1.1em;
		margin-top: 40px;
		text-align: right;
		color: #999999;
		font-style: italic;
		padding-top: 1px;
	}	
	
	.anythingSlider .arrow {
		position: absolute;
		width: 10px;
		height: 11px;
		outline: none;
		overflow: hidden;
		display: block;
		z-index: 10;
		cursor: pointer;
		margin: 0;
		position: absolute;
		top: 360px;
		text-indent: -9999px;
	}
	
	.anythingSlider .forward {
		left: 610px;
		background: url(../images/backgrounds/bgnd-arrow-forward.gif) center top no-repeat;
	}
	
	.anythingSlider .back {
		left: 535px;
		background: url(../images/backgrounds/bgnd-arrow-back.gif) center top no-repeat;
	}	
	
	.anythingSlider .forward:hover, .anythingSlider .back:hover {
		background-position: center bottom;
	}
	
	.anythingSlider .wrapper { 
		width: 620px; 
		overflow-x: hidden;
		min-height: 396px; 
		position: relative; 
		top: 0; 
		float: left;
	}
	
	.anythingSlider .wrapper ul {
		width: 32700px; 
		list-style: none; 
		position: relative; 
		top: 0; 
		left: 0; 
		margin: 0; 
		float: left;
	}
	
	.anythingSlider ul li { 
		display: block; 
		padding: 0; 
		width: 620px; 
		margin: 0; 
		float: left;
		padding-right: 20px;
		position: relative;
		top: 0;
	}
	
	.anythingSlider .wrapper ul ul { 
		position: static; 
		margin: 0; 
		background: none; 
		overflow: visible; 
		width: auto; 
		border: 0; 
	}
	
	.anythingSlider .wrapper ul ul li { 
		float: none; 
		height: auto; 
		width: auto; 
		background: none; 
	}

	#thumbNav {
		background: url('../images/backgrounds/bgnd-thumbNav.gif') left top repeat-x;
		padding-top: 6px;
		height: 35px;
		position: absolute;
		top: 352px;
		right: 8px;
		text-align: right;
		z-index: 5;
		padding-right: 0px;
		padding-left: 8px;
	}
	
	#start-stop {
		margin-top: 4px;
		height: 15px;
		width: 9px;
		display: block;
		position: absolute;
		top: 354px;
		right: -1px;
		text-align: right;
		z-index: 5;
		text-indent: 9999px;
		overflow: hidden;
		background: url('../images/backgrounds/bgnd-thumbPlay.gif') left 0px no-repeat;
		display: none;
	}
	
	#start-stop.stop { background-position: -19px 0px; }
	
	#start-stop.stop:hover { background-position: -19px -15px; }
	
	#start-stop.stop.playing { background-position: left 0px; }
	
	#start-stop.stop.playing:hover { background-position: left -15px; }
	
	#thumbNav a:link, #thumbNav a:visited, #thumbNav a:hover, #thumbNav a:active {
		text-decoration: none;
		color: #c6c6c6;
		font-size: 1em;
		display: block;
		float: left;
		margin-right: 8px;
		padding-bottom: 4px;
	}
	
	#thumbNav a.cur:link, #thumbNav a.cur:visited, #thumbNav a.cur:hover, #thumbNav a.cur:active,
	#thumbNav a:hover {
		border-bottom: 1px solid #333;
		color: #333;
	}
	
	
	#lead-image-container {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 99px;
		width: 620px;
		background: url('../images/backgrounds/bgnd-lead-image-title.png') left top repeat;
		z-index: 1000;
		overflow: hidden;		
	}
	
	#lead-image-container p {
		font-size: 1.8em;
		color: #3a3a3a;
		width: 390px;
		float: left;
		padding-left: 20px;
		text-align: left;
		text-shadow: -1px -1px 1px white;
		position: relative;
		left: 0;
		z-index: 1001;
		font-style: normal;
		letter-spacing: -0.2px;
	}
	
	#lead-image-container p a:link, #lead-image-container p a:visited, #lead-image-container p a:active, #lead-image-container p a:hover {
		color: #3a3a3a;
		text-decoration: none;
	}
	
	a.lead-button:link, a.lead-button:visited, a.lead-button:hover, a.lead-button:active {
		display: block;
		float: right;
		text-decoration: none;
		background: url('../images/backgrounds/bgnd-lead-button.gif') left center repeat-x;
		border-left: 1px solid #e9e9ea;
		border-top: 1px solid #d2d2d3;
		border-bottom: 1px solid #1a5b48;
		border-right: 1px solid #1a644f;
		color: white;
		text-shadow: 1px 1px 1px #6caa99;
		padding: 3px 20px 4px 21px;
		font-size: 1.2em;
		margin-top: 40px;
		position: relative;
		right: 20px;
		letter-spacing: -0.2px;
	}
	
	a.lead-button:hover {
		background: #E9BA0A;
		color: #333;
		text-shadow: none;
	}
	
	a.container-link:link, a.container-link:visited, a.container-link:hover, a.container-link:active {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 620px;
		height: 316px;
	}
	
	
	
	
	
}

/* DO NOT PUT ANYTHING DOWN HERE! FIND THE APPROPRIATE SECTION ABOVE! THIS IS THE LAST WARNING! */