@charset "utf-8"; 
*{
outline:none; 
margin:0; 
padding:0}

body{
height:100%; 
background:#fff url('../images/bg.jpg') fixed top repeat-x; 
margin:0; 
padding:0}

img{
border-style: none;
}

a{
color:#717c7f; 
border-bottom:dotted #717c7f 1px; 
text-decoration:none}

a:hover{
color:#2f8ddd; 
border:none}

hr{
clear:both; 
border:none; 
border-bottom:1px solid #ccc; 
overflow:hidden; 
height:1px; 
font-size:1px; 
line-height:1px; 
margin:10px 0; 
padding:0}

.table td{
font-size:12px; 
color:#000; 
padding:5px}

blockquote.quote{
color:#036; 
background:#f3f3f3; 
width:80%; 
font-family:"Times New Roman",Times,serif; 
letter-spacing:0; 
font-size:24px; 
border:dashed #f87 2px; 
-moz-border-radius:4px; 
margin:6px auto 30px; 
padding:26px 50px 0}

blockquote.quote p.quoted_one{
text-align:right; 
font-size:16px; 
font-weight:400}

div.wrapper{
width:940px; 
background:#fff; 
margin:0 auto; 
padding:0}

div.menu{
width:940px; 
height:130px; 
font-family:Verdana,Geneva,sans-serif; 
background-color:#c3551e; 
background-image:url(../images/icos-header-bkg.jpg); 
background-repeat:no-repeat; 
background-position:left top; 
display:block; 
float:left; 
position:relative; 
padding:0}

div.menu #logo{
display:block; 
height:60px; 
width:400px; 
position:relative; 
float:left; 
border-style:none; 
padding:35px 50px 35px 40px}

div.menu #search{
display:block; 
height:25px; 
width:263px; 
padding-top:42px; 
position:relative; 
float:right; 
padding-right:47px; 
font-family:Arial,Helvetica,sans-serif; 
font-size:14px; 
color:#DA9591; 
border-style:none; 
border-width:0}

div.menu #search img{
display:block; 
float:right; 
margin-right:10px}

div.menu #search p{
display:block; 
position:relative; 
float:left; 
width:60px; 
margin-left:10px}

.addthis_toolbox .custom_images a:hover img{
opacity:1; 
filter:alpha(opacity=100)}

.addthis_toolbox .custom_images a img{
opacity:0.5; 
filter:alpha(opacity=50)}

div.menu #links{
height:35px; 
width:271px; 
display:block; 
position:relative; 
float:right; 
padding-right:40px}

div.menu #links a{
font-family:Arial,Helvetica,sans-serif; 
font-size:14px; 
color:#da9591; 
padding-top:12px; 
padding-left:28px; 
display:block; 
border:none}

div.menu #home a{
background-image:url(../images/subnav-bkg.gif); 
background-position:0 0; 
background-repeat:no-repeat; 
float:left; 
height:23px; 
width:52px; 
display:block}

div.menu #home a:hover{
background-position:0 -35px; 
color:#FFF}

div.menu #login a{
background-image:url(../images/subnav-bkg.gif); 
background-position:-80px 0; 
background-repeat:no-repeat; 
float:left; 
height:23px; 
width:52px; 
display:block}

div.menu #login a:hover{
background-position:-80px -35px; 
color:#FFF}

div.menu #language a{
background-image:url(../images/subnav-bkg.gif); 
background-position:-160px 0; 
background-repeat:no-repeat; 
float:left; 
height:23px; 
width:83px; 
display:block}

div.menu #language a:hover{
background-position:-160px -35px; 
color:#FFF}

#nav{
height:40px; 
width:940px; 
background-color:#b20d05; 
display:block; 
position:relative; 
float:left; 
margin:0; 
padding:0}

