html {overflow-y: scroll;} 

A 			{font-family: verdana; color: #ffffff; text-decoration: none;}
A:link 		{font-family: verdana; color: #ffffff; text-decoration: none;}
A:active 	{font-family: verdana; color: #ffffff; text-decoration: none;}
A:visited 	{font-family: verdana; color: #ffffff; text-decoration: none;}
A:hover 	{font-family: verdana; color: #cc8333; text-decoration: none;}

.link			{font-family: verdana; font-size: 9px; text-align: left; letter-spacing: 0px; text-transform:uppercase}
a.link 			{color:#ffffff; text-decoration: none; display: block; padding: .5em 0 .5em .75em;}
a.link:link 	{color:#ffffff; text-decoration: none; display: block; padding: .5em 0 .5em .75em;}
a.link:active 	{color:#ffffff; text-decoration: none; display: block; padding: .5em 0 .5em .75em;}
a.link:visited 	{color:#ffffff; text-decoration: none; display: block; padding: .5em 0 .5em .75em;}
a.link:hover 	{color:#cc8333; text-decoration: none; display: block; padding: .5em 0 .5em .75em;}

.over 			{background: #ffffff;}
.out 			{background: #000000;}

body {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	background-color: #000000;
	margin: 63px 0px 63px 0px;
	padding:header-<length> 0 footer-<length> 0;
	background-image: url(../background/velvet.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	text-align: center;
	height: 100%;
}

/*----------------------------  Header and Footer Overlay ---------------------------- */

div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:header-<length>;
  z-index:999;
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:footer-<length>;
  z-index:999;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

/*---------------------------- Text ---------------------------- */


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CCCCCC;
	text-align: left;
	text-indent: 0px;
	vertical-align: top;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	line-height: 1.5em;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-align: left;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: .5em;
	padding-top: .5em;
	text-indent: 0px;
	vertical-align: middle;
}


.footer {
	font-family: verdana;
	font-size: 9px;
	text-align: left;
	font-weight: normal;
	color: #CCCCCC;
	vertical-align: middle;
	padding-left: 0em;
	padding-right: 0em;
}

.textfill {
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #000000;
	background: white url(../images/back_fill.gif) repeat-x;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	vertical-align: top;
	margin-top: 0px;
	padding:5px;
}

.textbox {
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #000000;
	background: white url(../images/back_fill.gif) repeat-x;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	vertical-align: top;
	margin-top: 3px;
	padding:5px;
}
	
h1 {
	color: #ffffff;
	font-size: 20px;
	font-family: verdana;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	text-indent: 0px;
	text-align: left;
	text-shadow: #000000 1px 1px 1px;
}

h2 {
	color: #ce9442;
	font-size: 15px;
	font-family: verdana;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	text-indent: 0px;
	text-align: left;
	text-shadow: #000000 1px 1px 1px;
}


/*----------------------------  Horizontal Menu ---------------------------- */

.jquerycssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 0px;
	line-height: 2em;
	color: #666666;
	font-size: 12px;
	text-align: left;
	padding-left: 0em;
}

/*Top level list items*/
.jquerycssmenu ul li{
	position: relative;
	display: inline;
	float: left;

}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
	display: block;
	width: 85px; /*Width of top level menu link items*/
	padding: 15px 12.15px;
	padding-top: 20px;
	margin-top: 0px;
	border: 0px solid #cc8333;
	border-left-width: 0px;
	border-top: 0px solid #cc8333;
	border-bottom: 0px solid #cc8333;
	text-decoration: none;
	background: url(../images/menubg.jpg) center center repeat-x;
	color: #CCCCCC;
	font-family: tahoma;
	font-size: 13px;
	font-weight: normal;
	text-shadow: #333333 1px 1px 0px;
	text-align: center;
	vertical-align: text-middle;
}

/*Sub level menu*/
.jquerycssmenu ul li ul{
	left: 0;
	border-top: 0px solid #cc8333;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 999;
	box-shadow: 0 0 1em #000;
	  -moz-box-shadow: 0 0 1em #000;
	  -webkit-box-shadow: 0 0 1em #000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
	width: 175px; /*width of sub menu levels*/
	height: 25px;
	font-weight: normal;
	padding: 5px 8px;
	background: url(../images/black.png) center center repeat-x;
	border-width: 0px 0px 1px 0px;
	margin-top: 0px;
	text-align: left;

}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: CCCCCC;
}

.jquerycssmenu ul li a:hover{
	 background: url(../images/menubgo.jpg) center center repeat-x;
}

.jquerycssmenu ul li ul li a:hover{
	 background: url(../images/menubg.jpg) center center repeat-x;
}

.jquerycssmenu .arrowdiv{
	position: absolute;
	right: 0;
	background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 25px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 12px;
right: 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


/* Holly Hack for IE \*/
* html .jquerycssmenu ul li { float: left; height: 1%; }
* html .jquerycssmenu ul li a { height: 1%; }
/* End */

/*----------------------------  Main Banner ---------------------------- */

.round-corners, .rounded {
	
    border-radius: 8px;
    -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
	
}
.flipped
{
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	
}
.selected
{
	opacity:1!important;
	filter:alpha(opacity=100)!important;
}

#preloader{
	z-index:2;
	position:absolute;
	left:335px;
	top:250px;
	
}
.slider{
	overflow:hidden;
	z-index:1;
	border: 1px solid #FFFFFF;
	position:absolute;
	box-shadow: 0 0 1em #000;
  -moz-box-shadow: 0 0 1em #000;
  -webkit-box-shadow: 0 0 1em #000;
}
.descriptionMain{

}

#yourId-imgCon > img{
	position:static;
}
.descriptionText{
	position:absolute;
	text-shadow: 2px 2px 2px #000;
	font-size:16px;
	z-index:3;
	color:#fff;
	
	width:680px;
	left:10px;
	top:390px;
	filter:inherit;
}
.descriptionBg{
	/*visibility:inherit;*/
	background-color:#000;
	z-index:4;
	
	width:701px;
	height:41px;
	
	left:0px;
	top:380px;
	
	opacity:0.5;
	filter:alpha(opacity=50);
	
}


/*----------------------------  Gallery Menu ---------------------------- */

.gallery ol {
	padding:0px 0px 0px 20px;
	list-style-type:decimal;
	display:block;
}

.gallery ol li {
	color:#ccc;
}

.gallery ol li.padded {
	color:#ccc; 
	padding:10px;
}

.gallery ul li { /*Sub Category*/
	color:#ccc; 
	list-style: none;
	width: 150px;
	height: 25px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

.gallery li { /*Main Category*/
	color:#ccc; 
	list-style: none;
	list-style-type: none;
	width: 175px;
	height: 25px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin-left: -35px;
	line-height: 2em;
	color: #666666;
	font-size: 12px;
	text-align: left;
}

.gallery li.dashes {
	border-bottom:1px dotted #222; 
	padding:3px 0px 3px 0px; 
	color:#000;
}

.gallery li.bullet {
	margin-left:15px; 
	border-bottom:1px dotted #666; 
	padding:3px; 
	color:#000;
}

.gallery li.inline { 
	display:inline; 
	margin:3px; 
	padding:3px;
}

.gallery li.inline_icons { 
	display:inline;
}

#pagination {

	list-style:none;
	padding:0px; 
	margin:0;
}

li.pag {
	display:inline;
	padding:4px 6px 4px 6px;
	margin-right:10px;
	border:1px solid #666;
}

li.pag:hover {
	background-color:#efefef;
}

li.pag a {
	display:inline block;
}

/*----------------------------  Main Photo Gallery ---------------------------- */

.thumb_img {
 	margin:10px 10px 10px 10px;
	border:0px solid #dde6ff;
	box-shadow: 0 0 1em #000;
	  -moz-box-shadow: 0 0 1em #000;
	  -webkit-box-shadow: 0 0 1em #000;
}


/*----------------------------  Image Shadow ---------------------------- */

.shadow {
  box-shadow: 0 0 1em #000;
  -moz-box-shadow: 0 0 1em #000;
  -webkit-box-shadow: 0 0 1em #000;
}

/*----------------------------  Facebook Like-Box ---------------------------- */

#likebox-frame{
 z-index:10;
 overflow: hidden;
 position:relative;
 top:0px;
 left:-2px;
 border: 0 !important;
 width:199px;
}

#likebox-frame iframe{
  left:-2px;
  overflow:hidden;
  position:relative;
  top:-2px;
  width:215px;
}

/*----------------------------  Gallery ColorBox ---------------------------- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/black.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background-image:url(../images/black.png);box-shadow: 0 0 1em #000; -moz-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#FFFFFF;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#FFFFFF;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}