
/*
	* Main styles for template
	*
	* @author Maksim Horbachevsky fantactuka[at]yahoo.com
	* @version 1.0.1
*/


body {
	font-size: 62.5%;
    line-height: 100%;
    text-align: center;
    color: #333333;
}

#ceiling {
    background: url(../images/sides_01.jpg) center top no-repeat;
    height: 45px;
    margin: 0px auto;
    width: 1246px;
}

#page {
    background: url(../images/sides_08.jpg) top center repeat-y;
    margin: 0px auto;
    width: 980px;
    overflow: hidden;
    position: relative;
    padding: 10px 33px;
    text-align: left;
    font: normal 1.2em/1.4em Arial;
}

#shadow {
    background: url(../images/shadow_03.jpg) top center no-repeat;
    height: 20px;
}

#basement {
    background: url(../images/sides_13.jpg) top left no-repeat;
    height: 83px;
    margin: 0px auto;
    width: 1246px;
}

#sideLT {
    background: url(../images/sides_04.jpg) top left no-repeat;
    top: 0px;
    left: 0px;
    width: 23px;
    height: 300px;
    position: absolute;
}

#sideRT {
    background: url(../images/sides_06.jpg) top left no-repeat;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 300px;
    position: absolute;
}

#sideLB {
    background: url(../images/sides_10.jpg) bottom left no-repeat;
    bottom: 0px;
    left: 0px;
    height: 100px;
    width: 23px;
    position: absolute;
}

#sideRB {
    background: url(../images/sides_12.jpg) bottom left no-repeat;
    bottom: 0px;
    right: 0px;
    height: 100px;
    width: 23px;
    position: absolute;
}




/**
    * Header
*/

#header {
    overflow: hidden;
    position: relative;
}

#logo {
    float: left;
    margin: 0 !important;
}

#lang {
    color: #999999;
    position: absolute;
    top: 0px;
    left: 270px;
}

#lang a {
    color: #75C6D6;
    text-decoration: none;
}

#lang a:hover {
    color: #75C6D6;
    text-decoration: underline;
}

#nav {
    height: 36px;
    overflow: hidden;
    float: right;
    margin-top: 68px;
}

#nav li {
	height: 36px;
	float: left;
    background: url(../images/menu_07.jpg) top right no-repeat;
}

#nav li span {
    left: -9999px;
    position: absolute;
}




/**
    * Search 
*/

#search {
    background: url(../images/search_03.jpg) top left no-repeat;
    width: 294px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 23px;
}

#search .itext {
    width: 160px;
    border: solid 1px #CCC;
    background: none;
    padding: 3px 1px 2px;
    font: bold 12px/12px Arial;
    color: #333;
    position: relative;
    top: 8px;
    left: 82px;
}

#search .isubmit {
    width: 30px;
    height: 25px;
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    top: 10px; 
    left: 84px;
}




/**
    * Slide
*/

#content {
    overflow: hidden;
    /*height: 700px;*/
    width: 980px;
    position: relative;
    padding-bottom: 60px;
}

#content .wrap {
    width: 30000px;
    height: 700px;
    overflow: hidden;
}

.content {
    width: 980px;
    height: 700px;
    float: left;
}

#photo {
    overflow: hidden;
    width: 710px;
    height: 350px;
    position: relative;
    float: right;
}

#photo .wrap {
    width: 20000px;
    overflow: hidden;
}

.photo {
    float: left;
    width: 709px;
}

#gal {
    overflow: hidden;
    border-bottom: solid 5px #1C94AC;
    border-top: solid 5px #1C94AC;
}

ul#fish {
    padding: 35px 0px 10px 20px;
    overflow: hidden;
    margin: 0px 0px 5px;
    width: 250px;
    *width: 263px;
    float: left;
    clear: left;
    overflow: hidden;
    background: url(../images/slider_03.jpg) top left repeat-x;
}



ul#fish li {
    float: left;
    width: 43%;
    margin: 0px 10px 0px 0px;
}

ul#fish li a {
    display: block;
    font: normal 12px/20px Arial;
    text-decoration: none;
    text-transform: capitalize;
}




/**
    * Footer
*/

#footer {
    text-align: center;
    color: #666;
    background: url(../images/cent_03.jpg) top left repeat-x;
    padding: 20px 0px 10px;
    position: relative;
}

#footer a {
    color: #666;
}

#footer img {
    position: absolute;
    top: 20px;
    left: 0px;
}
