@charset "utf-8";
/* CSS Document */

body  { font-family:'Open Sans', Arial, Tahoma, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#3F3F3F; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

div#container { width: 100%; margin: 0 auto; }

div#innerContainer { }

div#header { background: url(../images/bg-header.png) repeat-x; }

div#head { width: 980px; height: 130px; margin: 0 auto; padding: 0px; }

div#logo { float: left;  width: 280px; height: 97px; padding: 0px; z-index: 100; position: absolute; }

div#top_container { float: left; width: 980px; background: #3F3F3F; }

div#topNav { margin-left: 250px; }

div#mainNavContainer { display: none; width: 980px; margin: 0 auto; }

div#mainNavigation { width: 950px; height: 50px; margin: 0 auto; }

div#promotionBlock { display: none; width:950px; margin:0 auto; height:285px; background:url(../images/bg-promo-block.jpg) no-repeat; }

div#promoBlock { width: 950px; margin: 0 auto; }

div#mainBodyContainer { clear: both; width: 100%; }

div#mainContentContainer { width: 980px; margin: 0 auto; padding: 0px 0px 39px 0px; background: #FFFFFF; min-height: 300px; }

div#footer { width: 100%; margin: 0 auto; background: #3F3F3F; }

div#footer a { color: #FFFFFF; text-decoration: none; }

div#footer a:hover { color: #FFFFFF; text-decoration: underline; }

div#innerFooter { padding: 10px 0px; color: #FFFFFF; font-size: 90%; width: 980px; margin: 0 auto; }

div#innerFooter .column { float: left; width: 190px; text-align: left; padding: 0px 20px; }

div#innerFooter .column h2 { font-size: 24px; font-family: 'Open Sans', Arial; letter-spacing: -1px; color: #FFFFFF; }

div#innerFooter .column ul { margin: 0px; padding: 0px 10px 10px 0px; list-style-type: none; }

div#innerFooter .column li { margin: 0px; padding: 1px 0px; text-transform: lowercase; }

div#copyright { background: #2D2D2D; width: 100%; margin: 0 auto; text-align: center; color: #999999; padding: 10px 0px; font-size: 11px;}

h1, h2, h3, h4, h5 { font-weight: normal; }

a { text-decoration: none; }

/*

Main Navigation

Horizontal navigation, single row, needs to show row below when page is active

*/

div#topNav ul { margin: 0px; padding: 0px; list-style-type: none; }
div#topNav li { margin: 0px; padding: 0px; text-transform: lowercase; font-size: 16px; }
div#topNav li.menu-lvl-1, div#topNav li.menu-lvl-1-active { height:50px; line-height: 50px; float: left; display: block; padding: 0px 10px; }

div#topNav ul li #menu-lvl-2 { display: none; position: absolute; background: #3F3F3F; margin: 0px; padding: 10px 0px; left: 0px; width: 100%; top: 50px; opacity: 0.9; }
div#topNav ul li:hover #menu-lvl-2 { display: block; }

.menu-lvl-1 a { color: #999999; text-decoration: none; }
.menu-lvl-1 a:link, .menu-lvl-1 a:active, .menu-lvl-1 a:visited { }
.menu-lvl-1 a:hover, .menu-lvl-1-active a:hover, .menu-lvl-1-active a:link, .menu-lvl-1-active a:active, .menu-lvl-1-active a:visited { color: #FFFFFF; text-decoration: none; }
.menu-lvl-1-active a { color: #FFFFFF; text-decoration: none; font-weight: bold; }

#menu-lvl-2 .sub-nav { display: block; width: 980px; margin: 0 auto; }
#menu-lvl-2 .sub-nav ul { margin: 0px 0px 0px 250px; padding: 0px; list-style-type: none; width: 670px; border-top: 1px solid #999999; }
#menu-lvl-2 .sub-nav ul li.menu-lvl-1, #menu-lvl-2 ul li.menu-lvl-1-active { display: block; float: none; text-align: left; width: 670px; height:30px; line-height: 30px; border-bottom: 1px solid #999999; padding: 0px; }
#menu-lvl-2 .sub-nav .menu-lvl-1 a { display: block; width: 670px; height:30px; line-height: 30px; color: #999999; text-decoration: none; padding-left: 10px; }
#menu-lvl-2 .sub-nav .menu-lvl-1 a:link, #menu-lvl-2 .sub-nav .menu-lvl-1 a:active, #menu-lvl-2 .sub-nav .menu-lvl-1 a:visited { }
#menu-lvl-2 .sub-nav .menu-lvl-1 a:hover, #menu-lvl-2 .sub-nav .menu-lvl-1-active a:hover { display: block; width: 660px; background: #000000; color: #FFFFFF; text-decoration: none; }
#menu-lvl-2 .sub-nav .menu-lvl-1-active a { display: block; width: 670px; height:30px; line-height: 30px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 0px 0px 10px; }

/* Footer a: */

div#innerFooterColumn li a { color: #FFFFFF; border-bottom: 1px solid #3C3C3C; display: block; width: 200px; height: 30px; line-height: 30px; }
div#innerFooterColumn li a:hover { color: #1E84C2; }


/*
*
*  Promo Block
*
*/

div#promotionBlock .csc-textpic { padding: 0px; display: block; width: 950px; height: 285px; color: #FFFFFF; }
div#promotionBlock .csc-textpic-text { padding: 20px 0px; }
div#promotionBlock .csc-textpic h1 { color: #FFFFFF }
div#promotionBlock .csc-textpic-imagewrap { padding-right: 30px; height: 284px; overflow: hidden; padding-bottom: 0px !important; }

/* Main content blocks */

div#mainContentContainer h1 { font-family: 'Open Sans'; font-size: 80px; line-height: 90px; letter-spacing: -3px; color: #3F3F3F; margin: 0px; }
div#mainContentContainer h2 { font-family: 'Open Sans', Arial; font-size: 30px; line-height: 34px; color: #3F3F3F; }
div#mainContentContainer h3 { font-family: 'Open Sans', Arial; font-size: 30px; line-height: 34px; color: #3F3F3F; }
div#mainContentContainer a { color: #1E84C2; text-decoration: none; }
div#mainContentContainer a:hover { color: #1E84C2; text-decoration: underline; }
div#mainContentContainer .greyBlock { padding: 20px 50px; width:600px; background:#f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:20px auto; }
div#mainContentContainer .greyBlock h1 { font-family: 'Open Sans'; font-size: 40px; line-height: 46px; letter-spacing: -1px; color: #1E84C2; margin: 0px; }

div#mainContentContainer .two-col-container, div#mainContentContainer .sub-nav-container { }

div#mainContentContainer .two-col-container .two-col-main { float: left; width: 592px; padding: 10px 20px; }

div#mainContentContainer .two-col-container .two-col-main h1, div#mainContentContainer .sub-nav-container .sub-nav-col-main h1 { font-family: 'Open Sans'; font-size: 80px; line-height: 90px; letter-spacing: -3px; color: #3F3F3F; margin: 0px; }

div#mainContentContainer .two-col-container .two-col-main h2, div#mainContentContainer .sub-nav-container .sub-nav-col-main h2 { font-family: 'Open Sans'; font-size: 17px; line-height: 26px; color: #000000; }

div#mainContentContainer .two-col-container .two-col-main h3, div#mainContentContainer .sub-nav-container .sub-nav-col-main h3 { font-size: 150% color: #3F3F3F; }

div#mainContentContainer .two-col-container .two-col-main p, div#mainContentContainer .sub-nav-container .sub-nav-col-main p { padding: 0px; font-size: 100%; }

div#mainContentContainer .two-col-container .two-col-main a, div#mainContentContainer .sub-nav-container .sub-nav-col-main a { color: #1E84C2; text-decoration: none; font-weight: bold;}

div#mainContentContainer .two-col-container .two-col-main a:hover, div#mainContentContainer .sub-nav-container .sub-nav-col-main a:hover { color: #1E84C2; text-decoration: underline; }

div#mainContentContainer .two-col-container .two-col-main a:hover, div#mainContentContainer .sub-nav-container .sub-nav-col-main .greyBlock { padding: 20px 50px; width:570px; background:#f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:45px 0 39px 0; }
div#mainContentContainer .two-col-container .two-col-main a:hover, div#mainContentContainer .sub-nav-container .sub-nav-col-main .greyBlock h1 { font-family: 'Open Sans'; font-size: 30px; line-height: 34px; color: #3F3F3F; }

div#mainContentContainer .two-col-container .two-col-right { padding: 10px 20px; float: left; width: 276px; display: block; border-left: 1px dashed #e3e4e5; }

div#mainContentContainer .two-col-container .two-col-right h1 { color: #656469; padding: 0px; }
div#mainContentContainer .two-col-container .two-col-right h2 { font-family: 'Open Sans'; font-size: 30px; line-height: 34px; color: #3F3F3F; margin-top: 0px; }

div#mainContentContainer .two-col-container .two-col-right a { color: #1E84C2; padding: 0px; text-deocration: none !important; }

div#mainContentContainer .two-col-container .two-col-right a:hover { text-deocration: underline; }

div#mainContentContainer .two-col-container .two-col-left { padding: 10px 20px; float: left; width: 276px; display: block; border-right: 1px dashed #e3e4e5; }

div#mainContentContainer .two-col-container .two-col-left h1 { color: #656469; padding: 0px; }

div#mainContentContainer .two-col-container .leftColumn { float: left; width: 200px; padding: 0px 0px 0px 0px; }

div#mainContentContainer .two-col-container .leftColumn h1 { color: #656469; padding: 0px; }

div#mainContentContainer .three-col-container { padding-bottom: 20px; }

div#mainContentContainer .three-col-container .three-col-block-left, div#mainContentContainer .three-col-container .three-col-block-right { padding: 10px 20px; float: left; width: 276px; display: block; border-bottom: 1px dashed #e3e4e5; }

div#mainContentContainer .three-col-container .three-col-block-centre { padding: 10px 20px; float: left; width: 276px; display: block; border-left: 1px dashed #e3e4e5; border-right: 1px dashed #e3e4e5; border-bottom: 1px dashed #e3e4e5; }

div#mainContentContainer .three-col-container h2 { font-family: 'Open Sans'; font-size: 30px; line-height: 34px; color: #3F3F3F; margin-top: 0px; }

div#mainContentContainer .three-col-container .csc-textpic-left .csc-textpic-imagewrap { padding-left: 0px !important; }

div#mainContentContainer .sub-nav-container .sub-nav-col-main { float: left; width: 668px; padding: 10px 20px; border-left: 1px dashed #e3e4e5; }

div#mainContentContainer .sub-nav-container .sub-nav-left { padding: 10px 0px; float: left; width: 200px; display: block; }

div#mainContentContainer .sub-nav-container .sub-nav-col-main .csc-textpic-imagewrap,
div#mainContentContainer .sub-nav-container .sub-nav-col-main .csc-textpic-imagerow { width: 600px !important; }

/*
*
*
*  Sub Manue - Internal Template leftColumn
*
*/

.sub-nav-left ul { margin: 0px; padding: 0px; list-style-type: none; width: 200px; }

.sub-nav-left li { margin: 0px; padding: 0px; text-transform: lowercase; }

.sub-nav-left li.sub-menu-lvl-1-first, .sub-nav-left li.sub-menu-lvl-1, .sub-nav-left li.sub-menu-lvl-1-last { width:200px; display: block; border-bottom: 1px solid #FFFFFF;}

.sub-nav-left li.sub-menu-lvl-1-first-active, .sub-nav-left li.sub-menu-lvl-1-active, .sub-nav-left li.sub-menu-lvl-1-last-active { width:200px; display: block; background: #1E84C2; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; font-weight: bold; }

.sub-menu-lvl-1-first a, .sub-menu-lvl-1-first-active a { padding: 10px 20px; text-decoration: none; width:160px; display: block; color: #3F3F3F; }
.sub-menu-lvl-1-first a:link, .sub-menu-lvl-1-first a:active, .sub-menu-lvl-1-first a:visited { text-decoration: none;  }
.sub-menu-lvl-1-first a:hover, .sub-menu-lvl-1-first-active a:hover, .sub-menu-lvl-1-first-active a:link, .sub-menu-lvl-1-first-active a:active, .sub-menu-lvl-1-first-active a:visited { background: #3F3F3F; color: #FFFFFF; text-decoration: none; }

.sub-menu-lvl-1 a, .sub-menu-lvl-1-active a { padding: 10px 20px; text-decoration: none; width:160px; display: block; color: #3F3F3F; }
.sub-menu-lvl-1 a:link, sub-menu-lvl-1 a:active, sub-menu-lvl-1 a:visited { text-decoration: none; }
.sub-menu-lvl-1 a:hover, .sub-menu-lvl-1-active a:hover, .sub-menu-lvl-1-active a:link, .sub-menu-lvl-1-active a:active, .sub-menu-lvl-1-active a:visited { background: #1E84C2; color: #FFFFFF; text-decoration: none; }

.sub-menu-lvl-1-last a, .sub-menu-lvl-1-last-active a { padding: 10px 20px; text-decoration: none; width:160px; display: block; color: #3F3F3F; }
.sub-menu-lvl-1-last a:link, .sub-menu-lvl-1-last a:active, .sub-menu-lvl-1-last a:visited { text-decoration: none; }
.sub-menu-lvl-1-last a:hover, .sub-menu-lvl-1-last-active a:hover, .sub-menu-lvl-1-last-active a:link, .sub-menu-lvl-1-last-active a:active, .sub-menu-lvl-1-last-active a:visited { background: #1E84C2; color: #FFFFFF; text-decoration: none; }

.sub-nav-left li.sub-menu-lvl-2-first, .sub-nav-left li.sub-menu-lvl-2, .sub-nav-left li.sub-menu-lvl-2-last { width:200px; display: block; border-bottom: 1px solid #FFFFFF;}

.sub-nav-left li.sub-menu-lvl-2-first-active, .sub-nav-left li.sub-menu-lvl-2-active, .sub-nav-left li.sub-menu-lvl-2-last-active { width:200px; display: block; background: #4b9dce; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; font-weight: bold; }

.sub-menu-lvl-2-first a, .sub-menu-lvl-2-first-active a { padding: 10px 20px 10px 40px; text-decoration: none; width:140px; display: block; color: #3F3F3F;  }
.sub-menu-lvl-2-first a:link, .sub-menu-lvl-2-first a:active, .sub-menu-lvl-2-first a:visited { text-decoration: none;  }
.sub-menu-lvl-2-first a:hover, .sub-menu-lvl-2-first-active a:hover, .sub-menu-lvl-2-first-active a:link, .sub-menu-lvl-2-first-active a:active, .sub-menu-lvl-2-first-active a:visited { background: #4b9dce; color: #FFFFFF; text-decoration: none; }

.sub-menu-lvl-2 a, .sub-menu-lvl-2-active a { padding: 10px 20px 10px 40px; text-decoration: none; width:140px; display: block; color: #3F3F3F; }
.sub-menu-lvl-2 a:link, sub-menu-lvl-2 a:active, sub-menu-lvl-2 a:visited { text-decoration: none; }
.sub-menu-lvl-2 a:hover, .sub-menu-lvl-2-active a:hover, .sub-menu-lvl-2-active a:link, .sub-menu-lvl-2-active a:active, .sub-menu-lvl-2-active a:visited { background: #4b9dce; color: #FFFFFF; text-decoration: none; }

.sub-menu-lvl-2-last a, .sub-menu-lvl-2-last-active a { padding: 10px 20px 10px 40px; text-decoration: none; width:140px; display: block; color: #3F3F3F; }
.sub-menu-lvl-2-last a:link, .sub-menu-lvl-2-last a:active, .sub-menu-lvl-2-last a:visited { text-decoration: none; }
.sub-menu-lvl-2-last a:hover, .sub-menu-lvl-2-last-active a:hover, .sub-menu-lvl-2-last-active a:link, .sub-menu-lvl-2-last-active a:active, .sub-menu-lvl-2-last-active a:visited { background: #4b9dce; color: #FFFFFF; text-decoration: none; }



/*
*
*  Footer Menus
*
*
*/


div#innerFooter .column li a { color: #ffffff; }

/*
 *
 *  Contact Details Box
 *
 */

.contactDetailsBox {
  padding: 0px 0px 5px 175px;
}

.contactDetailsContent {
  padding-top: 20px;
}

.contactDetailsBox a {
  color: #3e3d40;
  text-decoration: none;
}

.contactDetailsBox a:hover {
  color: #3e3d40;
  text-decoration: none;
  border-bottom: 1px dashed #3e3d40;
}

/*
*
*  Right Hand Side Boxes
*  Standard H1 has green gradiant background
*
*  Join PAVO H1 has green gradiant background
*
*/

div#rightColumn .standardBox {
  background: #bbb199;
  margin-bottom: 10px;
}

div#rightColumn .standardBoxContent {
  color: #FFFFFF;
  padding: 0px 17px 10px 17px;
}

div#rightColumn .standardBoxImage {
  text-align: center;
  border: 8px solid #FFFFFF;
}

div#rightColumn .standardBoxContent a {
  color: #545253;
  text-decoration: none;
}

div#rightColumn .standardBoxContent a:hover {
  color: #545253;
  text-decoration: underline;
}

/*
*
*  Generic CSS Styles
*
*/

.clear {
  clear: both;
}

/*
*
*  Main Text Div - central col internal template
*
*/

div#mainText {
  padding-bottom: 10px;
}

div#mainText h1 {
}

div#mainText h2 {
}

div#mainText h3 {
  border-top: 0px solid #FFFFFF;
}

div#mainText a:hover {
  border-bottom: 1px dashed #FFFFFF;
}

div.csc-textpic a {
  border-bottom: 0px solid #F4F2EA !important;
}
.csc-textpic-image {
  border:0px solid #FFFFFF;
  margin:0;
}

.csc-textpic-firstcol {
  margin-right: 8px;
}

/*
 *  TYPO3 Default CSS
 */

.align-center {
  text-align: center;
}

div.csc-textpic-left div.csc-textpic-imagewrap {
  float: left;
}

/*
*
*  Tables
*
*
*/

table { width:90%; border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; margin:1em auto; border-collapse:collapse; }
tr.odd td { background:#f7fbff }
tr.odd .column1  { background:#f4f9fe; }  
.column1 { background:#f9fcfe; }
td { color:#678197; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; padding:.3em 1em; text-align:center; }        
th { font-weight:normal; color: #678197; text-align:left; border-bottom: 1px solid #e5eff8; border-left:1px solid #e5eff8; padding:.3em 1em; }              
thead th { background:#f4f9fe; text-align:center; font:bold 1.2em/2em 'Open Sans', Arial,Helvetica,sans-serif; color:#66a3d3 }  
tfoot th { text-align:center; background:#f4f9fe; }  
tfoot th strong { font:bold 1.2em 'Open Sans', Arial,Helvetica,sans-serif; margin:.5em .5em .5em 0; color:#66a3d3; }
tfoot th em { color:#f03b58; font-weight: bold; font-size: 1.1em; font-style: normal; }

/*
.contenttable { width: 700px; padding: 0px; margin: 0px; }
.contenttable th { width: 140px; background: #1E84C2; color: #FFFFFF; font-weight: bold; }
.contenttable td { text-align: center; }
.odd { background: #FFFFFF; padding: 0px; }
.even { background: #F5F5F5; padding: 0px; }
*/
.title { font-weight: bold; }
.spacer { height: 20px; }

.lof-description, .lof-description_black { display: none; margin-left: -9999px !important; }
.lof-slider_2 .lof-navigator h3, .lof-slider_2 .lof-navigator h3 a, .lof-slider_2 .lof-navigator h3 a:visited { color: #FFFFFF; }
.lof-slider_2 .lof-navigator h3 a:hover { color: #FFFFFF; text-decoration: none; }

.portfolio-container {  padding: 20px 50px; width:570px; background:#f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:45px 0 39px 0;  }
div#mainContentContainer .sub-nav-container .sub-nav-col-main .portfolio-container .csc-textpic-imagewrap,
div#mainContentContainer .sub-nav-container .sub-nav-col-main .portfolio-container .csc-textpic-imagerow { width: 220px !important; }
.portfolio-container .csc-textpic-imagewrap {  }

.client { display: block; float: left; width: 235px; height: 155px; background: url(../images/logo-bg.png) no-repeat; padding: 10px 0px 0px 10px; }
.client-website { display: block; float: left; width: 300px; height: 197px; padding-bottom: 20px; }
.block-1 { padding: 0px 40px; }

div#portfolio-details { background: #FFFFFF; }
div#portfolio-details .image { float: left; display: block; width: 500px; }
div#portfolio-details .image url { padding: 10px 0px; }
div#portfolio-details .details { float: left; display: block; width: 480px; }
div#portfolio-details .details h2 { margin-top: 0px; }
div#portfolio-details .details h3 { font-size: 22px; line-height: 26px; }
div#portfolio-details .details ul { list-style-type: none; margin: 0px; padding: 0px; border:1px solid #e5eff8; border-bottom: none; }
div#portfolio-details .details ul li { display: block; height: 30px; line-height: 30px; margin: 0px; border-bottom:1px solid #e5eff8; padding: .3em 1em; }
div#portfolio-details .details ul li.odd { background:#f7fbff;  }
div#portfolio-details .details .client-logo { display: block; margin-top: 20px; margin-left: 245px; width: 235px; height: 155px; background: url(../images/logo-bg.png) no-repeat; padding: 10px 0px 0px 10px; }