* {padding: 0px; margin: 0px;}
html, body {height: 100%;}
body {background: #298ECC url(../images/top-bg.gif) repeat-x left top;}
body, td {font-family: trebuchet MS, arial, tahoma, verdana; font-size: 11px; color: #FFFFFF;}
img {border: 0px;}
li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0px;}

form fieldset {border: 0px solid;}
form fieldset legend {display: none;}
.input {padding: 1px 0px 2px 0px; font-family: tahoma, arial, verdana; font-size: 11px; color: #000000; border: 1px solid #09344E; background: #FFF;}
/*
.button {font-family: arial, trebuchet MS, tahoma, verdana; color: #FFFFFF; font-size: 13px; text-transform: lowercase; border: 1px solid #B50054; background: #B50054;}
textarea.input {padding: 0px;}
select.input {padding-left: 0px; padding-right: 0px;}
*/

h1, h2, h3, h4, h5 {line-height: 100%;}

h1 {margin: 0px; float: left;}
h1 a {position: absolute; margin: 0px; display: block; width: 252px; height: 217px; }

hr {display: none; visibility: hidden;}

a {text-decoration: underline; color: #FFF;}
a:hover {text-decoration: none;}

.clear {clear: both; height: 1px; display: block; float: none !important;}

#wrapper {min-width: 1000px; height: 100%;}
* html #wrapper {width: expression(document.body.clientWidth>1000?"100%":"1000px");}

#body {position: relative; min-height: 100%; z-index: 9;}
#body .body-wrap {min-height: 922px; background: url(../images/top-bg.jpg) no-repeat left top;}
* html #body {height: 100%;}
* html #body .body-wrap {height: 922px;}

#padi a {position: absolute; margin: 176px 0px 0px 93px; display: block; width: 83px; height: 129px;  text-decoration: none;}


#emenu {margin: 358px 0px 0px 77px; width: 200px; position: absolute;}
#emenu ul {padding: 0px 0px 0px 13px; border-left: 1px solid #FFFFFF;}
#emenu li {margin: 0px 0px 5px 0px; font-weight: bold;}
#emenu li a {text-decoration: underline;}
#emenu li a:hover {text-decoration: none;}
#emenu li.l1 a {color: #FFFFFF;}
#emenu li.l2 a {color: #76E3FA;}
#emenu li.l3 a {color: #000099;}
#emenu li.l4 a {color: #000000;}


#mmenu {margin: 42px 0px 10px 367px; padding: 0px 0px 0px 20px; height: 75px; background: #0F5065 url(../images/mmenu-bg.gif) repeat-y left top;}
#mmenu li {margin: 13px 17px 0px 0px; display: block; float: left; font-size: 14px; font-family: arial narrow; text-transform: uppercase; color: #FFFFFF;}
#mmenu li a {padding-bottom: 1px; color: #FFFFFF; display: block; text-decoration: none;margin-bottom:2px;}
#mmenu li a.active {color: #29AFCC; border-bottom: 2px solid #31B4D0;margin-bottom:0px;}
#mmenu li a:hover {color: #29AFCC;}

#content {margin: 10px 0px 75px 367px; width: 636px; clear: both;}
#content .glink {margin: 0px; padding: 0px;}
#content .glink a {padding: 0px 12px 3px 5px; display: block; color: #00F0FF; float: left; background: #0E4E73 url(../images/arr01.gif) no-repeat right center; text-decoration: underline;}
#content .glink a:hover {text-decoration: none;}

#content .ctext {clear: both;}
#content .ctext p {margin-bottom: 20px;}
#content .ctext img {border: 2px solid #064061;}
#content .ctext img.on-left {margin: 0px 25px 25px 0px; float: left;}
#content .ctext img.on-right {margin: 0px 0px 25px 25px; float: right;}

#content .paging {clear: both;}
#content .paging .ln {background-image: url(../images/paging-dot.gif) !important;}
#content .paging .ln.l {background: repeat-y left top;}
#content .paging .ln.t {background: repeat-x left top;}
#content .paging .ln.r {background: repeat-y right top;}
#content .paging .ln.b {background: repeat-x left bottom;}
#content .paging .top {height: 1px; background: url(../images/paging-dot2.gif) no-repeat left top;}
#content .paging .top span {display: block; height: 1px; background: url(../images/paging-dot2.gif) no-repeat right top;}
#content .paging .btm {height: 1px; background: url(../images/paging-dot2.gif) no-repeat left top;}
#content .paging .btm span {display: block; height: 1px; background: url(../images/paging-dot2.gif) no-repeat right top;}
#content .paging .cont {padding: 2px 3px;}
#content .paging .wrap {height: 28px; background: #29A7CC;}
#content .paging .info {margin: 0px 0px 0px 20px; width: 150px; float: left; font-weight: bold; color: #113258; font-size: 11px; line-height: 28px;}
* html #content .paging .info {margin-left: 10px;}
#content .paging table {margin: 4px 14px 0px 0px; float: right;}
* html #content .paging table {margin-right: 7px;}
#content .paging td {line-height: 21px;}
#content .paging a {margin: 0px 0px 0px 9px; display: block; float: left; color: #044472; text-decoration: underline;}
#content .paging a:hover {text-decoration: none;}
#content .paging a.selected {text-decoration: none;}
#content .paging a.prev {width: 54px; height: 21px; text-indent: -9999px; background: url(../images/link-prev.gif) no-repeat; text-decoration: none;}
#content .paging a.prev:hover, #content .paging a.prev.active {background-position: left bottom;}
#content .paging a.next {width: 48px; height: 21px; text-indent: -9999px; background: url(../images/link-next.gif) no-repeat; text-decoration: none;}
#content .paging a.next:hover, #content .paging a.next.active {background-position: left bottom;}

#intro {padding: 204px 0px 0px 0px;}
* html #intro {height: 1%;}
#intro .hr {margin: 0px 0px 0px -23px; height: 1px; background: #58A7D7; position: relative;}

#intro .icourses {margin: -136px 0px 20px 0px; width: 190px; float: left;}
#intro .icourses h2 {margin: 0px 0px 20px -23px; float: left; position: relative;}
#intro .icourses h2 a {display: block; width: 156px; height: 137px;  text-decoration: none;}
#intro .icourses ul {padding: 0px 40px 40px 16px;}
#intro .icourses ul li {margin: 0px 0px 22px 0px;}
#intro .icourses ul li a {color: #FFFFFF; text-decoration: underline;}
#intro .icourses ul li a:hover {text-decoration: none;}
#intro .icourses .glink {margin: 0px 0px 0px 12px;}

#intro .itours {margin: -136px 0px 20px 0px; float: left; width: 445px; position: relative;}
#intro .itours h2 {margin: -7px 0px 20px 0px; position: relative;}
#intro .itours h2 a {display: block; width: 201px; height: 144px;  text-decoration: none;}
#intro .itours h3 {margin: 0px 0px 2px 0px; font-weight: bold; font-size: 11px;}
#intro .itours h3 a {color: #FFF; text-decoration: underline;}
#intro .itours h3 a:hover {text-decoration: none;}
#intro .itours .item {padding: 0px 0px 0px 37px; clear: both;}
#intro .itours .img {margin: 0px 22px 12px 0px; float: left;}
#intro .itours .img img {display: block; border: 2px solid #064061;}
#intro .itours .descr {margin: 0px 0px 12px 0px; width: 200px; float: left;}
#intro .itours .descr p {line-height: 15px;}
#intro .itours .glink {margin: 0px 0px 0px 37px; clear: both;}
#intro .itours .banner {margin: 40px 0px 0px 37px;margin-left:-190px;}
#intro .itours .banner img {display: block;}

#intro .ctext {padding: 0px 110px 0px 16px; clear: both; border-left: 1px solid #FFF;}


#title {margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; background: url(../images/title-shadow.gif) no-repeat center bottom;}
#title .cont {height: 110px; border-bottom: 1px solid #58A8D7;}
#title .cont table {height: 110px;}
#title h2 {margin: 0px 0px 0px 0px; position: absolute; background: url() no-repeat 0px 0px; text-indent: -9999px;}

#title .tours-reports .cont h3 { margin-left:10px; margin-top:15px; }
#title .tours-reports .cont h4 { margin-left:150px; margin-top:15px; }
#title .tours-reports .cont {}

#title .contacts .cont h3 { margin-left:10px; margin-top:15px; }
#title .contacts .cont h4 { margin-left:150px; margin-top:15px; }
#title .contacts .cont {}

#title .training .cont h3 { margin-left:10px; margin-top:15px; }
#title .training .cont h4 { margin-left:180px; margin-top:15px; }
#title .training .cont {}

#title .page .cont h3 { margin-left:10px; margin-top:15px; }
#title .page .cont h4 { margin-left:250px; margin-top:15px; }
#title .page .cont {}

#title .tours-reports.reports .cont h3 { margin-left:10px; margin-top:15px; }
#title .tours-reports.reports .cont h4 { margin-left:150px; margin-top:15px; }
#title .tours-reports.reports .cont {}

#title .photogallery .cont h3 {margin-left:10px; margin-top:15px; }
#title .photogallery .cont h4 {margin-left:150px; margin-top:15px;}

#tours {padding: 0px 30px 0px 0px;}
#tours .ctext {padding: 0px 20px;}
#tours .item {margin: 0px 0px 14px 0px; padding: 8px; border: 1px solid #58A8D7;}
#tours .item {height: 1%;}
#tours .item h3 {margin: 0px 0px 3px 0px; color: #31B4D0; font-size: 11px; font-weight: bold;}
#tours .item h3 a {color: #00F0FF; text-decoration: underline;}
#tours .item h3 a:hover {text-decoration: none;}
#tours .item .img {margin: 0px 20px 0px 0px; float: left; border: 2px solid #064061;}
#tours .item .img img {display: block;}
#tours .item .descr {padding: 10px 0px 0px 0px; display: block; float: left; width: 320px;}
#tours .item.first {border: 0px; background: #104F65 url(../images/tours-first-bg.gif) repeat-x left bottom;}
#tours .item.first .img {margin: 0px; float: none; clear: both; border: 1px solid #58A8D7; padding: 4px;}
#tours .item.first .descr {margin: 0px 0px 0px 13px; padding-bottom: 40px; float: none; font-size: 12px; width: 500px;}
#tours .item.first .descr h3 {margin-bottom: 15px; font-size: 12px;}
#tours .glink a {text-transform: lowercase; float: right;}

#tour {margin: 0px 0px 0px 7px; width: 575px;}
#tour .info {margin: 0px 0px 30px 0px; padding: 6px 7px; height: 1%; border-left: 3px solid #00E8FF; background: #186694 url(../images/tour-info-bg.gif) repeat-y right top;}
#tour .info .descr {margin: 8px 0px 10px 12px; width: 300px; float: left;}
* html #tour .info .descr {margin-left: 6px;}
#tour .info .descr h3 {margin: 0px 0px 3px 0px; font-size: 11px; color: #00E8FF; font-weight: bold;}
#tour .info .extra {width: 152px; float: right;}
#tour .info ul {padding: 16px 10px 16px 10px; border: 1px solid #58A8D7;}
#tour .info ul li {display: inline;}
#tour .info ul a {padding-left: 26px; display: block; height: 1%; font-weight: bold; color: #00E8FF; background: no-repeat left top;}
#tour .info ul a.photos {margin-bottom: 5px; height: 11px; line-height: 11px; background-image: url(../images/ico-photos.gif);}
#tour .info ul a.order {height: 14px; line-height: 14px; background-image: url(../images/ico-order.gif);}
#tour .ctext {padding: 0px 22px;}

#photolist {margin: 20px 150px 0px 64px; padding: 0px 0px 0px 13px; clear: both; border-left: 1px solid #FFFFFF;}
/*#photolist dt {margin: 0px 0px 5px 0px; color: #00E8FF; font-weight: bold;}
#photolist dd {padding: 0px 0px 0px 12px;}*/
#photolist ul {margin: 0px 0px 10px 12px;}
#photolist ul li {margin: 0px 0px 7px 0px;}
#photolist span {margin: 0px 0px 5px 0px; color: #00E8FF; font-weight: bold;cursor:pointer;}

#photos {padding: 0px 0px 0px 11px;}
#photos h3 {margin: 0px 0px 27px 0px; font-size: 20px; font-weight:normal; color: #FFFFFF;}
#photos .list a
{
	margin: 0px 0px 6px;
	padding: 2px;
	display: block;
	float: left;
	border: 1px solid #58A8D7;
	cursor: pointer;
}
#photos .list table {margin: 0px 28px 36px 0px; padding: 2px; display: block; float: left;  cursor: pointer;height:150px;}
#photos .list table td {width: 150px;vertical-align:top;}
#photos .list a img {display: block;}
#photos .paging {width: 500px;}

#teaching {padding-bottom: 50px;}
#teaching .ctext {padding: 0px 90px 30px 15px;}
#teaching .ctext h2{font-size:24px; margin-bottom:20px;}
#teaching .ctext ul{padding-left:40px;}
#teaching .ctext ul li{margin-bottom:4px; list-style-type:disc;}
#teaching .scheme {padding: 0px 90px 50px 45px;}
#teaching .scheme .block {border: 1px solid #58A8D7; float: left;}
#teaching .scheme .block td {text-align: center; vertical-align:middle; font-weight: bold; color: #FFFFFF; width: 146px; height: 81px; background: url(../images/scheme-block-bg.gif) no-repeat 2px 2px;}
#teaching .scheme .block a {display: block; margin: 0px 15px;}

#teaching .scheme .block2 {border: 1px solid #58A8D7; float: left;}
#teaching .scheme .block2 td {text-align: center; vertical-align: middle; font-weight: bold; color: #FFFFFF; width: 136px; height: 81px; background: url(../images/scheme-block-bg.gif) no-repeat 2px 2px;}
#teaching .scheme .block2 a {display: block; margin: 0px 15px;}

#teaching .scheme .hor-streak {width: 30px; height: 83px; float: left;}
#teaching .scheme .empty-block {width: 146px; height: 83px; float: left;}
#teaching .scheme .empty-block td {text-align: center; vertical-align: middle; width: 146px; height: 81px; }


#teaching .scheme .ver-streak {margin: 0px 30px 0px 0px; width: 147px; height: 27px; float: left;}

#teaching .scheme .arr-lr {background: url(../images/scheme-arr-lr.gif) no-repeat center center;}
#teaching .scheme .arr-rl {background: url(../images/scheme-arr-rl.gif) no-repeat center center;}
#teaching .scheme .arr-bt {background: url(../images/scheme-arr-bt.gif) no-repeat center center;}
#teaching .scheme .arr-tb {background: url(../images/scheme-arr-tb.gif) no-repeat center center;}
#teaching .scheme .arr-diag-rltb {background: url(../images/arr05.gif) no-repeat center center;}
#teaching .scheme .arr-diag-lrtb {background: url(../images/arr06.gif) no-repeat center center;}
#teaching .scheme .arr-diag-rlbt {background: url(../images/arr07.gif) no-repeat center center;}

#contacts h3 {margin-bottom: 3px; font-size: 11px; font-weight: bold; color: #FFFFFF;}
#contacts .address {margin: 0px 0px 40px 32px; width: 215px; float: left;}
#contacts .address p {line-height: 19px;}
* html #contacts .address {margin-left: 16px;}
#contacts .extra {margin-bottom: 40px; width: 300px; float: left;}
#contacts .extra h3 {margin-bottom: 8px;}
#contacts .extra p {width: 300px; font-family: arial narrow; font-size: 30px;}
#contacts .extra p span {font-size: 18px;}

#contacts .form {margin-right: 22px; width: 375px; float: left; clear: left;}
#contacts .form .wrap {padding: 3px; border: 1px solid #00E8FF;}
#contacts .form .cont {padding: 20px 10px 20px 25px; border: 2px solid #00EDFF; border-top: 0px; border-bottom: 0px; background: #186694 url(../images/contacts-form-bg.gif) repeat-y right top;}
* html #contacts .form .cont {height: 1%;}
#contacts .form .input {width: 100%;}
#contacts .form table {width: 100%;}
#contacts .form table td {padding: 0px 15px 10px 0px;}
#contacts .form table .t {width: 15%; text-align: right; vertical-align: top;}
#contacts .form table .i {width: 85%;}
#contacts .form table .i.submit {padding-bottom: 0px;}
#contacts .form table textarea.input {margin-bottom: 15px;}
#contacts .form table .glink a {padding-bottom: 2px; text-transform: lowercase; text-decoration: none;}
#contacts .form table .glink a:hover {text-decoration: underline;}

#contacts .map {float: left; width: 200px;}
#contacts .map p.img {padding: 3px; margin: 0px 0px 15px 0px; display: block; float: left; border: 1px solid #00E8FF;}
#contacts .map p.img img {display: block;}
#contacts .map h3 {margin-bottom: 5px; clear: both;}
#contacts .map p.zoom a {padding: 0px 18px 0px 0px; display: block; float: left; height: 12px; line-height: 12px; background: url(../images/ico-zoom.gif) no-repeat right center; text-transform: lowercase;}


#ftr {position: relative; margin-top: -322px; height: 322px; background: url(../images/ftr-bg.gif) repeat-x left bottom;}
#ftr div.coral {height: 322px; background: url(../images/ftr-coral.jpg) no-repeat left bottom;}

#ftrbanners {padding: 280px 0px 0px 25px;}
#ftrbanners p.copy a {color: #29AFCC; text-decoration: underline;}
#ftrbanners p.copy a:hover {text-decoration: none;}
#ftrbanners p.copy {font-family: arial;float:left; line-height: 150%; color: #FFFFFF; font-size: 10px;}
#ftrbanners div.fbanner{float:left;margin-left:20px;}
#ftrbanners div.flink{float:left;margin-left:0px;width:420px;font-size:9px;color:#063048;}
#ftrbanners div.flink a{color:#063048;}
div.photo{vertical-align: middle; text-align: center}
div.closephoto{vertical-align: middle; text-align: center; font-weight:bold;}