body {
padding: 0px;
margin: 0px;
color: #444444;
font-family: "Tahoma", Trebuchet MS, sans-serif;
font-size: 10pt;
background-color: #F6F6F6;
}

.clear {clear:both;}

body ul li {list-style: none}
img {border: solid 1px #333333;}
a:link, 
a:visited {color:#0B8DBD; text-decoration:none;}
a:hover {color:#444444; text-decoration:none;}
#main {margin:auto; margin-top: 0px; width: 800px;}
#header {width: 800px;}

#logoswf {width:265px; height:196px; float:left;}

.headslice1 {background: url('img/top/top_01.gif') no-repeat; display:block; width:133px; height:196px; float:left;}
.headslice2 {background: url('img/top/top_02.gif') no-repeat; display:block; width:133px; height:196px; float:left;}
.headslice3 {background: url('img/top/top_03.gif') no-repeat; display:block; width:133px; height:196px; float:left;}
.headslice4 {background: url('img/top/top_04.gif') no-repeat; display:block; width:133px; height:196px; float:left;}
.headslice5 {background: url('img/top/top_05.gif') no-repeat; display:block; width:133px; height:196px; float:left;}
.headslice6 {background: url('img/top/top_06.gif') no-repeat; display:block; width:133px; height:196px; float:left;}

#center {background: #ebebeb; margin: 0; padding: 10px 10px 0 10px; width: auto;}
#leftbox {float: left; max-height:479px; margin-bottom:10px}
#menupic {border: solid 1px #333333; width: 300px; height: 475px;}
/*html menu_bg old ver.
.menuslice1 {background: url('img/menupic/menupic_01.gif') no-repeat; width:300px; height:80px}
.menuslice2 {background: url('img/menupic/menupic_02.gif') no-repeat; width:300px; height:79px}
.menuslice3 {background: url('img/menupic/menupic_03.gif') no-repeat; width:300px; height:80px}
.menuslice4 {background: url('img/menupic/menupic_04.gif') no-repeat; width:300px; height:79px}
.menuslice5 {background: url('img/menupic/menupic_05.gif') no-repeat; width:300px; height:80px}
.menuslice6 {background: url('img/menupic/menupic_06.gif') no-repeat; width:300px; height:79px}
*/
/*html menu old ver.
*+html #menu ul {position:relative; top:235px; left:130px; padding:0; width:100px;}
* html #menu ul {position:relative; top:250px; left:130px; padding:0; width:100px;}
#menu {position:absolute; top:0}
#menu ul {position:relative; top:225px; left:173px; padding:0; width:100px;}
#menu li {font-size: 12pt; font-weight: bold; text-align: right; margin-bottom: 10px; font-family: "Trebuchet MS", sans-serif;}
#menu li a {color: #ffffff; text-decoration: none;}
#menu li a:hover {color: #ffffff; text-decoration: none; margin-right: 2px;}
*/

#title_welcome {background:url('img/titles/welcome.gif') no-repeat 0 0; width:283px; height:20px; margin:20px 25px 5px 0; display:block; float:right;}
#title_about {background:url('img/titles/about.gif') no-repeat 0 0; width:195px; height:20px; margin:20px 25px 5px 0; display:block; float:right;}
#title_services {background:url('img/titles/services.gif') no-repeat 0 0; width:247px; height:20px; margin:10px 25px 0 0; display:block; float:right;}
#title_projects {background:url('img/titles/projects.gif') no-repeat 0 0; width:241px; height:23px; margin:20px 15px 5px 0; display:block; float:right;}
#title_enquiry {background:url('img/titles/enquiry.gif') no-repeat 0 0; width:247px; height:23px; margin:20px 25px 5px 0; display:block; float:right;}
#title_contacts {background:url('img/titles/contacts.gif') no-repeat 0 0; width:247px; height:20px; margin:20px 25px 5px 0; display:block; float:right;}

*html div.blue5px {margin-top:-16px; width:800px; border-bottom:5px solid #00AEEF; background:none;}
div.blue5px {width: 800px; height: 5px; border: none; background: #00AEEF;}
.blueline_left {background:url('img/blueline_left.gif') no-repeat left 0; display:block; width: 210px; height:1px;}
.blueword {color:#03a0db;}
.greyword7 {color:#999; font-size: 7pt;}
.greyword9 {color:#999; font-size: 9pt;}

#content {width: 450px; float: right;}
#content h1 {font-size: 14pt; font-weight: bold;}
#content p {margin: 10px 20px 0 0;}
#content dl {margin:0}
#content dt {margin: 10px 0 0 15px; font-weight: bold;}
#content dd {background: url('img/item.gif') no-repeat 0px 6px; padding-left: 10px;}

#sticker {background:url('img/sticker.gif') no-repeat 0 0; width:120px; height:152px; display:block; position:relative; top:-82px; left:343px;}
#sticker_ghost {border:none; position:relative; top:54px; left:5px;}
#sticker_ghost:hover {border:none; position:relative; top:0px; left:0px;}
#sticker_link:hover {background:url('img/sticker_link.gif') no-repeat 0 0; border: none; width:105px; height:85px; border:none; display: block; position:relative; top:54px; left:5px;}

div.article {min-height:489px;}
div #artbgrd_home {background:url('img/contentpic/tv.gif') no-repeat bottom right; display:block; position:relative; bottom:0px; right:-10px; height:487px}
div #artbgrd_about {background:url('img/contentpic/showcase.gif') no-repeat bottom right; display:block; position:relative; bottom:0px; right:-10px; height:487px}
div #artbgrd_services {background:url('img/contentpic/chair.gif') no-repeat bottom right; display:block; position:relative; bottom:0px; right:-10px; height:487px}
div #artbgrd_enquiry {background:url('img/contentpic/hall.gif') no-repeat bottom right; display:block; position:relative; bottom:0px; right:-10px; height:487px}
div #artbgrd_contacts {background:url('img/contentpic/door.gif') no-repeat bottom right; display:block; position:relative; bottom:0px; right:-10px; height:487px}

.txt12 {font-size:12pt}

#galarea {overflow:auto; height:420px;}
#galarea table {border-spacing:7px;} 
#galarea table img {width:90px; height:90px;}
.galtable {border:none; border-bottom: solid 1px #00AEEF; width:auto}
.galtitle {font-size: 12pt; font-weight: bold; text-align:center; margin-bottom:0px}

#cForm fieldset, #qForm fieldset {width: 400px; margin:10px 0 0; padding:0 0 5px 0; border:none}
#cForm  .submit, #qForm  .submit {padding:0 10px;}
.input-form {width:200px; padding:2px; margin:1px 0 3px; background:#f0f3f4; border:1px solid #ccc; color: #777;}
.input-form-on {width:200px; padding:2px; margin:1px 0 3px; background:#ffffff; border:1px solid #00AEEF; color: #333;}
.textarea-form {width:400px; padding:2px; margin:1px 0 3px; background:#f0f3f4; border:1px solid #ccc; color: #777; font-family: "Tahoma"; font-size: 9pt;}
.textarea-form-on {width:400px; padding:2px; margin:1px 0 3px; background:#ffffff; border:1px solid #00AEEF; color: #333; font-family: "Tahoma"; font-size: 9pt;}
#emailSuccess {background:#ecfced; border: solid 1px #AAD2AA; color:green; font-weight:bold; text-align:center; padding:5px; margin-right:40px !important}
#emailError {background:#fcecec; border: solid 1px #E9A1A1; color:red; font-weight:bold; text-align:center; padding:5px; margin-right:40px !important}


div.picsmall {display: block; margin: 10px 15px 5px; float: left;}
#footer {margin: 10px auto 20px}
#footer p {width: 800px; font-size: 8pt; text-align:center; margin:0; line-height:15px;}
.icon-map {display:block}

#counter-tuman {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9}
#counter-tuman {background:#F6F6F6; width:110px; height:30px; margin: auto; z-index:20; position:relative}
#counter-tuman:hover {background:none; width:110px; height:30px; margin: auto; position:relative}
#counter {width:110px; height:30px; margin:-30px auto 0; text-align:center; z-index:10; position:relative}