.but_video_home {
position: relative;
top: -10px;
right: -10px;
margin: 0 0 0 10px;
}

.reg {
font-size: 9pt;
vertical-align:top; 
}

.BodyBold {
font-weight: bold;
}

.BodyMed {
font-size: 9pt;
}


/************* CSS BY JPNM.NET *************/

body {
margin: auto;
height: 100%;
font-family: Calibri, sans-serif;
color: #fff;
font-size: 10pt;
line-height: 12pt;
background-color: #fff;
background-image: url("../imgs/bground_tile.gif");
background-repeat: repeat-x;
background-attachment: fixed;
}

a.body:active{color:#073059;text-decoration:underline;}
a.body:link{color:#073059;text-decoration:underline;}
a.body:visited{color:#073059;text-decoration:underline;}
a.body:hover{color:#8095aa;text-decoration:underline;}

#bodyContainer {
width: 960px;
margin-left: auto;
margin-right: auto;
}

/************* HEADER *************/

#Logo {
float: left;
width: 960px;
height: 75px;
text-align: left;
padding: 25px 0 25px 0;
background: url("../imgs/tagline.png") no-repeat right;
}

#Register {
float: left;
position: relative; /** Places image at the top of the page **/
width: 77px;
height: 18px;
background: url("../imgs/register.gif") no-repeat 0 0;
}

#Register:hover { 
background-position: 0 -18px;
}

#Register span {
display: none;
}

/************* MENUS *************/

#Menu {
float: left;
width: 960px;
font-size: 8pt;
}

#menu1 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 85px;
height: 22px;
background: url("../imgs/menu/01.gif") no-repeat 0 0;
}

#menu2 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 142px;
height: 22px;
background: url("../imgs/menu/02.gif") no-repeat 0 0;
}

#menu3 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 136px;
height: 22px;
background: url("../imgs/menu/03.gif") no-repeat 0 0;
}

#menu4 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 135px;
height: 22px;
background: url("../imgs/menu/04.gif") no-repeat 0 0;
}

#menu5 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 129px;
height: 22px;
background: url("../imgs/menu/05.gif") no-repeat 0 0;
}

#menu6 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 102px;
height: 22px;
background: url("../imgs/menu/06.gif") no-repeat 0 0;
}

#menu7 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 118px;
height: 22px;
background: url("../imgs/menu/07.gif") no-repeat 0 0;
}

#menu8 {
float: left;
position: relative; /** Places image at the top of the page **/
width: 113px;
height: 22px;
background: url("../imgs/menu/08.gif") no-repeat 0 0;
}

#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover, #menu5:hover, #menu6:hover, #menu7:hover, #menu8:hover { 
background-position: 0 -22px;
}

#menu1 span, #menu2 span, #menu3 span, #menu4 span, #menu5 span, #menu6 span, #menu7 span, #menu8 span {
display: none;
}




/****ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#ffd939; text-decoration:none;}
ul.menu li {position:relative; float:left; margin: 0 1px 0 0;}
ul.menu .menulink {text-align: center;padding: 3px 26px 3px 26px; background:url(../imgs/menu_tile.gif); }
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; background-color:#062948; background:url(../imgs/menu_tile_up.gif);}

****/

.ImgMenuArrow{
position: relative;
left: 5px;
top: -2px;
}

/************* HOME *************/

#Box_HomeFeature {
width: 507px;
margin: 60px 0 40px 0;
color: #fff;
}

#Box_HomeFeatureL {
float: left;
width: 507px;
margin: 60px 0 40px 0;
color: #fff;
}

#Box_HomeFeatureR {
float: left;
width: 450px;
margin: 60px 0 40px 0;
color: #fff;
clear:right;
}

.ImgPromo{
float: right;
margin: 0 0 0 20px;
position: relative;
left: 15px;
top: -15px;
}

.ImgTool{
float: left;
position: relative;
margin: 0 40px 0 0;
top:-7px;
left:20px;
}

.ImgMore{
float: left;
position: relative;
top:20px;
}

.ImgTagline{
float: right;
position: relative;
top:20px;
}

.HomeFeature_Title {
font-size: 40pt;
line-height: 30pt;
font-family: Georgia, sans-serif;
}

.HomeFeature_Special {
font-size: 20pt;
line-height: 20pt;
font-family: Georgia, sans-serif;
color:#ffd939;
}

.HomeFeature_Month {
font-size: 16pt;
line-height: 20pt;
font-family: Georgia, sans-serif;
color:#0f4979;
background-color:#ffd939;
}

.Slide_Bullet {
font-size: 14pt;
line-height: 18pt;
font-family: Georgia, sans-serif;
}

#Box_HomeIntro {
float: left;
width: 587px;
padding: 40px;
text-align: left;
font-size: 11pt;
line-height: 14pt;
background-color:#5981a2;
background-image: url("../imgs/box_tile.gif");
background-repeat: repeat-x;
background-position: bottom;
}

.HomeIntro_Title {
font-size: 20pt;
line-height: 20pt;
font-family: Georgia, sans-serif;
}

