html { text-align: center; }
body { background: url(images/body2.gif) center top repeat-y #1c1e22; font: 62.5% "Trebuchet MS", sans-serif; text-align: left; margin: 0; padding: 0; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td, img, a img { font-weight: bold; color: #FFFFFF; margin: 0; padding: 0; list-style: none; border: 0; }
address, caption, cite, code, dfn, em, i, strong, b, th, var { font-size: 1em; }
hr, .hide-me, legend { display: none; }
.cleaner { clear: both; }


#container {
width: 580px;
margin: 0 auto;
font-size: 1.1em;
background: url(images/container.gif) left top repeat-y; }

#level-1 {
background: url(images/level-1.jpg) top left no-repeat;
position: relative;
height: 70px; }


#level-2 {
background: url(images/level-2.jpg) top left no-repeat;
padding: 20px 23px 0px 23px; }


.box-head {
width: 503px;
margin: 0 0 0 0;
padding: 35px 15px 15px 15px;
background: url(images/box-head.jpg) top left no-repeat #3C5663 }

.box-head2 {
width: 533px;
margin: 0 0 0 0;
padding: 18px 0 0 0;
background: url(images/box-head.jpg) top left no-repeat #046b9e; }

.box-head3 {
width: 533px;
margin: 0 0 0 0;
padding: 18px 0 0 0;
background: url(images/box-head-white.jpg) top left no-repeat #fff; }

.box-base {
padding: 35px 15px 100px 15px;
background: url(images/box-base.gif) bottom left no-repeat; }

.box-base2 {
display: block;
width: 533px;
height: 40px;
margin: 0 0 0px 0;
background: url(images/box-base.gif) top left no-repeat; }


#welcome a {color: #ccff66;

text-decoration: none; }

#welcome a:hover {
text-decoration: underline; }


.breaker {
display: block;
height: 0px;
width: 503px;
border: 0px;
margin: 0 0 7px 0;
border-top: 1px solid #03699c;
border-bottom: 1px solid #5cbae3; }

/*
.slidedetails {
opacity: .90;
padding: 15px 10px 0 90px;
height: 68px;
width: 386px;
font-size: .9em;
margin: -82px 0 0 0;
background: url(images/details.gif) left 6px no-repeat #38113e; }
*/



#about-me {
background: url(images/aboutme.gif) left top no-repeat; 
margin: 0 0 0 0;
padding: 0 0 0 80px; }

#status-head {  }

#status-base {
text-align: center;
border: 1px solid #026b96;
background: #0a7cab;
 }

blockquote {
text-align: left;
font: bold 1.5em Arial, Helvetica, sans-serif;
width: 488px;
color: #006666;
padding: 5px 10px;
margin: 0 0 7px 0;
border-bottom: 1px solid #fbffc9;
clear: left; }

blockquote span {
color: #006666; }

#sendContactEmail {
font: bold 1.4em Arial, Helvetica, sans-serif;
width: 488px;
color: #ccff99;
padding: 7px 10px;
border-top: 1px solid #056c9f;
text-align: center;
cursor: pointer;
background: url(images/button.gif) left top repeat-x #056c9f;
clear: left; }

blockquote img {
margin: 0 5px -4px 0; }

#loadbar {
text-align: center; }

#contact label {
display: block; }

#posName, #posEmail, #posRegard, #posText {
border: 0;
background: url(images/contact-me.gif) 7px 5px no-repeat #34a7e0;
padding: 3px 10px 3px 28px;
color: #ffffff;
border: 1px solid #2095cf;
font: bold italic 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 7px 0;
width: 447px; }

#posText {
height: 75px;
overflow: auto; }

/*
#sendContactEmail {
background: url(images/button.gif) left bottom repeat-x #0b4090;
border-top: 1px solid #2b5da7;
display: block;
padding: 7px 10px;
font: bold 1.4em Arial, Helvetica, sans-serif;
color: #CCFF99;
width: 488px; }
*/
.button {
width: auto; }

#sending {
float: right;
width: 180px;
margin: 5px 0 0 5px; }

#contact-text {
position: relative;
margin-right: 320px; }

#contact-me { 
margin: 0 0 7px 0; }

.sub-base  {
width: 486px;
padding: 10px 9px 10px 8px;
background: url(images/sub-base.gif) bottom left no-repeat; }

.sub-head  {
background: url(images/sub-head.gif) top left no-repeat #74dbfd; }

.breaker {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; }

#myGallery
{
width: 486px !important;
height: 299px !important;
}


#myGallery
{
	z-index:5;
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/loading-bar-black.gif);
}

.jdGallery .slideInfoZone
{
background: url(images/slide-info.gif) 0 0 no-repeat #38113e;
border-top: 1px solid #056c9f;
padding: 5px 80px 0 12px;
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	color: #833081;
	left: 0;
	bottom: 0;
	height: 65px;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
 font: bold 1.4em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	padding: 5px 0 4px 0;
	font-weight: bold;
	color: #ccff99;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.sub-details {
border-right: 1px dotted #69cced;
font-size: .9em;
padding-right: 15px;
margin-right: 15px;
float: left; }

.jdGallery .slideInfoZone h4 {
color: #ccffff;
font-size: 1em;
text-transform: uppercase;
font-weight: bold; }

.jdGallery .slideInfoZone p {
font-weight: normal;
font-size: 1em;
margin: 0 0 5px 0;
color: #ccffff; }


.jdGallery div.carouselContainer
{
 display: none;
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 4px 10px;
	background: #38113e;
	cursor: pointer;
	font-size: 1.4em;
	font-weight: bold;
	color: #833081 !important;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #38113e;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #38113e;
	background-position: center center;
	float: left;
}

.jdGallery .carousel .label
{
	font-size: 1.4em;
	font-weight: bold;
	color: #833081 !important;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	display: block;
	height: 99%;
	width: 25%;
	z-index:10;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=80);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=10);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.jdGallery a.right:hover
{
 background: url(images/a-right.png) right top no-repeat;
}

.jdGallery a.left:hover
{
 background: url(images/a-left.png) left top no-repeat;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
}

.jdGallery a.right
{
	right: 0;
	top: 0;
}

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url(../img/open.png) no-repeat center center; }

* html .withArrows a.open:hover { background: url(../img/open.gif) no-repeat center center;
	filter:alpha(opacity=80); }
	
.footer {color:#FFF; font-size:12px; font-weight:bold;}
.footer a{color:#FFF; font-size:14px; font-weight:bold; line-height:20px;}



div.menuTop {margin:0px 0px 20px 0px;text-align: left; font: bold 1.2em Arial, Helvetica, sans-serif; color: #FCFF04;}

.menuTop a:link {text-decoration:none; color:#FCFF04;}
.menuTop a:active {text-decoration:none; color:#FCFF04;}
.menuTop a:visited {text-decoration:none; color:#FCFF04;}
.menuTop a:hover {text-decoration:none; background-color:#FCFF04; color:#001D51;}