/*CSS Document
Updated CSS code for Lenard Audio, R.Masters July 2011*/

#sidel{
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 20%; /* top and bottom padding create visual space within this div  */
	background-image: url(../images/main_index_back_left.png);
	background-repeat: repeat-x;
	background-color: #000000;
}
#sider {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 20%; /* top and bottom padding create visual space within this div  */
	background-color: #000000;
}
#reopal {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 20%; /* top and bottom padding create visual space within this div  */
	background-color: #000000;
}
a:link {
	color: #57C7DA;
}

a:visited {
	color: #57C7DA;
}
a:hover {
	color: #4D7A81;
}	


BODY{
	margin: 0;
	/*it's good practice to zero the margin and padding of the body element to account for differing browser defaults*/
	padding: 0;
	text-align: center;
	background-color: #261B12;
	background-image: url(../images/back_4.png);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.index {
	margin: 0;
	/*it's good practice to zero the margin and padding of the body element to account for differing browser defaults*/
	padding: 0;
	text-align: center;
	background-color: #080807;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../images/main_index_back.png);
}

#header
{
	background-image: url(../images/header_plain4.png);
	height: 77px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}

.maintext {
	font-size: 12px;
	color: #D1BAA5;
	border: 1px solid #3A3128;
	background-color: #15110D;
	background-repeat: repeat-x;
	height: auto;
	background-image: url(../images/maintxt_600.png);
	width: 882px;
	text-align: justify;
	float: none;
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

#container{
	width: 1044px;
	margin: 0 auto;
	/*the auto margins (in conjunction with a width) center the page*/
	
	text-align: left;
	/*this overrides the text-align: center on the body element*/
	background-color: #261B12;
}
#container1 {
	width: 80%;
	/*the auto margins (in conjunction with a width) center the page*/
	
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
}

#mainContent{
	background-color: #261B12;
	height: auto;
	padding-right: 67px;
	padding-left: 57px;
	position: relative;
	background-image: url(../images/main_back4.png);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	font-size: 11px;




	z-index: ;
	padding-top: 10px;
}

#footer{
	background-color: #261B12;
	background-image: url(../images/footer.png);
	height: 283px;
	background-repeat: repeat-x;
}
#footerinner{
	width: 1044px;
	background-image: url(../images/footer_back.jpg);
	background-repeat: no-repeat;
	height: 283px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#topmenu {
	float: left;
	clear: both;
	position: relative;
	z-index: 1000;
	top: 34px;
	padding-left: 57px;
	visibility: visible;
	height: 20px;
}

.accross {
	float: left;
	width: 880px;
	position: relative;
} 

.maginBot05 {
	MARGIN: 0px 0px 5px
}

.maginBot10 {
	MARGIN: 0px 0px 10px
}
.maginBot20 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.maginBot30 {
	MARGIN: 0px 0px 30px
}
.maginBot50 {
	MARGIN: 0px 0px 50px;
	height: 50px;
	clear: both;
}

.clear {
	CLEAR: both
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	list-style-type: disc;
}
.img {
	border: 12px solid #281D14;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgr {
	border: 10px solid #281D14;
	float: right;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.imgl {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	border-top-width: 12px;
	border-right-width: 12px;
	border-bottom-width: 12px;
	border-left-width: 12px;
}
.imgl_a {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 12px solid #281D14;
	margin-right: 15px;
}

.img_sb {
	border: 6px solid #281D14;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.c1 {
	float: left;
	width: 45%;
	border: 12px solid #281D14;
}
.c2 {
	float: right;
	width: 45%;
	border: 12px solid #281D14;
}

.maintext H1 {
	font-size: 23px;
	color: #261B12;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.maintext H2 {
	font-size: 14px;
	color: #FACF8D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.maintext H3 {
	font-size: 14px;
	color: #AD9B8D;
	font-family: Tahoma;
	font-weight: bold;
	letter-spacing: 3px;
}
.maintext H4 {
	font-size: 14px;
	color: #AAC4CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.maintext .linebreak {
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/linebreak.png);
	height: 29px;
	background-repeat: no-repeat;
	line-height: 20px;
	background-position: center;
}
.maintext .linebreak-dark {
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/linebreak_dark.png);
	height: 29px;
	background-repeat: no-repeat;
	line-height: 20px;
	background-position: center;
}

.maintext .title {
	height: 300px;
}


