/* header */
@charset "utf-8";
body { margin: 0px; padding: 0px; }
p{ margin-top: 0px;}
.header_bg{ background:url(../images/header_bg.jpg) repeat-x; }
#header, #home_banners, .c_div, .content_area, .read_more, #footer, #header_member, .banners{ width:960px; margin:0 auto; clear:both; }
#header{ position:relative; height:132px; z-index:10000;}
#logo{ float:left; width:240px; margin-top:15px; }
#phone{ position:absolute; right:0; top:16px; z-index:3; }
#home_banners, .banners{ position:relative; width:928px; margin-top:53px; height:428px; border:2px solid #efefef; -webkit-border-radius:2px; -moz-border-radius:2px; padding:20px 14px;}
.banners{ margin-top:5px; padding:40px; width:876px; height:394px; }
.banner_txt{ background:url(../images/banner_txt_bg.png); position:absolute; width:440px; left:14px; bottom:20px; padding:5px 15px 15px 50px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; }
.banner_click_here { background:url(../images/banner_txt_bg.png); position:absolute; right:162px; bottom:20px; padding:15px; font-family:Arial, Helvetica, sans-serif; color:#52a6d6; font-size:18px; text-decoration:none; }
.banner_txt h2{ font-size:18px; font-weight:normal; }
#hidden_content{ display:none; }
.read_more{ margin-top:19px; text-align:center; }
#h1_tag{ height:15px; position:absolute; right:0; }
#h1_tag h1{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#C0C0C0; padding: 0px; margin: 0px; font-weight: normal; }

/* nav */
#menu{ position:relative; float:left; margin-left:48px; width:672px; }
#nav { margin:0; padding:0; height:132px; position:absolute; z-index:2; right:0; }
#nav li { float:left; display:inline; position:relative; }
#nav li a.navi { background:url(../images/menu1-3.png) no-repeat 0 0; display:block; height:132px; }

#nav li a.home, #nav li a.home_a{ background-position:0 0; width:72px; text-align:center; }
#nav li a.products, #nav li a.products_a{ background-position:-72px 0; width:92px; text-align:center; }
#nav li a.showreel,  #nav li a.showreel_a{ background-position:-164px 0; width:94px; text-align:center; }
#nav li a.clients, #nav li a.clients_a{ background-position:-258px 0; width:73px; text-align:center; }
#nav li a.about,   #nav li a.about_a{ background-position:-331px 0; width:80px; text-align:center; }
#nav li a.faq,#nav li a.faq_a{ background-position:-411px 0; width:62px; text-align:center; }
#nav li a.contact,#nav li a.contact_a{ background-position:-473px 0; width:98px; text-align:center; }
#nav li a.vault,#nav li a.vault_a{ background-position:-571px 0; width:101px; text-align:center; }

#nav li a.home:hover,   #nav li a.home_a  { background-position:0 -132px;}
#nav li a.products:hover,   #nav li a.products_a  { background-position:-72px -132px;}
#nav li a.showreel:hover,  #nav li a.showreel_a { background-position:-164px -132px;}
#nav li a.clients:hover, #nav li a.clients_a{ background-position:-258px -132px;}
#nav li a.about:hover,   #nav li a.about_a  { background-position:-331px -132px;}
#nav li a.faq:hover,#nav li a.faq_a{background-position:-411px -132px;}
#nav li a.contact:hover,#nav li a.contact_a{ background-position:-473px -132px;}
#nav li a.vault:hover,#nav li a.vault_a{ background-position:-571px -132px;}

#slide {position:absolute; bottom:-132px; left:48px; height:6px; background-color:#9d9d9d; z-index:1}

/* homepage tabs */
#tabs_div{ position:absolute; right:17px; top:20px; }
#tabs { margin:0; padding:0; width:162px; }
#tabs li { display:inline; }
#tabs li a.navi { background:url(../images/tabs.png) no-repeat 0 0; display:block; width:162px; }

#tabs li a.showreel, #tabs li a.showreel_a{ background-position:0 0; height:126px; text-align:center; }
#tabs li a.production, #tabs li a.production_a{ background-position:0 -126px; height:98px; text-align:center; }
#tabs li a.presenters,  #tabs li a.presenters_a{ background-position:0 -224px; height:97px; text-align:center; }
#tabs li a.vault, #tabs li a.vault_a{ background-position:0 -321px; height:107px; text-align:center; }

#tabs li a.showreel:hover,   #tabs li a.showreel_a  { background-position:-162px 0;}
#tabs li a.production:hover,   #tabs li a.production_a  { background-position:-162px -126px;}
#tabs li a.presenters:hover,  #tabs li a.presenters_a { background-position:-162px -224px;}
#tabs li a.vault:hover, #tabs li a.vault_a{ background-position:-162px -321px;}

/* vault main page tabs */
.tabs_ul { margin:0; padding:0; width:159px; position:absolute; right:0; top:20px; }
.tabs_ul li { display:inline; } .tabs_ul li:last-child{ border:none; }
.tabs_ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#5c5c5c; display:block; padding:30px 10px; text-decoration:none; border-bottom:1px solid #cecece; }
.tabs_ul li a:hover, .tabs_ul li a.active{ color:#52a6d6; } .tabs_ul li a.last{ border:none; }

/* homepage */
.cta_bg{ background:url(../images/cta_bg.jpg) repeat-x; }
.cta, .cta_last{ float:left; width:226px; display:block; } .cta{ margin-right:18px; } .cta_last{ margin-left: 1px; }
.cta_contact{ background:url(../images/cta_contact.jpg) no-repeat; height:145px; padding:88px 8px 8px 8px; font-family:Arial, Helvetica, sans-serif; color:#626262; font-size:12px; }
.testimonial_bg{ background:url(../images/testimonial_bg.jpg) repeat-x; height:305px; }
.dots{ float:right; margin:39px 33px 15px 20px; }
.rect{ width:10px; height:10px; display:block; float:left; margin:0 3px; background:url(../images/rect.jpg); } .rect_1{ background:url(../images/rect_1.jpg); }
.testimonial_rel{ position:relative; height:230px; overflow:hidden; }
.testimonial_0, .testimonial_1{ position:absolute; width:960px; height:230px; top:0; left:0 }
.testimonial_1 { left:960px; }
.testimonial_area{ background:url(../images/left_quote.gif) no-repeat; padding-left:45px; padding-right:33px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#626262; min-height:50px; }
.testimonial_title{ background:url(../images/right_quote.gif) no-repeat top right; padding-right:33px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#626262; text-align:right; }

/* footer */
#footer{ margin-top:50px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; }
#footer a{ color:#666666; text-decoration:none; padding:12px 0; }
#footer a:hover{ color:#52a6d6; } #footer .div_1 a, #footer .div_2 a, #footer .div_3 a{ display:block; }
#footer .div_1{ float:left; width:225px; padding-right:15px; text-align:right; }
#footer .div_2{ float:left; width:232px; padding-right:15px; }
#footer .div_3{ float:left; width:219px; padding-right:15px; }
#footer .div_4{ float:left; width:210px; } #footer .div_4 a{padding-right:11px;}
#footer .connect{ padding:12px 0px 37px 86px;}
#footer h3{margin:0; padding:0;}

.efooter, .efooter a:link, .efooter a:visited, .efooter a:active { font-family:Arial, Helvetica, sans-serif; color: #C0C0C0; font-size: 10px; text-align: left; text-decoration: none; margin-top:10px; margin-left:10px;}
.padding_right_footer{ padding-right:30px;}
.padding_footer{ padding-right:30px; padding-left:5px; border-left:1px solid #C0C0C0; }

/* conten area */
.content_area{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#626262; }
.content_area h2, .content_area h3, .content_area h4{ font-family:Arial, Helvetica, sans-serif; font-size:33px; font-weight:normal;  color:#4d4d4d; }
.content_area h3{ font-size:25px; }
.content_area h4{ font-size:15px; }
.content_area h2{ background:url(../images/blue_dot.gif) repeat-x center center; }
.content_area h2 span{ background-color: #ffffff; padding-right:40px; }
.content_area hr, .blue_hr{ height:1px; color:#52a6d6; background-color:#52a6d6; border:0; margin:20px 0; }
.content_area p a, .body_link a, .content_area h3 a{ color:#52a6d6; text-decoration:none;} .content_area p a:hover, .body_link a:hover{text-decoration:underline;}
.content_area{line-height:20px;}
.content_area ul li{ list-style-image:url(../images/list_bullet.gif); }

/* dropdown menu */
.menu{ background:url(../images/dropdown_bg.jpg) repeat-x; background-color:#d2d2d2; padding:12px 10px 12px 23px; width:170px; }
.menu a{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px; text-decoration:none; height:22px; padding-top:12px; display:block; }
.menu a:hover{ color:#52a6d6; }

/* breadcrumb */
.bread{ float:right; margin-top:5px; }
.bread, .bread a{ font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #626262; text-decoration: none; }
.bread a{ color:#52a6d6; text-decoration:none;} .bread a:hover{ text-decoration: underline; }
.bread h2{ margin:0; float:left; font-size: 10px; clear:none; font-weight:normal; }

/* contact page */
.contact_left{ width:462px; float:left; padding-right:18px; } 
.contact_right{ width:455px; float:left; padding-left:25px; }
.map_bg{ background:url(../images/map_bg.jpg) no-repeat; padding:12px; width:438px; height:380px; } #map{ width:438px; height:380px; }

/* vault */
#vault_img{ width:240px; float:left; margin-top:32px; margin-left:45px; }
#member_login{ width:206px; float:right; margin-top:61px; margin-right:29px; }
.login_bg{ position:absolute; width:100%; left:0; top:321px; background:url(../images/login_bg.jpg) repeat-x; height:116px; padding-top:50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#626262; }
.terms_div{ height:260px; overflow:auto; padding:10px; }
.disclaimer{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#838383; line-height:15px; }

#header_member{ margin-top:53px; }
#company_logo{ width:700px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#626262; } #company_logo img{ vertical-align:middle; }
#vault_logo { width:200px; float:right; }
.project_name{ float:left; width:438px; }
.welcome_div{ margin:32px 0 20px 0; border-bottom:1px solid #52a6d6; padding-bottom:13px; }
.welcome{ float:right; width:522px; text-align:right; }
.welcome span{ margin:0 15px; }

.member_left{ float:left; width:705px; padding-right:20px; } .member_right{ float:left; width:235px; }
.edit_icons{ float:left; width:80% } .delete_icon{ float:right; width:20%; } .edit_icons img{ vertical-align:text-bottom; }
.hd{ margin-left:50px; } .video_area{ margin:8px 0 15px 0; }
.player_div{ width:705px; height:420px; }
.operations{ float:left; width:527px; } .upload_div{ float:left; padding-left:14px; width:164px; }
.approved, .unapproved, .download, .upload{ width:156px; height:22px; padding-top:3px; padding-left:8px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; text-decoration:none; display:block; }
.approved, .unapproved, .download{ float:left; }
.approved{ background:url(../images/approve_bg.png) no-repeat right; background-color:#b3b3b3; }
.unapproved{ background:url(../images/unapprove_bg.png) no-repeat right; background-color:#b3b3b3; }
.approved, .unapproved{ margin-right: 14px; }
.status_active{ background-color:#409dd1; }
.download{ background:url(../images/download_bg.png) no-repeat right; background-color:#12aaff; }
.upload{ background:url(../images/upload_bg.png) no-repeat right; background-color:#12aaff; }
.upload_form{ width:79px; background-color:#53a6d6; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; padding:2px; border:none; }
.embed_div{ margin-top:16px; } .embed_div label{ cursor:pointer; width:60px; display:block; float:left; }
.embed_div input{ width:454px; border:1px solid #55a8d6; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#909090; padding:2px; float:left; }
.embed_size{ margin-top:8px; } .embed_size input{margin-left:7px; margin-right:7px; } .embed_size .formfield_blue{ width:50px; }
.upload_time{ margin-top:8px; }
.control_panel{ float:left; width:240px; margin-right:40px; } .channels{ float:left; width:240px; }
.control_panel a{ text-decoration:none; font-size:14px; color:#424242; display:block; margin-top:10px; } .control_panel a img{ vertical-align:middle; }
.control_panel a:hover, .channels a:hover{ color:#52a6d6; }
#project_name_div{ width:280px; height:110px; display:none; }
#project_process_msg{ display:none; text-align:center; padding:8px; }
#submit_comment_progress{ display:none; text-align:right; height:30px; } #submit_comment_button{ margin-top:8px; }

#select_client_div, #select_project_div{ height:85px; overflow:auto; margin-top:10px; }
#select_client_div a, #select_project_div a{ width:212px; padding:4px 2px; display:block; overflow:hidden; color:#424242; text-decoration:none; font-size:13px; }
#select_client_div a.active, #select_project_div a.active, #select_video_div a.active{ background-color:#eeeeee; color:#52a6d6; }
#select_client_div a:hover, #select_project_div a:hover, #select_video_div a:hover{ color:#52a6d6; }
#select_video_div{ height:520px; overflow:auto; margin-top:20px; }
.video_icos{ float:left; width:13px; margin-right:2px; text-align:center; } .video_icos img{ display:block; }
.video_link{ float:left; width:203px; overflow:hidden; } .video_link img{ margin-right:5px; }
.video_link a{ display:block; color:#424242; text-decoration:none; font-size:13px; white-space:nowrap; }
.video_link_a, .video_link_a a{ background-color:#eeeeee; color:#52a6d6; }
.video_container{ height:51px; margin-bottom:20px; }
.small_img{ position:absolute; width:200px; border:1px solid #dcdcdc; padding:1px; display:none; left:-215px; top:100px; z-index:10; background-color:#FFFFFF; padding:5px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; }
.content_item{ padding:11px; }
#commemt_area{ border:1px solid #eaeaea; }
.comment_topic{ height:33px; padding:8px; background:#f4f4f4; font-size:20px; }

#listingheader { padding: 10px;}
#headerfile { text-align:left; float: left; width: 320px;}
#headermodified{ text-align:right;}
#headersize { text-align:left; width: 75px; float: left;}
#listing a { display:block; padding: 2px 10px 2px 10px; font-size:small; color: #6285CA; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-align:right;}
#listing a:hover { background-color:#DBE6FE;}
#listing a img { float:left; margin-right: 4px;}
.b { background-color: #f4f4f4;overflow:auto;}
.w { background-color:#FFFFFF;overflow:auto;}
#listing a strong { width:300px; float:left; text-align:left;}
#listing a em { float: left; width: 75px; text-align:left;}
#listing a span { position: absolute; margin-left: -151px; margin-top: -2px;}
#listing a span img { width: 150px; background-color:#CCCCCC; visibility: hidden;}
#listing a:hover span img { border: 1px solid #666666; visibility: visible;}

/* general */
.hidden{ display:none; }
.newrow {clear: both; }
.div_relative{position:relative;}
.div_absolute{position:absolute;}
.ldiv{float:left;}.rdiv{float:right;}
.formfield{ color:#626262; font-family:Arial, Helvetica, sans-serif; font-size:13px;  border:1px solid #dcdcdc; background-color:#ffffff; width:300px; padding:2px; }
.formfield_contact{ border:1px solid #dcdcdc; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#626262; padding:8px; width:100%; }
.formfield_contact{ margin-top:8px; margin-bottom:14px; }
.formbutton, .formfield_blue, .formfield_login{ background-color:#53a6d6; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; padding:2px; border:none; }
.formbutton{ text-align:center; padding:2px 15px; }
.formfield_login{ width:320px; }
.comment_field{ color:#bbb; margin-top:40px; border:1px solid #55a8d6; width:100%; }
.formfield2, .formfield_cta { font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #C0C0C0; background-color:#ffffff; color:#2c2c2c; margin-bottom:2px; }
.formfield_cta { width:100%; }
.alert{ font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #d70309; text-decoration: none; }
.submenu, .submenu:hover, .submenu_a{ background:url(../images/submenu_bg.jpg) no-repeat; text-align:center; padding-top:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c; text-decoration:none; width:132px; height:55px; display:block; }
.shimmer{background:url(../images/shimmer.png) no-repeat; background-position:-20px 0; background-color:#53a6d6; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; padding:2px; border:none; }

.submenu:hover, .submenu_a{ color:#52a6d6; }
.pricing{ border-spacing:7px 1px; }
.pricing tr td{ background-color:#ececec; border-bottom:1px solid #cecece; }
.pricing tr td:first-child{ font-size:11px; color:#5c5c5c; padding:7px; } 
.pricing tr:last-child td{ padding-top:20px; border-bottom:none; background-color:#ffffff; }
.even_particular { background-color:#f4f4f4; margin:6px 0; }
.margin_bottom8{ margin-bottom:8px; }
.padding_left8{ padding-left:8px; }

/* text styles */
.blue_text_normal, .blue_text_large, .blue_text_medium{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#52a6d6;}
.blue_text_large{ font-size:25px; } .blue_text_medium{ font-size:17px; } .blue_text_large a:hover{ color:#2b8bc2; }
.black_text_medium{ font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#424242; }
.black_text_medium a{ color:#424242; text-decoration:none; } .black_text_medium a:hover{ color:#52a6d6; }
.green_text_normal, .green_text_normal a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#62c618; text-decoration:none; }
.red_text_normal, .red_text_normal a, .red_text_small{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#cf4c4c; text-decoration:none; }
.red_text_small{ font-size: 12px; }
.white_text_normal, .white_text_large, .white_text_medium{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff;}
.dark_blue_text_normal, .dark_blue_text_normal a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#006bb6; text-decoration:none; }