body {margin: 0; padding: 0; background: #FFFFFF url(/images/img01.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; line-height:160%;}

/* Header */
#header {width: 760px; height: 150px; margin: 0 auto; background: url(/images/img02.gif) no-repeat;}
#header h1 {margin: 0; margin: 0; font-weight: normal; color: #000000;}
#header h1 {float: left; padding: 76px 0 0 12px; line-height: 50px; font-size: 50px;}
#header a {text-decoration: none; color: #000000;}

/* Page */
#page {width: 760px; margin: 0 auto;}

/* Content */
#content {float: right; width: 519px;}
#content p, #content ul, #content ol {line-height: 1.8em;}
#content a[href^='http:'] {padding-right:10px;background-image:url('/__img/out-link.gif');background-position: 100% 30%;background-repeat: no-repeat;}
#content a[href^='http:']:hover {text-decoration:none;}

/* Sidebar */
#sidebar {float: left; width: 200px; padding: 0 20px 0 0; border-right: 1px dotted #DCDCDC;}
#sidebar ul {margin: 0; padding: 0; list-style: none;}
#sidebar li li {padding: 5px 10px; background: url(/images/img07.gif) no-repeat left center; border-top: 1px dotted #DCDCDC;}
#sidebar li li.first {border-top: 1px solid #ffffff;}
#sidebar .menu {height: 40px; margin: 20px 0 0 0; padding: 20px 0 0 40px; text-transform: lowercase; font-size: 1.65em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#sidebar a {text-decoration: none;}
#sidebar a:hover {text-decoration:underline;}
#sidebar a[href^='http:'] {padding-right:10px;background-image:url('/__img/out-link.gif');background-position: 100% 30%;background-repeat: no-repeat;}

/* Footer */
#footer {clear: both; height: 150px; padding: 20px 0 0 0; background: #000000; color: #666666;}
#footer p {background: #000000; margin: 0; text-align: center; font-size: 85%;}
#footer a {color: #CCCCCC;}
#footer a:hover {color: #FFFFFF;}
#hearth {text-align:center;}
#footer #hearth a {text-decoration:none; border:none;}
#hearth img {border:none;}

h1, h2, h3, h4, h5 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000;}
#content h2 {font-weight: normal; font-size: 200%; line-height: 150%; margin: 35px 0 5px 0; padding: 0;}
#content h3 {font-weight: normal; font-size: 170%; line-height: 120%; margin: 35px 0 5px 0; padding: 0;}
#content h4 {font-weight: normal; font-size: 140%; line-height: 110%; margin: 35px 0 5px 0; padding: 0;}

