/* CSS Document */
body { MARGIN: 0; PADDING: 0; WIDTH: 100%; BACKGROUND: url(../../images/bg.gif) #FFF repeat-x left top; FONT: normal 12px "MS Sans Serif";}
A:link {COLOR: #FFF; TEXT-DECORATION: none;}
A:visited {COLOR: #FFF; TEXT-DECORATION: none;}
A:active {COLOR: #FFCC00; TEXT-DECORATION: none;}
A:hover {COLOR: #FFCC00; TEXT-DECORATION: none;}

#header {HEIGHT: 123px; BACKGROUND: url(../../images/logo.gif) no-repeat 15px 10px;}
#header #site {POSITION: absolute; MARGIN: 0 15px 0 433px; WIDTH: 554px; BACKGROUND: url(../../images/hleft.gif) #4d4d4d no-repeat left bottom; COLOR: #FFF; TEXT-ALIGN: center; }
#header #site P {PADDING: 10px; MARGIN: 0; BACKGROUND: url(../../images/hright.gif) no-repeat right bottom;}
#header #lang {POSITION: absolute; LEFT: 899px; TOP: 59px;}
#header #lang IMG {MARGIN: 0 5px;}

#menu {padding:0 0 0 25px; margin:0; list-style:none; height:35px; background:#000 url(../../images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
#menu li {float:left;}
#menu li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:"MS Sans Serif"; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
#menu li a strong {float:left; display:block; padding:0 24px 0 16px;}
#menu li.current a {color:#fff; background:url(../../images/button3.gif);}
#menu li.current a strong {background:url(../../images/button3.gif) no-repeat right top;}
#menu li a:hover {color:#fff; background:#000 url(../../images/button2.gif);}
#menu li a:hover strong {background:url(../../images/button2.gif) no-repeat right top;}
#menu li.current a:hover {color:#fff; background:#000 url(../../images/button3.gif); cursor:default;}
#menu li.current a:hover strong {background:url(../../images/button3.gif) no-repeat right top;}

#overview {BORDER-TOP: 1px solid #979797; BORDER-BOTTOM: 1px solid #f7f7f7; BACKGROUND: url(../../images/overview_bg.jpg) #CFCFCF no-repeat left top; HEIGHT: 264px;}
#overview #desc {POSITION: absolute; LEFT: 306px; TOP: 191px; WIDTH: 360px; FONT: bold 14px "MS Sans Serif"; COLOR: #0a68a6; LINE-HEIGHT: 28px;}
#overview #desc H1 {DISPLAY: block; COLOR: #000; FONT-SIZE: 48px; WIDTH: 550px; HEIGHT: 50px; PADDING: 0; MARGIN: 0;}
#overview #desc P {DISPLAY: block; MARGIN: 10px 0 0 15px;}
#overview #promotion {POSITION: absolute; LEFT: 15px; TOP: 164px; WIDTH: 274px; HEIGHT: 232px; BACKGROUND: url(../../images/promotion.gif) repeat-x left top; FONT: bold 12px "MS Sans Serif"; COLOR: #FFFFFF;}
#overview #promotion #subject {PADDING: 5px 0 0 12px; COLOR: #f1030e;}
#overview #promotion #subject STRONG {DISPLAY: block; PADDING-LEFT: 56px; FONT-SIZE: 34px; WIDTH: 274px; }
#overview #promotion #subject EM {DISPLAY: block; PADDING-LEFT: 31px; FONT: bold 20px "MS Sans Serif"; WIDTH: 274px; }
#overview #promotion #board {PADDING: 15px 0 0 0; MARGIN: 0; WIDTH: 258px; FONT-SIZE: 16px; TEXT-ALIGN: center;}
#overview #promotion #board P {FONT-SIZE: 22px; TEXT-ALIGN: center; PADDING: 0; MARGIN: 0; HEIGHT: 60px;}
#overview #promotion #board STRONG {DISPLAY: block; FONT-SIZE: 24px; HEIGHT: 40px;}
#overview #promotion #board EM {FONT-SIZE: 32px; FONT-STYLE:normal;}

#worklist {DISPLAY: block; FLOAT: left; WIDTH: 1002px; PADDING: 5px 0 0 5px;}
/*.box {POSITION: relative; FLOAT: left; MARGIN: 5px; WIDTH: 240px; BACKGROUND: url(../../images/worklist.gif) no-repeat left bottom; PADDING-BOTTOM: 15px;}*/
.box {POSITION: relative; FLOAT: left; MARGIN: 5px 0.5%; WIDTH: 99%; BACKGROUND: url(../../images/worklist.gif) #FFF no-repeat right bottom; PADDING-BOTTOM: 15px;}
.box .bar {BACKGROUND: url(../../images/bar.gif) #ed030e repeat-x left top; PADDING: 0; MARGIN: 0; HEIGHT: 43px;}
.box .bar2 {BACKGROUND: url(../../images/bar1.gif) no-repeat left top; PADDING: 8px 0 0 10px; MARGIN: 0;}
.box H1 {FONT: bold 28px "MS Sans Serif"; COLOR: #FFF; PADDING: 0; MARGIN: 0;}
.box UL {DISPLAY: block; POSITION: relative; FLOAT: left; PADDING: 20px 5px 15px 15px; MARGIN: 0;}
.box UL LI {LIST-STYLE: none; BACKGROUND: url(../../images/true.gif) no-repeat left 2px; FONT: bold 12px "MS Sans Serif"; COLOR: #0a68a6; LINE-HEIGHT: 25px; PADDING: 0 0 0 25px; MARGIN: 0;}
.box .sign-read {DISPLAY: block; POSITION: relative; WIDTH: 200px; HEIGHT: 24px; BACKGROUND: url(../../images/button_bg.gif) no-repeat left top; MARGIN: 0 auto; FONT: bold 12px "MS Sans Serif"; COLOR: #FFF;}
.box .sign-read P {POSITION: relative; FLOAT: left; PADDING: 5px 0 0 18px; MARGIN: 0;}
.box .sign-read P.readmore {POSITION: relative; FLOAT: left; PADDING-LEFT: 25px; MARGIN: 0;}
.box A:link {COLOR: #0a68a6; TEXT-DECORATION: none;}
.box A:visited {COLOR: #0a68a6; TEXT-DECORATION: none;}
.box A:active {COLOR: #FF0000; TEXT-DECORATION: none;}
.box A:hover {COLOR: #FF0000; TEXT-DECORATION: none;}

#content {DISPLAY: block; FLOAT: left; MARGIN: 0; PADDING: 0; WIDTH: 1002px;}
#content #description {POSITION: relative; FLOAT: left; WIDTH: 480px; LEFT: 25px;}
#content #site-map {POSITION: relative; FLOAT: left; WIDTH: 952px; PADDING: 0 25px;}
#content .detail {DISPLAY: block; FLOAT: left; WIDTH: 100%; BORDER-BOTTOM: 1px solid #dbdbdb; PADDING: 25px 0;}
#content .detail H1 {PADDING: 0; MARGIN: 0; FONT: bold 32px "MS Sans Serif";}
#content .detail H3 {FONT: bold 24px "MS Sans Serif";}
#content .detail P {LINE-HEIGHT: 15px;}
#content .detail UL {COLOR: #000;}
#content .detail UL LI {PADDING: 2px 0;}
#content .detail OL LI {LINE-HEIGHT: 15px;}
#content .detail P IMG {DISPLAY: block; BORDER: 1px solid #dbdbdb; PADDING: 2px; MARGIN: 0 8px 8px 8px;}

#content .detail P.data-list {DISPLAY: block; WIDTH: 480px; PADDING: 0 0 5px 0; MARGIN: 0; BACKGROUND-COLOR: #DBDBDB;}
#content .detail P.data-list STRONG {FLOAT: left; WIDTH: 90px; PADDING: 5px;}
#content .detail P.data-list EM {FLOAT: left; WIDTH: 190px; PADDING: 5px 4px; FONT: normal 12px "MS Sans Serif"; BACKGROUND-COLOR: #EEEEEE; BORDER-RIGHT: 1px solid #CACACA; BORDER-LEFT: 1px solid #CACACA; BORDER-BOTTOM: 1px solid #CACACA;}
#content .detail P.data-list SMALL {FLOAT: left; WIDTH: 170px; PADDING: 5px;  FONT: normal 12px "MS Sans Serif";}
#content .detail P.data-list .title {TEXT-ALIGN: center; FONT-WEIGHT: bold;}
#content .detail P.link {BACKGROUND: url(../../images/yellow.gif) no-repeat left 4px; PADDING-LEFT: 15px;}
.clear {clear:both; PADDING: 0; MARGIN: 0; border-top: 1px solid #dbdbdb;}

#content .detail A:link {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content .detail A:visited {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content .detail A:active {COLOR: #FF0000; TEXT-DECORATION: none;}
#content .detail A:hover {COLOR: #FF0000; TEXT-DECORATION: none;}

#content .menu-list {DISPLAY: block; FLOAT: left; WIDTH: 100%; BORDER-BOTTOM: 1px solid #dbdbdb; PADDING: 25px 0;}
#content .menu-list UL {LIST-STYLE: none; WIDTH: 450px; PADDING: 0; MARGIN: 0;}
#content .menu-list UL LI {FONT: bold 11px "MS Sans Serif"; PADDING: 5px 0;}
#content .menu-list UL LI UL {PADDING-LEFT: 15px;}
#content .menu-list UL LI UL LI {FONT: normal 11px "MS Sans Serif"; PADDING: 2px 0;}
/*#content .menu-list .front {FLOAT: left; BACKGROUND-COLOR: #FF0000;}
#content .menu-list .back {FLOAT: right; BACKGROUND-COLOR: #FF00FF;}*/
#content .menu-list A:link {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content .menu-list A:visited {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content .menu-list A:active {COLOR: #FF0000; TEXT-DECORATION: none;}
#content .menu-list A:hover {COLOR: #FF0000; TEXT-DECORATION: none;}


#content #list-webdesign .detail {DISPLAY: block; FLOAT: left; WIDTH: 415px; BORDER-BOTTOM: 1px solid #dbdbdb; PADDING: 25px 0 25px 15px;}
#content #list-webdesign .detail EM {FONT: bold 12px "MS Sans Serif";}

#content #description P {LINE-HEIGHT: 15px;}
#content #description P IMG {DISPLAY: block; BORDER: 1px solid #dbdbdb; PADDING: 2px; MARGIN-BOTTOM: 5px;}
#content #description P.c-slide {FLOAT: left; WIDTH: 107px; PADDING: 20px 0 5px 0; MARGIN: 0;}
#content #description P.c-center {FLOAT: left; WIDTH: 107px; PADDING: 20px 0 5px 24px; MARGIN: 0;}
#content #description .text {DISPLAY: block; BACKGROUND: url(../../images/arrow_name.gif) no-repeat left top; PADDING-LEFT: 15px;}
#content #description #iservice {DISPLAY: block; FLOAT: left; WIDTH: 249px; PADDING-LEFT: 15px;}
#content #description #iservice H1 {PADDING: 0; MARGIN: 0; FONT: bold 26px "MS Sans Serif";}
#content #description #iservice UL {PADDING: 10px 0 10px 5px; MARGIN: 0;}
#content #description #iservice UL LI {LIST-STYLE: none; BACKGROUND: url(../../images/dotted.gif) no-repeat left center; PADDING: 0 0 0 10px; MARGIN: 0; LINE-HEIGHT: 16px;}
#content #description #icompany {DISPLAY: block; FLOAT: left; WIDTH: 248px; PADDING-LEFT: 15px; BORDER-LEFT: 1px solid #dbdbdb;}
#content #description #icompany H1 {PADDING: 0; MARGIN: 0; FONT: bold 26px "MS Sans Serif";}
#content #description #icompany ADDRESS {PADDING: 0 0 0 10px; MARGIN: 10px 0; LINE-HEIGHT: 16px; FONT: normal 12px "MS Sans Serif"; BORDER-LEFT: 10px solid #0a68a6;}
#content #description A.text {FONT-WEIGHT: bold;}
#content #description A.text:link {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content #description A.text:visited {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content #description A.text:active {COLOR: #FF0000; TEXT-DECORATION: none;}
#content #description A.text:hover {COLOR: #FF0000; TEXT-DECORATION: none;}
#content #description #icompamy A:link {COLOR: #000; TEXT-DECORATION: none;}
#content #description #icompamy A:visited {COLOR: #000; TEXT-DECORATION: none;}
#content #description #icompamy A:active {COLOR: #0a68a6; BORDER-BOTTOM: 1px dotted #0a68a6; TEXT-DECORATION: none;}
#content #description #icompamy A:hover {COLOR: #0a68a6; BORDER-BOTTOM: 1px dotted #0a68a6; TEXT-DECORATION: none;}


#content #description .package {DISPLAY: block; FLOAT: left; WIDTH: 480px; COLOR: #FFF;}
#content #description .package P {PADDING: 10px; MARGIN: 0;}
#content #description .package P.pname {FONT: bold 11px "Verdana"; BACKGROUND: url(../../images/package_top.gif) no-repeat left top; HEIGHT: 15px;}
#content #description .package P.contact {FONT: bold 11px "MS Sans Serif"; BACKGROUND: url(../../images/package_bottom.gif) #f0030e no-repeat left bottom; TEXT-ALIGN: right;}
#content #description .package UL {PADDING: 25px 10px 10px 25px; MARGIN: 0; BACKGROUND: url(../../images/package_middle.gif) #f0030e no-repeat left top; }
#content #description .package UL LI {PADDING: 2px 0; MARGIN: 0; COLOR: #FFF; }
#content #description .package A:link {COLOR: #fff; TEXT-DECORATION: none;}
#content #description .package A:visited {COLOR: #fff; TEXT-DECORATION: none;}
#content #description .package A:active {COLOR: #ffcc00; TEXT-DECORATION: none;}
#content #description .package A:hover {COLOR: #ffcc00; TEXT-DECORATION: none;}


#content #description #contact-us {FONT: normal 12px "MS Sans Serif"; COLOR: #000; PADDING: 25px 0 25px 0; MARGIN: 0;}
#content #description #contact-us STRONG {FONT: bold 12px "MS Sans Serif"; COLOR: #0a68a6; PADDING: 13px 10px 3px 0; display: block;}
#content #description #contact-us .input {BACKGROUND-COLOR: #FFF; FONT: normal 12px "MS Sans Serif"; COLOR: #000; border: 1px solid #666; display: block; width: 350px; HEIGHT: 16px; PADDING: 3px 0 2px 3px;}
#content #description #contact-us FORM {PADDING: 0 0 0 20px; MARGIN: 0; WIDTH: 400px;}
#content #description #contact-us #button INPUT{BACKGROUND-COLOR: #DBDBDB; HEIGHT: 25px; FONT: bold 12px "MS Sans Serif"; COLOR: #000; CURSOR:pointer;}
#content #description #contact-us H1 {PADDING: 0; MARGIN: 0; FONT: bold 32px "MS Sans Serif";}
#content #description #contact-us H3 {FONT: bold 18px "MS Sans Serif";}

#content #left-side {POSITION: relative; FLOAT: left; WIDTH: 320px; LEFT: 35px;}
#content #left-side .sub {DISPLAY: block; FLOAT: left; WIDTH: 320px; PADDING: 25px 0;}
#content #left-side .sub H2 {PADDING: 0; MARGIN: 0; FONT: bold 32px "MS Sans Serif";}
#content #left-side .sub UL {PADDING: 0; MARGIN: 0; LIST-STYLE: none;}
#content #left-side .sub UL LI {BORDER-BOTTOM: 1px solid #dbdbdb; PADDING: 10px 0 10px 20px; MARGIN: 0; BACKGROUND: url(../../images/news_icon.gif) no-repeat left center;}
#content #left-side .sub OL {PADDING: 0; MARGIN: 0; LIST-STYLE: none; }
#content #left-side .sub OL LI {BORDER-BOTTOM: 1px solid #dbdbdb; PADDING: 10px 0 10px 20px; MARGIN: 0; BACKGROUND: url(../../images/doc_icon.gif) no-repeat left center;}
#content #left-side .sub EM {DISPLAY: block; POSITION: relative; FLOAT: right; TOP: 10px; BACKGROUND: url(../../images/botton_read.gif) no-repeat left top; WIDTH: 94px; PADDING: 6px 0; FONT: bold 12px "MS Sans Serif"; COLOR: #FFF; TEXT-ALIGN: center;}
#content #left-side LI A {FONT-WEIGHT: bold;}
#content #left-side LI A:link {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content #left-side LI A:visited {COLOR: #0a68a6; TEXT-DECORATION: none;}
#content #left-side LI A:active {COLOR: #FF0000; TEXT-DECORATION: none;}
#content #left-side LI A:hover {COLOR: #FF0000; TEXT-DECORATION: none;}

#footer {DISPLAY: block; FLOAT: left; MARGIN: 15px 0 0 0; PADDING: 0; WIDTH: 100%; BACKGROUND-COLOR: #EEE;}
#footer .menu-under {WIDTH: 1002px; PADDING: 20px 0 0 0; MARGIN:0; LIST-STYLE:none; TEXT-ALIGN: center;}
#footer .menu-under LI {DISPLAY: inline; BORDER-LEFT: 1px solid #000; PADDING:0 10px; FONT: normal 12px "MS Sans Serif";}
#footer .menu-under LI a:link { COLOR: #000; TEXT-DECORATION: none; CURSOR:pointer;}
#footer .menu-under LI a:visited {COLOR: #000; TEXT-DECORATION: none;}
#footer .menu-under LI a:active {COLOR: #FF0000; TEXT-DECORATION: underline;}
#footer .menu-under LI a:hover {COLOR: #FF0000; TEXT-DECORATION: underline;}
#footer .menu-under LI.first {BORDER: none;}
#footer #copyright {WIDTH: 1002px; PADDING: 20px 0 10px 0; TEXT-ALIGN: center;}

#list-webdesign {DISPLAY: block; FLOAT: right; WIDTH: 430px; PADDING: 25px 15px 0 0;}

#list-contact {DISPLAY: block; FLOAT: right; WIDTH: 430px; PADDING: 25px 0 0 15px;}
#list-contact P {DISPLAY: block; FLOAT: left; WIDTH: 380px; MARGIN: 0; PADDING: 20px; LINE-HEIGHT: 15px;}
#list-contact IFRAME {BORDER: 1px solid #DBDBDB; PADDING: 5px;}

#list-client {DISPLAY: block; FLOAT: left; WIDTH: 1000px; PADDING: 0;}
#list-client P {DISPLAY: block; FLOAT: left; WIDTH: 113px; PADDING: 0; MARGIN: 10px 0 0 10px; TEXT-ALIGN: center;}
#list-client P IMG {DISPLAY: block; MARGIN: 0; PADDING: 2px; BORDER: 1px solid #dbdbdb;}
#list-client P EM {DISPLAY: block; FONT: normal 10px "MS Sans Serif"; HEIGHT: 20px; PADDING: 3px 0 0 0;}



.clearfixed {DISPLAY: block; WIDTH: 100%;}

/* IMAGES SHOW */
.highslide {	cursor: url(../script/graphics/zoomin.cur), pointer; outline: none; text-align: left;}
.highslide img {border: 2px solid gray;}
.highslide:hover img {border: 2px solid white;}

.highslide-image {border: 2px solid white;}
.highslide-caption {display: none;border: 2px solid white;border-top: none;font: normal 12px "MS Sans Serif";padding: 5px;background-color: white; text-align: left;}
.highslide-loading {display: block;color: white;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border-top: 1px solid white;border-bottom: 1px solid white;background-color: black;/*padding-left: 22px;background-image: url(../script/graphics/loader.gif);background-repeat: no-repeat;background-position: 3px 1px;*/}
a.highslide-credits, a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white;background-color: gray;}

.highslide-move {cursor: move;}

.highslide-overlay {display: none;}

/* Controlbar example */
.controlbar {	background: url(../script/graphics/controlbar4.gif);width: 167px;height: 34px;}
.controlbar a {	display: block;float: left;/*margin: 0px 0 0 4px;*/	height: 27px;}
.controlbar a:hover {background-image: url(../script/graphics/controlbar4-hover.gif);}
.controlbar .previous {width: 50px;}
.controlbar .next {width: 40px;background-position: -50px 0;}
.controlbar .highslide-move {width: 40px;background-position: -90px 0;}
.controlbar .close {width: 36px;background-position: -130px 0;}

/* Necessary for functionality */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

/** Style the tweets */
.twitters {margin: 20px 0 0 0;}
/*.twitters #workboxsTweets {border: 1px solid #e5e5e5; padding: 5px; overflow: auto; margin: 5px 0 0 0;};*/
.twitters #workboxsTweets {BACKGROUND: url(../../images/worklist.gif) #FFF no-repeat right bottom; padding: 10px; overflow: auto; margin: 5px 0 0 0;};
.twitters H2 {PADDING: 0; MARGIN: 0; FONT: bold 32px "MS Sans Serif";}
.twitters p {padding: 0; margin: 0;}
.twitters ul {list-style: none; padding: 0; margin: 0;}
.twitters ul li {padding-bottom: 5px;}
.twitters a {FONT: normal 10px "Verdana";}
.twitters em {DISPLAY: block; FONT: bold 10px "Verdana";}; 
.twitters span.prefix {font-weight: bold;}
.twitters span.time {font-style: italic; color: #c5c5c5;}
.twitters span.status {font-style: italic;}