body { margin: 0; padding: 0; font-family: verdana, tahoma; font-size: 0.75em; color: #FFF; background: #c4251f url(../images/background/body.png) repeat-x center top; }
#container { margin: 0 auto; background: url(../images/background/header.jpg) no-repeat center top; }
#wrap { margin: 0 auto; width: 840px; }
#content { min-height: 450px; _height: 450px; background: url(../images/background/content.png) no-repeat center top; } 

#home { display: block; width: 500px; margin: 0 auto; height: 130px; margin-bottom: 121px; }
ul#navigation {padding: 10px 0 0 150px; height: 70px; }
ul#navigation  li { float: left; background: url(../images/background/navigation.png) repeat-x left top; }
ul#navigation  li p { background: url(../images/background/navigation-left.png) no-repeat left top; }
ul#navigation li p.first { background-image: none; }
ul#navigation  li p a { padding: 20px 20px 26px 20px; background: url(../images/background/navigation-right.png) no-repeat right top; color: #FFF; font-weight: bold; font-variant: small-caps; text-decoration: none; display: block; }
ul#navigation  li p a:hover { color: #FFEA00; }
ul#navigation  li p a.active { color: #FFEA00; }

#split-panes { padding: 0 10px 0 64px; width: 413px; float: left; } 
#split-panes .pane { padding: 8px; width: 402px; height: 202px; background: url(../images/background/pane.jpg) no-repeat left top; }

#article { margin: 0 auto; width: 717px; background: url(../images/background/article-top.jpg) no-repeat center top; }
#article .pane { padding: 8px; min-height: 370px; _height: 370px; background: url(../images/background/article-bottom.jpg) no-repeat left bottom; }
#article p { line-height: 24px; }

#gallery { float: right; margin-right: 40px; _display: inline; }
#gallery .pane { padding: 8px 25px 8px 8px; width: 271px; height: 253px; background: url(../images/background/gallery-pane.jpg) no-repeat left top; }
#gallery .pane img { width: 71px; height: 71px; margin: 2px 0 0 0; }
/* chrome & safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#gallery .pane img{margin: 6px 0 0 4px; -webkit-transform: rotate(7deg);}
}
#gallery .pane canvas { margin-top: 2px; width: 79px; height: 79px; }
#gallery .pane ul li { float: left; 	margin: 3px; width: 82px; height: 85px; background: url(../images/background/gallery-image.gif) no-repeat left top; }
#gallery .pane a.more { color: #C3241F; background-image: url(../images/icon/arrow-gray.gif); }

#contacts { float: right;  margin-right: 40px; _display: inline;}
#contacts .pane { padding: 8px 25px 8px 8px; width: 271px; height: 283px; background: url(../images/background/contacts-pane.jpg) no-repeat left top; }
#contacts .pane img { width: 16px; height: 16px; }
#contacts .pane td { padding: 0 4px 9px 0; _padding: 0 4px 7px 0; }
#contacts .pane input { padding: 3px 10px 0 10px; width: 230px; height: 26px; background: url(../images/background/textinput.jpg) no-repeat left top; border: none 0; }
#contacts .pane textarea { padding: 3px 10px 0 10px; width: 230px; height: 86px; background: url(../images/background/textarea.jpg) no-repeat left top; border: none 0; overflow: hidden; }
#contacts .pane a.more { color: #C3241F; background-image: url(../images/icon/arrow-gray.gif); } 
#contacts .pane td.captcha img { width: 55px; height: 22px; vertical-align: top; margin-top: 1px; border: 1px solid #D7D7D7; }
#contacts .pane td.captcha img.error { border: 1px solid #f00; }
#contacts .pane td.captcha input { width: 40px; background: url(../images/background/textinput-small.jpg); margin-left: 7px; }
#contacts .pane p.status { font-size: 1.25em; color: #FFF; text-align: center; }
#contacts .pane p.status span { display: block; width: 16px; height: 16px; background: url(../images/icon/icon-tick.gif) no-repeat left top; margin: 3px auto; }
#contacts .pane a.submit { float: right; margin: 5px 5px 0 0; }

#gallery-prev, #gallery-next { width: 69px;  height: 300px; float: left; }
#gallery-prev a, #gallery-next a { display: block; width: 69px; height: 59px; margin: 140px 0 0 0; }
#gallery-prev  a { background: url(../images/background/gallery-prev.png) no-repeat left top; outline: none; }
#gallery-next  a { background: url(../images/background/gallery-next.png) no-repeat left top; outline: none; }
#gallery-image { width: 563px; height: 300px; text-align: center; float: left; }
#gallery-image img { margin-bottom: 15px; width: 400px; height: 300px; }
#gallery-image a { text-decoration: none; color: #fff; outline: none; }
#gallery-image #loader { background: url(../images/loader.gif) no-repeat center center; height: 300px; }

#pane-shadow { width: 304px; height: 85px; background-image: url(../images/background/pane-shadow.jpg); background-repeat: no-repeat; }

#footer { padding: 100px 0 0 0; background: url(../images/background/footer.jpg) no-repeat center top; font-size: 0.92em; }
#footer ul { margin: 0 0 0 240px; }
#footer ul li { padding: 0 8px 0 8px; float: left; border-left: solid 1px #FFEA00; }
#footer ul li.first { border-left: none; }
#footer ul li a { color: #FFEA00; }
#footer ul li a:hover { color: #FFEA00; text-decoration: none; }
#footer p { padding: 10px; clear: both;  text-align: center; }

a.more { padding: 0 0 0 10px; color: #FFEA00; font-weight: bold; font-variant: small-caps; text-transform: capitalize; background: url(../images/icon/arrow-green.gif) no-repeat left center; }
a.more:hover { text-decoration: none; }
h1 { margin: 0 0 10px 0; padding: 0; font-weight: normal; font-size: 1.83em; }
h2 { margin: 0 0 10px 0; padding: 0; font-weight: normal; font-size: 1.83em; color: #383838; }
img { border: none; }
.richtext p { line-height: 24px; }
.richtext ul { padding: 0 0 0 20px; list-style-image: url(../images/icon/bullet.gif); }
.richtext ul li { line-height: 24px; }
.richtext a { color: #ffff00; text-decoration: none; }

.validator { color: #B200FF; font-size: 1.18em; margin-left: 2px; }
.clear {clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
.spacer {height: 10px; overflow: hidden; font-size: 0; line-height: 0; }
ul, ol, li, p, form { margin: 0; padding: 0; }
li {list-style-type: none;}
blockquote { margin: 5px; padding: 5px; }
p#stats { text-align: center; color: #f90; clear: both; }