#nav a{
display:block; 
float:left; 
font-family:"Arial Black",Gadget,sans-serif; 
font-size:13px; 
text-align:center; 
text-decoration:none; 
background-attachment:scroll; 
background-image:url(../images/nav-bkg.gif); 
background-repeat:repeat; 
background-position:center top; 
line-height:40px; 
border-right-width:1px; 
border-right-style:solid; 
border-bottom-style:none; 
border-right-color:#090909; 
word-spacing:-1px; 
color:#da9591; 
width:187px}

#nav a[title = "Register"]{
text-align:left; 
background-image:url('../images/register-bkg.gif'); 
background-repeat:no-repeat; 
background-position:left top; 
width:112px;
text-transform: uppercase;
padding-left:75px}

div.header{
width:940px; 
background:#fff; 
height:340px; 
border-top:8px #222 solid; 
border-bottom:8px #222 solid; 
margin:0 0 40px}

div.header div.c0{
width:60px; 
height:340px; 
background:#1b1b1b; 
float:left}

div.header div.c1{
width:510px; 
height:340px; 
background:#fff; 
float:left}

div.header div.c2{
width:309px; 
height:340px; 
background:#c02e2e url('../images/fp-splash.gif') center center no-repeat; 
border-left:1px #caa solid; 
color:#fff; 
float:right}

div.header div.c3{
width:60px; 
height:340px; 

background:#1b1b1b; 
float:right}

#slidertab{
width:50px; 
z-index:50; 
position:absolute; 
margin:418px 0 0 711px}

#slider{
height:270px; 
width:940px; 
background-color:#2a384d; 
display:block; 
position:relative; 
float:left; 
margin:0; 
padding:0}

#slider #sliderphoto{
height:270px; 
width:604px; 
display:block; 
position:relative; 
float:left; 
margin:0; 
padding:0}

#slider #sliderphoto img{
padding-top:10px; 
padding-right:10px; 
display:block; 
float:right; 
position:relative; 
border-style:none; 
border-width:0; 
margin:0}

#slider #sliderphoto p{
padding-top:215px; 
display:block; 
float:left; 
position:relative; 
font-family:Arial,Helvetica,sans-serif; 
font-size:28px; 
color:#FFF; 
padding-left:40px; 
border-style:none; 
border-width:0; 
margin:0}

#slider #sliderinfo{
height:220px; 
width:271px; 
display:block; 
position:relative; 
float:left; 
background-image:url(../images/sliderinfo-bkg.gif); 
background-repeat:repeat-x; 
margin:0; 
padding:25px 40px 25px 25px}

#slider #sliderinfo h1{
color:#ebebeb; 
font-family:Arial,Helvetica,sans-serif; 
font-size:26px; 
font-style:normal; 
font-weight:400; 
text-align:left; 
width:271px; 
background-color:transparent; 
margin:0; 
padding:0 0 20px;
text-shadow: 0px 2px 8px #013;
}

#slider #sliderinfo p{
color:#ebebeb; 
font-family:Arial,Helvetica,sans-serif; 
font-size:14px; 
font-style:normal; 
font-weight:400; 
text-align:left; 
background-color:transparent; 
padding-bottom:20px}

#slider #sliderinfo a{
display:block; 
float:left; 
font-family:Arial,Helvetica,sans-serif; 
font-size:13px; 
text-align:left; 
text-decoration:none; 
background-attachment:scroll; 
background-image:url(../images/sliderinfo-button.gif); 
background-repeat:repeat; 
background-position:center top; 
line-height:38px; 
word-spacing:-1px; 
color:#FFF; 
font-weight:700; 
height:38px; 
width:105px; 
padding-left:15px; 
margin-right:10px; 
border-style:none;
-webkit-transition: 0.5s -webkit-box-shadow ease;
}

#slider #sliderinfo a:hover{
	color:#FFF; 
	background-attachment:scroll; 
	background-image:url(../images/sliderinfo-button.gif); 
	background-repeat:repeat; 
	background-position:center bottom;
	-moz-box-shadow: 0px 1px 16px #151c26;
	-webkit-box-shadow: 0px 1px 16px #151c26;
	box-shadow: 0px 1px 16px #151c26;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

