@charset "utf-8"; 
/* CSS Document */
@import url("reset.css"); 
*{margin:0px; padding:0px}
a{color:#ea7f13; /*font-weight:bold; */text-decoration:underline}
a:hover{color:#064caa}
p{margin:10px 0}
#mainContent p{margin:15px 20px; line-height:20px;}
a img{border:none}
.left{float:left}
.right{float:right}
body{font-size:11pt; font-family:Arial,Helvetica,sans-serif; color:#706f6d; background:#FFF url(../img/bg.png) left top repeat-x; padding:0 18px; text-align:center}
.wrap #container{width:763px; background:url(../img/shdw.png) repeat-y center; padding:0 4px; margin:0 auto; text-align:left;}
.wrap #header,  .wrap #footer{border-top:6px solid #064caa; text-align:right; margin:0 14px; position:relative;}
.blue_bold{font-weight:bold; color:#064caa}
a.blue{color:#064caa; text-decoration:none}

#header #logo{margin-right:77px}
.wrap #header h1{margin:0; padding:10px 0; background:#fff;}
.wrap #mainContent{margin:0 14px; background:#fff;}
#index_banner{background:url(../img/banner1.jpg) left center no-repeat; height:207px; width:735px; text-align:right; margin:0 0 15px 0;}
#index_banner #banner_note{padding-top:20px; padding-right:75px}
#index_banner #click_here{padding-right:70px; padding-top:5px}
#print_banner{display:none}

#video_box {background:url(../img/video_box_b.png) no-repeat top left; height:207px; width:200px; float:left; margin:0 0 0 5px; }
#video_box p{margin:6px 8px 1px 8px; height:15px; font-size:11px; font-weight:bold; color:#394854; line-height:normal;}
#video_box ul li{width:198px; height:60px; background:#f9f9f9; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; font-size:10px; overflow:hidden}
#video_box ul li.alt{background:#e6e6e6}
#video_box img{display:block; margin:4px 5px; border:1px solid #FFF; float:left; width:50px}
#video_box span{display:block; width:135px; float:left; margin-top:6px}
#video_box a{text-decoration:none; color:#6e6e6e; width:198px; height:60px; display:block}
#video_box ul li:hover{background:#f4a419; border-left:1px solid #dc5b0c; border-right:1px solid #dc5b0c;}
#video_box ul li:hover a{color:#FFF}

#video_real {margin:5px -14px; height:102px; width:763px; overflow:hidden; position:relative;}
#video_real ul {width:6000px; height:102px; position:absolute; z-index:99; margin-left:31px;}
#video_real ul li {float:left; height:100px; width:232px; background:#fafafa; font-size:12px; border:1px solid #e0e0e0; border-left:1px solid #fff;}
#video_real ul li:hover {background:#f2f2f2;}
#video_real ul li img{display:block; margin-right:5px; border:1px solid #FFF; float:left; width:50px}
#video_real ul li span{ display:block; width:165px; float:left;}
#video_real ul li a{text-decoration:none; color:#394854; width:222px; height:90px; display:block; padding:5px; background:url(../img/real-a.png) no-repeat right 32px;}
#video_real ul a:hover{background:url(../img/real-a.png) no-repeat right -100px;} 
#video_real ul li.cam a {background:url(../img/real-arc.png) no-repeat center center;}
#video_real ul li.cam a:hover {background:url(../img/real-arc.png) no-repeat center center;}
#video_real a.next, #video_real a.prev {position:absolute; top:0px; width:30px; height:100px; display:block; z-index:100; background:#f1f1f1; border:1px solid #e0e0e0; cursor:pointer;}
#video_real a.prev { left:0px; border-left:0px;}
#video_real a.next { right:0px; border-right:0px;} 
#video_real a.next span, #video_real a.prev span {width:30px; height:100px; display:block; background-image:url(../img/real-arrow.png); background-repeat:no-repeat;}
#video_real a.next span {background-position:-33px center;} #video_real a.prev span {background-position:3px center;}
#video_real a.next span:hover, #video_real a.prev span:hover {background-image:url(../img/real-arrow-h.png);}

#video_arc {}
#video_arc ul {}
#video_arc ul li {font-size:12px; border-bottom:1px dotted #eee; height:auto; clear:both;}
#video_arc ul li img{display:block; margin-right:5px; border:5px solid #eee; padding:1px; background:#fff; float:left; width:100px}
#video_arc ul li span{ display:inline; line-height:16px;}
#video_arc ul li a{text-decoration:none; color:#394854; width:100%; display:block; padding:15px 5px; background:url(../img/arc-a.png) no-repeat 415px center;}
#video_arc ul a:hover{ background:url(../img/arc-a-h.png) no-repeat 415px center;} #video_arc ul a:hover img{ border:5px solid #fbb81f;} 
#video_arc ul a:hover span{background:#fbb81f; color:#fff;}
#video_arc ul li br.clear {clear:both; }

#intro{text-align:left;}
*html #intro{text-align:right; padding:5px 20px}
#pagename{/*padding-left:18px; */}
#profile{padding-left:18px; font-size:9pt}
#profile img, .category img{border:1px solid #b5b5b5; padding:3px; margin-right:4px}
#profile img{width:154px}
#intro p {margin:15px 0px}

.category{background:url(../img/dot.gif) bottom repeat-x; padding:10px 0; height:80px; color:#064caa; font-size:9pt}
.client{background:url(../img/dot.gif) bottom repeat-x; padding:10px 0; color:#064caa; font-size:9pt}
img.cart{border-right:3px solid #ededed; border-bottom:3px solid #ededed; border-left:1px solid #ededed; border-top:1px solid #ededed; padding:3px}
.category img.float-left{width:106px}
.category img.float-right{float:right; width:63px; border:none}
.category a.blue, .category a.blue_bold, .category span.blue, .category span.blue_bold {padding-left:20px}
.page-menu{width:240px; float:left}
.page-menu ul li{list-style-type:none}
.page-menu ul li a, a.blue_bold{font-weight:bolder; color:#064caa; text-decoration:none; font-size:9pt; font-family:}
.page-menu ul li a:hover, a.blue_bold:hover{color:#ea7f13}


img.cat_header{border:none; margin-top:5px}
.orange_underlined{color:#ea7f13; /*font-weight:bold; */text-decoration:underline}
.wrap #footer{border-top:4px solid #064caa; color:#706f6d; font-size:9pt; margin-top:50px; padding:10px 0; text-align:left; background:#fff;}
.wrap #footer a{color:#706f6d; text-decoration:underline; padding:0 10px}
.wrap #footer a:hover{text-decoration:none}
.clearfloat{clear:both; height:1px}
.float-left{float:left}
.float-right{float:right}
.category div.float-right{text-align:left; width:540px}

h1, h2 { font-size:29px; letter-spacing:-1px; color:#394854; font-weight:normal;} h2 {font-size:22px;} 
h1 span, h2 span {color:#ea7f13;}
h1 a, h2 a {text-decoration:none;}

#intro .col-left {float:left; width:520px; padding:0 10px; border-right:1px dotted #eee;}
#intro .col-right {float:right; width:193px; text-align:center; overflow:hidden;}
.col-right h2 {margin:5px;}
.col-right .item {border-bottom:1px dotted #eee; padding:12px 0px 12px 8px;}
.testi {text-align:left;}
.testi ul { width:185px; overflow:hidden; height:81px;}
.testi ul li { width:185px;}
.testi ul li i {color:#394854; font-weight:normal; font-size:16px; line-height:20px;}
.testi ul li span {color:#ea7f13; font-weight:normal; font-size:13px; position:relative; right:0px; display:block; margin-top:8px;}
.testi ul li.hidden {display:none;}
.col-right .vertical {border:0;}
.col-right .vertical ul li {border:0; border-bottom:1px dotted #eee;  padding:12px 0px 12px 8px;}
.col-right .vertical ul { height:auto;}

.menu5{text-align:left; font-family:verdana,sans-serif; position:relative; font-size:0.9em; height:2.5em; margin:0 padding:0; list-style-type:none}
.menu5 ul{padding:0; margin:0; list-style-type:none; /* for Firefox */}
.menu5 li{float:left; position:relative}
.menu5 li a, .menu5 li a:visited{display:block; text-decoration:none; width:184px; color:#000; float:left; padding-right:0em; height:55px; color:#909}
* html .menu5 li a, .menu5 li a:visited{width:174px; w\idth:174px; /* hack for IE5.5 */}
.menu5 li a.drop, .menu5 li a.drop:visited{font-weight:bold}
.menu5 li a.clietns, .menu5 li a.clietns:visited{ background:url(../img/categories.jpg) left top no-repeat}
.menu5 li a.categories, .menu5 li a.categories:visited{ background:url(../img/categories.jpg) left top no-repeat}

.menu5 li ul{visibility:hidden; position:absolute; top:0px; left:0; height:0; overflow:hidden}
.menu5 table{margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a, 
.menu5 li a:hover{text-decoration:underline; border:0}
.menu5 li:hover ul, 
.menu5 li a:hover ul{visibility:visible; height:auto; width:174px; background:#fff; border:1px solid #ddd; left:0; top:55px; overflow:visible}
.menu5 li:hover ul li a, 
.menu5 li a:hover ul li a{display:block; background:rgb(220,90,12); font-weight:bold; color:#fff; text-decoration:none; height:auto; line-height:0.5em; padding:0.5em; top:0px; width:157px}
* html .menu5 li a:hover ul li a{width:184px; w\idth:184px; /* hack for IE5.5 */}
.menu5 li:hover ul li a.drop, 
.menu5 li a:hover ul li a.drop{font-weight:bold}
.menu5 li:hover ul li ul, 
.menu5 li a:hover ul li a ul{visibility:hidden; position:absolute; top:60; left:0em; height:0; overflow:hidden}
.menu5 li:hover ul li a:hover, 
.menu5 li a:hover ul li a:hover{text-decoration:underline}
.menu5 li:hover ul li:hover ul, 
.menu5 li a:hover ul li a:hover ul{visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#000; width:9.5em}

.menu5 li:hover ul li:hover ul.left, 
.menu5 li a:hover ul li a:hover ul.left{float:none; left:-9.3em}
.menu5 li:hover ul li:hover ul li a, 
.menu5 li a:hover ul li a:hover ul li a{display:block; height:auto}
.menu5 li:hover ul li:hover ul li:hover a, 
.menu5 li a:hover ul li a:hover ul li a:hover{text-decoration:underline}

a#fill_survey {display:none; width:174px; height:57px; position:absolute; right:-40px; top:-6px; overflow:hidden; line-height:6000px; background:url(../img/fill-survey.png) no-repeat;}
#survey fieldset{padding:4px}
#survey fieldset label{font-size:12px; padding:4px 10px 4px 5px}
#survey fieldset label span{text-decoration:underline; font-weight:bold}
#survey fieldset input{font-size:12px; padding:4px; border:none; border-bottom:1px solid #706f6d; color:#333; width:125px}
#survey div fieldset label{width:175px; display:inline-block}
#survey div fieldset input{width:15px}
#survey fieldset input:focus{border-bottom:1px dotted #706f6d}
#survey button{border:none; background:#ee8d14; color:#FFF; padding:8px 10px 8px 10px; border-bottom:4px solid #df5d0e; border-top:4px solid #df5d0e; cursor:pointer}
#survey button:hover{background:#0b8ce0; color:#FFF; border-bottom:4px solid #0450ae; border-top:4px solid #0450ae}