/* Start of CMSMS style sheet 'Cu.be stylesheet' */
/*-------------------------------------------------------------------------------

	Title:			Cu.be Solutions Screen styles
	Version:		v1.0 | 20091218
	Author:			info@cu.be
	Primary use:	Screen, projection

You may adapt and learn from the elements of this CSS to use in your own projects, 
but you may not copy the design (the unique combination of images, colors, sizes, 
typography, and positioning) since this is copyright of Comodo Creative bvba and 
may not be reproduced.

--------------------------------------------------------------------------------*/

@import "/css/reset.css";

/* @group General 
--------------------------------------------------------------------------------*/

html { height:100%; background:#FFF url(../img/bg-html.gif) repeat-x 0 0; }

body { font:75%/160% Helvetica,Arial,sans-serif; color:#000; background:transparent url(../img/bg-body.jpg) no-repeat 50% 349px; }

#skip, .noshow, .structural { position: absolute; top:-9999px; left:-9999px; height: 1px; width: 1px; }

a, a:link, a:visited { color:#004E97; }
a:hover, a:active { color:#39C; }
a.current { color:#39C; }

.clear { clear:both; }
.noborder { border:none; }


/* @group Home 
--------------------------------------------------------------------------------*/

body.home #themeImage { padding-top:80px; background:transparent url(../img/mindmapping.jpg) no-repeat right 79px; }

/* @group Header 
--------------------------------------------------------------------------------*/

#logo { position:absolute; top:36px; left:0; display:block; width:220px; height:76px; background:transparent url(../img/logo-cube.gif) no-repeat 0 0; }
#logo a { display:block; width:172px; height:66px; text-decoration:none; text-indent:-9999px; }

#searchbox { position: absolute; top:87px; left:640px; display:block; }

#nav { float:right; margin-top:20px; width:650px; line-height:59px; text-align:right; }
#nav li { display:inline-block; margin-left:18px; }
#nav li.active { background:transparent url(../img/active-nav.gif) no-repeat center bottom; }
#nav a { text-decoration:none; text-transform:uppercase; color:#999; }
#nav a:hover, #nav li.active a { color:#555; }
	
/* @group Layout 
--------------------------------------------------------------------------------*/

#wrapper { position:relative; margin:0 auto; width:874px; }
#home-content {padding:18px 20px 0 46px; background:#FFF url(../img/home-bg-content.gif) no-repeat center top; }
#content { margin-top:-5px; padding:24px 20px 0 36px; background:#FFF url(../img/bg-content.gif) no-repeat center top; }
#home-main-content { float:left; margin:30px 0; width:496px; }
#main-content { float:right; margin:0px 0; width:628px; }
#main-content p { margin-bottom:20px; }

#main-content ul { margin-left:0em; padding-left:0.2em; margin-bottom:1em; }
#main-content ul li { background:url(/img/bullet.gif) 0em 0.5em no-repeat; padding-left: 0.8em; list-style:none; }
#main-content ul ul li { background-image:url(/img/bullet_child.gif); }

h1 { clear:both; display:block; height:40px; width:874px; text-indent:-9999px; background:none; }
h2 { font-size:200%; font-weight:normal; color:#003F62; }
h3 { font-size:160%; font-weight:normal; text-transform:uppercase; color:#003F62; }
h3 a { font-size:90%; font-weight:normal; text-decoration:none; text-transform:none; }
h4 {}
h5 {}
h6 {}

#services { padding-left:100px; background:#FFF url(../img/services.jpg) no-repeat 0 -5px; }
#services p { margin-bottom:34px; }

#news { padding-right:20px; background:#FFF url(../img/dot.gif) repeat-y right top; }
#events { padding-left:20px; }
.column { float:left; width:228px; }
.column h3 {margin-bottom:12px; }
.column p { margin-bottom:16px; }
.column p.date { margin-bottom:0; font-size:80%; color:#AAA; }

ul.niceList { margin-left:0em; padding-left:0.2em; margin-bottom:1em; }
ul.niceList li { background:url(/img/bullet.gif) 0em 0.5em no-repeat; padding-left: 0.8em; list-style: none; }
.niceList ul li { background-image:url(/img/bullet_child.gif); }


/* @group Sidebar 
--------------------------------------------------------------------------------*/
	
#sidebar { float:right; margin-bottom:20px; width:250px; }
#sidebar p { margin-bottom:20px; padding:20px; text-align:center; background:#E5E5E5; border:4px solid #FFF; }
#sidebar .ref { padding:0px;}
#sidebar #logos { float:left; padding:0 11px; }
#sidebar #logos p { display:block; float:left; padding:0; width:100px; height:60px; background:none; }


/* @group Contactform 
--------------------------------------------------------------------------------*/

/* @group Forms
--------------------------------------------------------------------------------*/
form { display:inline-block; }
input, textarea, select { background:#FFF none repeat scroll 0 0; border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4; border-style:solid; border-width:1px; }

/* @group Footer 
--------------------------------------------------------------------------------*/

#footer { clear:both; padding-bottom:12px; font-size:80%; color:#999; text-align:center; }

/* @group Submenu navigation
--------------------------------------------------------------------------------*/
#submenu { float:left; width: 180px; }
#submenu ul {
	padding:0;
	margin:0;
}
#submenu a {
	font-size:80%;
	text-decoration:none;
}
#submenu li.current {
	font-weight:bold;
}
#submenu ul ul li {
   margin-left:8px;
}
/* @group Slideshow
--------------------------------------------------------------------------------*/

#tabs{
	margin-top: 0px;
}
#tabs ul{
    font: bold 11px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
}
#tabs li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
    text-transform:uppercase;
}
#tabs a{
    float:left;
    background:#A3BBE6 url(images/tabs_left.gif) no-repeat left top;
    margin:0 2px 0 0;
    padding:0 0 1px 3px;
    text-decoration:none;
}
#tabs a span{
    float:left;
    display:block;
    background: transparent url(images/tabs_right.gif) no-repeat right top;
    padding:4px 9px 2px 6px;
}
#tabs a span{float:none;}
#tabs a:hover{background-color: #7E94B9;color: white;}
#tabs a:hover span{background-color: #7E94B9;}
#tabHeaderActive span, #tabHeaderActive a { background-color: #42577B; color:#fff;}
.tabContent {
	display: block;
    clear:both;
    background-color:#FFF;
}
#tabscontent img {vertical-align: middle;}

/* End of 'Cu.be stylesheet' */