div#title h1{
width:900px; 
font-family:Arial,Helvetica,sans-serif; 
font-weight:400; 
color:#fff; 
background-color:#2a384d; 
font-size:24px; 
position:relative; 
background-image:url(../images/title-bkg.gif); 
background-repeat:repeat-x; 
display:block; 
float:left; 
height:57px; 
line-height:57px; 
padding:0 0 0 40px}

div#breadcrumb{
width:850px; 
font-size:13px; 
position:relative; 
display:block; 
float:left; 
height:35px; 
color:#999}

div#breadcrumb a{
color:#686868; 
border-bottom-width:0; 
border-bottom-style:none}

div#breadcrumb a:hover{
color:#2F8DDD}

div#languagebox{
color:#555656; 
font-family:Verdana,Geneva,sans-serif; 
font-size:16px; 
font-style:normal; 
padding:20px}

div#languagebox .region{
padding-bottom:10px; 
width:100%; 
padding-top:30px}

div#languagebox .region a{
display:block; 
width:206px; 
line-height:42px; 
float:left; 
background-color:#fff; 
border:solid 1px #58a; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3); 
-webkit-box-shadow:0 1px 5px #89a; 
text-decoration:none; 
font-size:14px; 
text-indent:60px; 
margin:0 8px}

div#languagebox .region a:hover{
border:solid 1px #000}

div#languagebox a.en_US{
background:#fff url('../images/flags/canada.png') 16px 5px no-repeat}

div#languagebox a.zh_TW{
background:#fff url('../images/flags/hong-kong.png') 16px 5px no-repeat; 
font-family:&#24494; &#36719; &#38597; &#40657; ,&#38582; &#20070; ,Verdana,Geneva,sans-serif}

div#languagebox a.zh_CN{
background:#fff url('../images/flags/china.png') 16px 5px no-repeat; 
font-family:&#24494; &#36719; &#38597; &#40657; ,&#38582; &#20070; ,Verdana,Geneva,sans-serif; 
margin-top:15px}

div.panes .video{
background-color:#2a384d; 
height:270px; 
width:848px; 
background-image:url(../images/video-bkg.gif); 
background-position:left bottom; 
background-repeat:no-repeat; 
border-style:none; 
border-width:0; 
margin:-15px 0 0 -10px; 
padding:0 0 30px}

#vertmenu{
font-size:100%; 
width:160px; 
border-style:none; 
border-width:0; 
margin:0; 
padding:0}

#vertmenu ul{
list-style:none; 
border:none; 
margin:0; 
padding:0}

#vertmenu ul li{
margin:0; 
padding:0}

#vertmenu ul li a{
font-size:80%; 
display:block; 
text-decoration:none; 
color:#666; 
width:160px; 
border-bottom-width:1px; 
border-bottom-style:dashed; 
border-bottom-color:#DADADA; 
padding:5px 0 2px 4px}

#vertmenu ul li a:hover, #vertmenu ul li a:focus{
color:#000; 
background-color:#ADBAC0}

div.content .column1{
width:160px; 
display:block; 
float:left; 
position:relative; 
border-style:none; 
border-width:0; 
margin:0; 
padding:10px 0 0}

div.content .column1 p{
font-size:14px; 
color:#7C7C7C; 
width:140px; 
margin:10px 0 20px}

div.content .column1 h3, div.content .column3 h3{
font-size:16px; 
color:#2A384D; 
margin-right:0; 
margin-bottom:10px; 
margin-left:0; 
font-family:Arial,Helvetica,sans-serif; 
font-weight:700}

div.content .column1 img{
margin-right:0; 
margin-bottom:10px; 
margin-left:0}