a {text-decoration: underline; color: #1777B1;}
a:hover {text-decoration:none; color: #d20039;}

.bg1 { background: url(/images/img04.gif) no-repeat left bottom; }
.bg2 { background: url(/images/img05.gif) no-repeat left bottom; }
.bg3 { background: url(/images/img06.gif) no-repeat left bottom; }
.bg4 { background: url(/images/img08.gif) no-repeat left bottom; }
.bg5 { background: url(/images/img09.gif) no-repeat left bottom; }
.bg6 { background: url(/images/img10.gif) no-repeat right bottom; }
.bg7 { background: url(/images/img11.gif) no-repeat right bottom; }

.feature .image {padding: 0 0 0 40px;}
.feature .content {padding: 0 0 0 0px;}
.feature img.left {float: left; margin: 6px 15px 0 0;}

.box {float: left; width: 250px;}
.box .title {height: 40px; padding: 20px 0 0 40px; text-transform: lowercase; font-size: 167%;}

.list, .links { margin: 0; padding: 0; list-style: none; }
.list li, .links li { padding: 0 0 0 10px; margin: 0; background: url(/images/img07.gif) no-repeat left center; }
.list li.sub, .links li.sub {background-image:none; margin: 15px 0; }
.list li.sub ul, .links li.sub ul {margin: 0 0 0 15px; padding: 0; list-style: none; }

.links {font-size: 1.25em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.links li { margin: 3px 0 0 0; }

ul.hierarchy { margin-top: 1.5em; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
ul.hierarchy li { padding: 0; font-size: 1.25em; list-style-type: none; background: transparent; }
ul.hierarchy li.sub { padding: 0 0 20px 0; margin: 0; }
ul.hierarchy li ul li { padding: 0 0 0 10px; font-size: 0.8em; background: url(/images/img07.gif) no-repeat left center; }

ul.green-bg {padding: 0 0 0 20px; margin: 10px 0;}
ul.green-bg li {list-style-type:none; background:url('/__img/li_bg.gif') left center no-repeat; padding:2px 0 2px 25px;}



/* News */
.news {width:519px;color:#444;background:#f6f7ef url('/__img/news_top.gif') center top no-repeat;font-size:0.9em;margin-bottom:1.5em;}
.news-content {padding:5px 10px 0 10px;}
.news-date {margin-top:5px;text-align:right;}
.news-b {width:519px;height:5px;background:#f6f7ef url('/__img/news_bottom.gif') center bottom no-repeat;}

/* Advertise to my sites */
#adv {width:519px;height:130px;color:#fff;background:#0ab0f6 url('/__img/poutac.gif') no-repeat;margin:1.5em 0 1.5em 0;font-size:1.2em;}
#adv a {font-size:1.5em;font-weight:bold;}
#adv a:link, #adv a:visited, #adv a:hover {color:#fff;}
#adv a[href^='http:']:visited {color:#fff;}
#adv-a {padding:15px 0 0 95px;}
#adv-b {float:right;margin-right:45px;}
#adv-c {padding:25px 0 0 25px;}
#adv-d {float:right;margin:10px 20px 0 0;}

/* Link to previous page */
#back {margin-top:3em;color:#888;clear:both;}
#back a,#back a:link,#back a:hover,#back a:visited{padding-left:15px;background:#fff url('/__img/arrow_b.gif') left center no-repeat;float:right;}
#back #a-rss {padding:0;background:#fff;font-size:0.9em;}

/* Read books */
table.books {width:100%;border-collapse: collapse;}
table.books td.left {width:70%; padding-right: 4px;}
table.books td {padding: 4px 0; border-bottom:1px dotted #DCDCDC;}

/* Photogallery */
table.photogallery {border-collapse: collapse;}
table.photogallery td {width: 173px; text-align:center; padding: 2px 0; _padding: 4px 0;}
#content table.technic img {padding: 2px; border: 1px solid #DCDCDC;}

table.fotogalerie td {width:173px;text-align:center;}
table.fotogalerie-k td {width:160px;}
#content table.fotogalerie-k img {border:1px solid #ddd;padding:4px;}

/* Contact */
#contact td.left {width: 80px; font-weight: bold;}
#contact-form table {width: 100%; margin: 20px 0 0 0;}
#contact-form table td {padding: 6px 0; vertical-align: top;}
#contact-form table td.left {width: 35%; font-weight: bold;}
#contact-form input {width: 250px;}
#contact-form textarea {width: 350px; height: 100px;}
#contact-form #submit input {width: auto;}
#contact-form #submit {text-align: center; padding: 25px 0 0 0;}

/* Warnings */
.warn {font-weight: bold; text-align: center; font-size: 1.2em; padding: 10px; margin: 20px 0; border: 1px dotted #DCDCDC; color: #cc0000;}
.warn ul {text-align: left;}

/* Photo technic */
table.photo-technic {border-collapse:collapse;margin: 1em 0 3em 0;}
table.photo-technic td {padding: 4px; border-bottom:1px dotted #DCDCDC; border-top:1px dotted #DCDCDC;}
table.photo-technic td.left {width: 180px; padding: 4px 8px 4px 0; font-weight: bold;}

/* Photogallery of travelling */
#content img.img-right {float:right;border:1px solid #ddd;padding:4px;margin:0 0 1.5em 1.5em;}
#content img.img-left {float:left;border:1px solid #ddd;padding:4px;margin:0 1.5em 1.5em 0;}
#content .img-center {text-align:center; margin-bottom: 1.5em; }
#content .img-center img {border:1px solid #ddd;padding:4px;}
#content .img-center .left {margin-right:30px;}
#content .img-center .right {margin-left:30px;}


#content .img img {border:1px solid #ddd;padding:4px;margin-right: 15px;}

/* Web */
table.price {border-collapse: collapse;}
table.price td {padding: 0 0 8px 0;}
table.price td.left {font-weight: bold; width: 60%;}

.refer img {border:1px solid #ccc; float:left; margin:0 10px 10px 0;}
.refer ul {clear:left;}
#content .refer h3 {margin:1em 0 0 0;padding:1em 0 0 0;border-top:1px solid #ccc;}
#content .refer h3.first {margin:2em 0 0 0;padding:0;border:none;}


/* About us */
img.about {float:left; margin:0 20px 5px 0;}
.our-photo {text-align: center; margin: 30px 0 0 0; font-weight:bold;}
.our-photo img {display:block;margin:5px auto; padding:4px; border:1px solid #cccccc;}

/* Basic */
.margin-left {margin:20px 0 0 30px;}
.margin-left strong {margin-left:-30px;}

hr.clean {visibility:hidden;height:0px;clear:both;}

.button {color: #000000; background: #ffffff; font-weight: bold;}

.centerT {text-align:center;margin-top:1em;}
.center {text-align:center;}
.str{margin:1.5em 0;font-weight:bold;text-align:center;}
.ad {text-align:center;margin-top:3em;}

#content input, #content textarea {border: 1px solid #1E90FF;}

img {border:none;}
.ml {margin-left:5px;}

#content img.cnt {display:block;margin:1.5em auto 1.5em auto;border:1px solid #ddd;padding:4px;}

.marginT {margin-top:2em;}
.about-me {width:150px;font-weight:bold;}