#Box_HomeNews {
float: left;
width: 210px;
padding: 30px;
margin: 0 0 0 20px;
text-align: left;
font-size: 9pt;
line-height: 11pt;
background-color:#5981a2;
background-image: url("../imgs/box_tile.gif");
background-repeat: repeat-x;
background-position: bottom;
}

a.HomeNews:active{color:#ffd939;}
a.HomeNews:link{color:#ffd939;}
a.HomeNews:visited{color:#ffd939;}
a.HomeNews:hover{color:#ffffff;}

#Box_HomeNewsAlt {
float: left;
width: 270px;
margin: 0 0 0 20px;
text-align: left;
font-size: 9pt;
line-height: 11pt;
background-color:#5981a2;
}

/************* CONTENT *************/

#Box_Sub {
float: left;
width: 170px;
margin: 20px 0 0 0;
}

#Box_SubMenu {
float: left;
width: 110px;
padding: 30px;
text-align: right;
font-size: 9pt;
line-height: 10pt;
background-image: url("../imgs/menusub_tile.gif");
background-repeat: repeat-x;
}

a.SubMenu:active{color:#fff;text-decoration:none;}
a.SubMenu:link{color:#fff;text-decoration:none;}
a.SubMenu:visited{color:#fff;text-decoration:none;}
a.SubMenu:hover{color:#ffd939;text-decoration:none;}


#Box_ContentPlain {
float: left;
width: 880px;
margin: 20px 0 0 0;
padding: 40px;
color: #073059;
text-align: left;
font-size: 11pt;
line-height: 13pt;
background-color:#fff;
}

#Box_Content {
float: left;
width: 710px;
margin: 20px 0 0 0;
padding: 40px;
color: #073059;
text-align: left;
font-size: 11pt;
line-height: 13pt;
background-color:#fff;
}

#Box_ContentL {
float: left;
width: 370px;
margin: 20px 0 0 0;
padding: 40px;
color: #073059;
text-align: left;
font-size: 11pt;
line-height: 13pt;
background-color:#fff;
}

#Box_ContentR {
float: left;
width: 274px;
margin: 20px 0 0 0;
padding: 33px;
text-align: left;
background-color:#5981a2;
background-image: url("../imgs/box_tile.gif");
background-repeat: repeat-x;
background-position: bottom;
}

#Box_Column {
float: left;
width: 305px;
margin: 0 20px 0 20px;
text-align: left;
}

.Table {
width: 100%;
font-size: 9pt;
line-height: 10pt;
}

.td {
vertical-align: top;
width: 50%;
}

.td33 {
padding: 5px;
vertical-align: top;
background-color:#eef2f6;
color:#8095aa;
}

.td_title {
border-bottom: 1px;
border-bottom-style: dotted;
font-size: 12pt;
line-height: 15pt;
}

.td_color {
background-color:#eef2f5;
vertical-align: top;
width: 50%;
}

.td_service {
vertical-align: top;
padding-left: 10px;
width: 50%;
font-size: 9pt;
line-height: 12pt;
}

.box {
padding:0 12px 0 0;
background:#f7f9fb url(../imgs/borders.gif) 100% 0 repeat-y;
}

.bi {
padding:0 0 0 12px;
background:#f7f9fb url(../imgs/borders.gif) 0 0 repeat-y;
}

.bt {
height:17px;
margin:0 -12px;
background:url(../imgs/box.gif) 100% 0 no-repeat;
}

.bt div {
width:18px;
height:25px;
background:url(../imgs/box.gif) 0 0 no-repeat;
}

.bb {
height:25px;
margin:0 -12px;
background:url(../imgs/box.gif) 100% 100% no-repeat;
}

.bb div {
width:18px;
height:25px;
background:url(../imgs/box.gif) 0 100% no-repeat;
}

.box h1 {
margin:0;
padding:0.3em 10px;
}

.box p, .box ul {
margin:0;
padding:4px 10px;
background:#f7f9fb;
font-size: 9pt;
line-height: 10pt;
}

.box li {
margin:0 0 0 2em;
padding:0;
}
	
.TitleMain {
font-size: 20pt;
line-height: 20pt;
font-family: Georgia, sans-serif;
}

.TitleSub {
font-size: 14pt;
line-height: 12pt;
font-family: Georgia, sans-serif;
}

.img_Gallery {
margin: 0 0 20px 0;
background-color: #fff;
padding: 5px;
}

#Box_ContentImage {
float: left;
width: 957px;
margin: 10px 0 0 0;
height: 143px;
background-image: url("../imgs/image_header.jpg");
background-color:#1d1d1d;
}

#Box_ContentContainer {
float: left;
width: 940px;
margin: 10px 0 0 0;
padding: 10px;
background-color:#fff;
}

#Box_Title {
float: left;
width: 920px;
text-align: left;
padding: 10px;
font-size: 12pt;
background-color:#1d1d1d;
color: #fff;
}

#Box_ProductHome {
float: left;
width: 697px;
}

.TitleProduct {
font-size: 16pt;
line-height: 20pt;
}

.ImgProductMore {
position: relative;
top: 5px;
left: -5px;
float: right;
margin: 0 0 20px 0;
}