div.content .column2{
width:380px; 
display:block; 
float:left; 
position:relative; 
background-image:url(../images/column1-bkg.gif); 
background-position:left top; 
background-repeat:no-repeat; 
border-style:none; 
border-width:0; 
margin:0 40px 0 0; 
padding:10px 0 0 40px}

div.content .column2 h4{
font-size:15px; 
color:#2A384D; 
margin-right:0; 
margin-bottom:0; 
margin-left:0; 
font-family:Arial,Helvetica,sans-serif; 
font-weight:700}

div.content .column3{
width:200px; 
display:block; 
float:left; 
position:relative; 
border-style:none; 
border-width:0; 
margin:0; 
padding:10px 0 0}

div.content .column3 p.formtext{
color:#555656; 
font-size:12px; 
margin:10px 0}

div.content .column3 select, div.content .column3 input{
-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 
color:#2A384D; 
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 
vertical-align:middle; 
width:200px; 
background-color:transparent; 
background-image:none; 
background-position:0 0; 
border:1px solid #D9D9D9; 
margin:0 5px 6px 0; 
padding:2px}

#inside div.content .column3 select, #inside div.content .column3 input{
-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 
color:#2A384D; 
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 
vertical-align:middle; 
width:185px; 
background-color:transparent; 
background-image:none; 
background-position:0 0; 
border:1px solid #D9D9D9; 
margin:0 5px 6px 0; 
padding:2px}

div.content .column3 p{
font-size:10px; 
color:#7C7C7C; 
margin:10px 0 20px}

div.content .column{
margin-right:20px; 
margin-bottom:20px; 
width:270px; 
display:block; 
float:left; 
position:relative; 
border-style:none; 
border-width:0}

div.content .column h1{
color:#2a384d; 
font-family:Arial,Helvetica,sans-serif; 
font-size:26px; 
font-style:normal; 
height:50px; 
text-align:center; 
width:270px; 
background-attachment:scroll; 
background-color:transparent; 
background-image:url(../images/column-h1-bkg.gif); 
background-repeat:no-repeat; 
background-position:center bottom; 
margin:0; 
padding:0}

.error{
font-size:11px; 
color:#41567E; 
width:200px; 
line-height:25px; 
background:url('../../images/warning.gif') left no-repeat}

div.content .column select, div.content .column input{
-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 
color:#2A384D; 
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 
vertical-align:middle; 
width:259px; 
background-color:transparent; 
background-image:none; 
background-position:0 0; 
border:1px solid #D9D9D9; 
margin:0 5px 6px 0; 
padding:2px}

div.content .column img{
font-weight:400; 
text-align:center; 
float:left; 
padding-right:10px; 
padding-bottom:5px; 
border-style:none; 
border-width:0; 
margin:0}

div.content h1{
width:800px; 
font-family:Arial,Helvetica,sans-serif; 
font-weight:400; 
color:#fcefef; 
background-color:#c02e2e; 
font-size:36px; 
position:relative; 
letter-spacing:0.2pt; 
margin:0 0 45px -70px; 
padding:16px 75px 16px 65px}

div.content h2{
font-family:Arial,Helvetica,sans-serif; 
color:#253d44; 
font-size:26px; 
letter-spacing:0.2pt; 
font-weight:400; 
margin:15px 0}

div.content{
width:860px; 
color:#555656; 
font-family:Verdana,Geneva,sans-serif; 
font-size:15px; 
font-style:normal; 
background-image:url(../images/content-bkg.gif); 
background-repeat:no-repeat; 
background-position:0 0; 
display:block; 
position:relative; 
float:left; 
padding:20px 40px 50px}

div.content p{
padding:0 0 10px}

