@import "reset.css";
@import "prettyPhoto.css";
/*
body {background: url(../images/bg.jpg) repeat; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #4d4d4d;}
*/
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: small; line-height: 23px; color: #333;}

label {padding: .5em 0 0 .5em}
/* ========== Headings ========== */
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

/* ========== Usual styles ========== */
.clear {clear: both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}

.floatR {display: block; float: right;}
.floatL {display: block; float: left;}


/* ========== Text colors ========== */
.red {color: #862727;}
.blue {color: #40556d;}
.dgrey {color: #2d2d2d;}
.lYellow {color: #e4d6ba;}
.white {color: #ffffff;}


/* ========== Content containers ========== */
.container, .fullWidth, .containerNivo, .containerOrbit {width: 980px; margin: 0 auto; position: relative;}
.fullWidth {margin: 0 auto 0 auto;}
.container p {padding-top: 14px;}
.containerNivo {padding: 35px 0;}
.containerOrbit {padding: 30px 0 50px 0;}
.row {margin-top: 0px; clear: both;}
.row .last {margin-right: 0;}
.packages {margin: 50px 0;}


/* ========== Top navigation row ========== */
#topnav {height: 28px; color: #929292;}
#topnav ul.navi {display: block; float: left;}
#topnav ul.navi li {display: inline;}
#topnav ul.navi li a {font-size: 11px; color: #929292; padding: 3px 0; float: left; margin-right: 30px;}

#topnav ul.topRight {display: block; float: right;}
#topnav ul.topRight span {display: block; float: left; padding-right: 5px;}
#topnav ul.topRight li {display: block; font-size: 11px; margin-left: 30px; float: left; padding: 3px 0;}
#topnav ul.topRight li a {color: #eeeeee;}
#topnav ul.topRight li img {padding: 7px 0 0 5px; display: inline;}
#topnav ul.topRight li a.active {}


/* ========== Image styles ========== */
.imgBlock, .imgFull, .img, .imgTop, .imgSide {border: 1px solid #cacaca; background: #f7f7f7; padding: 4px;}
.imgFull {margin-top: 16px;}
.imgTop {margin-bottom: 14px;}
.imgSide {padding: 3px;}
.static {-webkit-box-shadow: 0px 0 0 1px #252525; -moz-box-shadow: 0px 0 0 1px #252525; box-shadow: 0px 0 0 1px #252525; border: 4px solid #3b3b3b;}
.imgProfile {border: 1px solid #cacaca; background: #f7f7f7; padding: 2px; margin-left: 5px; margin-bottom: 5px}

/* ========== Flags styles ========== */
.gb, .es, .ru {width: 13px; height: 9px; background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/flags.png) no-repeat; display: block;}
.gb {background-position: 0 0;}


/* ========== Header ========== */
#header {width: 980px; margin: 0 auto; height: 114px;}
.logo {margin-top: 12px; float: left;}
.topBanner {display: block; float: right; margin: 30px 0 0 35px;}

.search {margin: 20px 0 0 25px;}
.search form {position: relative;}
.search input[type=text] {background: #fcfcfc; border: 1px solid #c6c6c6; color: #929292; padding: 7px 10px; font-size: 11px; width: 230px; position: relative;}
.search input[type=submit] {background: url(../images/search.png) no-repeat 0 7px; position: absolute; right: 3px; top: 0; border: 0; color: #f9f9f9; font-weight: bold; text-transform: uppercase; font-size: 10px; height: 20px; margin: 2px; cursor: pointer;  padding: 0 8px 0 9px;}

.search .socials {position: absolute; bottom: 5px;}
*{margin:0;padding:0}
.search .socials img {display: block; float: left; margin-right: 12px}


/* ========== Dropdown menu. Main navigation ========== */
.navWrapper {width: 980px; margin: 0 auto; position: relative;}

#nav {height: 36px;}
#navInner {height: 36px;}

.dd {padding: 1px 0 0 1px; margin: 0 auto; list-style: none; z-index: 200;}
.dd ul {position: relative;}
.dd ul li {position: relative; display: inline; float: left; cursor: pointer;}
.dd ul li a {display: block; color: #d9d9d9; font-weight: bold; text-transform: uppercase; font-size: 10px; float: left; padding: 7px 25px 8px 25px; background: url(../images/navSep.png) 100% 0 no-repeat;}
* html .dd ul li a {display: inline-block;}
.dd ul li a:hover {background: url(../images/navSep.png) no-repeat 100% 50%; font-weight: bold;}
.dd ul li.end {border-bottom: none;}

/* - 1st sub level menu - */
.dd ul li ul {position: absolute; display: none; visibility: hidden; left: 0; margin-left: -1px; margin-top: 0px; padding: 0; border: 1px solid #454545; border-top: none;}
.dd ul li ul li {display: block; float: none; position: relative; border-bottom: 1px dashed #242424;}
.dd ul li ul li a {width: 162px; padding: 7px 5px 7px 24px; font-size: 11px; text-transform: none; color: #a4a4a4; font-weight: normal; background: url(../images/navArrow.png) 11px 14px no-repeat; float: none;}
.dd ul li ul li a:hover {background: url(../images/navArrow.png) 11px 14px no-repeat; font-weight: normal; padding: 7px 5px 7px 24px; color: #737373;}
.dd ul li ul li:hover {padding: 0;}
.dd ul li ul li ul {top: 0; position: absolute; margin: -1px 0 0 2px; float: none; border-top: 1px solid #454545;}

/* - Holly Hack for IE - */
* html .dd{height: 1%;}


.panel {float: right; display: block; margin: 0; position: relative;}
.leftBorder, .rightBorder, .leftNavBorder {width: 1px; height: 35px; position: absolute; background: url(../images/navSep.png) no-repeat 0 0; top: 0;}
.leftBorder, .leftNavBorder {left: 0;}
.rightBorder {right: 0;}
.panel a {display: block; padding: 7px 15px 8px 35px; font-size: 11px; color: #d9d9d9; background: url(../images/userPanel.png) no-repeat 11px 12px;}


/* ========== Separators ========== */
.dHr {height: 8px;}
.lHr {height: 4px; background: url(../images/curves.gif) repeat-x 0 0;} 
.lines {height: 2px; background: url(../images/line.gif) repeat-x 0 0; margin-top: 20px;}
.dashed {height: 1px; border-top: 1px dashed #dddddd;}

.legend, .legendInner {background: url(../images/curves.gif) repeat-x 50% 50%; text-align: left; position: relative; display: block; margin: 15px 0 5px 0; padding: 0;}
.legendInner {margin-top: 80px;}
.legend .left, .legendInner .left {background: url(../images/bg.jpg) repeat; padding: 0 10px 0 10px; font-style: italic; margin-left: 5px; color: #862727;}
.legend .right, .legendInner .right {position: absolute; top: -1px; right: 0; background: url(../images/bg.jpg) repeat; padding: 0 10px 0 10px; font-size: 11px; margin-right: 5px;}
.arrowSep {width: 272px; height: 21px; background: url(../images/arrowSep.png) no-repeat 0 0; margin: 0 2px; margin-top: 30px;}

/* ========== Blocks styles ========== */
.blocks {clear: both; margin-top: 20px;}
.blocksBottom {margin-top: 46px;}
.block {width: 276px; float: left; margin-right: 76px; display: block; position: relative;}

.blocks .last {margin-right: 0;}
.block p {padding-top: 0px; margin-top: 0px}
.block h6 {margin-top: 0px!important;}
.block h1 {padding: 5px 0 10px 15px; margin-top: 0px!important; line-height: 1.3em; background: url(../images/arrowred.png) no-repeat 0 18px; color: #2d2d2d; width: 290px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
.readMore {text-align: right; padding-top: 14px; display: block; margin-top: 4px;}
.arrow {background: url(../images/arrowred.png) no-repeat 0 6px; padding-left: 12px;}

.blocks .imgTeam {border: 1px solid #cacaca; background: #f7f7f7; padding: 4px; float: left; margin: 0 15px 0 0;}
.blocks .title {font-weight: bold; display: block; margin-bottom: 8px;}

/* 2/3 columns */
.twothird {width: 628px; float: left; display: block; margin-right: 70px;}
.twothird p {padding-top: 10px;}
.twothird .left, .row .left {width: 276px; display: block; float: left;}
.twothird .right, .row .right {display: block; float: right; width: 327px;}
.twothird .right .pin {border-top: 1px dashed #c7c7c7; color: #2b6893; font-weight: bold; font-style: italic; padding: 9px 0 0 15px; background: url(../images/pin.png) no-repeat 0 12px;}
.twothird .right .aphone {color: #2b6893; font-weight: bold; font-style: italic; padding: 8px 0 0 15px; background: url(../images/aphone.png) no-repeat 0 12px;}
.twothird .right .envelope {color: #2b6893; font-weight: bold; font-style: italic; padding: 5px 0 0 15px; background: url(../images/envelope.png) no-repeat 0 12px;}

/* ========== Tour ========== */
.leftFull {margin-top: 46px;}
.video {display: block; float: left; width: 320px;}
.desc {display: block; float: right; width: 283px;}
.desc h6 {margin-top: 0!important;}

/* ========== Features list styles ========== */
.featuresList {width: 100%; padding: 5px 0 5px 0; clear: both; } /*clear: both; */
.featuresList ul li {padding: 0 0 0 5px; width: 40%; float: left; display: block; text-align:left!important}
.featuresList3 {padding: 5px 0 5px 0; width:100%; clear: both} /*clear: both; */
.featuresList3 ul li {padding: 0 0 0 5px; width: 27%; float: left; display: block; text-align:left!important}


/* ========== Bottoms news ========== */
.newsBottom {margin-top: 11px;}
.newsPreview {clear: both;}
.newsPreview .newsImg {border: 1px solid #cacaca; background: #f7f7f7; padding: 3px; float: left; margin: 3px 10px 5px 0}
.newsPreview .previewTitle {background: url(../images/arrow.png) no-repeat 0 4px; padding: 0 0 0 10px; font-weight: bold;}
.newsPreview > p {font-style: italic; padding-top: 4px;}


/* ========== Block titles with icons ========== */
.iconBlock img {
  float: left;
  width: 35px;
  height: 35px;
  margin-top: 5px;
  margin-right: 15px;
  background: #555;
}
.iconBlock h2 p {
  position: relative;
  top: 5px;
  left: 10px;
  
}


.gear {background: url(../images/icons/gear.png) no-repeat 0 3px; padding: 0 0 0 40px; display: block;}
.graph {background: url(../images/icons/graph.png) no-repeat 0 5px; padding: 0 0 0 45px; display: block;}
.user {background: url(../images/icons/user.png) no-repeat 0 4px; padding: 0 0 0 40px; display: block;}
.info {background: url(../images/icons/info.png) no-repeat 0 3px; padding: 0 0 0 40px; display: block;}
.wordpress {background: url(../images/icons/wordpress.png) no-repeat 0 3px; padding: 0 0 0 40px; display: block;}
.box {background: url(../images/icons/box.png) no-repeat 0 3px; padding: 0 0 0 45px; display: block;}
.case {background: url(../images/icons/case.png) no-repeat 0 3px; padding: 0 0 0 47px; display: block;}
.flag {background: url(../images/icons/flag.png) no-repeat 0 3px; padding: 0 0 0 40px; display: block;}
.attachment {background: url(../images/icons/attachment.png) no-repeat 0 4px; padding: 0 0 0 40px; display: block;}
.attention {background: url(../images/icons/attention.png) no-repeat 0 3px; padding: 0 0 0 45px; display: block;}
.display {background: url(../images/icons/display.png) no-repeat 0 4px; padding: 0 0 0 45px; display: block;}
.mobile {background: url(../images/icons/mobile.png) no-repeat 0 3px; padding: 0 0 0 35px; display: block;}
.rss {background: url(../images/icons/rss.png) no-repeat 0 3px; padding: 0 0 0 40px; display: block;}

.number {background: url(../images/numberBg.png) no-repeat 3px 3px; padding: 6px 3px 0px 3px; text-align: center; font-size: 16px; color: #d5d5d5; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; width: 30px; height: 31px; margin-right: 5px;}


/* ========== Links with icons ========== */
.emailMe, .emailApply, .emailHr, .date, .tags {/*padding: 4px 0 0 18px!important;*/ font-weight: bold; font-style: italic; font-size: 11px;}
.emailMe a, .emailApply a, .emailHr a, .date a, .tags a {font-weight: normal; font-style: normal; margin-left: 5px;}
.emailMe {padding: 2px 0 0 18px!important;}
.date, .tags {padding: 4px 0 0 16px!important; background-position: 0 9px!important; margin-top: 12px;}

.emailApply .date {width: 150px; margin-left: 28px; display: block; float: right;}
.emailHr .tags {width: 378px; display: block; float: left; margin-tight:28px;}
.apply {float: right;}


.envelope, .emailMe {background: url(../images/envelope.png) no-repeat 0 8px; padding: 2px 0 0 20px; font-size: 11px;}
.dateIcon, .date {background: url(../images/date.png) no-repeat 0 7px; padding: 2px 0 0 17px; font-size: 11px;}
.person, .emailHr {background: url(../images/author.png) no-repeat 0 7px; padding: 2px 0 0 17px; font-size: 11px;}
.tagsIcon, .tags {background: url(../images/tags.png) no-repeat 0 8px; padding: 2px 0 0 17px; font-size: 11px;}
.pinIcon {background: url(../images/pin.png) no-repeat 0 6px; padding: 2px 0 0 17px; font-size: 11px;}
.bubbleIcon {background: url(../images/comments.png) no-repeat 0 7px; padding: 2px 0 0 17px; font-size: 11px;}
.locked {background: url(../images/locked.png) no-repeat 0 7px; padding: 2px 0 0 17px;  font-size: 11px;}
.downloadIcon {background: url(../images/down.png) no-repeat 0 8px; padding: 2px 0 0 17px;  font-size: 11px;}
.attentionIcon {background: url(../images/attention.png) no-repeat 0 7px; padding: 2px 0 0 17px; font-size: 11px;}
.attachIcon {background: url(../images/attachment.png) no-repeat 1px 8px; padding: 2px 0 0 17px; font-size: 11px;}
.ppIcon {background: url(../images/paypal.png) no-repeat 1px 8px; padding: 2px 0 0 20px; font-size: 11px;}
.likeIcon {background: url(../images/like.png) no-repeat 0 7px; padding: 2px 0 0 17px; font-size: 11px;}
.aphone {background: url(../images/aphone.png) no-repeat 0 6px; padding: 2px 0 0 17px; font-size: 11px;}
/*font-style: italic; */
.pinRedSIcon {background: url(../images/pin-red-single.png) no-repeat 0 6px; padding: 2px 0 0 30px; font-style: italic; font-size: 11px;}
.pinRedDIcon {background: url(../images/pin-red-double.png) no-repeat 0 6px; padding: 2px 0 0 30px; font-style: italic; font-size: 11px;}
.flagRedIcon {background: url(../images/flag-red.png) no-repeat 0 6px; padding: 2px 0 10px 30px; font-style: italic; font-size: 11px;}


/* ========== Info blocks ========== */
.errorBlock {border: 1px solid #cacaca; background: #f7f7f7;}
.errorBlock .bg {background: #6d3232 url(../images/errorBlock.png) no-repeat 12px 49%; margin: 3px;}
.errorBlock span {padding: 6px 0 6px 18px; color: #f3f3f3; display: block; margin-left: 36px; background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/toolbarSep.gif) no-repeat 1px 50%;}

.warningBlock {border: 1px solid #cacaca; background: #f7f7f7;}
.warningBlock .bg {background: #bb8d35 url(../images/warningBlock.png) no-repeat 12px 49%; margin: 3px;}
.warningBlock span {padding: 6px 0 6px 18px; color: #f3f3f3; display: block; margin-left: 38px; background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/toolbarSep.gif) no-repeat 1px 50%;}

.successBlock {border: 1px solid #cacaca; background: #f7f7f7;}
.successBlock .bg {background: #3c6d32 url(../images/successBlock.png) no-repeat 12px 49%; margin: 3px;}
.successBlock span {padding: 6px 0 6px 18px; color: #f3f3f3; display: block; margin-left: 38px; background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/toolbarSep.gif) no-repeat 1px 50%;}

.infoBlock {border: 1px solid #cacaca; background: #f7f7f7;}
.infoBlock .bg {background: #3f667f url(../images/infoBlock.png) no-repeat 16px 49%; margin: 3px;}
.infoBlock span {padding: 6px 0 6px 18px; color: #f3f3f3; display: block; margin-left: 36px; background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/toolbarSep.gif) no-repeat 1px 50%;}



/* ========== Toolbar ========== */
.toolbar {height: 35px; border: 1px solid #c4c4c4; background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/toolbarBg.jpg) repeat-x 0 0; margin-top: 46px; position: relative;}
/*.toolbar .bg {background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/yellow.gif) repeat; height: 35px; width: 972px;}*/
.toolbar .title {position: absolute; top: 0; left: 0; display: block; background: url(http://drukker.co.uk/default/includes/themes/Miriam/images/emailBtn.png) no-repeat 0 0; width: 40px; height: 35px;}
.toolbar .title:hover {background-position: 0 -36px;}

.toolbar ul {margin-left: 40px;}
.toolbar ul li {display: inline-block; clear: both; height: 35px;}
.toolbar ul li span {display: block; float: left;}

.subToolbar {float: left; font-weight: bold; font-size: 10px; text-transform: uppercase; padding: 7px 15px 7px 55px; color: #4d4d4d; border-right: 1px solid #c4c4c4;}

.subToolbar form {margin-left: 15px; position: relative; float: right;}
.subToolbar input[type=text] {border: 1px solid #b2b2b2; background-color: #f1f1f1; color: #929292; font-size: 11px; width: 200px; padding: 3px 10px 3px 10px; line-height: 14px;}
.subToolbar input[type=submit] {background: url(../images/plus.gif) no-repeat 0 0; width: 7px; height: 7px; border: none; position: absolute; top: 8px; right: 10px; cursor: pointer;}

.callToolbar {float: left; font-weight: bold; font-size: 10px; text-transform: uppercase; margin-left: 15px; padding: 7px 0;}
.callToolbar .phone {background: url(../images/aphone.png) no-repeat 0 3px; padding: 0 0 0 15px; font-size: 12px; margin: 0 15px;}

.followUs {float: left; font-weight: bold; font-size: 10px; text-transform: uppercase; margin-left: 15px; padding: 7px 0;}
.followUs img {float: left;}

/* ========== Footer ========== */
#footer {margin-top: 23px;}
#footer h3, .innerTop h3, .contentSlider h3 {font-family: Georgia, "Times New Roman", Times, serif; text-align: center; color: #f4f4f4; font-weight: normal; padding: 30px 0 8px 0;}
/* .pageTitle { padding: 40px 0 36px 18px; background: url(../images/arrow.png) no-repeat 0 48px; color: #2d2d2d; width: 480px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;} */
.pageTitle {padding: 34px 0 18px 18px; line-height: 1.3em; background: url(../images/arrow.png) no-repeat 0 48px; color: #2d2d2d; width: 480px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
.pageTitleR {margin: 30px 0 7px 0; padding: 34px 0 18px 18px; line-height: 1.3em; color: #2d2d2d; width: 100%; font-family: Georgia, "Times New Roman", Times, serif;  font-size: 24px; font-weight: normal; text-align:right!important;}
#footer i, .innerTop i, .contentSlider i {text-align: center; color: #646464; display: block; margin-bottom: 22px;}
#footer .clients {height: 208px;}

.copyWrapper {color: #646464; width: 980px; margin: 0 auto; padding: 25px 0;}
.copyWrapper a {color: #e3e3e3;}
.copyWrapper .copyLinks {padding-left: 20px;}

.copy {width: 500px; float: left;}
.logos {float: right; display: block; padding-top: 5px;}
.logos ul li {display: inline; margin-left: 20px;}

#footer .copyright {padding-top: 22px; display: block; float: left;}
#footer > ul {display: block; float: right; padding: 30px 0 0 85px;}
#footer > ul li {display: block; float: left; margin: 0 0 0 15px;}
#footer .copyright a {color: #ffffff;}



/* ========== Our clients slider ========== */
.portfolio-slider {clear: both; width: 980px; position: relative; padding: 0; margin-bottom: 30px;}
.bxs {width: 980px;}
.portfolio-slider img {width: 154px; height: 85px;}
.portfolio-slider .leftarrow {top: 38px; cursor: pointer; position: absolute; display: block; width: 21px; height: 21px; left: 0; z-index: 1; background: url(../images/arrowsFooter.png) no-repeat;}
.portfolio-slider .leftarrow:hover {background-position: 0px -22px;}
.portfolio-slider .rightarrow {top: 38px; cursor: pointer; position: absolute; display: block; width: 21px; height: 21px; right: 0; z-index: 1; background: url(../images/arrowsFooter.png) no-repeat -22px 0;}
.portfolio-slider .rightarrow:hover {background-position: -22px -22px;}
.portfolio-slider .wrapper {width: 930px; overflow: hidden; padding: 0; margin: 0 25px 0 25px;}
.portfolio-slider .wrapper ul {position: relative; margin: 0; padding-top: 20px; overflow: hidden; left: -183px; width:9999px;}
.portfolio-slider .wrapper ul li {display: block; width: 154px; float: left; margin: 0 12px; background: #3b3b3b; padding: 4px; border: 1px solid #202020; height: 85px;}

.portfolio-slider .clientContainer{width: 980px;}

.hover {color: #b4b4b4!important;}

/* ========== Buttons ========== */
.button {display: inline-block; padding: 5px 10px 6px 24px; text-decoration: none; color: #f9f9f9; font-size: 11px; line-height: 12px; background: url(../images/arrowBtn.png) no-repeat 9px 9px;}
.submit {display: inline-block; padding: 5px 22px 6px 10px; text-decoration: none; color: #f9f9f9; font-size: 11px; line-height: 12px; background: url(../images/arrowBtn.png) no-repeat 89% 9px; border: none; cursor: pointer;}

.titleBtn {position: absolute; top: 36px; right: -50px;}
.titleBtn a {background: url(../images/sprite.png) no-repeat 100% -228px; float: left; height: 27px; display: block; margin-right: 50px;}
.titleBtn a span {margin: 0 1px 0 -5px; padding: 0 12px 0 12px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 -228px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 26px; font-weight: bold; height: 27px; white-space: nowrap;}
.titleBtn a:hover {background-position: 100% -256px;}
.titleBtn a span:hover {background-position: 0 -256px;}

.contactUs {margin: 10px 10px 10px 10px}
.contactUs a {background: url(../images/sprite.png) no-repeat 100% -228px; float: right; height: 27px; display: block;}
.contactUs a span {margin: 0 1px 0 -5px; padding: 0 12px 0 12px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 -228px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 26px; font-weight: bold; height: 27px; white-space: nowrap;}
.contactUs a:hover {background-position: 100% -256px;}
.contactUs a span:hover {background-position: 0 -256px;}

.leftBtn, .rightBtn {font-weight: bold; text-transform: uppercase; padding: 5px 15px 5px 15px; line-height: 14px;}
.leftBtn {background-color: #3f7429;}
.rightBtn {background-color: #903535;}
.online {background: #2f6636 url(../images/bubbles.png) no-repeat 12px 7px; color: #ffffff; padding: 4px 12px 5px 34px; line-height: 14px;}
.submit {background-color: #893434; color: #f1f1f1;} 
.bblue {background-color: #284d63;}

.bgrey {background-color: #2d2d2d;}
.bred {background-color: #893434;}
.blightBlue {background-color: #284d63;}
.bsea {background-color: #205d55;}
.bbrown {background-color: #814123;}

.bblack {background-color: #000000;}
.bbrightRed {background-color: #7f0909;}
.bbrightBlue {background-color: #0c5a87;}
.blowGreen {background-color: #013c3b;}
.bbrightGreen {background-color: #11582a;}

input.button, button.button {border: 0px none;}

/* ========== Content slider ========== */
#content_slides {position: absolute; top: 0/*15*/; left: 4px; z-index: 100;}
.slide {width: 980px; display: block; overflow: hidden;}
.slide .buttons, .slideStatic .buttons { margin-top: 30px; display: block; position: relative; clear: both!important;}
.slide p, .slideStatic p {color: #ffffff; padding: 0;}
.slide ul, .slideStatic ul {margin-top: 25px; clear: both;}
.slide ul li {display: block; float: left; width: 180px;/*150*/ color: #dedede; padding: 2px 10px 2px 25px;}
.slide ul li a {color: #9aabcd}
.bx-window {padding: 35px 0 40px 0;}
.bx-wrapper {padding: 0;}

.slideStatic {padding: 30px 0 35px 0; width: 980px;}
.slideStatic ul li {display: block; float: left; width: 195px; color: #ffffff; padding: 2px 10px 2px 25px;}

.slides_container {width: 940px; height: 350px; overflow: hidden; position: relative; display: none;}

/* - Left and right sides, inside of slides - */
.content_side {width: 430px; float: right; display: block; padding-right: 30px; position: relative;}
.img_side {width: 430px; float: left; display: block; padding-left: 30px; padding-top: 6px;}
.img_side img, .img_sideStatic img {background: #3b3b3b; padding: 4px; border: 1px solid #202020;}

.content_sideStatic {width: 460px; float: right; display: block; position: relative;}
.img_sideStatic  {width: 460px; float: left; display: block; padding-top: 6px;}

/* - Next/prev buttons - */
.bx-next,  .bx-prev {position: absolute; top: 145px; left: 0; width: 21px; height: 21px; display: block; z-index: 101; text-indent: -9999px; background: url(../images/arrows.png) no-repeat;}
.bx-next {left: 960px; background-position: -22px 0px;}

.bx-prev, .bx-next {top: 50%; position: absolute; display: block; z-index: 1; margin-top: -16px;}
.bx-prev {left: -1px;}
.bx-next {right: 0;}

.bx-prev:hover {background-position: 0px -22px;}
.bx-next:hover {background-position: -22px -22px;}

/* - Title and subtitle inside slides - */
.content_slide_title {font-size: 32px; display: block; padding: 13px 0 10px 0; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: 0 1px 0px #000;}
.content_slide_subtitle {font-size: 12px; font-style: italic; color: #bbbbbb; display: block;}

.left_button {margin-right: 56px; margin-left: 5px; clear: both; float: left; display: block; width: 160px;}
.left_button a, .left_buttonStatic a {background: url(../images/sprite.png) no-repeat 100% -171px; float: left; height: 27px; display: block; margin-right: 50px;}
.left_button a span, .left_buttonStatic a span {font-size: 11px; margin: 0 1px 0 -5px; padding: 0 12px 0 28px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 -171px; color: #ececec; line-height: 27px; height: 27px; white-space: nowrap;}
.left_button a:hover, .left_buttonStatic a:hover {background-position: 100% -199px;}
.left_button a span:hover, .left_buttonStatic a span:hover {background-position: 0 -199px;}

.right_button {float: left; display: block;}
.right_button a {background: url(../images/sprite.png) no-repeat 100% -114px; float: right; height: 27px; display: block;}
.right_button a span {margin: 0 1px 0 -5px; padding: 0 12px 0 28px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 -114px; color: #ececec; line-height: 27px; height: 27px; white-space: nowrap; font-size: 11px;}
.right_button a:hover {background-position: 100% -142px;}
.right_button a span:hover {background-position: 0 -142px;}


.left_buttonStatic {margin-right: 72px; margin-left: 5px; clear: both; float: left; display: block; width: 160px;}

/* - List icon - */
.slideList {padding: 0;}
.slideList li {background: url(../images/slideList.png) no-repeat 0 5px; padding-left: 20px;}

/* ========== Pricing tables styles ========== */
.headUsual, .headUsualDark, .headFeaturedDark, .headFeatured {font-family: Georgia, "Times New Roman", Times, serif;}
.headUsualDark {background-color: #632828;}
.headFeaturedDark {background-color: #501b1b;}
.headUsual {background-color: #252525;}
.headFeatured {background-color: #632828;}

.btn2cols {margin-right: 90px;}
.btn3cols {margin-right: 50px;}
.btn5cols {margin-right: 44px;}
.btn3colsF {margin-right: 55px;}
.btn3Full {margin-right: 94px;} 

.headFeatured, .headFeaturedDark {font-style: normal!important;}

.lightFull, .priceOneFour, .priceOneThree, .priceOneThreeLeft, .priceOneTwoLeft {border: 1px solid #cacaca; background: #f7f7f7; padding: 2px;}
.priceOneFour {width: 195px; margin-right: 58px; float: left; display: block;}
.priceOneThree {width: 290px; margin-right: 46px; float: left; display: block;}
.priceOneThreeLeft {width: 194px; margin-right: 10px; float: left; display: block;}
.priceOneTwoLeft {width: 290px; float: left; display: block; margin-right: 36px;}

.priceFive {border: 1px solid #e3e3e3; }
.priceFive .last {border-right: none!important;}

.high {width: 196px!important;}
.highLeft {width: 212px!important;}

.oneFiveLeftL {width: 203px; border-right: 1px solid #e5e5e5; display: block; float: left;}

.oneThreeL {width: 288px;}
.oneFiveL {width: 193px; border-right: 1px solid #e5e5e5; display: block; float: left;}
.oneFiveL h2, .oneThreeL h2, .oneFiveLeftL h2 {text-align: center; font-style: italic; color: #f6f6f6; padding: 15px 0; display: block; font-weight: normal;}
.oneFiveL i, .oneThreeL i, .oneFiveLeftL i {background: #FDFCF3 url(../images/pricePat.png) repeat; padding: 12px 0; text-align: center; font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; display: block; font-weight: bold; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #e5e5e5; } 
.oneFiveL i span, .oneThreeL i span, .oneFiveLeftL i span {font-size: 14px; font-weight: normal;}
.order, .orderFeatured, .orderFeaturedD {background: #FDFCF3 url(../images/pricePat.png) repeat; padding: 15px 0; text-align: center; border-top: 1px solid #e5e5e5}
.orderDark, .orderDarkHigh {padding: 15px 0; background: url(../images/darkTablePrice.jpg) repeat; border-top: 1px solid #393939;}
.orderFeaturedD {background: none;}


.oneFiveL ul.grey, .oneThreeL ul.grey, .oneFiveLeftL ul.grey {background: #FBFBFB url(../images/pricePat.png) repeat;}
.oneFiveL ul.yellow, .oneThreeL ul.yellow, .oneFiveLeftL ul.yellow {background: #FDFCF3 url(../images/pricePat.png) repeat;}
.oneFiveL ul li, .oneThreeL ul li, .oneFiveLeftL ul li {text-align: center; padding: 10px 0; border-bottom: 1px dashed #e4e4e4; margin: 0 10px; }
.oneFiveL ul li.last, .oneThreeL ul li.last, .oneFiveLeftL ul li.last {border: none;}
.oneFiveL ul li span, .oneThreeL ul li span, .oneFiveLeftL li span {background: url(../images/arrow.png) no-repeat 0 4px; padding-left: 12px;}



.oneFiveLeftD {width: 203px; border-right: 1px solid #565656; display: block; float: left;}
.oneThreeD {width: 288px;}
.oneFiveD {width: 193px; border-right: 1px solid #595959; display: block; float: left;}
.oneFiveD h2, .oneThreeD h2, .oneFiveLeftD h2 {text-align: center; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #f6f6f6; padding: 15px 0; display: block; font-weight: normal;}
.oneFiveD i, .oneThreeD i, .oneFiveLeftD i {background: url(../images/darkTablePrice.jpg) repeat; padding: 12px 0; text-align: center; font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; display: block; font-weight: bold; border-bottom: 1px solid #393939; border-top: 1px solid #565656;} 
.oneFiveD .top, .oneThreeD .top, .oneFiveLeftD .top {border-bottom: 1px solid #3a3a3a; border-top: 1px solid #565656;}
.oneFiveD i span, .oneThreeD i span, .oneFiveLeftD i span {font-size: 14px; font-weight: normal;}
.orderHigh {background: url(../images/darkTablePrice.jpg) repeat; padding: 11px 0 10px 0; text-align: center; font-size: 12px; display: block; font-weight: bold; border-top: 1px solid #3a3a3a;}

.oneFiveD ul.grey, .oneThreeD ul.grey, .oneFiveLeftD ul.grey {background: url(../images/darkTable.jpg) repeat;}
.oneFiveD ul.dGrey, .oneThreeD ul.dGrey, .oneFiveLeftD ul.dGrey {background: url(../images/darkTablePrice.jpg) repeat;}
.oneFiveD ul.dGrey li, .oneThreeD ul.dGrey li, .oneFiveLeftD ul.dGrey li {border-bottom: 1px dashed #3a3a3a;}
.oneFiveD ul li, .oneThreeD ul li, .oneFiveLeftD ul li {text-align: center; padding: 8px 0; border-bottom: 1px dashed #595959; margin: 0 10px; color: #8f8e8e;}
.oneFiveLeftD ul li {border-bottom: 1px dashed #424242;}
.oneFiveD ul li a, .oneThreeD ul li a, .oneFiveLeftD ul li a {color: #ffffff;}
.oneFiveD ul li.last, .oneThreeD ul li.last, .oneFiveLeftL ul li.last, .oneFiveLeftD ul li.last {border: none;}
.oneFiveD ul li span, .oneThreeD ul li span, .oneFiveLeftD ul li span {background: url(../images/arrow.png) no-repeat 0 4px; padding-left: 12px;}


/* ========== Inner top bar ========== */
.innerTop {height: 102px; position: relative;}


/* ========== Left content side ========== */
.leftContent {width: 628px; float: left; display: block; position: relative;}

/* ========== Sidebar ========== */
.sidebar {width: 276px; float: right; display: block;}
.sidebar .sidebarTop {width: 276px; height: 40px; background: url(../images/sidebarTop.png) no-repeat 0 0;}
.sidebar .sidebarBottom {width: 276px; height: 40px; background: url(../images/sidebarBottom.png) no-repeat 0 0;}
.sidebar .sidebarBody {background: url(../images/sidebarBody.png) repeat-y 0 0;}

.widgetTitle {background: url(../images/curves.gif) repeat-x 50% 50%; position: relative; display: block; margin: 40px 0 0px 25px; padding: 0;}
.widgetTitle2 {background: url(../images/pin.png) no-repeat 0 6px; padding: 2px 0 0 17px; display: block; margin: 40px 0 0px 25px; font-weight:100; font-style: normal}
.widgetTitle .left {background: url(../images/bg.jpg) repeat; padding: 0 5px 0 5px; margin-left: 10px; color: #862727;}
.widgetTitle .right {position: absolute; top: -1px; right: 0; background: url(../images/bg.jpg) repeat; padding: 0 10px 0 10px; font-size: 11px; margin-right: 5px;}

.sidebar .first {margin-top: 0;}
.widget {margin-top: 10px; padding-left: 25px;}

ul.sidebarNav li {border-bottom: 1px dashed #dddddd; padding-left: 13px}
ul.sidebarNav li a {padding: 5px 0 0px 15px; background: url(../images/point.gif) no-repeat 0 10px; display: block} /*color: #4d4d4d */
ul.sidebarNav li a.hover{padding: 3px 0 3px 15px; background: url(../images/pointHover.gif) no-repeat 0 9px} /*; color: #2b6893 */
ul.sidebarNav ul.sidebarNav li ul li a.hover {background: url(../images/pointHover.gif) no-repeat 0 9px} /*; color: #2b6893*/
ul.sidebarNav li a.active {margin-left: 5px}


ul.sidebarNavArticle li {border-bottom: 1px dashed #dddddd; padding-left: 13px; padding: 5px 0 0px 15px; background: url(../images/point.gif) no-repeat 0 10px; display: block; color: #4d4d4d}
ul.sidebarNavArticle li a {color: #4d4d4d; text-decoration: underline} 

ul.downloadDocs li {border-bottom: 1px dashed #dddddd;}
ul.downloadDocs li a {padding: 9px 0 9px 20px; background: url(../images/down.png) no-repeat 0 14px; display: block; color: #4d4d4d;}
ul.downloadDocs li a:hover, ul.downloadDocs li a.active {color: #2b6893;}

/* changed ul.contactInfo li {border-bottom: 1px dashed #dddddd;} */
ul.contactInfo li.address {background: url(../images/aHome.png) no-repeat 0 5px;}
ul.contactInfo li.email {background: url(../images/envelope.png) no-repeat 0 5px;}
ul.contactInfo li.phone {background: url(../images/aphone.png) no-repeat 0 5px;}
ul.contactInfo li.hours {background: url(../images/aHours.png) no-repeat 0 5px;}
ul.contactInfo li {padding: 0px 0 3px 20px; display: block; color: #4d4d4d;}
ul.contactInfo li a:hover, ul.contactInfo li a.active {color: #2b6893;}


.messageUs textarea {margin: 20px 0; background: #fcfcfc; border: 1px solid #c9c9c9; width: 230px; height: 50px; padding: 7px 10px; font-size: 11px; color: #4d4d4d;}
.messageUs input[type=text] {float: left; display: block; width: 230px; margin-top: 20px; background: #fcfcfc; border: 1px solid #c6c6c6; padding: 7px 10px; color: #4d4d4d; font-size: 11px;}


.subscribe input[type=text] {float: left; display: block; width: 230px; margin: 14px 0 18px 0; background: #fcfcfc; border: 1px solid #c9c9c9; padding: 7px 10px; color: #4d4d4d; font-size: 11px;;}
.subscribe input[type=submit] {cursor: pointer; padding: 5px 22px 6px 10px}


.imgItem {margin-top: 15px;}

/* @group Nav - Breadcrumb
===================================== */

#crumbList li {
	display:inline;font-size:x-small;
} 

#crumbList li a:hover  {
	text-decoration: underline;
	color:#862727;
} 
#crumbList li a {
	text-decoration: underline;
	color:#862727;
} 

/* ========== List styles ========== */

.list {padding: 5px 0 0 0;}
.list .title {display: block; font-weight: bold; padding-bottom: 2px;}
.list ul li {padding: 0 0 0 15px;}


.plusBlue li {background: url(../images/icons/lists/plusBlue.png) no-repeat 0 7px;}
.plusRed li {background: url(../images/icons/lists/plusRed.png) no-repeat 0 7px;}
.plusGrey li {background: url(../images/icons/lists/plusGrey.png) no-repeat 0 7px;}
.plusGreen li {background: url(../images/icons/lists/plusGreen.png) no-repeat 0 7px;}

.tipBlue ul li {background: url(../images/icons/lists/tipBlue.png) no-repeat 0 6px;}
.tipRed ul li {background: url(../images/icons/lists/tipRed.png) no-repeat 0 6px;}
.tipGrey ul li {background: url(../images/icons/lists/tipGrey.png) no-repeat 0 6px;}
.tipGreen ul li {background: url(../images/icons/lists/tipGreen.png) no-repeat 0 6px;}

.arrowBlue ul li {background: url(../images/icons/lists/arrowBlue.png) no-repeat 1px 6px;}
.arrowRed ul li {background: url(../images/icons/lists/arrowRed.png) no-repeat 1px 6px;}
.arrowGrey ul li {background: url(../images/icons/lists/arrowGrey.png) no-repeat 1px 6px;}
.arrowGreen ul li {background: url(../images/icons/lists/arrowGreen.png) no-repeat 1px 6px;}

.borderBlue {border-left: 5px solid #284d63; padding-left: 8px;}
.borderRed {border-left: 5px solid #893434; padding-left: 8px;}
.borderGrey {border-left: 5px solid #656565; padding-left: 8px;}
.borderGreen {border-left: 5px solid #38a040; padding-left: 8px;}

/* ========== Pagination ========== */
.pagination, .pagination_content {margin: auto; text-align: center; margin: 5px 10px; line-height: 2.3em  }
.pagination_content {width: 628px; clear: both;}

.pages ul li {background: none;}
.pages li.prev {margin-right: 15px;}
.pages li.next {margin-left: 15px;}
.pages li {background: none!important; display: inline; margin: 0 2px!important; padding: 0 0 0 0!important;}
.pages li a {display: inline-block; margin: 0; padding: 3px 6px 3px 6px; text-decoration: none; color: #e7e7e7; background-color: #2d2d2d; font-size: 10px; line-height: 13px;}
.pages li .active {background: #893434;}

.leftContent p {padding: 5px 0 0 0; text-align:justify; line-height: 1.9em}
.boxText {padding: 5px 0 0 0; text-align:left!important; line-height: 1.9em}

/*.leftContent h1 {font-size: 19px; font-weight: 100; margin-top: .4em; display: block; background: url(../images/arrowred.png) no-repeat 0 6px; padding-left: 12px;} */
.leftContent h2 {font-size: 18px; font-weight: 100; margin-top: .4em; display: block; background: url(../images/arrowred.png) no-repeat 0 6px; padding-left: 12px;}
.leftContent h3 {font-size: 16px; font-weight: 100; margin-top: .4em; display: block; background: url(../images/arrowred.png) no-repeat 0 6px; margin: 13px 0 0 0; padding-left: 12px;}
.leftContent h4 {font-size: 15px; font-weight: 100; margin-top: .4em; display: block; background: url(../images/arrowred.png) no-repeat 0 6px; margin: 13px 0 0 0; padding-left: 12px;}
.leftContent h5 {font-size: 13px; font-weight:600; margin-top: .4em; display: block; background: url(../images/arrowred.png) no-repeat 0 6px; margin: 13px 0 0 0; padding-left: 12px;}
.leftContent h6 {font-size: 12px; font-weight:600; margin-top: .4em; display: block; background: url(../images/arrowred.png) no-repeat 0 6px; margin:13px 0 0 0; padding-left: 12px;}
.leftContent .sub {font-style: italic;}

.leftContent ol {list-style-type:decimal; padding: 5px 0 0 15px; line-height: 1.9em; text-align:justify}
.leftContent ol li {margin-left: 15px; padding: 5px 0 0 0;}
.leftContent ol ol li {margin-left: 5px;  padding: 5px 0 0 5px; list-style-type:lower-alpha}
.leftContent ol ol ol li {margin-left: 5px; padding: 5px 0 0 5px; list-style-type: lower-roman}

.leftContent ul {padding: 0 0 0 0}
.leftContent ul li {background: url(../images/icons/lists/arrowBlue.png) no-repeat 1px 8px; margin: 0 0 0 15px; padding: 3px 0 0 20px; text-align:justify}
.leftContent ul ul li {background: url(../images/icons/lists/arrowBlue.png) no-repeat 1px 9px; margin: 0 0 0 0; padding: 3px 0 0 20px;}
.leftContent ul ul ul li {background: url(../images/icons/lists/arrowBlue.png) no-repeat 1px 9px; padding: 3px 0 0 15px;}

.listindent ul {padding: 5px 0 0 20px; text-align:justify} 
.listindent ul li {padding: 0 0 0 15px; background: url(../images/icons/lists/arrowRed.png) no-repeat 1px 6px}

/* ========== blockquote ========== */
blockquote {margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #ccc;}

blockquote.braces {padding-left: 70px; padding-top: 2px; padding-bottom: 2px; border-top: 0; border-bottom: 0; border-left: 0; margin: 15px; background-image: url(../images/openquote6.gif); background-position: middle left;  background-repeat: no-repeat;}
blockquote.braces div {padding-right: 50px; display: block; background-image: url(../images/closequote6.gif); background-repeat: no-repeat; background-position: bottom right;} 

blockquote.bracesSmall {padding-left: 70px; padding-top: 2px; padding-bottom: 2px; border-top: 0; border-bottom: 0; border-left: 0; margin: 15px; background-image: url(../images/openquote7.gif); background-position: middle left;  background-repeat: no-repeat;}
blockquote.bracesSmall div {padding-right: 50px; display: block; background-image: url(../images/closequote7.gif); background-repeat: no-repeat; background-position: bottom right;} 

.indent {margin-left: 30px}
.indent1 {margin-left: 60px}
.indent2 {margin-left: 90px}

/* ========== Tabs ========== */
#tabs {width: 628px; border: 1px solid #c7c7c7; background: #efefef;}
#tabs div {padding: 15px 10px 10px 10px;}
.ui-tabs {position: relative;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {margin: 0; background: url(../images/tabsHead.jpg) repeat-x 0 0;}
.ui-tabs .ui-tabs-nav li {display: inline; padding: 0; margin: 0;}
.ui-tabs .ui-tabs-nav li a {padding: 5px 15px 6px 15px; display: inline-block; border-right: 1px solid #c7c7c7; color: #4d4d4d; margin-right: -3px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0; padding-bottom: 1px; margin-top: 1px; background: #efefef;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text; color: #848484; background: #efefef}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer; border-bottom: none;}
.ui-tabs .ui-tabs-panel {display: block; border-width: 0; padding: 1em 1.4em; background: none;}
.ui-tabs .ui-tabs-hide {display: none !important;}

/* ========== Toggle ========== */
.trigger {background: url(../images/toggle.jpg) repeat-x 0 0; border: 1px solid #c7c7c7; margin-bottom: 1px;}
.trigger a {background: url(../images/arrow.png) no-repeat 10px 12px; padding: 5px 10px 5px 25px; display: block; color: #4d4d4d;}
.toggle_container {padding: 0; margin: 0;}
.toggle_container p {padding: 1em 10px 1em 10px;}

/* ========== Project info and overview ========== */
.project_info {background: url(../images/curves.gif) repeat-x 0 100%; padding: 0 0 25px 0; margin: -3px 0 20px 0; position: relative;}
.project_info ul {padding: 3px 0;}
.project_info ul li {display: inline-block;}
.project_info ul li.client {font-size: 14px; width: 380px; font-weight: bold; margin-right: 28px;}
.project_info ul li.timing {width: 330px; color: #8a8a8a; font-style: italic;}

.overview {margin-top: 18px;}
.overview p {padding: 0;}
.overview .title {font-weight: bold; padding-bottom: 14px; display: block;}
.overview .services_provided {width: 370px; margin-right: 38px; float: left;}
.overview .project_overview {width: 570px; float: left;}

.overview .services_provided ul li, .overviewLeft .services_provided ul li {padding-left: 14px;}
.overviewLeft {margin-top: 18px;}
.overviewLeft p {padding: 0;}
.overviewLeft .title {font-size: 12px; font-weight: bold; padding-bottom: 10px; display: block;}
.overviewLeft .services_provided {width: 300px; margin-right: 28px; float: left;}
.overviewLeft .project_overview {width: 300px; float: left;}

/* ========== Portfolio ========== */
.oneCol {margin-top: 46px;} 
.leftCol {display: block; float: left; width: 455px;}
.rightCol { display: block; float: right; width: 455px;}

.portNav {margin: 40px auto 0 auto; background: url(../images/curves.gif) repeat-x 0 50%; width: 980px; text-align: center}
/*.showMe {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #2d2d2d; font-weight: bold; display: block; float: left; padding: 1px 5px 0 10px; margin-left: 10px;}*/
.portNav .active {background: #893434;}
.portNav ul {text-align: center; background: url(../images/curves.gif) repeat-x 0 50%; width: 980px;}
.portNav ul li {display: inline; white-space: nowrap; margin: 0 -4px; padding: 0 7px; background: url(../images/bg.jpg) repeat;}
.portNav ul li a {padding: 4px 12px 5px 12px; text-decoration: none; color: #f9f9f9; background-color: #252525; font-size: 11px; line-height: 14px;}

.oneFour {width: 211px; float: left; display: block; margin-right: 44px;}

/* ========== Pagination ========== */
/*
.pagination, .pagination_content {margin: auto; width: 980px; text-align: center; margin-top: 46px;}
.pagination_content {width: 628px; clear: both;}
.pages {--display: inline---} <- this line was commented out
.pages ul li {background: none}
.pages li.prev {margin-right: 15px;}
.pages li.next {margin-left: 15px;}
.pages li {background: none; display: inline; margin: 0 2px;}
.pages li a {display: inline-block; padding: 3px 6px; text-decoration: none; color: #e7e7e7; background-color: #2d2d2d; font-size: 10px; line-height: 13px;}
.pages li .active {background: #893434;}
*/


/* ========== Blog ========== */
.post {position: relative; margin-top: 40px;}
.postTitle {display: block; font-size: 14px; font-weight: bold; background: url(../images/arrow.png) no-repeat 2px 6px; padding-left: 14px;}
.post .img {margin-top: 16px;}
.postInfo {/*border-top: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd;*/ margin-top: 16px; float: left; margin-right: 30px; width: 160px;}
.postInfo .comments {display: block; padding: 5px 0 5px 18px; font-size: 11px; background: url(../images/comments.png) no-repeat 0 11px;}
.postInfo .author {display: block; padding: 0px 0 5px 16px; font-size: 11px; background: url(../images/author.png) no-repeat 0 6px;}
.postInfo .postDate {display: block; padding: 5px 0 5px 16px; font-size: 11px; background: url(../images/date.png) no-repeat 0 10px;}

.replied, .replied2, .replied3, .replied4 {background: url(../images/commentArrow.png) no-repeat;}
.replied {padding-left: 48px; background-position: 24px 16px;}
.replied2 {padding-left: 96px; background-position: 72px 16px;}
.replied3 {padding-left: 144px; background-position: 120px 16px;}
.replied4 {padding-left: 190px; background-position: 168px 16px;}

.avatar {float: left; display: block; margin-right: 20px;}
.commentInfo {font-size: 11px; padding-left: 15px}
.commentInfo .rightInfo {float: right;}
.commentsArea p {padding-top: 10px;}
.commentInfo .author {background: url(../images/author.png) no-repeat 0 2px; padding-left: 20px; font-size: 12px; margin-right: 40px;}
.commentInfo .commentDate {background: url(../images/date.png) no-repeat 0 2px; padding-left: 20px; margin-right: 40px;}
.commentInfo .reply {background: url(../images/reply.png) no-repeat 0 3px; padding-left: 20px;}
.commentInfo .comments {background: url(../images/comments.png) no-repeat 0px 3px; font-style: italic; padding-left: 20px;}


/* ========== Comment and Message form ========== */
.addComment {padding-top: 16px;}
.addComment textarea {margin: 20px 0; background: #fefcfc; border: 1px solid #c9c9c9; width: 614px; height: 100px; padding: 6px; font-size: 11px; color: #4d4d4d;}
.addComment input.last {margin-right: 0!important;}
.addComment input[type=text] {float: left; display: block; width: 186px; margin-right: 14px; background: #fefcfc; border: 1px solid #c9c9c9; padding: 6px; font-size: 11px; color: #4d4d4d;}
.commentsTitle {font-weight: bold; background: url(../images/curves.gif) repeat-x 50% 50%; margin: 16px 0 0px 0; position: relative;}
.commentsTitle a {font-weight: normal;}
.commentsTitle span {background: url(../images/bg.jpg) repeat; padding: 0 5px 0 5px; margin-left: 10px; color: #862727;}
.commentsTitle .right {position: absolute; top: -1px; right: 0; background: url(../images/bg.jpg) repeat; padding: 0 10px 0 10px; font-size: 11px; margin-right: 5px;}

.comment {padding-top: 10px; padding-bottom: 10px;}
.commentsArea .last {padding-bottom: 0;}

.addMessage {margin-top: -4px; clear: both;}
.addMessage textarea {margin: 10px 0; background: #fefcfc; border: 1px solid #c9c9c9; width: 614px; height: 4ems; padding: 6px; font-size: 11px; color: #4d4d4d;}
.addMessage input.last {margin-right: 0!important;}
.addMessage input[type=text] {float: left; display: block; width: 200px; margin: 3px 14px 10px 0; background: #fefcfc; border: 1px solid #c9c9c9; padding: 7px 10px; font-size: 11px; color: #4d4d4d;}

/* ========== Temp styles. Showed only on Typography.html page for blocks correction ========== */

.rowTemp {margin-top: 20px;}
.rowTemp .last {margin-right: 0;}

/* ========== Nivo slider ========== */
.nivoSlider {position: relative; border: 4px solid #3b3b3b;}
.nivoSlider img {position:absolute; top:0px; left:0px; margin: 20px 0; width: 972px; height: 300px; display: none;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}

/* The slices and boxes in the Slider */
.nivo-slice {display:block; position:absolute; z-index:5; height:100%;}
.nivo-box {display:block; position:absolute; z-index:5;}

/* Caption styles */
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color: #D9D9D9; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8;}
.nivo-caption p {padding:5px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute; top: 42%; z-index:9; cursor:pointer;}
.nivo-prevNav {left: 2px; background: url(../images/nivo/arrows.png) no-repeat 0 0; width: 46px; height: 46px; text-indent: -9999px;}
.nivo-nextNav {right: 2px; background: url(../images/nivo/arrows.png) no-repeat -46px 0; width: 46px; height: 46px; text-indent: -9999px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position: absolute; bottom: -29px; left: 50%; margin-left: -28px;}
.nivo-controlNav a {display:block; width:11px; height:11px; background:url(../images/nivo/bullets.png) no-repeat 0 0; text-indent:-9999px; border:0; margin-right: 5px; float:left; cursor: pointer;}
.nivo-controlNav a.active {font-weight:bold; background:url(../images/nivo/bullets.png) no-repeat 0 -11px;}

/* ========== Orbit slider ========== */
#featured {width: 980px; height: 450px; background: #f7f7f7 url('../images/orbit/loading.gif') no-repeat center center; overflow: hidden;}
#featured > img, #featured > div, #featured > a {display: none;}

/* container */
div.orbit-wrapper {width: 1px; height: 1px; position: relative;}
div.orbit {width: 1px; height: 1px; position: relative; overflow: hidden; border: 4px solid #3b3b3b;}

div.orbit > img {position: absolute; top: 0; left: 0; display: none;}
div.orbit > a {border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none;}
.orbit > div {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* timer */
div.timer {width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001;}
span.rotator {display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(../images/orbit/rotator-black.png) no-repeat; z-index: 3;}
span.mask {display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden;}
span.rotator.move {left: 0}
span.mask.move {width: 40px; left: 0; background: url(../images/orbit/timer-black.png) repeat 0 0;}
span.pause {display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(../images/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0;} 
span.pause.active {background: url(../images/orbit/pause-black.png) no-repeat 0 -40px}
div.timer:hover span.pause, span.pause.active {opacity: 1}

/* czptions */
.orbit-caption {display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;}
.orbit-wrapper .orbit-caption {background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; left: 4px; bottom: -4px; width: 100%;}

/* directional nav */
div.slider-nav {display: block}
div.slider-nav span {position: absolute; top: 140px; left: 0; width: 25px; height: 25px; display: block; z-index: 101; text-indent: -9999px; cursor: pointer; background: url(../images/arrowsOrbit.png) no-repeat;}
div.slider-nav span.left {background-position: 0 0; left: 5px;}
div.slider-nav span.left:hover {background-position: 0px -26px;}
div.slider-nav span.right {background-position: -26px 0; right: 0; left: 950px;}
div.slider-nav span.right:hover {background-position: -26px -26px;}

/* bullet nav */
.orbit-bullets {position: absolute; z-index: 1000; list-style: none; bottom: -36px; left: 50%; margin-left: -26px; padding: 0;}
.orbit-bullets li {display: block; width: 11px; height: 11px; background: url(../images/orbit/bullets.png) no-repeat 0 0; text-indent: -9999px; float: left; padding: 0 2px; overflow: hidden; cursor: pointer}
.orbit-bullets li.active {color: #222; background-position: 0 -11px;}    
.orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px;}
.orbit-bullets li.active.has-thumb {background-position: 0 0; border-top: 2px solid #000;}


.findUs {display: block; float: left; font-weight: bold; padding-top: 4px;}
.social {display: block; float: left; margin-left: 15px;}
.social a {margin-right: 6px;}


.threeTables {background: #e9e9e9; border: 1px solid #c8c8c8; padding: 3px; position: relative; width: 620px;}
.blockHighlight {background: #efe8d0; border: 1px solid #c8c8c8; padding: 3px 3px 13px 3px; width: 204px; position: absolute; top: -10px; left: 207px;}
.base {background: #fbfbfb url(../images/pricePat.png) repeat;}
.baseBig {background: #fcfaf2 url(../images/pricePat.png) repeat;}

.oneTableLeft {width: 206px; float: left; display: block;}
.oneTableRight {width: 206px; float: right; display: block;}

.oneTableBig {width: 204px; margin: -10px 0;}
.oneTableLeft h3, .oneTableRight h3 {text-align: center; color: #446178; padding: 15px 0; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #e5e5e5;}
.blockHighlight h1 {margin: 10px 0 0 0; padding: 20px 0 19px 0; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #e5e5e5; position: relative; color: #973838; font-style: italic;}

.priceRow, .priceRowBig {background: #fdfcf3; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; color: #446178; padding: 10px 0; font-weight: bold; border-bottom: 1px solid #e5e5e5;}
.priceRowBig {color: #973838;}
.per {font-size: 11px; font-weight: normal;}

.orderRow, .orderRowBig {background: #fdfcf3; text-align: center; padding: 15px 0;}

.oneTableLeft ul li, .oneTableBig ul li, .oneTableRight ul li {text-align: center; padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.oneTableLeft ul li span, .oneTableBig ul li span, .oneTableRight ul li span {background: url(../images/arrow.png) no-repeat 0 4px; padding-left: 10px;}

.oneTableBig h3 {color: #973838; padding: 20px 0;}
.oneTableBig .orderRowBig {padding: 18px 0!important;}


.threeTablesD {background: #424242; border: 1px solid #202020; padding: 3px; position: relative; width: 620px;}
.blockHighlightD {background: #393939; border: 1px solid #3d3d3d; padding: 3px 3px 13px 3px; width: 204px; position: absolute; top: -10px; left: 207px;}
.baseD {background: #272727 url(../images/pricePat.png) repeat;}
.baseBigD {background: #212121 url(../images/pricePat.png) repeat;}

.oneTableLeftD {width: 206px; float: left; display: block;}
.oneTableLeftD ul li {background: none;}
.oneTableLeftD h3 {background: none}
.oneTableRightD {width: 206px; float: right; display: block;}
.oneTableRightD ul li {background: none;}
.oneTableRightD h3 {background: none}

.oneTableBigD {width: 204px; margin: -10px 0;}
.oneTableBigD ul li {background: none;}
.oneTableLeftD h3, .oneTableRightD h3 {background: none; text-align: center; color: #cfcfcf; padding: 15px 0; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #373737;}
.blockHighlightD h1 {margin: 10px 0 0 0; padding: 20px 0 19px 0; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #373737; position: relative; color: #f2ecdd; font-style: italic;}

.priceRowD, .priceRowBigD {background: #181818; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; color: #cfcfcf; padding: 10px 0; font-weight: bold; border-bottom: 1px solid #373737;}
.priceRowBigD {color: #eae1cd;}
.perD {font-size: 11px; font-weight: normal;}

.orderRowD, .orderRowBigD {background: #181818; text-align: center; padding: 15px 0;}

.oneTableLeftD ul li, .oneTableBigD ul li, .oneTableRightD ul li {text-align: center; padding: 10px 0; border-bottom: 1px solid #333333; color: #7e7e7e;}
.oneTableLeftD ul li span, .oneTableBigD ul li span, .oneTableRightD ul li span {background: url(../images/arrow.png) no-repeat 0 4px; padding-left: 10px;}

.oneTableBigD h3 {color: #973838; padding: 20px 0;}
.oneTableBigD .orderRowBigD {padding: 18px 0!important;}

.ribbon {position: absolute; top: -4px; right: -4px; width: 62px; height: 61px; background: url(../images/ribbon.png) no-repeat 0 0;}


.orderRowBig a, .orderRowBigD a {background: url(../images/sprite.png) no-repeat 100% 0; float: right; height: 28px; display: block; margin-right: 50px;}
.orderRowBig a span, .orderRowBigD a span {margin: 0 1px 0 -5px; padding: 0 12px 0 30px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 0; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 26px; font-weight: bold; height: 28px;}
.orderRowBig a:hover, .orderRowBigD a:hover {background-position: 100% -28px;}
.orderRowBig a span:hover, .orderRowBigD a span:hover {background-position: 0 -28px;}

.orderRow a, .orderRowD a {background: url(../images/sprite.png) no-repeat 100% -57px; float: right; height: 28px; display: block; margin-right: 50px;}
.orderRow a span, .orderRowD a span {margin: 0 1px 0 -5px; padding: 0 12px 0 30px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 -57px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 26px; font-weight: bold; height: 28px;}
.orderRow a:hover, .orderRowD a:hover {background-position: 100% -85px;}
.orderRow a span:hover, .orderRowD a span:hover {background-position: 0 -85px;}

.orderFeatured a, .orderFeaturedD a, .orderDarkHigh a, .orderHigh a {background: url(../images/sprite.png) no-repeat 100% 0; float: right; height: 28px; display: block;}
.orderFeatured a span, .orderFeaturedD a span, .orderDarkHigh a span, .orderHigh a span {margin: 0 1px 0 -5px; padding: 0 12px 0 30px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 0; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 26px; font-weight: bold; height: 28px;}
.orderFeatured a:hover, .orderFeaturedD a:hover, .orderDarkHigh a:hover, .orderHigh a:hover {background-position: 100% -28px;}
.orderFeatured a span:hover, .orderFeaturedD a span:hover, .orderDarkHigh a span:hover, .orderHigh a span:hover {background-position: 0 -28px;}

.order a, .orderDark a {background: url(../images/sprite.png) no-repeat 100% -57px; float: right; height: 28px; display: block;}
.order a span, .orderDark a span {margin: 0 1px 0 -5px; padding: 0 12px 0 30px; position: relative; float: left; background: url(../images/sprite.png) no-repeat 0 -57px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 26px; font-weight: bold; height: 28px;}
.order a:hover, .orderDark a:hover {background-position: 100% -85px;}
.order a span:hover, .orderDark a span:hover {background-position: 0 -85px;}

/* le additions */
table {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

th {
	border: 1px solid;
	border-color: #becfd6 #becfd6 #dce6ea;
	color: #32566c;
	background: #e9f3f7;
	}

td {
	padding: 10px;
	border: 1px solid #d6d6d6;
	}

tr.alt td {background: #eee;}  /*Move*/