#Box_ProductPhoto {
float: left;
width: 120px;
}

#Box_ProductText {
float: left;
width: 555px;
text-align: left;
padding: 10px;
margin: 0 0 20px 0;
background-color:#f7f9fb;
font-size: 10pt;
line-height: 11pt;
}

#Box_ProductName {
float: left;
width: 120px;
text-align: center;
padding: 0 0 5px 0;
margin: 0 10px 10px 0;
background-color:#f7f9fb;
font-size: 8pt;
line-height: 9pt;
}

a.Box_ProductName:active{color: #073059; text-decoration:none;}
a.Box_ProductName:link{color: #073059; text-decoration:none;}
a.Box_ProductName:visited{color: #073059; text-decoration:none;}
a.Box_ProductName:hover{color: #8095aa; text-decoration:none;}


.img_ProductThumb {
margin: 0 0 5px 0;
}

#Box_Industry {
float: left;
width: 190px;
text-align: left;
padding: 10px;
margin: 0 10px 20px 10px;
background-color:#f7f9fb;
font-size: 12pt;
line-height: 11pt;
}

#Box_Video {
float: left;
text-align: left;
margin: 0 20px 20px 0;
font-size: 8pt;
line-height: 10pt;
}

.img_ico {
margin: 0 10px 0 0;
}

.img_shipico {
margin: 0 40px 0 0;
}

.img_video {
margin: 20px 0 0 0;
}

/************* TEXT *************/

.Title {
font-size: 14pt;
line-height: 16pt;
}

.BodyBig {
}

.BodySmall {
font-size: 7pt;
}

a.BodySmall:active{color:#666;text-decoration:none;}
a.BodySmall:link{color:#666;text-decoration:none;}
a.BodySmall:visited{color:#666;text-decoration:none;}
a.BodySmall:hover{color:#000;text-decoration:underline;}

.BodyBullet {
padding-left: 15px;
background-image: url("../imgs/bullet.gif");
background-repeat: no-repeat;
}

.collapsible {
display: none; /* Only important part */
font-size: 9pt;
line-height: 11pt;
width: 850px;
margin: 10px 0 10px 20px;
}

.JobTable {
font-size: 9pt;
border-bottom: 1px dotted #a9a9a9;
}

.JobTableTitle {
color: #000000;
background-color:#e6e6e6;
font-weight: bold;
}

/*********************************/


a.news:active{color:#073059;text-decoration:none;}
a.news:link{color:#073059;text-decoration:none;}
a.news:visited{color:#8095aa;text-decoration:none;}
a.news:hover{color:#8095aa;text-decoration:none;}

.td_newstitle {
padding: 5px 0 5px 0;
border-bottom: 1px;
border-bottom-style: dotted;
vertical-align: top;
font-size: 11pt;
}

.td_newsdate {
text-align: right;
width: 100px;
border-bottom: 1px;
border-bottom-style: dotted;
color: #5981a2;
}

.Box_Contact {
float: left;
width: 285px;
text-align: left;
font-size: 9pt;
line-height: 11pt;
}

.TitleContact {
font-weight: bold;
margin: 0 0 0 10px;
}

.ImgNews{
float: right;
margin: 0 0 30px 20px;
}

#Box_Bottom {
float: left;
width: 850px;
text-align: left;
font-size: 8pt;
line-height: 10pt;
}

#Box_Project {
clear: both;
float: left;
width: 200px;
text-align: left;
font-size: 8pt;
line-height: 10pt;
background-color:red;
}

.ImgEthos {
float: left;
margin: 20px;
}

.ImgRegister {
float: right;
position:relative;
top:-25px;
left:-24px;
}

.ImgArrow {
margin: 0 5px 0 10px;
}

/*********************************/

#FooterContainerHome {
float: left;
width: 960px;
color: #073059;
padding: 30px 0 100px 0;
text-align: left;
font-size:8pt;
line-height:10pt;
}

#FooterContainer {
float: left;
width: 781px;
margin: 0 0 0 170px;
color: #073059;
padding: 30px 0 100px 0;
text-align: left;
font-size:8pt;
line-height:10pt;
}

a.FooterTiny:active{color:#073059;text-decoration:none;}
a.FooterTiny:link{color:#073059;text-decoration:none;}
a.FooterTiny:visited{color:#073059;text-decoration:none;}
a.FooterTiny:hover{color:#8095aa;text-decoration:none;}


.FooterTiny {
font-size: 8pt;
line-height: 8pt;
}

/*********************************/

#portrait, #wedding, #voucher, #testimonial {
font-size:9pt;
display: none;
}

.td_enquiry {
vertical-align: top;
width: 150px;
font-size: 9pt;
line-height: 10pt;
background-color:#eef2f5;
padding: 5px 15px 0 15px;
}

.formSingle {
width: 310px;
font-size:9pt;
border: 0;
color: #555;
padding: 2px;
}

.formSingleLong {
width: 655px;
font-size:9pt;
border: 0;
color: #555;
padding: 2px;
}

.formTextbox {
width: 655px;
height: 150px;
font-size:9pt;
border: 0;
padding: 2px;
color: #555;
}