/* GLOBAL SECTION ================================================================================= */
@font-face {
	  font-family: 'futura';
	  src: url(../fonts/futura-webfont.eot);
	  src: local('☺'),
	      url('../fonts/futura-webfont.woff') format('woff'),
	      url('../fonts/futura-webfont.ttf') format('truetype'),
	      url('../fonts/futura-webfont.svg') format('svg');
	}

html, body { height: 100%; margin: 0; padding: 0;}
@media only screen and (max-device-width: 960px) { html { -webkit-text-size-adjust:none;  } }

body { font: 11px/13px verdana,arial,helvetica,sans-serif; color: #333333; text-align: center; }
	
a { color:#3399cc; }
a:hover { text-decoration: none; }
ul { margin: 0; padding: 0; }
p { margin: 0; padding: 0 0 10px; line-height:170%; }
img { border: 0; }

/* clears */
#col-main:after
{ clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden; }
.clear { clear:both; }

/* headings */
h1 { font-weight: normal; font-family: "futura"; font-size: 24px; line-height: 30px; margin: 15px 0 10px; color:#C72425;}
h2 { font-weight: normal; font-family: "futura"; color:#3398CC; font-size: 18px; line-height: 21px; margin: 10px 0 5px; }
h3 { font-weight: normal; font-family: "futura"; font-size: 14px; line-height: 18px; margin: 5px 0 5px; }

/* html5 fix */
header, footer, nav, article, section, aside { display: block; }

/* forms */
.forms {}
.forms fieldset { border: 0; padding: 0; margin: 0 0 10px; }
.form-item { height: 1%; overflow: hidden; line-height: 25px; padding: 0; position: relative; clear: both; margin: 0 0 5px; }
.form-text { margin: 2px 0 0; border:1px solid #646464; font-size:12px; line-height:12px; padding:2px 0; width:220px; }
.form-radio input { margin: 0 10px 0 0; }
.form-select { border:1px solid #646464; width: 222px; padding: 1px 0; margin: 2px 0 0; } 
.form-textarea { border:1px solid #646464; font-size:12px; line-height:12px; width: 452px; height: 90px; margin: 0 0 5px; padding: 5px; }
.forms label { width: 239px; display: block; float: left; }
.forms legend { color:  #532078; font-weight: bold; padding: 0 10px; }
.forms .odd { }
.forms .error { color: #ff0000;  }
.form-radio .error { border: 0; }
.forms label.error { clear: both; color: #ff0000; border: 0; }
.forms label.form-radio { width: auto; clear: both; }
.form-submit { background:url(../images/design/bg-button.png) no-repeat scroll 0 0 transparent;  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#2e8bbb), to(#6cbcda)) repeat scroll 0 12px #2e8bbb ; background: -moz-linear-gradient(100% 30% 270deg, #2e8bbb, #6cbcda) repeat scroll 0 12px #2e8bbb; border:1px solid #2e8bbb; -moz-border-radius: 3px; -webkit-border-radius: 3px;  float: right; cursor: pointer; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:24px; margin:0; padding:0; text-align:center; width:110px; }

/* ------------- WRAPPER SECTION -------------- */
#wrapper { width:1000px; text-align:left; min-height: 100%; position: relative; height: auto !important; height: 100%; margin: 0 auto -195px; }

/* ------------- COLUMNS SECTION -------------- */
#col-main { display: block; padding: 0 0 20px; }
.push { height: 195px; clear: both; }

/* header */
header{ padding: 30px 0 0; }
#logo{ background:url(../images/design/logo.png) no-repeat; width:250px; height:57px; margin:0 0 25px 20px; }
#logo a { display:block;  text-indent:-999em; }

#menu-main { border-bottom:5px solid #3399cc; display: block; }
#menu-main-list {  background: url(../images/design/bg-nav.gif) no-repeat 0 0;  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: -webkit-gradient(linear, 0% 45%, 0% 100%, from(#8C8C8C), to(#A6A6A6)) repeat scroll 0 18px #8C8C8C; background: -moz-linear-gradient(0% 55% 270deg, #8C8C8C, #A6A6A6) repeat scroll 0 18px #8C8C8C; border-bottom:1px solid #fff; margin:0; padding:0 0 0 35px; list-style:none; height: 32px; overflow: hidden; }
#menu-main-list li { float: left; overflow: hidden; height: 25px; position: relative; top: 7px; overflow: hidden; }
#menu-main-list li.open{ background: transparent url(../images/design/bg-menu-active.png) no-repeat 50% 100%; }
#menu-main-list a { font-family: "futura"; height: 18px; line-height: 18px; outline: none; padding: 0 25px; font-size: 14px; color: #e6e6e6; text-decoration: none; text-transform:lowercase; border-left: 1px solid #c8c8c8; }
#menu-main-list .first a { border: 0; }
#menu-main-list a:hover, #menu a.open { color: #fff;}

#breadcrumb { display: block; height:45px; padding: 0 0 0 20px; line-height: 45px; color:#7b7b7b; }
#breadcrumb a { color:#7b7b7b; }
#breadcrumb a.disabled { text-decoration: none; cursor: default; }

/* footer */
#footer { background: url(../images/design/bg-footer.gif) repeat-x 0 0; background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#8e8e8e), to(#737373)) repeat scroll 0 0 #8e8e8e;  position: relative; z-index: 100; background: -moz-linear-gradient(80% 100% 90deg, #8e8e8e ,#737373) repeat scroll 0 0 #8e8e8e; overflow: hidden; border-top: #3399cc 5px solid; display: block; height: 190px; width: 100%; text-align:center; }
@media only screen and (max-device-width: 480px) { 
	#footer { width: 1000px; margin: 0 auto; }
}
#footer .footer-border { border-top: 1px solid #fff; height: 189px; }
#footer .footer-inner { width:960px; overflow: hidden; margin:0 auto; padding:40px 0 0; text-align:left; color:#ccc; }
#footer .logo { background:url(../images/design/logo-mini.gif) no-repeat; display:block; float: left; width:32px; height:32px; text-indent:-999em; }
#menu-footer { display:inline; width:730px; margin:0 0 0 10px; float:left; line-height:32px; }
#menu-footer a { margin:0 10px; color:#ccc; }
#menu-footer a:hover { color:#fff; }
#footer .copyright { float: left; clear: left; width: 377px; margin:30px 0 0; }
#footer address { margin:0; float:right; line-height:1.5em; font-style:normal; }
#footer address strong { color:#fff;	font-weight:bold; }
#footer address a { color:#CCCCCC; }

/* ------------- COLUMN BLOCKS -------------- */

/* block-carousel ( portfolio & team ) */
.block-carousel { position: relative; border: 1px solid #cdcdcd; overflow: hidden; }
.block-carousel .viewport { width:930px; overflow:hidden; height: 424px; left: 40px;  margin: 20px 0 0; position: relative; }
.block-carousel .overview { position: absolute; left: 0; top: 0; }
.block-carousel .page { width:930px; overflow: hidden; height: 424px; float:left; }

.block-carousel .page-list { margin:0; padding:0; list-style:none; }
.block-carousel .page-list li { float:left; margin:0 0 30px 20px; overflow: hidden; cursor: hand; width: 290px; height: 195px; border: 1px solid #c0c0c0; }
.block-carousel .page-list li.first { margin-left:0; cursor: hand; }

.block-carousel .page-image{ width: 290px; position: relative; height: 150px; overflow: hidden; border-bottom: 3px solid #3399ca; }
.block-carousel .page-image img{ position: absolute; left: 0; top: 0; }
.block-carousel .page-text { display:block; color:#be0201; border: 1px solid #ffffff; height: 30px; padding: 5px 10px; background-color: #e6e6e6; }
.block-carousel .page-link { display:block; font-weight:bold; text-decoration:none; font-size:1em; }

.block-carousel .page-list li:hover .page-image { border-bottom-color: #E6E6E6; width: 286px; height: 148px; }
.block-carousel .page-list li:hover .page-image img {left: -2px; top: -2px; }
.block-carousel .page-list li:hover { border: 3px solid #3399CA; width: 286px; height: 191px;}
.block-carousel .page-list li:hover .page-text{ color:#fff; border-width: 1px 0 0;  height: 29px; background-color: #3399ca;  }
.block-carousel .page-list li:hover .page-text a{ color:#fff; }

.block-carousel .buttons{ background: #fff url(../images/design/cases-buttons.png) no-repeat 0 100%; width: 26px; height: 32px; position: absolute; top: 43%; text-indent: -999em; overflow: hidden; }
.block-carousel .prev{ left: 0; }
.block-carousel .next{ right: 0; background-position: 100% 100%; }
.block-carousel .prev:hover{ background-position: 0 0; }
.block-carousel .next:hover{ background-position: 100% 0; }
.block-carousel .buttons.disable { display: none; }

.block-carousel .pager { margin: 20px 40px 10px 0; padding:0; list-style:none; float:right; }
.block-carousel .pager li { display:inline; margin:0 0 0 10px; float:left; }
.block-carousel .pager a { background:#f2f2f2; display:block; width:25px; height:19px; padding:6px 0 0 0; color:#333; text-align:center; text-decoration:none; }
.block-carousel .pager a.selected, 
.block-carousel .pager a.active { background:#ccc; }

/* block newsflash ( home ) */
.block-newsflash{ background:#3399cc; width:660px; height:300px; color:#fff; margin: 0 0 20px; }
.block-newsflash .viewport { position:relative; width:445px; height:100%; float:left; overflow:hidden; }
.block-newsflash .overview { position: absolute; left: 0; top: 0; }
.block-newsflash .viewport .page { float: left; width: 405px; height: 300px; padding: 0 20px; overflow: hidden; }
.block-newsflash .viewport h2 { color: #fff; }
.block-newsflash .viewport a { color:#FFFFFF; }
.block-newsflash .pager { background:#3cb1eb; width:214px; height:100%;  border-left:1px solid #cce6f3; float:right; }
.block-newsflash .pager-list {  margin:0; padding:0; list-style:none;  }
.block-newsflash .pager li { border-top:1px solid #cce6f3; }
.block-newsflash .pager li.first { border:0; }
.block-newsflash .pager a { background:#3cb1eb; display:block; outline: none; padding:10px 20px; color:#fff; text-decoration:none; }
.block-newsflash .pager a:hover { text-decoration:underline; }
.block-newsflash .pager .active { background:#cce6f3; color:#000; }
.block-newsflash .pager .active:hover { text-decoration:none; }

/* block newsitems ( home ) */
.block-newsitem { background-color: #fefefe; width:302px; height: 90px; overflow: hidden; padding: 8px; margin:0 0 0 20px; float:left; border:1px solid #ccc; }
.block-newsitem.first { margin:0; }
.block-newsitem a{ text-decoration: none; cursor:hand; }
.block-newsitem img { margin: 0 10px 0 0;  float:left; }
.block-newsitem h3 { color:#333; margin: 0 0 5px; }
.block-newsitem p { color:#7b7b7b; line-height:1.5em; }

/* block gridscroll ( home ) */
.block-gridscroll { float: right; height:250px; overflow:hidden; padding:25px; position:relative; width:270px; }
.block-gridscroll .viewport{ border:1px solid #CCCCCC; height:250px; position: relative; margin:0 auto; overflow:hidden; width:270px }
.block-gridscroll .overview { position: absolute; width: 810px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
.block-gridscroll .overview li { height:250px; width:270px; float: left; position: relative; }
.block-gridscroll .block-link { background-color: #3399CC; width:270px; position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px 0 15px; text-decoration: none; text-align: center; font-size:14px; font-weight:bold;}
.block-gridscroll .buttons { background:url(../images/design/bg-block-gridscroll.png) no-repeat 0 0; position: absolute; display: block; height: 31px; width: 31px; overflow: hidden; text-indent: -999em; }
.block-gridscroll .up { background-position: 0 100%; top: 5px; left: 50%; margin: 0 0 0 -16px; }
.block-gridscroll .down { background-position: 0 0; bottom: 5px; left: 50%; margin: 0 0 0 -16px; }
.block-gridscroll .left { background-position: 0 -31px; left: 5px; top: 50%; margin: -16px 0 0; }
.block-gridscroll .right { background-position: 0 -62px; right: 5px; top: 50%; margin: -16px 0 0; }
.block-gridscroll .tags { display: block; font-size: 11px; color: #bbe5fa; font-weight: normal; padding: 10px 0 0;  }

/* block rotatescroll ( home ) */
.block-rotatescroll { float: right; height:260px; margin: 0 10px 0 0; outline: none; padding:25px 20px 15px; position:relative; width:260px; }
.block-rotatescroll .viewport{ height:260px; position: relative; margin:0 auto; overflow:hidden; width:260px }
.block-rotatescroll .overview { position: absolute; outline: none; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
.block-rotatescroll .overview li { height:260px; width:260px; float: left; position: relative; }
.block-rotatescroll .block-link { background-color: #3399CC; width:260px; position: absolute; bottom: 0; left: 0; color: #fff;  padding: 12px 0 0; display: block; height: 63px; text-decoration: none; text-align: center; font-size:14px; font-weight:bold;}
.block-rotatescroll-overlay, .block-rotatescroll .overlay { background:url(../images/design/bg-block-rotatescroll.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 0; top: 0; height:300px; width:300px; }
#rotatescroll-thumb, .block-rotatescroll .thumb { background: url(../images/design/bg-block-rotatescroll-thumb.png) no-repeat 50% 50%; position: absolute; top: 8px; cursor: pointer; left: 160px; width: 100px; z-index: 200; height: 100px; }
.block-rotatescroll-dot, .dot { background:url(../images/design/bg-block-rotatescroll-dot.png) no-repeat 0 0; outline: none; display: none; height: 12px; width: 12px; position: absolute; left: 155px; top: 3px; z-index: 100; }
.block-rotatescroll-dot span, .dot span{ display: none;}
.block-rotatescroll.showdots .block-rotatescroll-dot, .block-rotatescroll.showdots .dot { display: block; }
.block-rotatescroll .tags { display: block; font-size: 11px; color: #bbe5fa; font-weight: normal; padding: 10px 0 0;  }

/* block text ( various ) */
.block-sidebar { width: 235px; float: left; display: block;}
.block-sidebar h2 { color: #c72425; font-size: 18px; line-height: 21px; margin: 15px 0 5px 20px; }
#menu-sub { display: block; } 
#menu-sub ul { border-top: #cccccc 1px dashed; padding: 8px 0 0; }
#menu-sub li { list-style: none; display: inline; }
#menu-sub a { text-decoration: none; color: #7b7b7b; display: block; line-height: 30px; padding: 0 0 0 22px; }
#menu-sub a:hover { color: #c72425; }
#menu-sub a.selected { color: #3398cc; background: url(../images/design/arrow-blue.gif) no-repeat 10px 11px; }

.block-text { width: 490px; float: left; padding: 0 15px; }
.block-text.fullpage { width: 735px; }
.block-text.fullsite { width: 970px; }
.block-text.drupal { width: 400px; }
.block-text h2 { color: #3398cc; }
.block-text img { border:1px solid #CCCCCC; padding: 2px; }
.block-text strong { display: block; }
.block-text ul { padding: 0 0 10px 25px; }
.block-text li { list-style-image: url(../images/design/arrow-red.gif); padding: 0 0 10px 0; line-height:16px; }
 
/* block case detail */
.block-caseintro { overflow:hidden; background:url(../images/design/bg-intro.gif) no-repeat; width:450px; height:290px; margin:0 0 20px; padding: 10px 20px 0; color:#fff; }
.block-caseintro h2 { color: #fff; }
.block-caseintro ul { margin: 0 0 0 15px; }
.block-caseintro li { line-height: 21px; }
.block-caseintro a { color: #fff; }

.block-casegallery { position:relative; width:480px; margin:0 0 20px;  height:290px; border:5px solid #000; float:right; clear: right; }
.block-casegallery .viewport { width:480px; height:290px; position: relative; overflow:hidden; }
.block-casegallery .overview { position: absolute; top: 0; left: 0; }
.block-casegallery .overview img { float:left; display: block; width: 480px; height: 290px; }
.block-casegallery .bg-navigation { background:#000; position:absolute; bottom:0; left:0; width:100%; height:40px; z-index:1; opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); }
.block-casegallery .navigation { position:absolute; bottom:0; left:0; width:100%; height:39px; z-index:2; }
.block-casegallery .navigation .prev, .block-casegallery .navigation .next { background:url(../images/design/arrow-left.gif) center no-repeat; position:absolute; display:block; top:0; left:0; width:39px; height:39px; text-indent:-999em; overflow: hidden; }
.block-casegallery .navigation .next { background-image:url(../images/design/arrow-right.gif); left:auto; right:0; }
.block-casegallery .navigation .progress { background:#000; position:absolute; top:50%; left:50%; width:400px; height:1px; margin:0 0 0 -200px; overflow: hidden; }
.block-casegallery .navigation .progress .scrollbar { background:#fff; position:absolute; top:0; left:0; width:50px; height:1px; } 

.block-casespecs{ float: right; clear: right; width: 290px; border: #cccccc 1px solid; padding: 15px;  }
.block-casespecs .sitelink{ color: #3398cc; padding: 0 0 10px 0; font-size: 14px; margin:0; display: block; font-weight: bold; text-decoration: none; }
.block-casespecs .sitelink:hover{ text-decoration: underline; }
.block-casespecs ul{ margin: 10px 0 0 15px; }
.block-casespecs li{ list-style-image: url(../images/design/arrow-red.gif); line-height: 21px; }

.block-casedetail{ padding:0 20px; width:615px; }
.block-casedetail ul { margin: 0 0 0 15px; }
.block-casedetail li { line-height: 21px; }
.block-casedetail a.backto{ padding:9px 0 0 30px; border: #cccccc 1px solid; background:url(../images/design/arrow-grey.gif) no-repeat 5px 50%; height: 24px; display: block; width: 190px; margin: 10px 0 0 0; color: #7b7b7b; text-decoration: none; font-weight: bold; } 
 
.block-teampicture { background: #F2F2F2 url(../images/design/bg-team-empty.png) no-repeat 0 0; margin: 10px 0 0; height: 345px; width: 230px; overflow: hidden; border:1px solid #CCCCCC; float:left; padding:5px; }

/* block contact */
.block-contact-form { border: 1px solid #cecece; margin:0 0 20px; overflow: hidden; padding:0 20px 20px; width:464px;   }
.block-contact-map{ float: right; border: 1px solid #cecece; height:674px; width:468px; }
.block-contact{ border: 1px solid #cecece; margin:0 0 20px; overflow: hidden; padding: 0 20px 5px; width:464px;  }
.block-contact-map .building { position: absolute; right: 15px; top: 15px;  }

/* DRUPAL - LANDING PAGES ***********************************/
/* clear */
.slide-overview:after, .pager:after, .block-drupal-text:after
{ clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden; }

/* default */
.block-drupal-title { color: #c60808; }

#logo-drupal { background: transparent url(../images/design/logo-drupal.png) no-repeat 0 0; width: 88px; height: 88px; position: absolute; top: 50px; display: block; right: 10px; text-indent: -999em; overflow: hidden; }

/* blocks */
#block-drupal-right { overflow: hidden; clear: right; position: relative; border-top: 8px solid #e8f4fa; float: right; width: 290px; height: 463px; margin: 0 0 44px; }
#block-drupal-right .block-drupal-title { cursor: pointer; margin: 0; clear: both; background-color: #7f7f7f; color: #fff; padding: 0 10px 0; font-size: 14px; line-height:31px; height: 31px; font-weight: normal; }
#block-drupal-right .block-drupal-title.active { cursor: default; background-color: #3399cc;}
#block-drupal-right .pager {  margin: 0; float: none; position: absolute; bottom: 10px; }
#block-drupal-right .pager li { display:inline; margin:0 0 0 10px; float:left; }
#block-drupal-right .pager a { background:#f2f2f2; display:block; width:25px; height:19px; padding:6px 0 0 0; color:#333; text-align:center; text-decoration:none; }
#block-drupal-right .pager a.selected, 
#block-drupal-right .pager a.active { background:#ccc; }
.block-drupal-right-viewport { width: 288px; height: 396px; overflow: hidden; position: relative;}
.block-drupal-right-overview { list-style: none; position: absolute; left: 0; top: 0; }
.block-drupal-right-overview .page { float: left; overflow: hidden; width: 288px; height:396px; }

#block-drupal-customers { position: relative; height: 388px; border: 1px solid #ccc; border-width: 0 1px 1px; margin: 0 0 2px; padding: 0 0 10px; }
.block-drupal-customers-data { list-style: none; background-color: #f1f1f1; border: 1px solid #cdcdcd; border-width: 1px 0; padding: 5px; list-style: none; }
.block-drupal-customers-data li { padding: 5px 10px;  }
.block-drupal-customers-text { padding: 20px; color: #666; line-height: 180%; }
.block-drupal-customers-image { height: 72px; text-align: center;  overflow: hidden; }
.block-drupal-customers-logo { vertical-align: middle; }

#block-drupal-tech {  position: relative; height: 388px; border: 1px solid #ccc; border-width: 0 1px 1px; margin: 0 0 2px; padding: 0 0 10px; }
.block-drupal-tech-list { padding: 10px 15px 0; list-style: none; }
.block-drupal-tech-list a{ background: transparent url(../images/design/arrow-blue.gif) no-repeat 3px 7px; display: block; text-decoration: none; padding: 5px 0 5px 15px; border: 1px dotted #999999; border-width: 0 0 1px; }
.block-drupal-tech-list a:hover{ text-decoration: underline; background-color: #f1f1f1; }
.block-drupal-tech-list.checks li{ background: transparent url(../images/design/bg-check.png) no-repeat 0 4px; display: block; text-decoration: none; padding: 7px 0 7px 25px;  }
#block-drupal-tech p { padding: 10px 15px 0; line-height:1.8em;}

.block-drupal-invoice { position: relative; background: url(../images/design/bg-drupal-offerte.png) no-repeat 0 0; clear: right; border: 1px solid #ccc; float: right; width: 288px; height: 156px; }
.block-drupal-invoice-link {  position: absolute; color: #fff; font-weight: bold; left: 20px; bottom: 20px; background: url(../images/design/bg-button-invoice.png) no-repeat 0 -30px; width: 102px; display: block; height: 26px; text-decoration: none; padding: 5px 0 0 9px; }
.block-drupal-invoice-link:hover { background-position: 0 0; color: #333; }

#block-drupal-main { overflow: hidden; width: 691px; height: 472px; margin: 0 0 44px; }
.block-drupal-main-menu { margin: 0; padding: 0 0 0 33px; overflow: hidden; background-color: #e8f4fa; height: 33px; list-style: none; }
.block-drupal-main-menu li { float: left;  height: 26px; overflow: hidden; position: relative; top: 8px; text-align: center;  }
.block-drupal-main-menu a { padding: 5px 10px 0; min-width: 10px; width: auto !important; width: 10px; white-space: nowrap; text-decoration: none; display: block; height: 20px; white-space: nowrap; color: #000;  }
.block-drupal-main-menu a:hover,
.block-drupal-main-menu .active{ background-color: #3399cc; height: 21px; position: relative; top: 1px; color: #fff; }
#block-drupal-main p { margin: 0; color: #666; line-height: 180%;}

.block-drupal-main-viewport { position: relative; height: 431px; width: 689px; overflow: hidden; border: 1px solid #ccc; border-top: 5px solid #3399cc; }
.block-drupal-main-overview { list-style: none; position: absolute; left: 0; top: 0; }
.block-drupal-main-overview .page { padding: 10px 40px; width: 608px; float: left; height:412px;}
.block-drupal-main-overview ul li { line-height:16px; list-style-image:url("../images/design/arrow-red.gif"); padding:0 0 10px; }
.block-drupal-main-overview ul { padding: 0 0 10px 25px; }

.block-drupal-text { overflow:hidden; margin:0 0 44px; min-height:471px; height: auto !important; height: 471px; width:690px;}
.block-drupal-text .block-text{ width: 400px; float: right; }
.block-drupal-text #menu-sub{ float: none; display: block; }

.block-drupal-container { width: 690px; }

.block-drupal-more { background: url(../images/design/bg-drupal.png) no-repeat 100% 0; border: 1px solid #ccc; float: right; padding: 10px 20px; width: 340px; height: 136px; }
.block-drupal-more h2 { margin: 0 0 15px; }
.block-drupal-more-list { list-style: none; margin: 0; }
.block-drupal-more-list li { padding: 0 0 10px; }

.block-drupal-other { border: 1px solid #ccc; padding: 10px 20px; width: 247px; height: 136px; margin: 0 19px 0 0;}
.block-drupal-other h2 { margin: 0 0 15px; }
.block-drupal-other a{ display: block; width: 247px; height: 100px; overflow: hidden; }

.block-drupal-portfolio {  background: url(../images/design/bg-drupal-portfolio.png) no-repeat 0 0; position: relative; border: 1px solid #ccc; float: right; padding: 10px 20px; width: 340px; height: 136px;  }
.block-drupal-portfolio-ribbon { background: url(../images/design/bg-drupal-portfolio-ribbon.png) no-repeat 0 0; overflow: hidden; text-indent: -999em; width: 345px; height: 144px; position: absolute; right: -3px; top: -3px;  }