* {margin:0; padding:0; outline:none}

body {position:relative; font:13px "trebuchet ms"; background:#666; color:#3e3e3e}

a {color:#6f8a9f; text-decoration:none}
a:hover {color:#9087a4}

img {border:none}

input {vertical-align:top}

.clear {_height:1%}
.clear:after {content:'.'; display:block; clear:both; visibility:hidden; height:0}

.wrapper {width:800px; margin:0 auto; background:#f4f4f4}

.header {height:176px; position:relative}
.header .logo {position:absolute; left:326px; top:11px}
.header p {position:absolute; top:68px; left:555px; width:160px; color:#929395; font-size:14px}

h2 {color:#a7a7a7; font-size:22px; padding:0 0 8px 144px; width:434px; font-weight:normal; background:url(/bitrix/templates/start/images/h2.png) no-repeat 144px bottom}

.content {width:434px; margin:9px 0 0 142px; background:url(/bitrix/templates/start/images/scroll-bg.png)}
.content-top {position:relative; width:434px; height: 563px; background:url(/bitrix/templates/start/images/scroll-top.png) no-repeat left top}
.content-bottom {position:absolute; width:424px; height: 553px; padding:5px; background:url(/bitrix/templates/start/images/scroll-bottom.png) no-repeat left bottom}
.content-scroll {width:357px; height:477px; padding:34px 30px 42px 37px; overflow:hidden}
.content-scroll p {padding-bottom:25px}

.jScrollPaneContainer {position:relative; overflow:hidden; z-index:1}
.jScrollPaneTrack {position:absolute; cursor:pointer; right:0; top:0; height:100%}
.jScrollPaneDrag {position:absolute; background:url(/bitrix/templates/start/images/scroll-btn.png) no-repeat 1px top; cursor:pointer; overflow:hidden}
.jScrollPaneDragTop {position:absolute; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom {position:absolute; bottom:0; left:0; overflow:hidden;}
a.jScrollArrowUp {display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; background:url(/bitrix/templates/start/images/scroll-arrow-top.png) no-repeat; overflow:hidden; height:11px}
a.jScrollArrowUp:hover {background-position:left -11px}
a.jScrollArrowDown {display:block; position:absolute; z-index:1; top:11px; right:0; text-indent:-2000px; background:url(/bitrix/templates/start/images/scroll-arrow-bottom.png) no-repeat; overflow:hidden; height:14px}
a.jScrollArrowDown:hover {background-position:left -14px}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.content-btn {width:576px; padding:0 224px 20px 0}
.content-btn a {display:block; float:right; font-size:14px; line-height:38px; text-align:center; width:78px; height:38px; background:url(/bitrix/templates/start/images/btn-1.png) no-repeat left top}
.content-btn a:hover,
.content-btn a.active {color:#9087a4; background-position:left -38px}

form {padding-left:146px}
form p {padding-bottom:35px}
form label {font-size:14px}
form label input {position:relative; top:2px; top:-2px!ie}

.footer {height:111px; position:relative}
.footer h3 {font-size:14px; font-weight:normal; padding:10px 0; text-align:center}

.footer-left {width:270px; height:87px; background:url(/bitrix/templates/start/images/footer-left.png) no-repeat}
.footer-right {position:absolute; left:275px; top:0; width:160px; height:87px; background:url(/bitrix/templates/start/images/footer-right.png) no-repeat}

.footer-links {width:100%}
.footer-links a {display:block; float:left; font-size:14px; margin-right:4px; line-height:36px; text-align:center; width:120px; height:36px; background:url(/bitrix/templates/start/images/btn-2.png) no-repeat left top}
.footer-links a:hover,
.footer-links a.active {color:#9087a4; background-position:left -36px}

.footer-left .footer-links {padding-left:13px}
.footer-right .footer-links {padding-left:20px}