@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Prophecy_Script;
	src: url('../Prophecy_Script.ttf');
}

@font-face {
	font-family: Prophecy_Script;
	font-weight: bold;
	src: url('../Prophecy_Script.ttf');
}

body,hmtl
{
	background-color:#373134;
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
	margin:0px;padding:0px;
	

}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
margin:0px;padding:0px;
/*overflow:hidden;*/
}

h1{
font-size:16px;
font-weight:bold;
letter-spacing:-0.8px;
line-height:20px;
text-transform:uppercase;
padding-bottom:10px;
}

#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
/*height: 110px; /*Height of top frame div*/
/*overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

color: black;

}
#framecontentTop{
background:white;
z-index:999;
height:100px;
}

#framecontentBottom{
top: auto;
bottom: 0; 
height: 40px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background:white;
color: white;
z-index:998;
text-transform:uppercase;
}

#maincontent{
position: fixed; 
margin:0;
padding:0;
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
overflow:hidden;
z-index:-999;/*ie6fix-21/11*/

}

#stretch {
/*background:#ccc url(../images/shoe-gradient.png) repeat-y;*/

/*background-position:50% 0;*/
padding:20px 35px 20px 35px;
height:100%;
position:relative;
}

.ie7fix {
width:100%;
height:100%;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
background-color: #333333;
z-index:1;/*ie6fix-21/11*/
}

#innertubetop{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
height:100%;
/*width:800px;*/
position:relative;
z-index:9999;
padding:0;
font-weight:bold;
/*letter-spacing:-0.8px;*/
text-transform:uppercase;
}

#innertubetop img {
padding:15px 0 0 35px;
}

#innertubetop ul {
padding:10px 0 0 35px;
}

#innertubetop ul li {
display:inline;
float:left;
padding-top:5px;
/*font-size:20px;*/
list-style-type:none;
font-weight:normal;
margin-right:40px;
}

#tr {
position:absolute;
right:35px;
top:15px;
}

#tr p {
	font-family: Prophecy_Script, sans-serif; 
	font-size:26px;
	text-transform:none;
}

#tr p a:link, #tr p a:active, #tr p a:visited {
	color:#C8EDED;
	color:#00c6e3;
	color:black;
}

.funky {
	text-transform: capitalize;
/*font-size:16px;
line-height:18px;
font-family:"Times New Roman", Times, serif;*/

}

.innertubebtm{
margin:0 auto;
height:40px;
}

.innertubebtm ul{
margin:10px 0 0 35px;
}
.innertubebtm ul li {
display:inline;
list-style-type: none;
padding-right: 10px;
font-size:12px;
color:black;
}

.innertubebtm ul li a:link, .innertubebtm ul li a:active, .innertubebtm ul li a:visited {
color:black;
padding-right: 10px;
}

* html body{ /*IE6 hack*/
padding: 470px 0 -100px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/ /*130px 0 -100 0*/

}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}











#flashcontent {
	height: 100%;
	/*visibility:hidden;*/
	position:relative;
}





strong {
font-weight:bold;
}

.atextleft {
width:250px;
min-height:250px;
z-index:99;
margin-right:18px;
float:left;
}

.textleft {
position:absolute;
width:250px;
min-height:250px;
z-index:99;
top:20px;
left:35px;
}

.textleft p {
padding:3px 0 3px 0;
}

* html .textleft {
top:200px;
}

.white {
background:white;
padding:5px;
font-size:12px;
text-transform:uppercase;
}

.toppng {
height:14px;
background-image:url(../images/middle.png);
position:relative;
}

.fl {
float:left;
}

.rt {
float:right;
}

.textmiddle{
float:left;
width:450px;
background:white;
min-height:250px;
padding:5px;
}

#carousel {margin:0 auto;padding-top:140px;}
#carousel ul li{margin:0 10px;display:inline;}
#carousel img{padding-left:2px;}

.jCarouselLite {
/*overflow: hidden; 
visibility: visible; 
position: relative; 
z-index: 2; 
left: 0px; 
margin:0 auto;*/


position:absolute!important;

/*left:50%!important;
top:50%!important;
margin-left:-555px!important;
margin-top:-190px!important;*/

left:50%!important;
top:50%!important;
margin-left:-555px!important;
margin-top:-190px!important;

overflow:hidden;
visibility:visible;
width:1110px!important;
z-index:2;
}

.jCarouselLite ul li {
overflow: hidden; 
float: left; 
width: 450px; 
position:relative;
height:350px!important;
margin:0 0px;
margin-left:-125px;
margin-right:125px;
text-align:center!important;
}

.jCarouselLite ul li img {
/*max-width:270px;*/
position:absolute;
bottom:0;
bottom:32px;
bottom:45px;
left:50%;
margin-left:-175px;

max-height: 300px;
}

.jCarouselLite ul li p {
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
}

.next {
background:transparent url(../images/next.png) no-repeat scroll 0 0;
cursor:pointer;
height:61px;
right:35px;
position:absolute;
/*bottom:65px;*/
bottom:5px;
width:41px;
z-index:3;
}

.prev {
background:transparent url(../images/prev.png) no-repeat scroll 0 0;
cursor:pointer;
height:61px;
left:255px;
position:absolute;
bottom:5px;
width:41px;
z-index:3;
}

a:link, a:active, a:visited {
color: #000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.  background:#373134;

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#innertubetop .menu ul ul {
	padding:0;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:800px; w\idth:800px;}



/* remove all the bullets, borders and padding from the default list styling */
.menu ul ul {width:auto;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:138px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:white;z-index:999;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:white;}
.menu ul ul :hover > a.drop {background:red;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
background:none repeat scroll 0 0 white;
border-top:0 solid #000000;
height:auto;
left:-20px;
position:absolute;
top:22px;
visibility:hidden;
width:150px;	
padding-bottom:10px;
	}
/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:30px;}

/* position the third level flyout menu */
.menu ul ul ul{left:147px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:none repeat scroll 0 0 white;
font-size:14px;
letter-spacing:-0.8px;
margin-left:10px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:138px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:black; background:white;}
.menu :hover > a, .menu ul ul :hover > a {background:white;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}