/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0 0 0 0; margin: 0; background: url(img/bg-body.png) repeat-x 0 0; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-full { margin-left: -940px; width: 940px; zoom: 1; }
.col-main { margin-left: -940px; width: 640px; zoom: 1; }
.col-side { margin-left: -300px; width: 300px; zoom: 1;}

.cg1 { margin-left: -940px; }
.cg2 { margin-left: -860px; }
.cg3 { margin-left: -780px; }
.cg4 { margin-left: -700px; }
.cg5 { margin-left: -620px; }
.cg6 { margin-left: -540px; }
.cg7 { margin-left: -460px; }
.cg8 { margin-left: -380px; }
.cg9 { margin-left: -300px; }
.cg10 { margin-left: -220px; }
.cg11 { margin-left: -140px; }
.cg12 { margin-left: -60px; }

.cw1 { width: 60px; }
.cw2 { width: 140px; }
.cw3 { width: 220px; }
.cw4 { width: 300px; }
.cw5 { width: 380px; }
.cw6 { width: 460px; }
.cw7 { width: 540px; }
.cw8 { width: 620px; }
.cw9 { width: 700px; }
.cw10 { width: 780px; }
.cw11 { width: 860px; }
.cw12 { width: 940px; }

#mother {  }
#main { position: relative; margin-bottom: 30px;  }

.main-col { width: 940px; margin: 0 auto; position: relative; }

/* Header */
#header {  position: relative; height: 100px; background: url(img/bg-header.jpg) no-repeat 50% 0; width: 100%; zoom: 1; }

#logo { position: absolute; left: -20px; top: 22px; z-index: 1; }
#logo p { margin: 0; }
#logo a img { display: block; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu */
#main-menu { margin: 0; padding: 0; position: absolute; top: 40px; right: 0; font-family: Arial; }
#main-menu ul { margin: 0; background: url(img/bg-main-menu-separator.png) no-repeat 100% 50%; float: right; zoom: 1;}
#main-menu li { margin: 0; padding: 0 0 0 1px; background: url(img/bg-main-menu-separator.png) no-repeat 0 50%; float: left; _display: inline; position: relative; zoom: 1; }
#main-menu li a { display: block; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 12px; padding-left: 4px; float: left; text-shadow: 1px 1px 1px #333; }
#main-menu li a span { display: block; padding: 10px 15px 10px; zoom: 1; float: left; =cursor: pointer; }
#main-menu li.active a span { =cursor: default; }
#main-menu li a:hover, #main-menu li.active a { color: #fff2c8; text-shadow: 1px 1px 2px #000; }
#main-menu li:hover a, #main-menu li.hover a {  }