div.content img[align=right]{
margin-left:25px; 
border:solid #ddd 1px}

ul{
padding:7px 0 10px 60px}

ol{
padding:7px 0 30px 60px}

ul.intro{
list-style-image:url('../images/bullet4.png')}

div.content ul.intro li strong{
color:#3D4D52; 
font-family:Arial,Helvetica,sans-serif; 
letter-spacing:0}

div.footer{
background-color:#b9190b; 
height:120px; 
width:756px; 
background-image:url(../images/footer-bkg.gif); 
background-repeat:no-repeat; 
background-position:0 0; 
display:block; 
float:left; 
position:static; 
margin:0; 
padding:0 0 0 184px}

div.footer .threebox{
float:left; 
height:30px; 
width:172px; 
padding-right:78px; 
padding-bottom:25px; 
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 
color:#ebebeb; 
padding-top:25px}

div.footer .copyrightbox{
float:left; 
height:20px; 
width:650px; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
color:#bcafa3}

div.footer a:hover{
color:#78a3e3}

div#contact{
width:740px; 
-moz-border-radius:4px; 
display:none; 
z-index:100; 
margin:0 auto; 
padding:10px 40px 5px}

div#contact input.submit{
width:120px; 
height:40px; 
font-size:16px; 
line-height:32px}

div#contact table{
width:100%; 
border:double #bdf 4px; 
color:#666; 
margin:12px 0 3px; 
padding:3px}

span.important{
color:red}

#contactbox{
width:340px; 
background-color:#F0F7FB; 
-moz-border-radius:4px; 
margin:0 0 40px 50px; 
padding:18px 18px 22px 26px}

blockquote{
padding-left:40px}

.table a{
text-shadow:0 2px 2px #666;
color: #000;
}

.singlespace{
line-height:1.2em}

.center{
text-align:center}

.dark{
color:#555656}

.darker{
color:#3D4D52}

.images{
height:270px; 
width:940px; 
background-color:#; 
display:block; 
position:relative; 
float:left; 
margin:0; 
padding:0}

.images div{
display:none; 
position:absolute; 
top:0; 
left:0}

#home .tabs a{
width:8px; 
height:8px; 
float:right; 
display:block; 
font-size:1px; 
background-image:url(../images/navigator.png); 
background-repeat:no-repeat; 
background-position:0 0; 
margin:3px}

#home .tab a:hover{
background-position:0 -8px}

#home .tabs a.current{
background-position:0 -16px}

div.content .top{
text-align:right; 
font-weight:700; 
float:right; 
border-style:none; 
border-width:0}

ul.tabs{
list-style:none; 
border-bottom:1px solid #666; 
width:850px; 
height:30px; 
display:block; 
float:left; 
position:relative; 
overflow:visible; 
z-index:50; 
margin:0; 
padding:0}

div.content ul.tabs li{
padding-bottom:0; 
display:block}

ul.tabs li{
float:left; 
text-indent:0; 
list-style-image:none !important; 
margin:0 !important; 
padding:0}

ul.tabs a{
font-size:11px; 
display:block; 
height:30px; 
line-height:30px; 
width:134px; 
text-align:center; 
text-decoration:none; 
color:#333; 
position:relative; 
top:1px; 
background-image:url(../images/blue.png); 
background-repeat:no-repeat; 
background-position:-420px 0; 
border-bottom-width:0; 
border-bottom-style:none; 
margin:0; 
padding:0}

ul.tabs a:active{
outline:none; 
display:block; 
position:relative; 
margin:0; 
padding:0}

ul.tabs a:hover{
background-position:-420px -31px; 
color:#fff; 
display:block; 
float:left; 
position:relative}

ul.tabs a.s{
background-position:-553px 0; 
width:81px}

ul.tabs a.s:hover{
background-position:-553px -31px}

ul.tabs a.s.current{
background-position:-553px -62px}

ul.tabs a.l{
background-position:-247px 0; 
width:174px}

ul.tabs a.l:hover{
background-position:-247px -31px}

ul.tabs a.l.current{
background-position:-247px -62px}

ul.tabs a.xl{
background-position:0 0; 
width:248px}

ul.tabs a.xl:hover{
background-position:0 -31px}

