html, body {width: 100%; height: 100%; margin: 0; padding: 0; font-family: Arial; background-color: #fff; font-size: 13px; line-height: 1.3}

h1 {font-size: 24px; font-weight: normal; padding: 20px 0 15px 0; color: #777777; margin: 0;}

a {color: #177fb3; text-decoration: underline;}
a:hover {color: #1a93cf; text-decoration: underline;}
img {border: none;}
p {line-height:1.5em;}
#cont {position: relative; margin: 0 auto; background-color: #fff; width: 980px; min-height: 100%; z-index: 0; height: auto !important; height: 100%;}

#head {position: relative; height: 70px; padding: 40px 0 20px 0;}
#logo {position: absolute; text-decoration: none; display: block; top: 40px; left: 54px;}
#logo img {display: block;}

#info {position: absolute; top: 40px; right: 54px;}
.phone {font-size: 20px; letter-spacing: 2px; padding: 4px 0 6px 0; font-weight:bold; color: #cc3333;}
.phone b {color: #999999;}

#menu {margin: 8px 0 0 280px; font-size: 15px;}
.top_selected {font-weight: bold;}

#inner {margin: 0 54px;}

#roll {width: 980px; height: 355px; margin: 0 auto; position: relative; -moz-user-select: none; user-select: none;}
#roll_text {width: 418px; margin: 0 auto; height: 210px; line-height: 1.8em;}

#bottom {border-top: 1px solid #b5b5b5; height: 90px; position: absolute; bottom: 0; left: 0; width: 100%;}
#bottom_empty {height: 140px; color: #444; font-size: 12px; padding: 10px 0 0 0;}
#bottom_empty b {font-size: 20px; font-weight: bold; color: #222;}
#bottom_left {position: absolute; top: 10px; left: 95px;}
#bottom_right {position: absolute; top: 25px; right: 5px;}
#bbp {position: absolute; top: 8px; left: 5px;}

a.ob_link {background: url('/i/ob_link.gif') no-repeat left; padding: 3px 0 3px 15px; display: block; position: relative; left: -3px;}

a.work_name {font-size: 18px; line-height: 30px;}

.photo {cursor: pointer; float: left; position: absolute; padding: 0 0 36px 0; background: url('/i/b_grad.gif') repeat-x bottom left; background-color: #fff;}
.photo_inner {padding: 8px; border: 1px solid #cbcccc; float: left;}
.photo_inner img {display: block;}

/*
.photo {cursor: pointer; float: left; position: absolute; padding: 8px; border: 1px solid #cbcccc; float: left; background-color: #fff;}
.photo img {display: block;}
*/

.hidden_counter {visibility: hidden; overflow: hidden; height: 1px; width: 1px; position: absolute; top: 0px; left: 0px;}

.right_arr, .left_arr {position: absolute; width: 31px; height: 31px; cursor: pointer; bottom: 126px; background-repeat: no-repeat; background-position: 0 0;}
.but_active {background-position: 0 -31px;}
.right_arr:hover, .left_arr:hover {background-position: 0 -31px;}
.right_arr {background-image: url('/i/ar_right.gif'); right: 0;}
.left_arr {background-image: url('/i/ar_left.gif'); left: 0;}

.cont_table {width: 100%;}
.cont_table td {vertical-align: top;}

.cont_left_col {width: 670px; padding: 0; line-height:1.5em;}
.cont_left_col img {display: block; padding: 4px; border: 1px solid #ddd;}
.cont_right_col {padding: 20px 0px 0px 40px;}

.h2 {font-weight: bold; font-size: 16px; padding: 5px 0 10px 0; color: #999; margin: 0;}

.site_url {display: block; padding: 0 0 5px 0; font-weight: bold; font-size: 14px;}

.ib_uni {float: left; clear: both; width: 100%;}
.ib_uni .i_element {padding: 0 0 25px 0; float: left; width: 100%; clear: both;}
.ib_uni .DETAIL_PICTURE {float: left; padding-right: 10px;}
.ib_uni .DETAIL_PICTURE a img {border: 1px solid #ddd; padding: 4px;}
.ib_uni .DETAIL_PICTURE a:hover img {border: 1px solid #3399FF;}
.ib_uni .NAME {font-weight: bold;}

.ib_pics {float: left; clear: both;}
.ib_pics .i_element {float: left; padding: 0 55px 0 0 ;}
.ib_pics .DETAIL_PICTURE img {border: 1px solid #ddd; padding: 4px;}
.ib_pics .DETAIL_PICTURE a:hover img {border: 1px solid #3399FF;}

#nav_chain {padding: 0 0 10px 0; font-size: 10px; color: #bbb;}
#nav_chain a, #nav_chain span {color: #333; text-decoration: none; font-size: 13px;}
#nav_chain span {color: #777;}
#nav_chain a:hover {text-decoration: underline;}

.work_sites {padding: 10px 10px 10px 0px; border: 1px solid #fff; height: 220px;}
.work_sites_name { font-size: 20px; padding: 0 0 10px 0; color: #777777; margin: 0; display: block; float: left; clear: both;}

#clients {font-size: 11px}

div.NAME {width:700px; line-height:1.6em;}
div.PREVIEW_TEXT {width:700px; line-height:1.6em;}