#main {
	background-color: #221912;
	height: auto;
	padding-right: 67px;
	padding-left: 57px;
	padding-bottom: 10px;
	font-size: 11px;
	padding-top: 10px;
	background-image: url(../images/main_back_500.jpg);
	background-repeat: repeat-x;
	border: thin solid #3A3128;
}
.maintext .title2 {
	background-color: #655448;
	width: 485px;
	margin-left: -20px;
	padding-left: 20px;
}

.snavbox {
	position: relative;
	width: auto;
	height: 20px;
}


.snav, .snav ul { /* all lists */
	list-style: none;
	line-height: 10px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.snav a {
	display: block;
	width: 105px;
	TEXT-ALIGN: center;
	line-height: 10px;
	border: 1px solid #221912;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 4px;
	padding-top: 4px;
	z-index: 105;
	color: #221912;
	background-color: #5F5343;
	font-weight: normal;
	background-image: url(../images/btns/brown_arr.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.snav li { /* all list items */
	float: left;
	padding: 0;
	width: 105px;
	line-height: 10px;
	}
.snav a:link, .snav a:visited
{
	text-decoration: none;
}

 .snav a:focus
{
	color: #FACF8D;
	background-color: #4F4335;
	text-decoration: none;
	background-image: url(../images/btns/brown_arw_dwn.png);
	background-repeat: no-repeat;
	background-position: right center;
	outline: 0px
} 


.snav :hover {
	color: #D1BAA5;
	background-color: #4F4335;
	background-image: url(../images/btns/brown_arr_dwn.png);
}



.snav :active {
	color: #AC9B88;
	background-color: #4F4335;
}

.subnav, .subnav ul { /* all lists */
	list-style: none;
	line-height: 10px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.subnav a {
	display: block;
	width: 128px;
	TEXT-ALIGN: left;
	line-height: 10px;
	border: 1px solid #15110D;
	PADDING-BOTTOM: 4px;
	padding-top: 4px;
	z-index: 105;
	color: #D1BAA5;
	background-color: #5F5343;
	font-weight: normal;
	background-image: url(../images/opal/brown_arr.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 4px;
}

.subnav li { /* all list items */
	float: left;
	line-height: 10px;
	margin-right: 10px;
	}
.subnav a:link, .subnav a:visited
{
	text-decoration: none;
}

.subnav :hover {
	color: #D1BAA5;
	background-color: #4E4436;
}

.subnav :active {
	color: #AC9B88;
	background-color: #4F4335;
}
.tabcol1 {
	float: left;
	width: 55%;
	text-align: justify;
}
.tabcol2 {
	float: right;
	height: auto;
	position: relative;
}
.tabcol2_rel {
	float: right;
	height: auto;
	position: absolute;
	width: 580px;
	right: -20px;
	top: -20px;
	visibility: visible;
	z-index: 5000;
	overflow: visible;
}
	
.tabcol2 img {
}
.tabcol1sml {
	float: left;
	width: 30%;
	text-align: justify;
}
.tabcol1med {
	float: left;
	width: 35%;
	text-align: justify;
}
.tabcol1med1 {
	float: left;
	width: 39%;
	text-align: justify;
}

.tabcol1med2 {
	float: left;
	width: 33%;
	text-align: justify;
}
.tabcol1med3 {
	float: left;
	width: 60%;
	text-align: justify;
}

.tabcol1large {
	float: left;
	width: 100%;
	text-align: justify;
}

.SlideTab{
	position: relative;
	height: 600px;
	
}
.SlideTab2 {
	position: relative;
	height: 600px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
}
.SlideTab3 {
	position: relative;
	height: 600px;
}
.SlideTab4 {
	position: relative;
	height: 600px;
}

.SlideTab5 {
	position: relative;
	height: 600px;
}

 .SlideTabk4 {
	position: relative;
	height: 615px;
}
.SlideTabOpal {
	position: relative;
	height: 710px;
}
.slideinner1 {
	position: relative;
	height: 600px;
	margin-top: auto;
	margin-bottom: auto;
}
.slideinnerampout {
	position: relative;
	height: 600px;
}
.slideinnerampmod {
	position: relative;
	height: 600px;
}
.slideinnercad1 {
	position: relative;
	background-image: url(../images/opal/opal_cad1.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 600px;
}
.slideinner_consand {
	position: relative;
	background-position: right;
	background-repeat: no-repeat;
	height: 600px;
}
.slideinner_2220 {
	position: relative;
	height: 600px;
}
.slideinner_27in {
	position: relative;
	background-position: right;
	background-repeat: no-repeat;
	height: 600px;
}
.slideinnerspeakcomp1 {
	position: relative;
	height: 600px;
}

.slideinnercont1 {
	position: relative;
	height: 600px;
}

.slidinner_saractrl {
	position: relative;
	background-repeat: no-repeat;
	height: 600px;
	background-image: url(../images/sara/sara_ctrl1_back.jpg);
	background-position: right;
}

/*.1circ {
	background-image: url(../images/opal/1_circ.png);
	background-repeat: no-repeat;
	padding-left: 30px;
}*/
.numbhi {
	font-size: 18px;
	color: #AAC4CA;
	font-weight: bold;
}
.bcirc {
	background-image: url(../images/blue_circ-trans.png);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	height: 25px;
	width: 25px;
	background-position: center center;
	text-align: center;
	line-height: 25px;
	float: left;
	margin-right: 5px;
}
.blue1 {
	color: #AAC4CA;
}

.shadedarker {
	color: #BC997A;
	font-weight: bold;
}
.tickbox {
	text-decoration: none;
	list-style-position: outside;
	list-style-type: none;
	line-height: 20px;
	list-style-image: url(../images/blue_circ_arrow-trans.png);
	position: relative;
	margin-left: 5px;
	padding-left: 5px;
	
	
}

.tickcont {
	list-style-image: url(../images/blue_circ_arrow-trans.png);
	position: relative;
	margin-left: 5px;
	padding-left: 5px;
	display:block;
	
}
.tabcol_pic {
	float: left;
	width: 100%;
	text-align: justify;
	position: relative;
}
.imgr_nobord {
	border: 12px none #FFFFFF;
	float: right;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.tabcol1_b {
	float: left;
	width: 49%;
	text-align: justify;
	height: 285px;
}
.tabcol2_s {
	float: right;
	height: 285px;
	position: relative;
	width: 48%;
}
.tabcol2_s2 {
	float: right;
	height: 285px;
	position: relative;
	width: 60%;
}

.tabcol1_b_long {
	float: left;
	width: 49%;
	text-align: justify;
	height: auto;
}
.tabcol2_s_long {
	float: right;
	height: auto;
	position: relative;
	width: 48%;
}

.imgr_nobord_s {
	border: 12px none #281D14;
	float: right;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.imgr_bord {
	border: 12px none #281D14;
	float: right;
	position: relative;
	margin-bottom: 10px;
	margin-left: 15px;

	clear: none;
	margin-right: 10px;
	margin-top: 10px;
}
.tabcol2_s2_amp {
	float: right;
	height: 285px;
	position: relative;
	width: 60%;
}
.tabcol1sml_two {
	float: right;
	width: 30%;
	text-align: justify;
}

.cellwrape {
	padding-right: 37px;
	padding-left: 27px;
	position: relative;
	width: 980px;
	padding-top: 60px;
}

.cellophon {
	color: #4C4133;
	border: 1px solid #4A4032;
	position: relative;
	width: 984px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 85px;
	clear: both;
	}
.cellophon ul{
	list-style-type:none;
	text-align: left;
	margin-right: 30px;
	overflow: hidden;
	float: left;
}
.cellophon ul li{
	margin:0;
	line-height:1.5;
}
.cellophon ul li a{
	color:#8A765E;
	text-decoration: none;
}

.cellophon  a:link {
	color: #8A765E;
}

.cellophon  a:visited {
	color: #8A765E;
}
.cellophon  a:hover {
	color: #BCAE9E;
	text-decoration: underline;
}	

.copyr{
	float:left;
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 984px;
	position: absolute;
	color: #8A765E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4A4032;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 6px;
	display: block;
	left: 27px;
}
.first {
	color: #916A48;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.copyr_left {
	float:left;
	font-size: 10px;
	color: #8A765E;
	width: 60%;
	text-align: left;
	
}
-----------------------------------------

#copyrnav 
{
margin: 0;
float:right;

}


#copyrnav ul
{
margin: 0;
float:right;
list-style-type: none;
text-align: center;
font-size: 11px;
height: 20px
}

#copyrnav ul li {
	 display:block;
	 float: left;
	 width: 105px;
 }

#copyrnav ul li a
{
	text-decoration: none;
	color: #8A765E;
	width: 105px;
	height: 20p;
}

#copyrnav a.r{
	display: block;
	width: 105px;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8A765E;
}

#copyrnav a.mail{
	display: block;
	width: 105px;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8A765E;
	background-image: url(../images/icons/mail-ico.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 5px;
}

#copyrnav ul li a:hover
{
	color: #BCAE9E;

width: 105px
height: 20px
; 		text-decoration: underline;
}



.maintext_nobd {
	font-size: 12px;
	color: #D1BAA5;
	background-color: #15110D;
	background-repeat: repeat-x;
	height: auto;
	background-image: url(../images/maintxt_600.png);
	width: auto;
	text-align: justify;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #3A3128;
}

.maintext_nobd2 {
	font-size: 12px;
	color: #D1BAA5;
	border: 1px solid #3A3128;
	background-color: #15110D;
	background-repeat: repeat-x;
	height: 600px;
	background-image: url(../images/index_swf_back.png);
	width: auto;
	text-align: justify;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	z-index: 100002;
	top: -45px;
}

.innerbox {
	border: 1px solid #4A4032;
	position: relative;
	width: auto;
	float: left;
	clear: both;
	height: auto;
	padding: 15px;
}
.shadehgh {
	color: #AAC4CA;
	font-weight: bold;
}
.twopicleft {
	float: left;
	width: 47%;
	border: 10px solid #281D14;
}
.twopicright {
	float: right;
	width: 47%;
	border: 10px solid #281D14;
}
.maintext .title3 {
	height: 200px;
	position: relative;
}
.acro {
	list-style-image: url(../images/icons/acrobat.png);
	margin-left:0px;
	padding-left:25px;
	list-style-type:square;
}


#sitemap{
	float: left;
	position: relative;
}

#sitemap ul{
	list-style-type:none;
	text-align: left;
	overflow: hidden;
	width: 140px;
	float: left;
	padding: 0px;
	clear: right;
	position: relative;
	height: auto;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #514437;
}
#sitemap li{
	margin:0;
	line-height:1.5;
}
#sitemap li a:link{
	text-decoration:none;
	color: #57C7DA;
	}
#sitemap  ul.sitem_r  {
	list-style-type:none;
	text-align: left;
	overflow: hidden;
	float: left;
	padding: 0px;
	clear: left;
	position: relative;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: auto;
	width: 140px;
}
#sitemap li a:hover {
	color:#4D7A81;
	text-decoration:none;
}

