html {/*background-color: #000;
    background-image: url(img/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;*/
} 
body
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 16px;
    color: White;
    margin: 0px;
    padding: 0px;
    background: #3a1241;
    background-image: url(img/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
#wrapper {width:1000px; margin:0 auto; position:relative; /*background: #3a1241;*/}

img {border:0px;}

table.center
{
    margin-left: auto;
    margin-right: auto;
}
a.sublink
{
    font-size: 12px;
    font-weight:bold;
    color: #999999;
}
a.sublink:hover
{
    text-decoration: none;
    color: #fff;
}
a.sublink:active
{
    color: #fa6dff;
}
.sublink_active
{
    font-weight:bold;
    color: #fa6dff;
}
a
{
    color: #999999; /*#10ade3;*/
    text-decoration: none;
}
a:hover
{
    color: #fa6dff; /*#0087b6;*/
    text-decoration: none;
}
a.whitelink
{
    color: #ffffff; /*#10ade3;*/
    font-weight:bold;
    font-size:14px;
    text-decoration: none;
}
a.whitelink:hover
{
    color: #fa6dff; /*#0087b6;*/
    font-weight:bold;
    text-decoration: none;
}

.text
{
    text-align: left;
    font-size:12px;
    line-height:16px;
}
.text_title
{
    font-size: 18px;
    color: #ffffff;
    text-align:left;
    padding-bottom:15px;
}
.text_img
{
    padding-top: 10px; 
    padding-bottom: 10px;
}
.text_title_line
{
    border-top: solid 1px #10ade3;
    margin-top: 5px;
    padding-bottom: 10px;
}
.textarea { padding-left: 50px; width: 600px; min-height:400px;}
.rightmenu {width: 350px; vertical-align: top; text-align: left; line-height:18px; padding-top:110px;}
p
{
    margin:0;
    padding:0;
}


.start-pufflogo {vertical-align:top; width:50px;}
.start-pufftext {vertical-align:top; width:220px; padding-bottom:15px; padding-left:5px; font-size:12px;}







#lightbox
{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img
{
    border: none;
}

#outerImageContainer
{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer
{
    padding: 10px;
}

#loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#hoverNav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#imageContainer > #hoverNav
{
    left: 0;
}
#hoverNav a
{
    outline: none;
}

#prevLink, #nextLink
{
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
}
#prevLink
{
    left: 0;
    float: left;
}
#nextLink
{
    right: 0;
    float: right;
}
#prevLink:hover, #prevLink:visited:hover
{
    background: url(images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover
{
    background: url(images/nextlabel.gif) right 15% no-repeat;
}


#imageDataContainer
{
    font: 10px Arial;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData
{
    padding: 0 10px;
    color: #666;
}
#imageData #imageDetails
{
    width: 70%;
    float: left;
    text-align: left;
}
#imageData #caption
{
    font-weight: bold;
}
#imageData #numberDisplay
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#imageData #bottomNavClose
{
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}






/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

/*
#textblock1 {width:255px; position:absolute; left:408px; bottom:310px; }
#textblock2 {width:180px; position:absolute; left:688px; bottom:310px; text-align:right;}
*/


#topmenu {position:absolute; height:35px; right:0px; top:23px; z-index:2;}
#logo {position:absolute; text-align:left; left:0px; top:23px; z-index:2;}

#content {position:absolute; width:1000px; top:363px; z-index:2;}


#slider-wrapper {
    width:1200px;
    height:477px;
    margin:0 auto;
    position:absolute;
    left:-100px;
    z-index:1;
}

#slider {
	position:relative;
    width:1200px;
    height:477px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:560px;
	bottom:110px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	/* background:url(images/arrows.png) no-repeat; */
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:150px;
}
a.nivo-prevNav {
	left:150px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}