body {margin: 0; padding: 0; text-align: center; color: black; background: white;}
img {border: none;}
ul, ol, li, p {margin: 0; padding: 0;}

#header {height: 62px; text-align: center; background: url(/images/bk-header-footer.gif) repeat-x 0 52px;}
#footer {height: 60px; text-align: center; background: url(/images/bk-header-footer.gif) repeat-x;}
#content {width: 950px; margin: 0 auto; _margin: 0; padding: 30px 25px; text-align: left; color: #555555;}

.inSize {position: relative; width: 1000px; margin: 0 auto; _margin: 0; text-align: left;}

/* header */
#logo {position: absolute; right: 25px; top: 9px;}

#menu {position: absolute; left: 25px; top: 0; list-style: none;}
#menu li {float: left; height: 30px; margin-right: 22px; padding: 20px 0 0; font: lighter 15px "Gill Sans", "Tahoma"; text-transform: uppercase; list-style: none;}
#menu .sel {background: url(/images/bk-menu-sel.gif) repeat-x;}
#menu a {text-decoration: none; color: #777777;}
#menu a:hover {text-decoration: none; color: black;}

#siteName {position: absolute; right: 25px; top: 5px; font: lighter 16px "Gill Sans", "Tahoma"; color: #565555;}
#siteName a {text-decoration: none; color: #565555;}
#phone {position: absolute; right: 25px; top: 28px; font: lighter 15px "Gill Sans", "Tahoma"; color: #565555;}



/* CONTENT */
/* contacts */
#content {}
#content .contacts {width: 100%; height: 340px; font: 18px "Tahoma", "Arial"; border: none; border-collapse: collapse;}
#content .contacts td {text-align: left; vertical-align: middle;}
#content .contacts .photo {width: 460px;}


#content .text {font: 12px "Tahoma", "Arial";}
#content .text p {margin: 0 0 15px;}
#content .text h1 {margin: 0 0 10px; font: normal normal 24px "Tahoma", "Arial"; color: #777777;}
#content .text h2 {margin: 0 0 10px; font: normal normal 23px "Tahoma", "Arial"; color: #777777;}
#content .text h3 {margin: 0 0 10px; font: normal normal 22px "Tahoma", "Arial"; color: #777777;}
#content .text h4 {margin: 0 0 10px; font: normal normal 21px "Tahoma", "Arial"; color: #777777;}
#content .text h5 {margin: 0 0 10px; font: normal normal 20px "Tahoma", "Arial"; color: #777777;}
#content .text h6 {margin: 0 0 10px; font: normal normal 18px "Tahoma", "Arial"; color: #777777;}
#content .text a {text-decoration: underline; color: black;}
#content .text ul {margin: 0 0 0 18px;}
#content .text ol {margin: 0 0 0 18px;}

#content .index {width: 100%; margin: 0 0 30px; font: 18px "Tahoma", "Arial"; border: none; border-collapse: collapse;}
#content .index td {vertical-align: top;}
#content .index .left {text-align: left;}
#content .index .center {text-align: center;}
#content .index .right {text-align: right;}

#content .album {width: 100%; margin: 0 0 30px; font: 18px "Tahoma", "Arial"; border: none; border-collapse: collapse;}
#content .album td {text-align: left; vertical-align: top;}
#content .album .text {width: 220px; padding-right: 60px;}
#content .album .photo {}
#content .album .photo #thePhoto {margin: 0 0 8px; overflow: hidden; border: 1px solid #666666;}
#content .album .photo .list {position: relative; width: 550px; height: 39px; padding: 1px 17px 0; overflow: hidden; background: white;}
#content .album .photo .btn.left {position: absolute; left: 0; top: 0; z-index: 10;}
#content .album .photo .btn.right {position: absolute; right: 0; top: 0; z-index: 10;}
#content .album .photo a:active, #content .album .photo a:focus {outline: none;}
#content .album .photo .mini {margin: 0 3px 0 0; z-index: 5; border: 1px solid #cdcdcd;}
#content .album .photo .mini.sel {border: 1px solid #555555;}
#content .album .photo .container {position: absolute; white-space: nowrap;}
#content .album .video {text-align: center; vertical-align: middle;}
#content .phtHolder {width: 584px; min-height: 404px; text-align: center;}


#content .portfolio {position: relative; width: 100%; text-align: center;}
#content .portfolio .portLeft {position: absolute; left: 30px; top: 250px; z-index: 20;}
#content .portfolio .portRight {position: absolute; right: 30px; top: 250px; z-index: 20;}
#content .portfolio .photoFrame {position: relative; z-index: 10; text-align: center;}

#content .portfolio .list {position: relative; width: 716px; height: 39px; margin: 0 auto; _margin: 0; padding: 1px 17px 0; overflow: hidden; text-align: left; background: white;}
#content .portfolio .btn.left {position: absolute; left: 0; top: 0; z-index: 10;}
#content .portfolio .btn.right {position: absolute; right: 0; top: 0; z-index: 10;}
#content .portfolio a:active, #content .portfolio a:focus {outline: none;}
#content .portfolio .mini {margin: 0 3px 0 0; z-index: 5; border: 1px solid #cdcdcd;}
#content .portfolio .mini.sel {border: 1px solid #555555;}
#content .portfolio .container {position: absolute; ;white-space: nowrap;}

#content .albums {width: 100%; font: 20px "Gill Sans", "Tahoma"; color: #555555;}
#content .albums td {padding: 20px 0 40px; text-align: left; vertical-align: top; font: lighter 18px "Gill Sans", "Tahoma"; text-transform: uppercase;}
#content .albums a {text-decoration: none; color: #777777;}
#content .albums img {margin: 3px 0 0;}
#content .albums .left {text-align: left;}
#content .albums .center {text-align: center;}
#content .albums .right {text-align: right;}
#content .albums .center p {margin: 0 auto;}
#content .albums .right p {margin: 0 0 0 auto;}
#content .albums p {width: 290px;}




/* footer */
#legal {position: absolute; left: 25px; top: 25px; font: 12px "Gill Sans", "Tahoma"; color: #333333;}
#counters {position: absolute; right: 25px; top: 12px;}


.indexQA {width: 1000px;}
.indexQA a {color: #777777;}
.indexQA td {padding: 0 0 10px; text-align: left !important; font-size: 12px;}
.indexQA td p {margin: 0 0 10px; text-align: left !important;}
.indexQA {}