#sitemap a:visited
{
	text-decoration: none;
	color: #57C7DA;
}

.firstsm {
	text-decoration: none;
	color: #B98F4A;
	font-weight: bold;
}

#sitemap {
	list-style-type:none;
	overflow: hidden;
	float: left;
	clear: right;
}
.cines {
	float: left;
	position: relative;
}
#header2 {
	background-image: url(../images/header_plain4.png);
	height: 77px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}
#mainContent2 {
	background-color: #261B12;
	height: 557px;
	padding-right: 67px;
	padding-left: 57px;
	position: relative;
	background-image: url(../images/main_back2.png);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	font-size: 11px;
	z-index: 3;
	padding-top: 10px;
}

#opalmodule {
	position: relative;
	top: -60px;
}

/* SFHOVER NAVIGATION SECTION */
#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#nav a {
	display: block;
	width: 115px;
	text-decoration: none;
	TEXT-ALIGN: center;
	border: 1px solid #3A3128;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 5px;
	padding-top: 5px;
	text-decoration: none;
	z-index: 105;
	color: #261B12;
	background-color: #5F5343;
	background-repeat: repeat-x;
	background-image: url(../images/nav/nav_back_grad.png);
}

#nav a.home {
	display: block;
	width: 115px;
	text-decoration: none;
	TEXT-ALIGN: center;
	border: 1px solid #3A3128;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	text-decoration: none;
	z-index: 105;
	color: #261B12;
	background-color: #5F5343;
	background-repeat: no-repeat;
	background-image: url(../images/nav/home_nav.png);
	height: 10px;
}

#nav :hover {
	color: #D1BAA5;
	background-color: #4F4335;
	background-image: url(../images/nav/nav_back_grad_hover.png);
	background-repeat: repeat-x;
}

#nav :hover.home {
	color: #D1BAA5;
	background-color: #4F4335;
	background-image: url(../images/nav/home_nav_hover.png);

}
#nav li { /* all list items */
	float: left;
	padding: 0;
	width: 115px;
	
	}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 115px;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	text-align: left;
}
#nav li ul a {
	width: 115px;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;	
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover { }

/* fancy box elements*/
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-color: transparent;
	background-image: url(fb/fancybox/fancy_progress.png);
	background-repeat: no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background-color: #281D14;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
	background-color: #666666;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(fb/fancybox/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(fb/fancybox/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(fb/fancybox/fancy_right.png) no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_n.png) repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_ne.png) no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_e.png) repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_se.png) no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_s.png) repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_sw.png) no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_w.png) repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(fb/fancybox/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fb/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fb/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fb/fancybox/fancy_title_right.png) repeat-x;
}