@charset "UTF-8";
body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: url(../framework/BG.jpg);
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#wrap {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
}

#trans {
	background: url(../framework/trans.png);
	float: left;
	width: 950px;
	border-right: 1px solid #b22c8a;
	border-left: 1px solid #b22c8a;
	border-bottom: 1px solid #b22c8a;
}

#mast {
	background: url(../framework/mast.jpg);
	float: left;
	height: 198px;
	width: 900px;
}
#nav {
	background: url(../framework/nav.jpg);
	float: left;
	height: 65px;
	width: 900px;
}
#nav h1 {
	color: #550744;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
	font: 140% Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
#content {
	background: url(../framework/contentBG.jpg) repeat-y;
	float: left;
	width: 900px;
	border-right: 1px solid #b22c8a;
	border-left: 1px solid #b22c8a;
	border-bottom: 1px solid #b22c8a;
	margin-bottom: 25px;
	margin-left: 25px;
}	
#thumbsBG {
	background: url(../framework/thumbBG.jpg);
	float: left;
	height: 220px;
	width: 900px;
}
#thumbs {
	float: left;
	width: 850px;
	margin-top: 50px;
	margin-left: 25px;
}
#strap {
	background: url(../framework/strap.jpg);
	float: left;
	height: 69px;
	width: 900px;
}
#selector {
	background: url(../framework/selectorBG.jpg);
	float: left;
	height: 210px;
	width: 825px;
	margin-top: 10px;
	margin-left: 37px;
}

 /* slider specific CSS */

#frontselector_inner {
       float:left;
       width:760px;
       margin-left: 10px;
       margin-top:20px;
       font-size:70%;
}


.sliderGallery {
          overflow: hidden;
            position: relative;
            padding: 10px;
            height: 172px;
            width: 760px;
            float:left;
        }
        
.sliderGallery UL{
            position: absolute;
            list-style: none;
            overflow: hidden;
            white-space: nowrap;
            padding: 0;
            margin: 0;
           left:0px;
          width:5500px;
        }


.sliderGallery UL LI {
          display: inline;
          float:left;
}
        
.slider {
	width: 755px;
	height: 17px;
	position: absolute;
	margin-left: 5px;
	padding: 1px;
	margin-top: 150px;
	left:20px;
	float:left;
	text-align: center;           
 }
        
.handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url(../framework/scroller.png) no-repeat;
            z-index: 100;
 			left:0px;
 }
   
.slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
 }

.front_thumb {
        float:left;
       width:110px;
       margin-left:10px;
       margin-bottom:0px;
}

.front_thumb p {margin:0px;float:left; text-align:center;width:100px;}
.front_thumb img {border: 1px solid #000; float:none; margin:0;}
.front_thumb a {color: #E268D5;}

/*end scroller*/

#frontleft {
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-left: 20px;
}
#forumupdate {
	background: #000000 url(../framework/grad3.jpg) repeat-x;
	float: left;
	width: 215px;
	border: 1px solid #63496f;
	font-size: 70%;
	text-align: left;
	list-style: none inside;
}
#forumupdate a {
	color: #FF99CC;
}
#forumupdate li {
	margin-top: 5px;
	margin-left: 0px;
	list-style: none outside;
}
#forumupdate h1 {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../framework/forum-head.png) no-repeat;
	float: left;
	height: 34px;
	width: 213px;
	padding-top: 10px;
	text-align: center;
}
.splash {
	background: #000000 url(../framework/grad2.jpg) repeat-x;
	float: left;
	width: 330px;
	border: 1px solid #63496f;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 76%;
	color: #C65DAF;
	text-align: left;
	padding-right: 3px;
	padding-left: 3px;
}
.splash h1 {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../framework/heading.png) no-repeat;
	float: left;
	height: 34px;
	width: 324px;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}

.splash a {
	color: #FF99CC;
}

.gall {
	background: #000000 url(../framework/gallBG.jpg) repeat-x left top;
	float: left;
	height: 370px;
	width: 250px;
	margin-left: 10px;
	border: 1px solid #63496f;
	margin-bottom: 10px;
	color: #FF66FF;
	font-size: 76%;
	z-index: 5;
}
.gall img {
	margin-top: 6px;
	border: 1px solid #63496f;
}
.gall .rating {
	color: #FF99CC;
	background: url(../framework/rating.png) no-repeat center;
	height: 31px;
	width: 100%;
	padding-top: 8px;
	text-align: center;
}

.gallWM {
	position:absolute;
	z-index: 5;
	height: 300px;
	width: 200px;

}
.gallWM img {
	border-style: none;
   margin-left:20;
	height: 300px;
	width: 200px;
	position:relative;
}






#frontright {
	float: left;
	width: 280px;
	margin-top: 50px;
}
#tabs {
	float: left;
	width: 570px;
	margin-bottom: 10px;
}
#navbar {
	font-size: 70%;
	float: left;
	width: 850px;
	margin-left: 25px;
}
#navbar a {
	text-decoration: none;
	float: left;
	padding-right: 14px;
	padding-left: 14px;
	border-right: 1px solid #FFCCFF;
}

#navbar a:link{color: #FF99FF;}
#navbar a:visited{color: #FF99FF;}
#navbar a:hover{color: #FFFFFF;background: #FF99FF;}

#strapnav {
	font-size: 60%;
	float: left;
	width: 850px;
	margin-left: 25px;
	margin-top: 50px;
}
#strapnav a {
	text-decoration: none;
	float: left;
	padding-right: 14px;
	padding-left: 14px;
	border-right: 1px solid #FFCCFF;
}

#strapnav a:link{color: #FF99FF;}
#strapnav a:visited{color: #FF99FF;}
#strapnav a:hover{color: #FFFFFF;background: #FF99FF;}

#site_inner {
	float: left;
	width: 850px;
	margin-top: 20px;
	margin-left: 25px;
	background: url(../framework/gallside.png) repeat-y right top;
}

#frontleft table {
	color: #BF4BA4;
	text-align: left;
	width: 100%;
	margin-top: 20px;
	float:left;
}

#frontleft td {
	border-bottom: 1px dashed #000000;
	padding: 8px;
	color: #C778F5;
}

#frontleft table a {
	font-style: italic;
	color: #FF6699;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
#frontleft th {
	width: 20%;
	color: #C778F5;
}
#frontleft table caption {text-align:left;}

.new {
	color: #FF3366;
	text-decoration: blink;
}

.input {
	background-color: #4f3260;
	padding: 2px;
	border: 1px solid #000000
}
	
#ratings {
	font-size: 80%;
	color: #FFCCFF;
	float: left;
	width: 800px;
	margin-top: 10px;
	margin-left: 50px;
	text-align: left;
}
#disc {
	font-size: 70%;
	color: #FF6699;
	float: left;
	width: 90%;
	margin-top: 10px;
	margin-left: 5%;
}
#disc a {
	border:none;
	color: #FF9999;
	text-decoration: none;
}
#disc img {border:none;}


.inside {
	padding: 10px;
	border: 1px solid #63496f;
	background: #000000 url(../framework/gallBG.jpg) repeat-x;
	font-size: 70%;
	color: #C65DAF;
	width: 250px;
	float: left;
	margin: 8px;
}
.inside img {
	display: block;
	border: 1px solid #63496f;
	margin:0;
	width: 250px;
	height:240px;
}

.inside h2 {
	font-weight: normal;
	color: #FF99FF;
	font-size: 100%;
	margin: 8px 0;
}

.inside a {color: #FF99CC;}