/*---- Styles for all browses ----*/
*       {margin:0; padding:0; outline:none;}
body    {font:10px Verdana,Arial; background: #000000 url("../img/bg/body.jpg") center repeat-y; color:#999;}
a img   {border:none;}
a       {text-decoration:none; color:#FF0000;}
a:hover {text-decoration:underline;}
hr       {display:block;}
hr.separator  {clear:both; border:none; height:0; visibility:hidden;}

/* Detail */
#detail {background:url("../img/bg/detail.jpg") center bottom no-repeat; position:relative; min-width:997px;}

/* Warp */
#wrap {width:997px; margin:0 auto;}

/* Main */
#main {width:662px; margin-left:224px;}

/* Content */
#content {height:auto !important; height:431px; min-height:431px; position:relative; padding:105px 78px 0 42px;}

/* Top */
#contact_top    {background:url("../img/bg/contact_top.png") no-repeat bottom; width:240px; text-align:right; padding-bottom:9px; position:absolute; top:3px; right:6px;z-index:999;}
#contact_top li {list-style:none; display:inline; padding:5px;}
#spotlight      {margin-left:124px;}
#logo           {float:left; margin:50px 0 0 10px;}

/*BG Other*/
.bg_other #main       {background:#C2C2C2 url("../img/object/spotlight.jpg") no-repeat;color:#000;}
.bg_other .spotlight  {background:url("../img/object/spotlight.jpg") no-repeat top;}
.bg_other #content    {background:url("../img/bg/shadow_bottom.jpg") no-repeat bottom;}
.bg_other #footer     {background:url("../img/bg/footer.jpg") no-repeat 223px 0 ;}

/* Menu */
#menu            {font-size:11px;clear: both; float:left; margin:20px 0 0 18px; text-align:right;color:#C5C5C5;width:180px;color:#FF0000;}
#menu li         {list-style:none;margin:4px 0;}
#menu li a       {color:#C5C5C5;}
#menu li a:hover {color:#FF0000; text-decoration:none;}
#menu ul         {border-right:1px solid #666;padding:0px 7px 0 0;margin:2px 0 5px 0 ;}
#menu ul li a    {color:#666;}

/* Footer */
#detail_footer {background:url("../img/bg/detail_footer.jpg") no-repeat center bottom; height:220px; text-align:center;}
#footer        {height:220px; width:997px; margin:0 auto; font:10px "Trebuchet ms"; color:#757575;}/* background a ser add */
#footer p      {padding:186px 0 0 110px;}
#footer a      {color:#757575;}

/* Objects */
.object     {position:relative;clear:both;height:40px;}
.object img {position:absolute;}
.object .camcorder   {top:-80px; left:-477px; z-index:2;}
.object .chair       {top:-33px; right:-15px;}
.object .microphone  {top:-73px; left:-400px;}
.object .sport_light {top:-260px; right:-180px;}
.object .trophies    {top:20px; left:60px;}
.object .sentence    {margin-left:60px;width:320px;height:30px;overflow:hidden;}

/* Home */
#home #body          {background:#010101 url("../img/bg/home.jpg") center top no-repeat;margin:0 auto; min-width:1000px;boredr}
#home #detail        {background:none;}
#home #detail_footer {background:none;}

#tit_video {position:absolute; top:110px; right:60px;}
#box_video {width:333px; height:253px; padding:17px 0 0 19px; position:relative; margin:5px 0 0 57px;*margin:5px 0 0 44px; float:left;}
#box_video .loading  {position:absolute; top:110px; left:150px; display:none;}

#video_mini          {color:#C5C5C5; width:103px;*width:98px; height:217px; padding-top:8px;text-align:center; font-size:10px; position:absolute; z-index:10; top:115px; right:51px; *right:-400px;}
#video_mini li       {list-style:none;}
#video_mini li a     {text-decoration:none;}
#video_mini li a img {border:#2A2A2A solid 2px; margin-top:2px;}

/*Services*/
#services                  {padding:60px 0 20px 0;}
#services_video            {padding:0 0 0 100px;}
#services_video #box_video {margin:0; float:none;}
#services_video #opt       {font-family:"Arial"; width:207px; float:right;}
#services_video span       {margin-right:10px; float:left; margin-right:5px;}
#services_video a          {color:#535353;}

.services_content {padding-bottom:10px; border-bottom:#989898 solid 1px;}
.services_content .infopage {float:none;padding-top:10px;}
.services_content .infopage h2 {color:black; font-size:18px;}

#services h2      {font-size:11px; margin:0;}
#services p       {font-size:10px; color:#535353}

#bt_prev,
#bt_next     {width:84px; margin:20px 0;}
#bt_prev a,
#bt_next a   {color:#535353; text-decoration:none;}
#bt_prev img,
#bt_next img {margin:0 5px; vertical-align:bottom;}
#bt_prev     {float:left;}
#bt_next     {float:right;}


/* Info Pages*/
#infoTitle,
#infoTitle2    {background: url('../img/bg/info_title_rep.png') repeat-x; height:35px; font-weight:bold;width:auto !important; min-width:25px; width:25px;  position:absolute; top:117px; right:0;}
#infoTitle h1,
#infoTitle2 h1 {padding:7px 45px;  color:#C5C5C5; font-size:14px; }
#infoTitle2    {top:60px;}
#infoTitle2 h1 {padding:7px 45px 7px 40px;}

#faq          {padding-bottom:30px;color:#000;*padding-top:20px;}
#faq h2       {background: url('../img/icon/arrow.gif') no-repeat left; font-size:11px; word-spacing:4px; font-weight:normal; padding:3px 0 3px 25px; margin-top:26px;}
.info_faq			{float:none; padding:10px 0 25px 25px; border-bottom:#B6B6B6 solid 1px;}
.info_faq dt 	{cursor: pointer;}
.info_faq dd  {color:#535353; font-size:10px; margin-bottom:12px;}

/*Box Content*/
.box_content02 {background-color:#000; width:572px; display:table;}
.box_content02 .bg_detail     {background-position:top right; background-repeat:no-repeat; width:532px; margin:0px 0 -3px 0px; float:right; padding:20px 20px 20px 0px;}
.box_content02 .bg_detail h3  {color:#CCC; font-size:11px; border-bottom:#404040 solid 1px; padding-bottom:8px; margin-bottom:8px;}

/*Photos */
#photos     {background-color:#000; width:342px;  height:257px; margin:0px 0 35px 90px; position:relative;}
#photos p   {position:absolute; bottom:-20px; right:10px;}
#photos p a {color:#535353; margin:0 3px;}

/*List*/
.list    {margin:-20px 0 -30px 0;}
.list dt {background:url('../img/icon/arrow3.png') no-repeat 0 25px; font-size:14px; color:#C5C5C5; padding:25px 0 15px 30px;}
.list dd {border-bottom:#404040 solid 1px; padding:0 0 26px 0;}

/*Facilities*/
#facilities .bg_detail {background-image: url('../img/bg/bg_facilite.png');}

/*Career Oportunities*/
#career_oportunities .bg_detail {background-image: url('../img/bg/bg_opportunities.png');}

/*Dop Story*/
#dop_story .bg_detail {background-image: url('../img/bg/bg_history.png');}

/*Fresh News*/
#fresh_news                {width:600px;}
#fresh_news .fresh_content {width:398px;float:left;}
#fresh_news	.list          {margin:0; width:398px;}
#fresh_news .list dt       {color:#FFF; font-size:11px; padding:25px 0 0 25px;}
#fresh_news .list dt p     {color:#757575;}
#fresh_news .list dd       {border-bottom:#404040 solid 1px; padding:0 0 7px 24px;}
#fresh_news .photo_fresh   {background-color:#000; border:#2A2A2A solid 1px;  min-height:194px; padding-top:10px; margin-bottom:17px; text-align:center;}

.next            {background:#000; border:1px solid #2A2A2A; float:left; width:387px; height:29px; position:relative; font-size:12px;margin:20px;}
.next ul         {height:27px;text-align:center; padding:0px 5px 0 5px;margin:5px 0 0 0;}
.next li         {list-style:none; margin:0 4px 0 4px; display:inline;}
.next div        {display:inline;}
.next li a       {color:#535353;}
.next li a:hover {color:#FF0000; text-decoration:none;}
.next .current   {color:#FF0000;}

#fresh_news #fresh_news_menu   {display:table; width:196px; float:right;}
#fresh_news .shadow_menu       {float:right; margin:29px 0 14px 0; border:#333 solid 1px; width:144px; background:#000 url('../img/bg/bg_fresh.png') no-repeat 35px -10px; position:relative;}
#fresh_news .shadow_menu h3    {text-align:center; position:relative; top:-15px;}
#fresh_news .shadow_menu ul    {min-height:157px; padding:0 8px;}
#fresh_news .shadow_menu li    {list-style:none; border-bottom:#333 solid 1px; text-align:center; padding:10px 0 14px 0;}
#fresh_news .shadow_menu li a  {color:#757575; font-size:10px;}

/*Videos*/
#videos .content_cms {width:538px; margin:10px 0 0 9px; padding:20px 25px 6px 25px; border:#000 solid 1px; background-color:#1A1A1A; color:#535353;}
#videos .content_cms h2 {color:#FFF; font-size:11px;}

.video01 {background: url('../img/bg/video01.png') no-repeat; width:642px; height:20px;}
.video02 {background: url('../img/bg/video02.png') repeat-y; width:642px; display:table;}
.video03 {background: url('../img/bg/video03.png') no-repeat; width:642px; height:20px;}
.video02 .detail_video     {background: url('../img/bg/bg_video.png') no-repeat top right; width:608px; margin:-4px 0 0px 17px; padding:0; }
.video02 .detail_video h3  {color:#CCC; font-size:11px; border-bottom:#404040 solid 1px; padding-bottom:8px; margin-bottom:8px;}
.video02 .detail_video #click {float:right; color:#666; font-size:10px;}
#carousel            {width:426px; height:347px; margin:9px 0 0 70px; text-align:center; visibility:hidden;}
#carousel ul         {overflow:hidden;}

#box_list            {width:568px; height:377px; float:left; position:relative;z-index:1;left:20px;}
#box_list li         {list-style:none; width:426px; height:347px; position:relative;}
#box_list #prev      {position:absolute; top:200px; left:0;}
#box_list #next      {position:absolute; top:200px; right:0;}

#box_list p   {position:absolute; bottom:0px; right:70px;}
#box_list p a {color:#535353; margin:0 3px;}


/* content_cms */
.content_cms p  {margin-bottom:14px;}
.content_cms ul,
.content_cms ol {margin:10px 20px 15px 20px;}

.content_cms h1,
.content_cms h2,
.content_cms h3,
.content_cms h4,
.content_cms h5,
.content_cms h6 {color:#C5C5C5; margin-bottom:10px;}

.content_cms h1 {font-size:17px;}
.content_cms h2 {font-size:16px;}
.content_cms h3 {font-size:15px;}
.content_cms h4 {font-size:14px;}
.content_cms h5 {font-size:13px;}
.content_cms h6 {font-size:12px;}

/*contact*/
#wrap_contact                {width:543px;margin:55px 0 38px 17px;float:left; font:11px "Arial";}
#wrap_contact #infoTitle h1  {font:14px "Verdana"; font-weight:bold;}
#wrap_contact form           {width:310px;float:left;}
#wrap_contact label          {float:left;margin:5px 0 1px 0; color:#333;}
#wrap_contact .input_contact {width:304px;border:1px solid #809DB9;padding:2px 0 1px 0;}
#wrap_contact textarea       {width:304px;border:1px solid #809DB9;padding:2px 0;height:68px;}
#checkbox_contact input      {float:left;}
#checkbox_contact label      {margin:0px 0 0 5px;}
#checkbox_contact li         {clear:both;list-style:none;}
#checkbox_contact ul         {float:left;margin:10px 0;}
.left_checkbox li,
.right_checkbox li           {padding:5px 0;}
.left_checkbox               {width:140px;}
.right_checkbox              {width:170px;}

#wrap_contact .submit input  {width:auto;border:none;margin:10px 5px 0 0;padding:0;float:right;}
.right_contact               {float:right;width:205px;border-left:solid 2px #CCC; min-height:339px; padding:10px 0 0 15px;margin:3px 0px -7px 0;}
.right_contact h4            {color:#333; font-size:11px; margin:0;}
.right_contact span          {font-weight:bold;}

.right_contact ul            {list-style:none;margin:15px 0;}
.right_contact img           {border:2px solid #fff;background:none;padding:0;}

#contact .content_cms,
#contact .content_cms b,
#contact .content_cms a,
#contact .content_cms strong  {color:#333;}

/* Classes */
.break    {clear:both;}
.thickbox {color:#000;float:right;margin:10px 0;}

/*About dOP*/
.about_dop    {width:570px;}
.about_dop hr {border:none;border-top:1px solid #404040;margin:12px 0;}
.about_dop h6 {font-weight:normal;text-align:center;}
.right_about  {float:right;width:279px;}
.left_about     {float:left;width:279px;}

.img_top        {background:#000;width:247px;height:169px;padding:3px;margin:17px 16px 30px 16px;}
.content_bottom   {position:relative;padding:15px 6px 42px 6px ;border:2px solid #1f1f1f;background:black url("../img/bg/about.jpg") no-repeat;margin:14px 0 0 17px;width:236px;min-height:147px;color:#999999;}
.content_bottom a {position:absolute;bottom:30px;left:56px;}

/*Services*/
.services    {width:590px;height:500px;}
.services ul {list-style:none;}
.services li {float:left;width:148px;height:165px;padding:20px 24px 13px 22px;background:url("../img/bg/box_services.png") no-repeat;color:#999999;}
.services hr {border:none;border-top:1px solid #404040;margin:8px 0;*margin:0;}
.services h6 {text-align:center;font-weight:normal;margin:0;}

/*marketing*/
.marketing         {width:543px;min-height:550px;}
.marketing li      {list-style:none;float:left;margin:0 5px 0 0;}
.marketing p       {margin:0 0 9px 0;}
.marketing .shadow {float:left;background:#000;padding:10px;margin: 0 0 15px 0;}
.obj_marketing     {position:relative;}
.obj_marketing img {position:absolute;top:-45px;right:0;}

/*training*/
.training         {width:543px;min-height:550px;}
.training p       {margin-bottom:9px;}
.training li      {list-style:none;float:left;margin:0 72px 0 0;}
.training li.last {list-style:none;float:left;margin:0 0 0 0;}
.training .shadow {float:left;background:#000;padding:10px;margin: 0 0 15px 0;}


.marketing .bg_detail,
.training .bg_detail {background:#000 url('../img/bg/bg_opportunities.png') right no-repeat;}

#TB_title          {position:relative;}
#TB_closeAjaxWindow {position:absolute;top:27px;right:19px;z-index:8;}
#TB_closeAjaxWindow a{color:#999;}


/* testimonials */
.testimonials  {padding-top:35px;}
.testimonials2 {padding-top:0px;}

.testimonials div,
.testimonials2 div {padding:5px 0 20px 25px;border-bottom:1px solid #B6B6B6;margin-right:10px; color:#535353; text-align: justify;}

.testimonials cite a,
.testimonials2 cite a {color:black;}

.testimonials cite a:hover,
.testimonials2 cite a:hover {text-decoration:underline;}

.testimonials strong,
.testimonials2 strong{color:black; font-weight:normal;}

.testimonials cite,
.testimonials2 cite{display:block; text-align:right; font-style:normal; color:black;}

.t_videos li {float:left;list-style:none;margin:0 15px 0 0;}
#videos_list {margin-right:0;padding:10px 0 0px 0px;}

/* clients */
.clients div {text-align: center;}
.clients .next {margin-left:85px;}

#clients    {width:590px;height:500px;position:relative;}

#clients ul {list-style:none;}
#clients li {float:left;width:155px;height:137px;padding:16px 18px 16px 18px;background:url("../img/bg/clients.png") no-repeat;color:#999999;}
#clients hr {border:none;border-top:1px solid #404040;margin:8px 0;*margin:0;}
#clients h6 {text-align:center;font-weight:normal;margin:0;}
#clients .next {margin:20px 0 0 0;}
.clients #left  {position:absolute;top:330px;left:0;}
.clients #right {position:absolute;top:330px;right:0;}

#video_show {margin:35px 0 0 70px; width:425px; height:320px;}
#facilities #photos a.selected,
#box_list a.selected            {color:#ff0000 !important;}