/* RockBee Design Styles v.3 */

* {margin: 0; padding: 0;}
body {width: 100%; margin: 0; padding: 0; color: #333; font-family: Tahoma, Geneva, sans-serif; background-color: #fff; /*background: #fff url(/images/white-bg.gif) repeat scroll left top;*/}
table {border: 0; border-collapse: collapse;}
table td {padding: 0;}
img {margin: 0; padding: 0; border: 0;}

/*
@font-face {font-family: 'rockbeedesign'; src: url('/fonts/rockbeedesign.eot'); src: local('rockbeedesign'), local('rockbeedesign'), url('/fonts/rockbeedesign.woff') format('woff'), url('/fonts/rockbeedesign.ttf') format('truetype'), url('/fonts/rockbeedesign.otf') format('opentype'), url('/fonts/rockbeedesign.svg#rockbeedesign') format('svg');}
h1 {font-family: 'rockbeedesign', Tahoma, Geneva, sans-serif;}
*/

a:link {color: #3366cc;}
a:visited {color: #666699;}
a:hover, a:active {color: #ff6600;}
a.white:link, a.white:visited, a.white:hover, a.white:active {color: #fff; text-decoration: none;}
a.blue:link, a.blue:visited, a.blue:hover, a.blue:active {color: #779bbd;}
a.grey:link, a.grey:visited, a.grey:hover, a.grey:active {color: #333;}

:focus, :active {outline: 0;}

h1 {color: #000; font: normal 220%/120% Tahoma, Geneva, sans-serif; margin: 0 0 0.5em 0; padding: 0; margin: 0;}
h2 {color: #000; font: normal 160%/120% Tahoma, Geneva, sans-serif; margin: 0.75em 0 0.75em 0; padding: 0;}
h3 {color: #000; font: bold 90%/120% Tahoma, Geneva, sans-serif; margin: 0.75em 0 0.75em 0; padding: 0;}
h4 {color: #000; font: bold 80%/120% Tahoma, Geneva, sans-serif; margin: 0.75em 0 0.75em 0; padding: 0;}
p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin: 0;}
p {margin: 0 0 0.75em 0; padding: 0;}
p.br {margin: 0 !important;}
span.nobr {white-space: nowrap;}
sup {vertical-align: baseline; position: relative; top: -0.4em;}
form {margin: 0; padding: 0;}
input, textarea {font: normal 100%/120% Tahoma, Geneva, sans-serif;}

.container {min-width: 900px;}

.r2header {position: relative; margin: 0 5% 30px 5%; background: #000 url(/images/bcrn-br.gif) no-repeat scroll right bottom;}
.r2crn {padding: 0 0 19px 0; background: url(/images/bcrn-bl.gif) no-repeat scroll left bottom;}
.header .r2header {background-image: none;}
.header .r2crn {padding-bottom: 0; background-image: none;}
.r2logo {position: absolute; z-index: 2; right: 0; top: 0; margin: 10px 30px 0 0;}
#home {display: block; position: absolute; z-index: 2; right: 0; top: 0; color: #ccc; font: normal 70%/100% Tahoma; margin: 8px 54px 0 0;}

.r2n1 {padding-bottom: 30px;}
.r2n1 ul {list-style: none; margin: 0; padding: 47px 315px 30px 20px; /*overflow: hidden;*/}
.r2n1 ul li {float: left; margin: 0 10px 0 0; padding: 0; color: #fff; font: normal 70%/120% Tahoma, Geneva, sans-serif;}
.r2n1 ul li.chosen {padding: 4px 10px 5px 10px; background-color: #e1001a;}
.r2n1 a {display: block; padding: 4px 10px 5px 10px;}
.r2n1 a:hover, .r2n1 a:active {background-color: #e1001a;}
.r2n1 ul li.chosen a {padding: 0;}

.r2n2 {margin: -38px 5% 30px 5%; position: relative;}
.r2n2 ul {list-style: none; margin: 0; padding: 0 20px 0 20px; overflow: hidden;}
.r2n2 ul li {float: left; margin: 0 2px 0 0; padding: 0; color: #fff; font: normal 70%/120% Tahoma, Geneva, sans-serif; background: #000 url(/images/bcrn-br.gif) no-repeat scroll right bottom;}
.r2n2 ul li.chosen {background: #333 url(/images/gcrn-br.gif) no-repeat scroll right bottom;;}
.r2n2 ul li.chosen span {display: block; padding: 5px 10px 8px 10px; border-top: 1px solid #e1001a; background: url(/images/gcrn-bl.gif) no-repeat scroll left bottom;}
.r2n2 a {display: block; padding: 6px 10px 8px 10px; background: url(/images/bcrn-bl.gif) no-repeat scroll left bottom;}
.r2n2 a:hover, .r2n2 a:active {padding-top: 5px; border-top: 1px solid #e1001a;}
.r2n2 ul li.chosen a {padding: 5px 10px 8px 10px; border-top: 1px solid #e1001a; background: url(/images/gcrn-bl.gif) no-repeat scroll left bottom;}

.r2n1 a, .r2n2 a {color: #ccc !important;}

.r2pics {overflow: hidden;}
.r2pic {padding: 40px 0 0 0; text-align: center;}
.r2pic a {display: block;}
.r2pic h2 {margin: 0; padding: 0;}
.r2pic p {margin: 0; padding: 20px 10px 25px 35px; color: #ccc; font: normal 65%/140% Tahoma, Geneva, sans-serif; text-align: left;}
.r2pic p a {display: inline;}

.r2portfolio {padding: 0 0 18px 0;}
.r2portfolio a.grey {color: #ccc !important;}
.mWrxImg {padding: 30px 12px 12px 12px;}
.mWrxTxt {padding: 0 12px 12px 12px; color: #d3d3d3; font: normal 70%/120% Tahoma, Geneva, sans-serif;}

.footer {position: relative; margin: 60px 5% 0 5%; border-top: 2px solid #444;}
.copyright {width: 30%; margin: 0 0 25px 0; padding: 10px 20px 0 20px; color: #444; font: normal 70%/100% Tahoma, Geneva, sans-serif;}
.rBt {position: absolute; z-index: 2; left: 33%; top: 10px; width: 30%; max-width: 300px; margin: 0 0 0 20px;}
.rBtCrn3 {background: #b6b6b6 url(/images/crn3.gif) no-repeat scroll bottom right;}
.rBtCrn4 {background: url(/images/crn4.gif) no-repeat scroll bottom left;}
.rBtCrn2 {background: url(/images/crn2.gif) no-repeat scroll top right;}
.rBtCrn1 {background: url(/images/crn1.gif) no-repeat scroll top left; padding: 12px 20px 12px 20px;}
.rBt p {margin: 0; padding: 0; color: #fff; font: normal 70%/100% Tahoma, Geneva, sans-serif;}
.presentation {position: absolute; z-index: 2; left: 66%; top: 10px; width: 33%; max-width: 330px; margin: 0 0 0 20px;}
.presentation p {min-height: 7em; margin: 0; padding: 0 20px 0 60px; color: #444; font: normal 65%/135% Tahoma, Geneva, sans-serif; background: url(/images/presentation.gif) no-repeat scroll top left;}

.wrapper {margin: 40px 5% 0 5%; overflow: hidden;}

.lc {float: left; width: 66%;}
.rc {float: right; width: 34%;}
.air {padding: 0 20px 0 20px;}

.trio {float: left; width: 33%;}

.duo {float: left; width: 50%;}

.wrapper h1 {margin: 0 0 0.5em 0; padding: 0 20px 0 20px;}
.air h1 {padding: 0;}

.wall {margin-top: 30px; padding-top: 10px; border-top: 1px solid #eee;}
.wall h2 {margin: 1.25em 0 1em 20px; font-size: 100%;}
.wall img {display: block; float: left; width: 200px; margin: 0;}
.wall a {display: block; margin: 0 0 0.75em 212px; font: normal 70%/120% Tahoma, Geneva, sans-serif;}

h1.nw {float: left; margin: 0 12px 1em 0; color: #999; font: normal 160%/120% Tahoma, Geneva, sans-serif;}
.news {clear: both; margin: 1.75em 0 0 0;}
.news .date {float: left; margin: 0 8px 0 0; padding: 4px 0 0 0; color: #999; font: normal 65%/120% Tahoma, Geneva, sans-serif;}
.news h2 {margin: 0 0 0.75em 0; font: bold 80%/140% Tahoma, Geneva, sans-serif;}
.news .text {clear: both;}
.news .text p, .news .text ul li, .news .text ol li {font: normal 70%/160% Tahoma, Geneva, sans-serif;}
.news .text ul, .news .text ol {margin-left: 1.25em; margin-bottom: 0.75em;}
.news .text li {margin-bottom: 0.5em;}
.news .text h2 {margin: 0.75em 0 0.75em 0; font: bold 75%/140% Tahoma, Geneva, sans-serif;}
.news .text h3, .news .text h4 {margin: 0.75em 0 0.75em 0; font: bold 75%/140% Tahoma, Geneva, sans-serif;}

.proadv {margin-top: -13px;}
.proadv ul {list-style: none; margin: 20px 0 0 0; padding: 0 0 0 0; font: normal 70%/140% Tahoma, Geneva, sans-serif;}
.proadv ul li {margin: 0 0 1.25em 0; padding: 0;}

.rack {/*min-width: 600px;*/ padding: 0 20px 0 20px; overflow: hidden;}
.case {margin: -50px 0 0 -50px; /*text-align: center;*/ word-spacing: -0.25em;}
.block {display: -moz-inline-box; display: inline-block; width: 270px; margin: 50px 0 0 50px; /*padding: 10px;*/ /*text-align: left;*/ vertical-align: top; word-spacing: normal;}

.block h1 {margin: 0 0 0.5em 0; padding: 0;}
.block h3 sub {font-weight: normal;}
.block p {margin: 0 0 0.25em 0; color: #666; font: normal 80%/140% Tahoma, Geneva, sans-serif;}
.block p.desc {font-size: 70%;}
.block .item {margin: 0 0 1em 0;}
.wide {width: auto;}

.works {margin-left: 160px;}

.services {margin: 0 -20px -50px -20px;}
.services .case {margin: 0; word-spacing: -0.5em;}
.services .block {width: 100%; margin: 0 0 50px 0;}
.services .visual {cursor: pointer; height: 140px; margin: 0 20px 0.75em 20px; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; text-align: center;}
.services h1 {margin: 0 20px 0.75em 20px; font-size: 130%;}
.services .list {margin: 0 20px 0 20px;}
.services table {border-top: 1px solid #999; margin: 0 0 0 5%;}
.services table tr {vertical-align: top;}
.services table th {padding: 8px 12px 6px 12px; font: normal 70%/140% Tahoma, Geneva, sans-serif; border-bottom: 1px solid #ccc; background-color: #f8f8f8; text-align: left;}
.services table td {padding: 8px 12px 6px 12px; font: normal 70%/140% Tahoma, Geneva, sans-serif; border-bottom: 1px solid #ccc; background: url(/images/td.gif) no-repeat scroll left bottom;}

.service {margin: 1em 0 0 0; padding: 0.75em 0 0.25em 0; border-top: 1px solid #ccc;}
.service h2 {margin: 0 0 0.5em 0; /*color: #e4092f;*/ font-size: 130%;}
.service table tr {vertical-align: top;}
.service table td {padding: 0 20px 0 0; font: normal 75%/120% Tahoma, Geneva, sans-serif;}

.sets {margin: 0 0 0 30px;}
.sets ul {list-style: none; margin: 0; padding: 0;}
.sets ul li {margin: 0 0 1em 0; padding: 0; font: normal 80%/140% Tahoma, Geneva, sans-serif;}
.sets ul li.active {font-weight: bold;}
.sets ul li.active ul {margin: 0.5em 0 0 1.5em; list-style: disc;}
.sets ul li.active ul li {margin: 0 0 0.5em 0; font-size: 85%;}
.sets ul li.active ul li.active {font-weight: bold;}

.tpage {clear: both; overflow: hidden;}
.tpage h2 {margin: 1.5em 0 0.75em 0; padding: 0 20px 0 20px; font-size: 130%;}
.tpage p {padding: 0 20px 0 20px; color: #333; font: normal 80%/140% Tahoma, Geneva, sans-serif;}
.tpage h3, .tpage h4 {margin: 2.5em 0 0.75em 0; padding: 0 20px 0 20px; font-size: 85%; font-weight: bold;}
.tpage ul, .tpage ol {margin: 0 0 0.75em 2em; padding: 0 20px 0 20px; color: #333; font: normal 80%/140% Tahoma, Geneva, sans-serif;}
.tpage ol {margin-left: 2.5em;}
.tpage li {}

.tpage .table {margin: 0 20px 0.75em 20px;}
.tpage table {border: 1px solid #ddd;}
.tpage table th, .tpage table td {text-align: left; color: #333; font: normal 70%/140% Tahoma, Geneva, sans-serif;}
.tpage table th {font-size: 70%; padding: 2px 8px 2px 8px; border: solid #ddd; border-width: 1px 1px 2px 1px;}
.tpage table td {padding: 4px 8px 4px 8px; border: 1px solid #ddd;}

.tpage p.lister {margin-left: -10px; font-size: 70%;}
.tpage p.lister a {display: inline-block; padding-left: 10px; line-height: 200%;}
.tpage p.lister a:hover, .tpage p.lister a:active {color: #333 !important;}
.tpage p.lister em {font-style: normal; white-space: nowrap;}
.air .tpage {margin-left: -20px;}

.map {margin: 1.5em 0 0 0; padding: 0 20px 0 20px;}

.master {margin: 0 0 50px 0; padding: 0 20px 0 20px; overflow: hidden;}
.master .avatar {display: block; float: left; width: 140px; margin: 0 20px 0 0;}
.master .about {margin: 0 0 -0.75em 160px; overflow: hidden;}
.master h1 {margin: 0 0 0.5em 0; padding: 0; font-size: 160%; line-height: 100%;}
.master h2 {margin: 0; padding: 0; color: #333; font-size: 80%; line-height: 100%;}
.master p {font: normal 80%/140% Tahoma, Geneva, sans-serif}

.pics {margin: -10px 0 0 -10px;}
a.pic {display: block; float: left; width: 30px; height: 30px; margin: 10px 0 0 10px; padding: 10px; background-color: #fff;}
a.pic:link, a.pic:visited {border: 1px solid #ccc;}
a.pic:hover, a.pic:active {border: 1px solid #999;}

.resume {margin: -0.5em 0 0 0; padding: 0 20px 0 20px;}
.resume h2 {font-size: 125%; line-height: 140%; margin: 2.5em 0 2em 0; padding: 0;}
.resume h3 {font-size: 90%; line-height: 140%; font-weight: normal; margin: 2.5em 0 1.5em 3%;}
.resume h4 {font-size: 85%; line-height: 140%; font-weight: normal; margin: 1em 0 0.75em 3%;}
.resume ul {list-style: none; margin: 1em 0 0 6%; padding: 0;}
.resume ul li {margin: 0 0 0.75em 0; padding: 0; font: normal 70%/140% Tahoma, Geneva, sans-serif;}
.resume ul.big {list-style: none; margin: 2em 0 0 6%; padding: 0;}
.resume ul.big li {margin: 0 0 2em 0; padding: 0; font: normal 90%/140% Tahoma, Geneva, sans-serif;}
/*
.resume ul.big li ul {margin: 0.75em 0 0 2.4em;}
.resume ul.big li ul li {margin: 0 0 0.75em 0;}
*/
.resume p {margin: 0 0 0.75em 6%; font: normal 70%/160% Tahoma, Geneva, sans-serif;}
.resume p.lister {position: relative; left: 6%; width: 90%; margin-left: -10px;}
.resume p.lister a {display: inline-block; padding-left: 10px; line-height: 200%;}
.resume p.lister span {display: inline-block; padding-left: 10px; line-height: 200%;}
.resume p.lister a:hover, .resume p.lister a:active {color: #333 !important;}
.resume p.lister em {font-style: normal; white-space: nowrap;}

.resume ul.big li p.lister {font-size: 80%; margin: 0.75em 0 0 0; padding: 0; left: 2em;}

.resume .stuff {position: relative;}
.resume .other {position: absolute; z-index: 2; left: 50%; top: 0; width: 50%;}
.resume .other h4 {margin-top: 0;}
.resume .other ul {margin-left: 9%;}
.resume p.options {margin: 0 0 0.75em 3%;}
.resume p.options span {padding: 3px 6px 5px 6px; background-color: #f1f1f1;}
.resume p.options span.active {}
.resume p.options span a {text-decoration: none; border-bottom: 1px dashed #3366cc;}
.resume p.options span.active a {color: #333 !important; border-bottom: 0; cursor: default;}

/* Dropdown */
li#xxx {position: relative;}
#tab {position: absolute; z-index: 2; left: 0; top: 0; float: left; padding: 4px 10px 5px 10px; color: #ccc; font: normal 100%/120% Tahoma, Geneva, sans-serif; background-color: #e1001a; border-bottom: 50px solid #e1001a;}
#tab a {padding: 0;}
#down {position: fixed; z-index: 3; left: 5%; top: 105px; width: 90%; margin: 0; padding: 0; border-top: 3px solid #e1001a; border-bottom: 1px solid #e1001a; background-color: #000;}
.drop {margin: 0; padding: 0;}
.drop .case {margin: 0 0 20px 0; word-spacing: -0.5em;}
.drop .block {width: 20%; margin: 0; padding: 18px 0 0 0;}
.drop h2 {margin: 0 20px 0.75em 20px; padding: 0; color: #999; font-size: 100%; font-weight: bold;}
.drop ul {list-style: none; margin: 0 20px -0.5em 20px; padding: 0;}
.drop ul li {background-color: transparent !important; background-image: none !important; margin: 0 0 0.75em 0; padding: 0; color: #fff; font: normal 100%/120% Tahoma, Geneva, sans-serif; float: none; white-space: normal;}
.drop ul li span {display: block; padding: 4px 10px 5px 10px;}
.drop a {text-decoration: none; padding: 4px 10px 5px 10px !important;}
.drop h2 a {color: #999 !important; background-color: transparent !important;}
.drop ul li a {color: #ccc !important;}
.drop h2 a:hover, .drop h2 a:active {color: #fff !important;}

/* Timeline */
#rockbeetimeline {height: 825px; border: 1px solid #ccc; margin: 0 6% 0 6%; color: #333; font: normal 70%/120% Tahoma, Geneva, sans-serif;}
.timeline-event-label {margin-top: 18px; cursor: default !important;}
.timeline-event-icon {margin-top: 19px; margin-left: 3px; cursor: default !important;}
.timeline-event-tape {margin-top: 15px; cursor: default !important;}
.timeline-copyright {display: none;}
.timeline-band-layer-inner table * {border: 0 !important;}
#timeline-band-1 .timeline-highlight-label {display: none;}
.simileAjax-bubble-container {display: none;}
.timeline-event-bubble-title {border-bottom: 0 !important;}
.timeline-event-bubble-time {margin: 0 0 -8px 0 !important; padding: 0 !important; font-size: 90%;}
.timeline-event-bubble-body, .timeline-event-bubble-wiki {display: none !important;}

.clearing {clear: both;}
.none {display: none;}

/* Boogie Woogie */

.bw .content {padding: 20px 20px 0 20px;}
.bw .content h1 {margin: 0 0 0.5em 0;}
.bw .content p, .bw .content li {font-size: 80%; line-height: 135%; color: #444;}
.bw .content p.meekro {font-size: 75%;}
.bw .content blockquote {margin: 0.75em 0 0.75em -8px; background-color: #f7f7f7; padding: 8px;}
.bw .content blockquote p {margin: 0;}
.bw .content ul, .bw .content ol, .bw .contentPub ul, .bw .contentPub ol, .bw .contentCs ul, .bw .contentCs ol {margin-bottom: 0.75em;}
.bw .rssMain {margin: 0; padding: 0;}
.bw h1.main {float: left; color: #000; font: normal 160%/120% Tahoma, Geneva, sans-serif; padding: 4px 0 1em 0; margin: 0 12px 0 0;}
.bw h2.news {color: #000; font: normal 160%/120% Tahoma, Geneva, sans-serif; padding: 4px 0 0 0; margin: 0;}
.bw h2.newsMain {font-size: 80%; font-weight: bold; line-height: 140%; color: #000; padding: 0 0 8px 0; margin: 0; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
.bw .newsItemMain {margin: 20px 0 0 0; padding: 0 0 4px 0; border-bottom: 0px solid #eee; clear: both; overflow: hidden;}
.bw .nwDateMain {font-size: 65%; font-weight: normal; line-height: 120%; color: #999; padding: 4px 0 0 0; margin: 0 8px 0 0; float: left;}
.bw .nwDate {font-size: 65%; font-weight: normal; line-height: 120%; color: #999; padding: 0 0 20px 0; margin: 0;}
.bw .newsItem {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #eee;}
.bw .newsFull .deco {font-size: 75%; line-height: 125%; color: #444; margin: 0px 0px 30px 200px; padding: 0px 0px 0px 2px;}
.bw .nwShortMain {clear: both;}
.bw .nwShortMain p {font-size: 70%; margin: 0; padding: 0 0 8px 0; line-height: 160%;}
.bw .nwShortMain ul, .bw .nwShortMain ol {margin-left: 1.25em; margin-bottom: 0.75em;}
.bw .nwShortMain ul li, .bw .nwShortMain ol li {font-size: 70%; line-height: 160%; margin-bottom: 0.5em;}
.bw .nwShortMain h3, .bw .nwShortMain h4 {font-size: 70%; margin: 0; padding: 0 0 8px 0; font-weight: normal;}
.bw .nwShort h2 {font-size: 75%; font-weight: bold; margin: 0; padding-top: 8px;}
.bw .lastProjects {margin: 0 0 20px 20px; padding: 0;}
.bw .lastProjects h2 {margin: 0.7em 0 1em 0; font-size: 95%; padding: 4px 0 0 0;}
.bw .lastProjects h3 {font-size: 70%; font-weight: normal; margin: 2px 0 0 0px; padding: 0;}
.bw .lastProjects .newsItemMain {margin: 0 0 0.75em 0;}
.bw .lastProjects .nwDateMain {float: none;}
.bw .lastProjects .active {background-color: #f7f7f7; margin-left: -8px; padding: 2px 0 8px 8px; /*border-left: 1px solid #999;*/}
.bw .months {margin: 0 0 20px 0; font: normal 70%/140% Tahoma, Geneva, sans-serif; overflow: hidden;}
.bw .months h3 {margin: 1em 0 1em 0; font-size: 130%;}
.bw .months a, .bw .months span {display: inline-block; margin: 0 10px 0.5em 0;}
.bw .pContent {padding: 0 20px 0 20px;}
.bw .pContent h3 {padding: 6px 0 4px 0;}
.bw .pContent p {font-size: 80%; line-height: 135%; color: #444; margin: 0; padding: 0 0 0.5em 0;}
.bw .pContent p.pBtw {font-size: 70%; line-height: 135%; color: #666; margin: 0 0 8px 0;}
.bw .pContent ul {font-size: 75%; line-height: 135%; color: #444; margin: 0; padding: 0 0 1em 0; list-style: none;}
.bw .pContent ul li {margin: 0 0 0 1em; padding: 0 0 0.25em 0;}
.bw .backs {border-top: 4px solid #e1001a; padding: 4px 8px 0 8px;}
.bw .backs p {font-size: 70%;}
.bw .contentPub {padding: 20px 60px 0 20px;}
.bw .contentPub p, .bw .contentPub li {font-size: 80%; line-height: 135%; color: #444;}
.bw .contentCs {padding: 15px 20px 0 20px;}
.bw .contentCs p, .bw .contentCs li {font-size: 80%; line-height: 135%; color: #444;}
.bw .avatarPrj {float: left; padding: 10px; margin: 0 0 10px 0px; border: 1px solid #ccc;}
.bw .avatarTxt {margin-left: 80px;}
.bw .project {width: 160px; height: 12em; float: left; background: no-repeat scroll center center; border-bottom: 0px solid #ddd; margin: 40px 40px 40px 0; padding: 0;}
.bw .cFloat {width: 100%; height: 100%; position: relative;}
.bw .cFloat .cLink {position: absolute; top: 160px; left: 0; width: 100%; text-align: left; font-size: 65%; line-height: 140%; color: #444; background-color: #fff;}
.bw .cFloat .cLink a {text-decoration: none; color: #456b86 !important;}
.bw .cFloat .cImg {position: absolute; top: 0; left: 0; width: 100%; text-align: left;}
.bw a.sw {display: block; text-decoration: none; border-bottom: 1px dashed #3366cc;}
.bw a.sw:focus {outline: none;}
.bw span.sw {float: right; white-space: nowrap; margin: 0 0 8px 8px; color: #444; font-size: 75%; line-height: 120%; font-weight: normal; background-color: #eee; padding: 1px 4px 3px 4px;}
.bw span.sw a.sw {}
.bw blockquote {background-color: #f8f8f8; padding: 12px 12px 6px 12px;}
.bw blockquote h4 {padding-top: 0;}
.bw .cLogo {margin: 41px 0 12px 0; padding: 0; text-align: center;}
.bw .contentPub .deco {font-size: 75%; line-height: 125%; color: #444; margin: 0px 0px 30px 200px; padding: 0px 0px 0px 2px;}
.bw .portimg, .bw .portimage, .bw .portscreen {padding: 30px 0px 20px 0px;}
.bw .portscreen img {border: 1px solid #ddd;}
.bw .pURL {padding: 12px 0px 22px 0px; font-size: 135%; line-height: 100%;}
.bw .pRole {font-size: 75%; color: #444444; font-weight: bold; margin: 12px 0px 2px 0px; line-height: 110%;}
.bw .pRoleName {font-size: 75%; color: #444444; margin: 5px 0px 4px 22px; line-height: 100%;}
.bw .pDatePublished {font-size: 75%; color: #333; margin: 12px 0px 2px 0px; line-height: 110%;}
.bw .seeAlso {margin-top: 3em;}
.bw .seeAlso h4 {margin: 0; padding: 4px 0 8px 0; font-size: 75%;}
.bw ul.wrx {margin-left: 1.25em;}
.bw ul.wrx li {font-size: 70%; line-height: 120%; margin: 0 0 0.5em 0; padding: 0 0 0 0;}
.bw h1.prj {margin: 0 0 0.5em 0;}
.bw h4.team {margin-bottom: 1.5em;}
.bw .IllustrationsYear {padding: 10px 40px 20px 20px; font-size: 100%; color: #444; line-height: 100%; font-weight: bold;}
.bw a.arrows:link, .bw a.arrows:visited {color: #3f3d61;}
.bw a.arrows:hover, .bw a.arrows:active {color: #ca1f23;}
.bw .arrow {float: left; color: #777; font-size: 200%; font-weight: normal; line-height: 120%; margin-right: 20px;}
.bw .arrow a {text-decoration: none;}
.bw .nwPicD {font-size: 65%; font-weight: normal; line-height: 120%; color: #bbb; padding: 2px 0 4px 0; margin: 0;}
.bw .nwPicA {font-size: 65%; font-weight: normal; line-height: 120%; color: #aaa; padding: 2px 0 4px 0; margin: 0;}
.bw h2.illy {margin: 0 0 0.25em 0; padding: 0;}

/*

a.dashed:link, a.dashed:visited {color: #386792; text-decoration: none; border-bottom: 1px dashed #386792;}
a.dashed:hover, a.dashed:active {color: #ca1f23; text-decoration: none; border-bottom: 1px dashed #ca1f23;}
a.light:link, a.light:visited, a.light:hover, a.light:active {color: #fff;}



a.nLink:link, a.nLink:visited {display: block; padding: 10px 14px 11px 12px; color: #d3d3d3;}
a.nLink:hover, a.nLink:active {display: block; padding: 10px 14px 8px 12px; color: #ffffff; border-bottom: 3px solid #c0c29e;}
a.nLinkIn:link, a.nLinkIn:visited {display: block; padding: 10px 14px 8px 12px; color: #d3d3d3; border-bottom: 3px solid #c0c29e;}
a.nLinkIn:hover, a.nLinkIn:active {display: block; padding: 10px 14px 8px 12px; color: #ffffff; border-bottom: 3px solid #c0c29e;}

a.snLink:link, a.snLink:visited {display: block; padding: 11px 14px 10px 12px; color: #d3d3d3;}
a.snLink:hover, a.snLink:active {display: block; padding: 8px 14px 10px 12px; color: #ffffff; border-top: 3px solid #c0c29e;}
a.snLinkIn:link, a.snLinkIn:visited {display: block; padding: 8px 14px 10px 12px; color: #d3d3d3; border-top: 3px solid #c0c29e;}
a.snLinkIn:hover, a.snLinkIn:active {display: block; padding: 8px 14px 10px 12px; color: #ffffff; border-top: 3px solid #c0c29e;}

h2.album {font-size: 90%;  font-weight: bold; line-height: 140%; color: #000; padding: 15px 0 5px 0; margin: 0; font-family: Tahoma, Verdana, Arial, Sans-Serif;}

h2.clients {font-size: 90%;  font-weight: bold; line-height: 140%; color: #000; padding: 0 0 5px 0; margin: 0; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
h5 {font-size: 80%; font-weight: bold; line-height: 120%; color: #000; padding: 8px 0 8px 0; margin: 0; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
.common {color: #444; font-size: 80%; font-weight: normal; line-height: 120%;}
.comment {color: #777; font-size: 70%; font-weight: normal; line-height: 120%;}
li, dd {margin-left: 3em; margin-bottom: 0.5em;}
ul {list-style-type: square;}
ul, ol {padding: 0.1em 0 0.3em 0;}
ul.sp {}
ul.sp li {font-size: 115%; line-height: 110%; margin: 0 0 0.5em 1.8em; padding: 0 0 0.3em 0;}
ul.wideList {}
ul.wideList li {font-size: 80%; line-height: 135%; color: #444; margin-left: 15px; margin-bottom: 20px; padding-left: 23px;}

.zero {margin: 0; padding: 0;}

td.additionals p {font-size: 70%; font-weight: normal; line-height: 110%; color: #444;}
td.additionals li {font-size: 70%; font-weight: normal; line-height: 110%; color: #444; margin-top: 0.3em; margin-bottom: 0.3em;}

.vacancies {margin: 0 5% 0 5%; padding: 20px 20px 10px 20px;}
.vacancies span {font-size: 80%; line-height: 135%; color: #444;}
.vacancies span.big {font-size: 120%; font-weight: normal; line-height: 80%; color: #333; padding: 0; margin: 0 12px 0 0; font-family: Tahoma, Verdana, Arial, Sans-Serif; vertical-align: top;}
* html .vacancies span.big {vertical-align: middle;}

div.thumb {padding: 10px; margin: 10px; float: left; border: 1px solid #ccc;}

.iRandom {clear: both;}
.iContainer {overflow: hidden;}
* html .iContainer {height: 1%;}
div.thumbLeft {float: left;}
div.thumbCenter {position: relative;}
div.thFix {position: absolute; z-index: 5; left: 50%; margin-left: -26px;}
* html div.thFix {margin-left: -78px;}
div.thumbRight {float: right;}
.iRandom p {font-size: 70%; line-height: 100%; color: #444; font-weight: bold; margin: 0; padding: 0;}
.lCrn3 {background: #f8f8f8 url(/images/lcrn3.gif) no-repeat scroll bottom right;}
.lCrn4 {background: url(/images/lcrn4.gif) no-repeat scroll bottom left;}
.lCrn2 {background: url(/images/lcrn2.gif) no-repeat scroll top right;}
.lCrn1 {background: url(/images/lcrn1.gif) no-repeat scroll top left; padding: 10px 14px 0px 14px;}
.lCrn {background: url(/images/lcrn1.gif) no-repeat scroll top left; padding: 10px 14px 6px 14px;}

img {border: 0;}
.rsList {margin: 0 5% 0 5%; padding: 0 20px 0 20px;}
.rsHead {clear: both; overflow: hidden; margin: 0 0 60px 0; padding: 30px 0 0 0;}
h1.rs1 {float: left; color: #333; margin: 0 18px 0 0; padding: 0; line-height: 120%;}
h2.rs2 {float: left; color: #333; margin: 6px 0 0 0; padding: 0; line-height: 120%;}
.rsBlocks {clear: both; //display:inline;}
.rsBlock {width: 250px; margin: 0 25px 60px 0; float: left; overflow: hidden; min-height: 53em;}
* html .rsBlock {height: 56em;}
.rsBlock h2 {color: #333; margin: 20px 0 0 0; padding: 0; text-align: center;}
.rsBlock h3 {color: #333; font-size: 80%; margin: 30px 0 8px 0; padding: 0;}
.rsBlock p {color: #333; font-size: 65%; margin: 0 0 8px 0; padding: 0;}
.rsBlock ul {color: #333; font-size: 70%; margin: 0 0 16px 0; padding: 0; list-style-type: none;}
.rsBlock ul li {margin: 0 0 4px 0; padding: 0;}
.rsBlock h3, .rsBlock p, .rsBlock ul {clear: both;}
.rsPic {text-align: center; margin: 0;}
.rsPrice {clear: both; overflow: hidden; color: #fff; font-size: 70%; margin: 0 0 20px 0;}
.rsPrice div {float: left; background: url(/images/services/scrn-bl.gif) no-repeat scroll bottom left;}
.rsPrice div div {background: url(/images/services/scrn-br.gif) no-repeat scroll bottom right;}
.rsPrice div div div {background: url(/images/services/scrn-tr.gif) no-repeat scroll top right;}
.rsPrice div div div div {background: url(/images/services/scrn-tl.gif) no-repeat scroll top left; padding: 5px 10px 5px 10px;}
.rsTypes {min-height: 19em;}
* html .rsTypes {height: 21em;}
.rsCalc {width: 65%; float: right; padding: 0 0 60px 0; //width: 50%;}

.navCell {padding: 0 20px 0 20px;}
ul.nav {list-style: none; padding: 0; margin: 0;}
ul.mainPageNav li {background-color: #08283f !important;}
ul.nav li {white-space: nowrap; float: left; margin: 0 2px -10px 0; padding: 0; background: #444 url(/images/tab-crn.gif) no-repeat scroll top right; color: #fff; font-size: 70%; font-weight: normal; line-height: 100%;}
* html ul.nav li {position: relative; z-index: 5;}
ul.nav li.chosen {white-space: nowrap; float: left; margin: 0 2px -10px 0; padding: 10px 14px 11px 12px; background: #ffa849 url(/images/tab-crn.gif) no-repeat scroll top right; color: #444; font-size: 70%; font-weight: bold; line-height: 100%;}
ul.subnav {list-style: none; padding: 0; margin: 0;}
ul.subnav li {white-space: nowrap; float: left; margin: -10px 2px 0 0; padding: 0; background: #444 url(/images/subtab-crn.gif) no-repeat scroll bottom right; color: #fff; font-size: 70%; font-weight: normal; line-height: 100%;}
* html ul.subnav li {position: relative; z-index: 5;}
ul.subnav li.chosen {white-space: nowrap; float: left; margin: -10px 2px 0 0; padding: 11px 14px 10px 12px; background: #ffa849 url(/images/subtab-crn.gif) no-repeat scroll bottom right; color: #444; font-size: 70%; font-weight: bold; line-height: 100%;}

ul.qpNav {list-style: none; padding: 0; margin: 0;}
ul.qpNav li {white-space: nowrap; float: left; margin: 0 2px -10px 0; padding: 0; background: #475c36 url(/images/tab-crn.gif) no-repeat scroll top right; color: #fff; font-size: 70%; font-weight: normal; line-height: 100%;}
* html ul.qpNav li {position: relative; z-index: 5;}
ul.qpNav li.chosen {white-space: nowrap; float: left; margin: 0 2px -10px 0; padding: 10px 14px 11px 12px; background: #ffa849 url(/images/tab-crn.gif) no-repeat scroll top right; color: #444; font-size: 70%; font-weight: bold; line-height: 100%;}
ul.qpSubnav {list-style: none; padding: 0; margin: 0;}
ul.qpSubnav li {white-space: nowrap; float: left; margin: -10px 2px 0 0; padding: 0; background: #475c36 url(/images/subtab-crn.gif) no-repeat scroll bottom right; color: #fff; font-size: 70%; font-weight: normal; line-height: 100%;}
* html ul.qpSubnav li {position: relative; z-index: 5;}
ul.qpSubnav li.chosen {white-space: nowrap; float: left; margin: -10px 2px 0 0; padding: 11px 14px 10px 12px; background: #ffa849 url(/images/subtab-crn.gif) no-repeat scroll bottom right; color: #444; font-size: 70%; font-weight: bold; line-height: 100%;}

form {margin: 0; padding: 0;}
input {font-size: 100%;}
textarea {font-size: 100%; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
.inputs {font-size: 80%; padding: 2px; border: 1px solid #777; width: 100%; margin-bottom: 0px;}
.inputFile {font-size: 80%; padding: 2px; margin-bottom: 0px;}
.inputBt {font-size: 80%; padding: 2px; margin-top: 15px; margin-right: 12px;}
.inputBtLite {font-size: 70%; padding: 2px; margin-top: 4px; margin-right: 12px;}
.inFix {width: 100%;}

.vForm {background-color: #d4d6b7; padding: 4px;}
.vFormInner {padding: 9px 15px 15px 15px; border: 1px solid #777; background-color: #f8f8f8;}
.vFormInnerLite {padding: 9px 15px 9px 15px; border: 1px solid #777; background-color: #f8f8f8;}
.vForm p {font-size: 80%; line-height: 135%; color: #444; margin-top: 12px; margin-bottom: 6px; padding: 0;}

.additionals {padding: 20px 20px 0 20px;}

.logo {padding: 14px 20px 8px 20px;}
.hCrnTl {background: #444 url(/images/ghcrn-tl.gif) no-repeat scroll top left;}
.hCrnTr {background: #444 url(/images/ghcrn-tr.gif) no-repeat scroll top right;}
.hCrnBl {background: #444 url(/images/ghcrn-bl.gif) no-repeat scroll bottom left;}
.hCrnBr {background: #444 url(/images/ghcrn-br.gif) no-repeat scroll bottom right;}
.gCrnTl {background: #475c36 url(/images/gcrn1.gif) no-repeat scroll top left;}
.gCrnTr {background: #475c36 url(/images/gcrn2.gif) no-repeat scroll top right;}
.gCrnBl {background: #475c36 url(/images/gcrn4.gif) no-repeat scroll bottom left;}
.gCrnBr {background: #475c36 url(/images/gcrn3.gif) no-repeat scroll bottom right;}
.bigPic {background: #070c11 url(/images/bigpic.gif) no-repeat scroll center center;}
.headerSpace {margin-bottom: 30px; clear: both;}

.reddoggy {margin: 30px 5% -41px 5%; padding: 0;}

.rFoot {border-top: 2px solid #444; color: #444; font-size: 70%; font-weight: normal; line-height: 100%; margin: 0px 0 12px 0; padding: 10px 20px 0 20px;}

div.rss {margin: 0px 0px 0px 0px; padding: 4px 4px 4px 0; font-size: 80%;}
.thnx {position: absolute; z-index: 2; margin: 0 10% 0 10%; padding: 8px 20px 8px 20px; color: #000; font-size: 80%; font-weight: normal; line-height: 120%; background-color: #ffa849;}
.validation-advice {color: red; margin: 2px 0 0 0; font-size: 70%; font-weight: bold; line-height: 120%;}

.cHead {font-size: 70%; line-height: 120%; color: #444; font-weight: normal; padding: 2px 4px 2px 4px; background-color: #d4d6b7; border-bottom: 1px solid #777;}
.cList {padding: 6px 4px 6px 4px; background-color: #f8f8f8; border-bottom: 1px solid #ccc;}
.cList h2 {font-size: 80%; font-weight: bold; padding: 0; margin: 0 0 4px 0;}
.cList p {font-size: 70%; line-height: 120%; color: #444; font-weight: normal;}
.cList p.cDate {color: #666;}
.cList p.new {color: #666; margin-top: 2px; padding: 0 0 4px 0;}
.cList p.new span {background-color: #cc3333; padding: 1px 4px 1px 4px; margin-right: 8px; color: #fff; font-weight: bold; font-family: Verdana;}
.cList p.cOptions {margin-top: 0px;}
.cList span.cDate {color: #888; font-size: 80%; margin-right: 8px;}
span.cOption {margin-right: 12px;}
.first {padding-left: 20px;}
.last {padding-right: 20px;}

.pagesNav {padding: 0; margin: 8px 0 8px 0; font-size: 90%; line-height: 120%; color: #444; font-weight: normal;}
.pagesNav span {margin: 0 4px 0 4px;}
.pagesNav span.digits {background-color: #f8f8f8; padding: 8px;}
.pagesNav span.chosen {margin: 0 4px 0 4px; font-weight: bold; padding: 1px 3px 1px 3px;}
.pagesNav span.small {margin: 0 4px 0 0; font-size: 80%; color: #666;}

.fCell {padding: 12px 20px 12px 20px; font-size: 70%; line-height: 120%; color: #444; font-weight: normal; border-bottom: 1px solid #ccc;}
.fCellLite {padding: 0px 20px 0px 20px;}
.fCellLite input {font-size: 70%;}
.fComment {padding: 12px 20px 12px 20px; font-size: 70%; line-height: 120%; color: #666; font-weight: normal; border-bottom: 1px solid #ccc;}
span.cAdd {margin-right: 12px; font-size: 90%; background: url(/images/add.gif) no-repeat scroll center left; padding-left: 16px;}
span.cAdd a {text-decoration: none; border-bottom: 1px dashed #777;}
span.del {margin-left: 12px; font-size: 70%; color: #cc3333; font-weight: bold;}

.client {width: 25%; height: 200px; float: left; background: no-repeat scroll center center; border-bottom: 0px solid #ddd; margin: 0 5% 8px 0; padding: 8px;}

.reference {background-color: #ddd; color: #444; border-bottom: 1px solid #fff; font-size: 70%; padding: 2px 12px 2px 12px; text-align: center;}

.albums {clear: both; padding: 0 0 20px 0;}

.picBack {width: 250px; height: 330px; background: #f0f0f0;}
.picContainer {width: 100%; height: 100%; position: relative;}
.picPic {position: absolute; top: 50%; left: 0; width: 100%; text-align: center;}
.picPic img {border: 1px solid #777;}
.picVars {margin: 12px 0 8px 0;}
.picVars p {margin: 0; padding: 0 0 4px 0;}
.picVars span.chosen {background-color: #ffa849; color: #333366; margin-right: 12px; padding: 1px 5px 1px 5px;}
.picVars a {padding: 1px 5px 1px 5px; margin-right: 12px;}

td.dbLogo {padding: 30px 0 30px 0;}
td.dbNav {padding: 0;}
td.dbNav p {color: #d3d3d3; font-size: 70%; line-height: 120%; font-weight: normal; padding: 12px 0 12px 0; margin: 0;}
td.dbNav p span {margin-right: 20px; white-space: nowrap;}
td.dbAbout {padding: 0 0 20px 0;}
td.dbAbout p {width: 300px; color: #d3d3d3; font-size: 70%; line-height: 120%; font-weight: normal; padding: 4px 0 0 0; margin: 0;}
table.dbForm td {color: #d3d3d3; font-size: 70%; line-height: 120%; font-weight: normal; padding: 8px 12px 8px 0;}
.dbInput {width: 100%; font-size: 120%; background-color: #fff; color: #323232; padding: 2px; margin: 0; border: 0;}

td.xSmall {
padding: 20px;
font-size: 70%;
color: #999;
}

.service {padding: 20px 20px 0 20px; margin: 0 5% 0 5%; width: 90%;}
.service h1 {font-size: 220%;}
.service p, .service ul {color: #333; font: normal 75%/120% Tahoma, Verdana, Arial, Sans-Serif;}
.service ul {padding-bottom: 15px;}
.services {padding: 30px 5% 20px 5%; //width:100%;}
.services h2 {color: #e4092f; margin: 0 0px 6px 0px; padding: 5px 20px 0 20px; font-size: 140%; border-top: 1px solid #ccc;}
.services p, .services ul, .services ol {color: #333; font: normal 75%/120% Tahoma, Verdana, Arial, Sans-Serif;}
.serviceInfo {padding: 12px 20px 0 20px;}
.services .crngbtr {padding: 12px 20px 6px 20px; background-color: #f1f1f1;}

pre {background-color: #f1f1f1; padding: 12px;}

.projectsNav {margin: 0px 5% 0 5%;}
ul.proNav {list-style: none; padding: 0; margin: 0;}
ul.proNav li {white-space: nowrap; float: right; margin: 0 2px 2px 0; padding: 0; background: url(/images/protab-crn.gif) no-repeat scroll bottom left; color: #fff; font-size: 70%; font-weight: normal; line-height: 100%;}
* html ul.proNav li {position: relative; z-index: 5;}
ul.proNav li.chosen {white-space: nowrap; float: right; margin: 0 2px 2px 0; padding: 11px 14px 10px 12px; background: #ffa849 url(/images/protab-crn.gif) no-repeat scroll bottom left; color: #444; font-size: 70%; font-weight: bold; line-height: 100%;}
a.qpLink:link, a.qpLink:visited {display: block; padding: 11px 14px 10px 20px; color: #d3d3d3; background: url(/images/qp.gif) no-repeat scroll 0 3px;}
a.qpLink:hover, a.qpLink:active {display: block; padding: 8px 14px 10px 20px; color: #ffffff; border-top: 3px solid #c0c29e; background: url(/images/qp.gif) no-repeat scroll 0 0;}

.lifePhotosLink {float: right; font-size: 80%; margin-top: 5px;}

.qpForm {background-color: #f8f8f8; padding: 20px;}
.qpForm h3 {font-size: 80%; font-weight: bold; margin: 0; padding: 0;}
.qpForm h4 {padding: 12px 0 12px 36px; margin: 20px 0 0 0;}
.qpForm h4 span {font-weight: normal; margin-left: 0.25em;}
span.price {color: #475c36; font-size: 135%;}
html:first-child span.price {font-size: 145%;}
.qpForm p {color: #444; font-size: 70%; margin: 0.5em 0 0 36px; padding: 0;}
.qpForm p.close {margin: 0 0 0 36px;}
.qpForm p.wide {margin: 1em 0 0 36px;}
.qpForm p.lbl {margin: 1em 0 0.5em 36px;}
.qpForm p span {margin-right: 1em;}
.qpForm ul {color: #444; font-size: 70%; margin: 0.5em 0 0 36px; padding: 0;}
.qpForm li {list-style-type: none; background: url(/images/bullet.gif) no-repeat 0 0.5em; margin: 0.5em 0 0 1em; padding: 0 0 0 1em;}
.qpForm .inputs {background-color: #fff; border: 1px solid #999; width: 100%;}
.qpForm .submit {margin: 10px 36px 0 36px; font-size: 80%; text-align: center;}
.qpForm .submit input {padding: 1px 4px 1px 4px; width: 50%;}
.qpForm .fld {margin: 0 36px 0 36px;}
.cart {margin: 20px -20px 0 -20px; padding: 0 20px 0 20px; border-top: 8px solid #fff;}

.ServicesTxt {padding: 12px 10px 35px 40px; font-size: 65%; line-height: 135%; color: #bbbbbb;}

* html .inpFix {width: 100%;}

*/