html,body{ margin:0; padding:0; height:100%; border:none ; background-color:#fff ;font-family:"Verdana";}
img{ display:block; border:0;}
a {text-decoration:none;}
.clear {clear:both;}
fieldset { border:1px solid #DDE2CC; margin-bottom:1em; padding:10px;}
legend {padding:5px;}
.header { height:75px; background:transparent url('../images/mtp_head.jpg') top left no-repeat; }
.header_m { width:42px !important; background:transparent url('../images/mtp_head_m.jpg') top left no-repeat; }
.header_b { width:44px; background:transparent url('../images/mtp_head_b.jpg') top left no-repeat; }
.center { background:transparent url('../images/mtp_nature.jpg') bottom right no-repeat; }
.menu_top { background:transparent url('../images/menu_top.png') top left no-repeat; width:600px; }
.menu { padding-left:24px;}
.menu a.home { background:transparent url('../images/menu_home.png') top left no-repeat; display:block; width:71px;height:23px;float:left;}
.menu a.profile { background:transparent url('../images/menu_profile.png') top left no-repeat; display:block; width:81px;height:23px;float:left;}
.menu a.services { background:transparent url('../images/menu_services.png') top left no-repeat; display:block; width:87px;height:23px;float:left;}
.menu a.work { background:transparent url('../images/menu_work.png') top left no-repeat; display:block; width:71px;height:23px;float:left;}
.menu a.portofolio { background:transparent url('../images/menu_portofolio.png') top left no-repeat; display:block; width:95px;height:23px;float:left;}
.menu a.contact { background:transparent url('../images/menu_contact.png') top left no-repeat; display:block; width:77px;height:23px;float:left;}
.menu a.news { background:transparent url('../images/menu_news.png') top left no-repeat; display:block; width:69px;height:23px;float:left;}
.logo a {margin-left:100px;display:block;width:215px;}
.home_content { padding-top:50px; background-color:transparent;margin-bottom:100px; }
.home_content img { margin-left:90px; }
.home_content p { margin-left:100px; font: normal 12px "Verdana"; text-align:left; width:400px; color:#4c4c4c}
td.home_img { padding-top:50px; margin-bottom:100px; }
td.home_img img {float:left;border:0; margin:0 10px 10px 0; }
.profile_content { padding:80px 0 0 40px;}
.profile_content .profile_who div { background: transparent url('../images/profile_content_tile.png') top left repeat-x; }
.profile_content .profile_who p { margin-left:10px; font: normal 12px "Verdana"; text-align:left; color:#4c4c4c }
.profile_content .profile_work div { background: transparent url('../images/profile_content_tile.png') top left repeat-x; }
.profile_content .profile_work p { margin-left:10px; font: normal 12px "Verdana"; text-align:left; color:#4c4c4c }
.profile_content .profile_believe div { }
.profile_content .profile_believe p { margin-left:10px; font: normal 12px "Verdana"; text-align:left; color:#4c4c4c }
.profile_content div.more {float:right;background:none}
.profile_content div.more p a{color:#c14534;text-decoration:none}
.profile_content .more_text { font:normal 12px "Verdana";color:#4c4c4c}
.contact_content { padding:80px 0 0 40px;}
.contact_content { font: normal 12px "Verdana"; color:#4c4c4c }
.contact_content div{ position:relative; background: transparent url('../images/contact.jpg') top left no-repeat; height:207px;}
.contact_content div p.address { position:absolute;bottom:81px;left:165px;font-size:14px;border:0;padding:0;margin:0;line-height:14px; }
.dealers_content { padding:40px 0 0 40px;}
.dealers_content { font: normal 12px "Verdana"; color:#4c4c4c }
.dealers_content p { line-height:17px; }
.dealers_content div span.link, .dealers_content div span.link a{ color:#c3484d; font-style:italic; }
.services_content { padding:50px 0 0 90px;}
.services_content p { font: normal 12px "Verdana"; color:#4c4c4c;width:400px; }
.services_menu { padding:50px 0 0 50px; }
.services_menu div{ width:200px; border-right:solid 1px #3e3e40}
.services_dm_content { padding:50px 0 0 90px;}
.services_dm_content p { font: normal 12px "Verdana"; color:#4c4c4c ; margin-right:10px;}
.services_dm_content ul { margin:0 0 0 20px;}
.services_dm_content ul li { font: normal 12px "Verdana"; color:#4c4c4c;padding-left:10px; }
.services_dm_menu { padding:50px 0 0 50px; }
.services_dm_menu div{ width:200px; }
.services_dm_menu div img.op{ margin-bottom:5px; }
.services_em_content { padding:50px 0 0 90px;}
.services_em_content p { font: normal 12px "Verdana"; color:#4c4c4c ; margin-right:10px;}
.services_em_content2 { padding:0px 0 0 0px;}
.services_em_content2 p { font: normal 12px "Verdana"; color:#4c4c4c; margin-right:10px; }
.services_em_content2 td ul { margin:0 0 0 20px;}
.services_em_content2 td ul li { font: normal 12px "Verdana"; color:#4c4c4c;padding-left:10px; }
.services_em_menu { padding:50px 0 0 50px; }
.services_em_menu div{ width:200px; }
.services_em_menu div img.op{ margin-bottom:5px; }
.work_content { padding:50px 0px 0px 90px;}
.work_content p.brief { font: normal 12px "Verdana"; color:#4c4c4c; width:450px !important }
.work_content a.study { font: bold 14px "Verdana"; color:#c14534;}
.work_content p.title {font: bold 14px "Verdana"; color:#c14534; width:450px !important}
div.more {float:right;background:none;}
div.more p a{color:#c14534;text-decoration:none;font: bold 12px "Verdana";}
.portofolio_content {padding:50px 0 0 100px;}
.portofolio_content .big{ border : 10px solid #4c4c4c;}
.portofolio_content div.brief { margin-left:0px;}
.portofolio_content div.brief p{ font: normal 12px "Verdana"; color:#707070}
.portofolio_project { background:transparent url('../images/porto_project.gif') left top no-repeat;height:50px }
.portofolio_client { font: bold 15px "Verdana"; color:#707070;padding-left:10px;}
.portofolio_we{ background:transparent url('../images/porto_we.gif') left top no-repeat;height:50px }
.portofolio_clients_content {padding:50px 0 0 100px;}
.portofolio_clients_content table td.title{border-bottom:solid 1px #3e3e40}
.portofolio_clients_content table td.mark{background:transparent url('../images/portofolio_clients_mark.gif') left top no-repeat;white-space:nowrap;}
.portofolio_clients_content table td p.subtitle_b{font: bold 15px "Verdana"; color:#3e3e40;}
.portofolio_clients_content table td p.subtitle_n{font: normal 12px "Verdana"; color:#3e3e40;}
.portofolio_clients_content table td.mark a {padding-left:10px; font: bold 15px "Verdana"; color:#3e3e40;}
.portofolio_clients_content table td.clients{padding-top:10px;white-space:nowrap;}
.portofolio_clients_content table td.clients a {font: bold 15px "Verdana"; color:#3e3e40;}
.portofolio_clientss_content table td.clients a {font: bold 11px "Verdana"; color:#3e3e40;}
.footer{ height:141px; }
.footer_tile{ background:transparent url('../images/footer_tile.png') left top repeat-x; height:141px; }
a.myPlayer {
display:block;
width: 320px;
height:240px;
text-align:center;
margin:0 15px 15px 0;
float:left;
border:1px solid #999;
}
/* play button */
a.myPlayer img {
margin-top:100px;
margin-left:170px;
border:0px;
}
/* when container is hovered we alter the border color */
a.myPlayer:hover {
border:1px solid #000;
}