html, body { background: #303e3f url("images/bg.jpg") center top repeat-x; margin:0; padding:0; font-family: Arial; font-size: 12px; color: #000; }
img {border:0; }
form {margin:0; padding:0;}
.both { margin:0; padding:0;clear:both;}
.line100 {height: 10px;}
#header { /*background: transparent url("images/bg_header.png") 40px 74px no-repeat;*/ width:974px; height:355px; margin:0 auto; padding:0; position:relative;}
#bg_header {margin:0; padding:0; top:74px; left:40px; position:absolute;}
#logo {margin:0; padding:0; top:0; left:0; width:317px; height:139px; position:absolute; background: transparent url("images/logo.png") 0 0 no-repeat;}
#link_portfolio {margin:0; padding:0; top:115px; left:0px; position:absolute; width:86px; height:76px; background: transparent url("images/link_portfolio.png") 0 0 no-repeat;}
#link_hire_vickys {margin:0; padding:0; top:190px; left:15px; position:absolute; width:67px; height:117px; background: transparent url("images/hire_vickys.png") 0 0 no-repeat;}
#link_think {margin:0; padding:0; top:228px; right:210px; position:absolute; width:38px; height:86px; background: #2f4b44 url("images/think.gif") 0 0 no-repeat; text-indent: -9000px;}
#link_work {margin:0; padding:0; top:186px; right:168px; position:absolute; width:38px; height:128px; background: #fbc804 url("images/work.gif") 0 0 no-repeat; text-indent: -9000px;}
#link_result {margin:0; padding:0; top:147px; right:126px; position:absolute; width:38px; height:167px; background: #c5fd08 url("images/result.gif") 0 0 no-repeat; text-indent: -9000px;}
#link_success {margin:0; padding:0; top:108px; right:83px; position:absolute; width:38px; height:206px; background: #f99a0f url("images/success.gif") 0 0 no-repeat; text-indent: -9000px;}
#link_e_mail_us {margin:0; padding:0; bottom:10px; right:4px; position:absolute; width:79px; height:90px; background: transparent url("images/e_mail_us.png") 0 0 no-repeat; }
#link_quotation_form {margin:0; padding:0; bottom:10px; right:60px; position:absolute; width:93px; height:85px; background: transparent url("images/wuotation_borm.png") 0 0 no-repeat; }
#pen {margin:0; padding:0; top:140px; left:90px; position:absolute;}
#header .content {margin:0; padding:0; top:245px; left:210px; position:absolute; width:255px; height:54px;}
#header .content p {margin:0; padding:0 5px;line-height: 18px; background: transparent url("images/bg_header_content.png") 0 0 repeat; color:#333333;font-family: Arial, verdana, helvetica; font-size: 12px;}
#header .menu { padding: 0; top:40px; right:43px; position:absolute; width:573px; height:35px; background: transparent url("images/bg_header_menu_1.gif") 0 0 repeat; }
#header .menu ul {margin:3px 0px 0px 15px; padding:0; list-style: none; height: 30px; }
#header .menu ul li {margin:0; padding:0;height: 30px; line-height: 25px; float:left;}
#header .menu a, #header .menu a:visited { padding:0 14px; color:#fff; background: #616161 url("images/bg_header_menu.gif") 0 0 repeat; font-family: verdana, Arial, helvetica; font-size: 13px; text-decoration: none; height: 29px; line-height: 25px; float:left; }
#header .menu a:hover {background: #1f1f1f url("images/bg_header_menu.gif") 0 -30px repeat;}
#header .menu ul ul {width:150px;padding:0;}
#header .menu ul li {float:left;height:30px;line-height:30px;}
#header .menu ul ul li {display:block;width:200px;height:auto;position:relative;line-height:12px;}
#header .menu ul ul a, #header .menu ul ul a:visited {display:block;background: #616161; color:#fff;width:220px;height:100%;line-height:1em; padding:5px 10px;}
#header .menu ul table ul a, #header .menu ul table ul a:visited {width:14em; w\idth:12em;}
#header .menu table {position:absolute; left:0; top:-1px; font-size:1em; z-index:-1;}
#header .menu ul ul table {lef\t:-1px;}
#header .menu ul ul table ul.left {margin-lef\t:2px;}
#header .menu li:hover {position:relative;}
* html #header .menu a:hover {position:relative;}
#header .menu a:hover { background: #1f1f1f url("images/bg_header_menu.gif") 0 -30px repeat; }
#header .menu :hover > a { background: #1f1f1f url("images/bg_header_menu.gif") 0 -30px repeat; }
#header .menu ul ul a:hover{ background: #1f1f1f url("images/bg_header_menu.gif") 0 -30px repeat; }
#header .menu ul ul :hover > a { background: #1f1f1f url("images/bg_header_menu.gif") 0 -30px repeat; }
#header .menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:-15px;
width:150px;
z-index:1000;
}
#header .menu ul li:hover ul, #header .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent;}
#footer {overflow:hidden; margin: 0px auto; padding:0; width:874px; background: #3e4f4f url("images/bg_footer.gif") 0 0 repeat-y; color: #e4fcfc; font-family: Arial, verdana, helvetica; font-size: 11px; }
#footer a { color: #fff; text-decoration: underline;}
#footer a:hover { text-decoration: none; }
#footer a.more { padding-right:10px; color:#499eb3; text-decoration: none; float:right; background: url("images/bg_more.gif") right center no-repeat; }
#footer a.more:hover { text-decoration: underline; }
#bg_footer_t {padding:0; width:874px; height:95px; background: #3e4f4f url("images/bg_footer_t.gif") 0 0 no-repeat;}
#bg_footer_b {padding:0; width:874px; height:8px; background: #303e3f url("images/bg_footer_b.gif") 0 0 no-repeat; }
#footer h2 { margin:10px 0; padding:0; font-family: Arial, verdana, helvetica; font-size: 14px; font-weight: normal; color:#74faf5; }
#footer p { margin:10px 0; padding:0; }
#footer .LeftBox { overflow:hidden; margin: 0px 32px; padding:0;width:190px; float:left; }
#footer .MiddleBox { overflow:hidden; margin: 0px 22px; padding:0;width:360px; float:left; }
#footer .RightBox { overflow:hidden; margin: 0px 22px; padding:0;width:170px; float:left; }
#footer .RightBox ul {margin: 0px; padding:0; list-style: none;}
#footer .RightBox ul li {margin: 0px; padding:5px 10px; text-align:right;border-bottom: 1px dotted #000; }
#footer .RightBox ul li a {text-decoration: none;}
#copyright {
margin-top: 5px;
background: url("images/bg_copyright.gif") right center no-repeat;
height:41px;
line-height:41px;
color:#499eb3;
font-size: 8px;
}
#Middle {
width:100%;
background: #fff;
padding:0 0 5px 0;
margin:0;
}
#Middle .contentBox {margin: 0 auto; padding:0; width:870px; }
#Middle .contentBox h2 {color:#010101; margin: 0 0 10px 0; padding:0; font-family: Arial, verdana, helvetica; font-size: 18px; font-weight: normal;}
#Middle .contentBox h2 span {color:#dc6b01;}
#Middle .contentBox h4 {color: #000000; margin: 10px 0; padding:0; font-family: Arial, verdana, helvetica; font-size: 12px; font-weight: normal;}
#Middle .contentBox p {margin: 10px 0; padding:0; text-align: justify;}
#Middle .contentBox .LeftBox {width:548px; float:left;}
#Middle .contentBox .RightBox {
width:300px;
float:right;
}
#FullBox .contentBox { width:870px; }
#Middle .contentBox .more {
text-align:left;
color: #333;
text-decoration: underline;
}
#Middle .contentBox .more a {
padding-right:10px;
text-decoration: underline;
font-weight: bolder;
font-size: 12px;
background: url("images/bg_more_1.gif") right center no-repeat;
color:#4EAFDC;
}
#Middle .contentBox .more a:hover {
text-decoration: underline;
color: #000;
}
.imgRighr {float:right; padding:0 0 0 10px;}
.imgleft {float:left; padding:0 0 0 10px;}
.bg2col {background: url("images/bg2col.gif") 560px 0 repeat-y;}
.link {
color: #4EAFDC;
font-family: Arial;
font-size: 12px;
text-decoration: underline;
font-weight: normal;
}
/*#Middle .contentBox .LeftBox .box { margin: 0; padding:0; list-style: none;}
#Middle .contentBox .LeftBox .box li { margin: 0 4px; padding:0; width:126px; height:131px; background: url("images/bgBox.gif") 0 0 no-repeat; float:left; }
#Middle .contentBox .LeftBox .box li p { margin: 5px auto; padding:0; width:112px; font-size: 11px; line-height:12px; text-align:left; }
#Middle .contentBox .LeftBox .box li h3 {margin: 5px auto; padding:0; width:112px; height:36px; }
#Middle .contentBox .LeftBox .box li #WebDesign a {background: transparent url("images/web_design.gif") 0 0 no-repeat; width:112px; height:36px; text-indent: -9000px; float:left; }
#Middle .contentBox .LeftBox .box li #LogoDesign a {background: transparent url("images/logo_design.gif") 0 0 no-repeat; width:112px; height:36px; text-indent: -9000px; float:left; }
#Middle .contentBox .LeftBox .box li #FlashDesign a {background: transparent url("images/flash_design.gif") 0 0 no-repeat; width:112px; height:36px; text-indent: -9000px; float:left; }
#Middle .contentBox .LeftBox .box li #BannerDesign a {background: transparent url("images/banner_design.gif") 0 0 no-repeat; width:112px; height:36px; text-indent: -9000px; float:left; }
#Middle .contentBox .LeftBox .box li .more a {background: transparent url("images/bg_more_2.gif") 0 0 no-repeat; width:39px; height:16px; float:right; text-indent: -9000px; }*/
.box_1 {margin:5px 0;background: transparent url("images/bgBox_t.gif") 0 0 repeat-y; width:528px; }
.box_1_t {background: transparent url("images/bgBox_tb.gif") 0 0 no-repeat; width:528px; height:4px;overflow:hidden; }
.box_1_b {background: transparent url("images/bgBox_tb.gif") 0 -4px no-repeat; width:528px; height:4px;overflow:hidden; }
.box_1 h3 { margin:0 auto; width:514px; height:36px; line-height:36px; color:#fff; font-size: 15px;overflow:hidden;}
.box_1 h3 a {background: transparent url("images/bgBox_h3_1.gif") 0 0 repeat; width:514px; height:36px; line-height:36px; color:#fff; padding-left:40px; float:left; text-decoration: none; }
.box_1 h3.active a {background-position: 0 -36px; }
.box_1 #LogoDesign {background-image: url("images/bgBox_h3_2.gif");}
.box_1 #FlashDesign {background-image: url("images/bgBox_h3_3.gif");}
.box_1 #BannerDesign {background-image: url("images/bgBox_h3_4.gif");}
.box_1 .content {margin:0 10px;}
/**/
.bord_right {border-right: 1px solid #333; padding-right:20px;}
input
{
color: #000000;
background: #8AD1E2;
border: 1px solid #000000
}
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
#listticker{
height:135px;
width:290px;
overflow:hidden;
border:1px solid #FFF;
;
padding-top: 6px;
padding-bottom: 5px;
background-color: #FFF;
padding-right: 1px;
padding-left: 1px;
}
#listticker li{
border:0; margin:0; padding:0; list-style:none;
}
#listticker li{
height:70px;
padding:0px;
list-style:none;
}
#listticker a{
color:#000000;
margin-bottom:
}
#listticker .news-title{
display:block;
font-weight:lighter;
margin-bottom:4px;
font-size:11px;
color: #DF8044;
}
#listticker .news-text{
display:block;
font-size:11px;
color:#333;
}
#listticker img{
float:left;
margin-right:14px;
padding:4px;
border:solid 1px #DEDEDE;
}