ul.tabs a.xl.current{
background-position:0 -62px}

div.panes div.pane{
display:none}

div.menu #logo img, div.menu #logo a{
border-style:none}

div#nav a:hover, div#nav a.currentpage{
color:#FFF; 
background-attachment:scroll; 
background-image:url('../images/nav-bkg.gif'); 
background-repeat:repeat; 
background-position:center bottom;
position: relative;
z-index: 9;
-moz-box-shadow: 0px 1px 16px rgba(255,182,83,0.6);
-webkit-box-shadow: 0px 1px 16px rgba(255,182,83,0.6);
text-shadow: 0px 1px 6px #ca471c;
}

#nav a[title = "Register"]:hover{
color:#FFF; 
background-attachment:scroll; 
background-image:url('../images/register-bkg.gif'); 
background-repeat:no-repeat; 
background-position:left bottom;
}

div.content .column3 input.button, div.content .column input.button{
border:medium none; 
color:#FFF; 
font-size:0; 
height:38px; 
margin-top:10px; 
width:90px; 
margin-right:10px}

div.content .column3 input.button, div.content .column .sample_lession, #inside div.content .column3 .sample_lession{
border:medium none; 
color:#FFF; 
font-size:0; 
height:38px; 
margin-top:10px; 
width:90px; 
margin-right:10px; 
background-image:url(../images/sample1-button.gif)}

div.content .column3 input.button, div.content .column .level_lession, #inside div.content .column3 .level_lession{
border:medium none; 
color:#FFF; 
font-size:0; 
height:38px; 
margin-top:10px; 
width:90px; 
margin-right:10px; 
background-image:url(../images/level1-button.gif)}

div.content .column .sample_lession_zh, #inside div.content .column3 .sample_lession_zh{
border:medium none; 
color:#FFF; 
font-size:0; 
height:38px; 
margin-top:10px; 
width:90px; 
margin-right:10px; 
background-image:url(../images/sample-button_zh.gif)}

div.content .column .level_lession_zh, #inside div.content .column3 .level_lession_zh{
border:medium none; 
color:#FFF; 
font-size:0; 
height:38px; 
margin-top:10px; 
width:90px; 
margin-right:10px; 
background-image:url(../images/level-button_zh.gif)}

div.content .column .sample_lession_cn, #inside div.content .column3 .sample_lession_cn{
border:medium none; 
color:#FFF; 
font-size:0; 
height:38px; 
margin-top:10px; 
width:90px; 
margin-right:10px; 
background-image:url(../images/sample-button_cn.gif)}

div.content .column .level_lession_cn, #inside div.content .column3 .level_lession_cn{
border:medium none; 
color:#FFF; 
font-size:0; 
height:38px; 
margin-top:10px; 
width:90px; 
margin-right:10px; 
background-image:url(../images/level-button_cn.gif)}

input#level.sample_lession:hover, input#sample.level_lession:hover {
	-moz-box-shadow: 1px 3px 12px #888;
	-webkit-box-shadow: 0px 3px 12px #888;
	box-shadow: 1px 3px 12px #888;	
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

div.content p.intro, div.content ul.intro{
color:#555656; 
font-size:14px}

div.content ul.intro li, div.content ul li, div.content ol li{
padding-bottom:8px}

div.footer a, div.footer a:visited{
color:#FFF; 
border-bottom-style:none}

div#contact form table input, div#contact form table textarea{
width:98%}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a{
background-position:-420px -62px; 
cursor:default !important; 
color:#000 !important; 
display:block; 
float:left; 
position:relative}

div#fancy_overlay{
position:fixed; 
top:0; 
left:0; 
width:100%; 
height:100%; 
background-color:#666; 
display:none; 
z-index:30}

* html div#fancy_overlay{
position:absolute; 
height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}

div#fancy_wrap{
text-align:left}

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:transparent url('../images/fancybox/fancy_progress.png') no-repeat}