/* News */
.news { margin: 25px 20px 0 0; }
.news ul { margin: 0; padding: 0; width: 100%; }
.news ul li .date { margin: 0; font-weight: bold; word-spacing: -2px; padding-top: 2px; color: #666; }
.news ul li { margin: 0 0 20px 0; padding: 0; background: none; zoom: 1; }

.news ul li h3 { font-size: 15px; font-weight: bold; margin: 0 0 5px; text-transform: none; padding: 0; line-height: 20px; }
.news ul li .desc { margin: 0; }
.news ul li h3, .news ul li .desc {  }

.content { padding-right: 10px; }

#footer { font-size: 91.667%; zoom: 1; background: url(img/bg-footer.png) no-repeat 50% 0;}
#footer .main-col {   }
#footer .spc { padding: 15px 0; zoom: 1; }
#footer p { margin: 0 0 10px; }

.breadcrumb { margin: 13px 0 15px 0; font-size: 11px; font-weight: bold; }
.breadcrumb p { margin: 0; }
.breadcrumb a, .breadcrumb a:visited { background: url(img/bullet-breadcrumb.png) no-repeat 100% 60%; padding-right: 17px; margin-right: 7px; font-weight: normal; }

.annot { font-size: 116.667%; line-height: 1.786; margin-bottom: 1.429em; color: #454545;  zoom: 1; }

.featured-image { float: right;  margin: 0 0 10px 20px;  }
.featured-image img { padding: 5px; margin: 0; display: block; border: 1px solid #cccccc;}

/* Paging */
.paging { padding: 10px; overflow: hidden; margin: 20px 0; border: 1px solid #e8e8e8; border-width: 1px 0; clear: both; }
.paging { text-align: right;  background: #f8f8f8; padding: 3px 10px;  }
.paging a { margin-left: 2px; padding: 1px 3px; }
.paging a.active { font-weight: bold; }

.arr-next { background: url(img/btn-next.png) no-repeat 0 0; display: block; width: 25px; height: 25px; text-indent: -9999px; overflow: hidden; float: right; }
.arr-prev { background: url(img/btn-prev.png) no-repeat 0 0; display: block; width: 25px; height: 25px; text-indent: -9999px; overflow: hidden; float: left; }

a.arr-next:hover, a.arr-prev:hover { background-position: 0 -100px; }

.prevnext { float: right; width: 60px; margin-top: -35px; _position: relative; }
.photo-carousel .prevnext { margin-right: 15px; }

/* Comments */
.comments, .add-comment { }
.comments ul li { background: none; margin: 0 0 10px 0; padding: 0; border-top: 1px solid #a2a2a2; }
.comments ul li .comm-num { float: left; font-size: 24px; width: 40px; text-align: right; margin-top: 5px; padding-right: 8px; line-height: 22px; }
.comments ul li .comm-head { margin: 6px 0 2px 60px; border-bottom: 1px dotted #e5e5e5; padding: 0 0 2px 0; }
.comments ul li .comm-author { font-variant: small-caps; font-size: 115.38%; color: black; margin-right: 5px;  }
.comments ul li .comm-date { float: right; }
.comments ul li .comm-body { margin-left: 60px; }

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images h2 { text-transform: uppercase; margin-top: 0;  }
.related-images ul { margin: 0 0 0 -9px; padding: 0; font-size: 0; line-height: 0; letter-spacing: -1px; }
.related-images ul li { margin: 0 0 9px 9px; padding: 0; border: 1px solid #cccccc; background: #BDE9F8; width: 133px; height: 133px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; =display: inline; letter-spacing: 0; overflow: hidden; font-size: 0; =font-size: 117px; letter-spacing: 0; line-height: 133px; text-align: center; }
.related-images ul li.first { margin-left: 0; }
.related-images ul li img { display: inline; padding: 0;  margin: 0; background: #fff; vertical-align: middle; border: 1px solid white; font-size: 0; line-height: 0; }
.related-images ul li a, .related-images ul li span { display: block; position: relative; zoom: 1; }

.photo-big { margin: 5px 0 20px; }

/* Side box */
.side-box { margin: 0 0 20px; }
.side-box h2 { font-family: Arial, sans-serif; font-size: 16px; color: #363636; font-weight: bold; text-transform: uppercase; }
.side-box .inner { }
.side-box p {  }

/* Side menu */
.side-menu { margin: 0 0 30px; padding: 0; }
.side-menu h2 { margin-bottom: 0; }
.side-menu ul { margin: 0; padding: 0; }
.side-menu ul li { margin: -1px 0 0; padding: 0; background: none; border: 1px solid #bde9f8; border-width: 1px 0;  }
.side-menu ul li a, .side-menu ul li a:visited { display: block; margin: 0; padding: 8px 8px 8px 21px; background: url(img/bullet-side-menu.png) no-repeat 1px 50%; color: #333333; text-decoration: none; font-weight: bold; }
.side-menu ul li.active a, .side-menu ul li a:hover { color: #00b0e8; }

/* Gallery list */
.gallery-list { margin: 25px -5px 0; zoom: 1; position: relative; }
.gallery-list h2 { margin-left: 5px; }
.gallery-list ul { margin: 0 -10px 10px 0; padding: 0; background: none; xwidth: 100%; float: left; _display: inline; }
.gallery-list ul li { float: left; margin: 0 10px 0 0; padding: 9px 10px 0 10px; background: url(img/bg-thumbnail-folder.png) no-repeat 0 0; width: 130px; position: relative; _display: inline; }
.gallery-list ul li h3 { margin: 0; padding: 0; font-size: 100%; text-transform: none; }
.gallery-list ul li h3 a { color: #666; text-decoration: none; }
.gallery-list ul li h3 a:hover { color: #000; }

.gallery-list ul li img { margin: 0; padding: 0; display: block; border: 0; width: 130px; height: 130px; margin-bottom: 10px; }
.gallery-list ul li .fake-photo { margin: 0; padding: 0; display: block; border: 0; width: 130px; height: 130px; margin-bottom: 10px; }
.gallery-list ul li .corner { width: 30px; height: 30px; position: absolute; top: 4px; right: 5px; background: url(img/bg-corner.png) no-repeat 100% 0; }
.gallery-list ul li .name { display: block; font-family: Arial, sans-serif; font-size: 92%; line-height: 1.2; padding: 3px 0; text-decoration: none; }
.gallery-list ul li .desc { margin: 0; display: none; }

.gallery-list ul li .foot { margin: 0 -10px; display: block; font-size: 0px; background: url(img/bg-thumbnail-foot.png) no-repeat 0 100%; min-height: 7px; _height: 7px; zoom: 1;  }


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-serif; margin: 0; }
input, select { vertical-align: top; }

.form-box { background: #f0f0f2; color: #333333; padding: 20px 20px 20px 20px; margin: 5px 0 20px; zoom: 1; -moz-box-shadow: 2px 2px 4px #ccc; }
.form-box p { margin: 0 0 5px; }
.inp-text, textarea { padding: 2px 0; border: 1px solid #bbb; background: white url(img/bg-inp-text.png) repeat-x 0 0; }

.btn-submit { padding: 5px 10px; =overflow: visible; }

.error-message { color: #9F3627; background: white; font-weight: bold; border: 3px solid #9F3627; padding: 10px 20px; margin-bottom: 15px; margin-right: 20px; zoom: 1;}
.error-message h3 { background: red; color: white; margin: -10px -20px 15px; padding-left: 20px; zoom: 1;}
.error { background: red; color: white; font-weight: bold; }

input.radio { vertical-align: top;}

#contact-form { margin: 30px 0; zoom: 1; }
#contact-form h2 { margin-bottom: 0; }

.w-full { width: 100%;  }
.w-half { width: 50%;  }



/* File icons */
ul.files li { background: none; padding: 0; margin-bottom: 0.3em;}
ul.files li a, a.ico-file { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 22px !important; }
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("img/file-icons/ico-file-zip.png");}
.ico-file-default {background-image: url("img/file-icons/ico-file-default.png");}