body {margin:0px; padding:0px; background:url(../img/bg.gif); font:11px Tahoma;}
#main {width:900px; margin:0 auto;}

#header {height:200px; background:url(../img/bg_header.png) no-repeat;}
#logo {margin-top:82px; float:left; color:#c4c4c4; text-transform:uppercase;}
#logo img {margin-bottom:15px;}
#telephone {width:171px; height:53px; background:url(../img/telephone.png) no-repeat; float:right; margin-top:82px;}

#content {height:460px; font:12px Tahoma; color:#fff; border:1px #000 solid; background:url(../img/bg_main.jpg) no-repeat 0px 40px; padding-top:40px;}
#content a {color:#fff;}
#content a:hover {text-decoration:none;}
#menu ul {list-style-type:none; margin:0px; padding:0px; float:left; height:40px; width:899px; position:absolute; z-index:10; background:url(../img/bg_menu.png); margin-top:-40px;}
#menu ul li {float:left;}
#menu ul li a {color:#ddd8d8; text-decoration:none; font:12px Tahoma; display:block; padding:13px 30px 12px 30px;}
#menu ul li a:hover, #menu ul li.active  a{background:#111;}

.form {margin-left:200px; padding:35px 30px 0px 30px; width:340px;}
form {width:340px;}
input.text, textarea {width:100%; background:none; border:1px #757373 solid; margin:5px 0px 5px 0px; font:12px Tahoma; color:#fff; padding:4px 0px;}
textarea {height:90px;}
input.invalid, input.required, textarea.invalid, textarea.required {border:2px #fff solid;}
input.button {float:right; background:#737272; color:#fff; border:none; padding:5px 30px 5px 30px; margin-top:5px;}
.errors { font-size:10px; margin-top:-10px; padding-bottom:10px;}
h1 {margin:0px; color:#ddd8d8; font:24px "Arial Narrow"; padding:0px 0px 20px 0px;}

#bottom {height:30px; background:url(../img/bg_footer.png) no-repeat; text-align:center; color:#949494; margin:40px 0px 40px 0px; padding-top:14px;}

.clear {clear:both;}
img {border:0px;}

#mainbody_top {position:absolute; width:400px; height:30px;  margin:15px 0px 0px 485px; background:url(../img/bg_mainbody.png);}
#mainbody_bottom {position:absolute; width:400px; height:30px; margin:415px 0px 0px 485px; background:url(../img/bg_mainbody.png);}
#mainbody_right {position:absolute; width:10px; height:370px; background:url(../img/bg_mainbody.png); margin:45px 0px 0px 875px;}
#mainbody {position:absolute; width:330px; height:360px; overflow:scroll; margin:45px 0px 0px 485px; background:url(../img/bg_mainbody.png); font-size:11px; padding:0px 30px 10px 30px;}
#mainbody p {text-align:justify; margin:0px; padding-bottom:10px; text-indent:15px;}
.scrollControlsY {display:block; position:absolute; top:0; right:-1px; height:100%; width:15px; background:url(../img/scrollBar.gif) no-repeat right top;}
.scrollBar {display:block; position:absolute; top:0px; right:0; bottom:0px; width:15px;}
.scrollHandle {display:block; position:absolute; top:0px; right:0; width:15px; height:35px; min-height:4px; cursor:pointer; padding:2px 0; margin:0px;}
.scrollHandleBG {display:block; position:relative; height:100%; width:15px; background:url(../img/scrollHandleBG.gif) repeat-y 0 0 ;}
.scrollHandleMiddle {display:block; position:absolute; width:15px; height:13px; top:50%; margin:0px;}

#largeImg {position:absolute; z-index:0;}
.photo {position:absolute; margin-top:360px; background:url(../img/bg_menu.png);}
div.scrollable {position:relative; width:848px; height:100px; overflow:hidden;}
div.scrollable div.items {position:absolute; width:20000em; clear:both}
div.scrollable div.items div {text-align:center; width:171px; float:left; height:85px; padding-top:15px;}
div.scrollable div.items div img {border:3px #3b3b3b solid;}

div.scrollable {float:left}
a.prev {width:25px; display:block; float:left; height:100px; cursor:pointer; background:url(../img/arrow_left.gif) no-repeat center center;}
a.next {width:25px; display:block; float:left; height:100px; cursor:pointer; background:url(../img/arrow_right.gif) no-repeat center center;}
a.disabled {visibility:hidden !important;}