div#fancy_loading_overlay{
position:absolute; 
background-color:#FFF; 
z-index:30}

div#fancy_loading_icon{
position:absolute; 
background:url('../images/fancybox/fancy_loading.gif') no-repeat; 
z-index:35; 
width:16px; 
height:16px}

div#fancy_outer{
position:absolute; 
top:0; 
left:0; 
z-index:90; 
overflow:hidden; 
background:transparent; 
display:none; 
margin:0; 
padding:18px 18px 33px}

div#fancy_inner{
position:relative; 
width:100%; 
height:100%; 
border:1px solid #BBB; 
background:#FFF}

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

div#fancy_div{
background:#fff url(../images/language-bkg.jpg); 
color:#000; 
height:100%; 
width:100%; 
z-index:100}

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

div#fancy_close{
position:absolute; 
top:-12px; 
right:-15px; 
height:30px; 
width:30px; 
background:url('../images/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:0; 
height:100%; 
width:35%; 
cursor:pointer; 
z-index:111; 
display:none; 
background-image:url(data:image/gif; base64,AAAA); 
outline:none}

a#fancy_left{
left:0}

a#fancy_right{
right:0}

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('../images/fancybox/fancy_left.png') no-repeat}

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

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; 
margin:0; 
padding:0}

div.fancy_bg{
position:absolute; 
display:block; 
z-index:70; 
border:0; 
margin:0; 
padding:0}

div.fancy_bg_n{
top:-18px; 
width:100%; 
height:18px; 
background:transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x}

div.fancy_bg_ne{
top:-18px; 
right:-13px; 
width:13px; 
height:18px; 
background:transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat}

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

div.fancy_bg_se{
bottom:-18px; 
right:-13px; 
width:13px; 
height:18px; 
background:transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat}

div.fancy_bg_s{
bottom:-18px; 
width:100%; 
height:18px; 
background:transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x}

div.fancy_bg_sw{
bottom:-18px; 
left:-13px; 
width:13px; 
height:18px; 
background:transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat}

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

div.fancy_bg_nw{
top:-18px; 
left:-13px; 
width:13px; 
height:18px; 
background:transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat}

div#fancy_title{
position:absolute; 
bottom:-33px; 
left:0; 
width:100%; 
z-index:100; 
display:none}

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

div#fancy_title table{
margin:0 auto}

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

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

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

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

/* Inside Slider CSS */
#s3slider{
width:848px; 
height:270px; 
position:relative; 
overflow:hidden; 
background-image:url(../images/video-bkg.gif); 
background-position:left bottom; 
background-repeat:no-repeat; 
border-style:none; 
border-width:0; 
margin:-15px 0 0 -10px; 
padding:0 0 30px}

div.content #s3slider ul li, div.content #s3slider ol li{
border-style:none; 
border-width:0; 
margin:0; 
padding:0}

#s3sliderContent{
width:848px; 
position:absolute; 
top:0; 
margin:0; 
padding:0}

.s3sliderImage{
float:left; 
position:relative; 
display:none}

.s3sliderImage span{
position:absolute; 
left:0; 
font:17px/25px Arial,Helvetica,sans-serif; 
width:374px; 
background-color:#000; 
filter:alpha(opacity=70); 
-moz-opacity:0.7px; 
-khtml-opacity:0.7px; 
opacity:0.7px; 
color:#fff; 
display:none; 
top:0; 
padding:10px 13px}

.s3sliderImage .left{
top:0; 
left:0; 
width:110px !important; 
height:250px}

.s3sliderImage .bottom{
width:848px !important; 
height:30px; 
top:220px; 
left:0}

html, html, body{
height:100%}

#home .tabs, .clear{
clear:both}

a#fancy_left:hover, a#fancy_right:hover{
visibility:visible}

.caption {
font-size: 11px;
margin-top: 10px;
margin-bottom: 10px;}