body {margin: 0 auto; padding: 0; width: 1002px; background: url(../../images/bg.gif) #FFF repeat-x left top; font: normal 12px "Tahoma";}
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 {position:relative;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; font: normal 11px "Tahoma";}
#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-top: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:"Tahoma"; 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 {position:relative;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: 12px; width: 360px; font: bold 14px "Tahoma"; 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: 3px; width: 274px; height: 232px; background: url(../../images/promotion.gif) no-repeat 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 19px "Tahoma"; 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: 18px; 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 10px;margin:0;}
/*.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: 0 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 26px "Tahoma"; 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 "Tahoma"; 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 "Tahoma"; color: #FFF;}
.box .sign-read P {position: relative; float: left; padding: 5px 0 0 11px; margin: 0;}
.box .sign-read P.readmore {position: relative; float: left; padding-left: 28px; 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;}

.box ul.full {display: block; position: relative; float: left; padding: 20px 20px 15px 15px; margin: 0;}
.box ul.full li {list-style: none; background: url(../../images/true.gif) no-repeat left 2px; font: bold 12px "Tahoma"; color: #0a68a6; line-height: 20px; padding: 0 0 0 25px; margin: 0;}


#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 29px "Tahoma";}
#content .detail H2 {float: right; padding: 0; margin: 5px 0 10px 0; height: 38px; width: 415px;}
#content .detail H3 {float: left; font: bold 24px "Tahoma"; width: 480px; height: 30px; padding: 0; margin: 20px 0 5px 0;}
#content .detail P {float: left; line-height: 18px;}
#content .detail P.hotel-client {float: left; line-height: 16px; width: 415px; padding: 0; margin: 0 0 10px 0;}
#content .detail P.hotel-client img {float: left; padding: 2px; margin: 5px;}
#content .detail UL {float: left; display: block; color: #000; padding: 0 0 0 35px; margin: 0;}
#content .detail UL LI {padding: 2px 0;}
#content .detail OL {float: left; display: block; color: #000; padding: 0 0 0 35px; margin: 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 "Tahoma"; 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 "Tahoma";}
#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 "Tahoma"; padding: 5px 0;}
#content .menu-list UL LI UL {padding-left: 15px;}
#content .menu-list UL LI UL LI {font: normal 11px "Tahoma"; 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: 0 0 25px 15px;}
#content #list-webdesign .detail EM {font: bold 12px "Tahoma";}
#content #list-webdesign .detail H2 {padding: 0; margin: 25px 0 0 0; font: bold 29px "Tahoma";}
#content #list-webdesign .detail OL {float: left; display: block; color: #000; padding: 0 0 15px 35px; margin: 0; width: 380px;}
#content #list-webdesign .detail OL LI{line-height:18px;}

#content #description P {line-height: 18px;}
#content #description P IMG {display: block; border: 1px solid #dbdbdb; padding: 2px; margin-bottom: 5px;}
#content #description P.c-slide{float:left;width:129px;padding:20px 0 5px 0;margin:0;}
#content #description P.c-center{float:left;width:129px;padding:20px 0 5px 0;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 "Tahoma";}
#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: 18px;}
#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 "Tahoma";}
#content #description #icompany ADDRESS {padding: 0 0 0 10px; margin: 10px 0; line-height: 16px; font: normal 12px "Tahoma"; 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 {display: block; float: left; width: 460px; 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 "Tahoma"; background: url(../../images/package_bottom.gif) #f0030e no-repeat left bottom; text-align: right; margin-bottom: 10px;}
#content #description .package UL {display: block; float: left; width: 445px; 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 "Tahoma"; color: #000; padding: 25px 0 25px 0; margin: 0;}
#content #description #contact-us STRONG {font: bold 12px "Tahoma"; color: #0a68a6; padding: 13px 10px 3px 0; display: block;}
#content #description #contact-us .input {background-color: #FFF; font: normal 12px "Tahoma"; 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 "Tahoma"; color: #000; CURSOR:pointer;}
#content #description #contact-us H1 {padding: 0; margin: 0; font: bold 32px "Tahoma";}
#content #description #contact-us H3 {font: bold 18px "Tahoma";}

#content #left-side {position: relative; float: left; width: 320px; left: 35px;}
#content #left-side .sub {display: block; float: left; width: 320px; padding: 25px 0 0 0;}
#content #left-side .sub P {display: block; float: left; width: 320px; padding: 0; margin: 0; line-height: 18px;}
#content #left-side .sub P IMG {padding: 10px 20px 5px 0;}
#content #left-side .sub H2 {padding: 0; margin: 0; font: bold 32px "Tahoma";}
#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 "Tahoma"; 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 "Tahoma";}
#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;}
#footer #mobile{width:1002px;padding:20px 0 0 0;text-align:center;}
#footer #mobile A:link{color:#f00;text-decoration:none;}
#footer #mobile A:visited{color:#f00;text-decoration:none;}
#footer #mobile A:active{color:#3472c5;text-decoration:none;}
#footer #mobile A:hover{color:#3472c5;text-decoration:none;}

#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:977px;padding:0 0 0 25px;;margin:0;}
#list-client P{display:block;float:left;width:236px;padding:0;margin:25px 8px 0 0;text-align:center;}
#list-client P IMG{display:block;margin:0;padding:2px;border:1px solid #dbdbdb;}
#list-client P EM{display:block;font:bold 12px "Tahoma"; padding-top:3px;}
#list-client H1 {padding: 0; margin: 25px 0 0 0; font: bold 29px "Tahoma";}



.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 "Tahoma";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 "Tahoma";}
.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;}

.client {padding-top: 15px;}

.hotel-price {float: left; width: 950px; padding: 0 26px;}
.hotel-price h3 {float: left; font: bold 18px "Tahoma"; padding: 15px 0; margin: 0; height: 35px;}
.hotel-price .title {float: left; width: 950px; color: #fff;}
.hotel-price .title div {float: left; padding: 10px; font-weight: bold;}
.hotel-price .title div.feature {width: 390px; background: url(../../images/price-list/feature-title.gif) no-repeat left top; height: 18px;}
.hotel-price .title div.price {width: 160px; background: url(../../images/price-list/price-title.gif) no-repeat left top; height: 18px;}

.hotel-price .info {float: left; width: 950px; color: #000;}
.hotel-price .info div {float: left; padding: 10px; font-weight: bold;}
.hotel-price .info div.feature {width: 390px; background: url(../../images/price-list/feature-info.gif) no-repeat left top; height: 17px;}
.hotel-price .info div.price {width: 160px; background: url(../../images/price-list/price-info.gif) no-repeat left top; height: 17px; text-align: center;}
.hotel-price .info div.top {background: url(../../images/price-list/price-info-top.gif) no-repeat left top;}
.hotel-price .info div.feature-top {width: 390px; background: url(../../images/price-list/feature-info-top.gif) no-repeat left top; height: 17px;}