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

	Project name:	Blue4You dynamic development
	Project url:	http://www.blue4you.be/dynamic-development/
	Version:		screen
	Author:			Blue4You
	Author url:		http://www.blue4you.be/

	color:
	blue			#1db5c9;
	blue dark		#2575a0;
	green			#4d8f2a;
	pink			#b43a9f;
	
------------------------------------------------- */

/* common */
hr											{ display:none;}
a,a:visited									{ color:#1db5c9; text-decoration:underline; outline:none;}
a:hover										{ color:#1db5c9; text-decoration:none;}
object										{ outline:none;}

h2											{ margin:0; padding:0/* 0 30px*/; font-size:36px; line-height:36px; color:#fff;}
h3											{ margin:0; padding:0 0 30px; line-height:24px; font-size:16px; color:#555;}
/*
h3.green									{ color:#4d8f2a !important;}
h3.blue										{ color:#2575a0 !important;}
h3.pink										{ color:#b43a9f !important;}
*/
.aright										{ text-align:right;}
.noscript									{ position:absolute; top:0; left:50%; width:300px; margin:0 0 0 -160px; padding:10px; text-align:center; background:#fff; color:#500; -moz-border-radius:0 0 4px 4px;}

/* structure */
html										{ width:100%; height:100%; overflow-y:scroll;}
body										{ width:100%; height:100%; margin:0; padding:0; color:#777; background:#fff url(../images/layout/bg-home.jpg) no-repeat top center; font:12px Arial, Helvetica, sans-serif; line-height:18px;}

#wrapper									{ width:100%; min-height:100%; margin:0 auto; background:none;}
* html #wrapper								{ height:100%;}
#global-container							{ width:100%; padding:0 0 90px;}

#header										{ width:100%; height:150px;}
#content									{ }
#footer										{ width:100%; height:60px; line-height:60px; margin:-60px 0 0; background:#fff url(../images/layout/bg-footer.jpg) no-repeat top center; overflow:hidden; font-size:10px;}

/* background */
/*body.bg-demo								{ background:#fff url(../images/layout/bg-demo.jpg) no-repeat top center;}*/

/* header */
#header h1									{ float:left; width:240px; height:70px; padding:40px 0 0; margin:0;}
#header h1 a								{ position:relative; display:block; width:100%; height:100%; text-indent:-200em; cursor:pointer; background:url(../images/layout/logo.png) no-repeat top left;}
#header h2									{ display:none;}

#header ul									{ float:right; height:70px; overflow:hidden; margin:0; padding:50px 0 0;}
#header ul li								{ float:left; margin:0; padding:0px 0; list-style:none;}
#header ul li a								{ display:block; width:140px; height:43px; padding:17px 0 10px 10px; font-size:22px; color:#fff; line-height:18px; text-decoration:none; /*border-left:1px solid #fff;*/}
#header ul li a span						{ display:block; font-size:11px; line-height:22px;}
#header ul li a:hover span					{ color:#a0e0e8;}

#header ul li.active a						{ background:url(../images/layout/bg-nav-active.png) no-repeat top left;}

/* breadcrumb */
.breadcrumb									{ padding:0 0 20px; color:#fff; text-transform:uppercase; font-size:11px;}
.breadcrumb a								{ color:#fff !important;}

/* home */
.homebox									{ position:relative; width:100%; height:580px; overflow:hidden; background:url(../images/home/mac.png) no-repeat top left;}
.homebox h2									{ padding:20px 0 30px; font-size:32px;}
.homebox h3 span							{ color:#1db5c9;}

#videobox									{ position:absolute; top:38px; right:7px; width:491px; height:398px;}
#video em									{ display:block; width:485px; height:392px; margin:0 0 0 5px; text-indent:-2000em; background:url(../images/home/screen.png) no-repeat top left;}

/* about */
.about										{ line-height:18px;}
.about strong								{ color:#1db5c9;}
.about p									{ padding:0 0 18px; margin:0;}
.about h3									{ color:#fff;}

.about .type-box							{ margin:0 0 30px !important; border-bottom:1px dotted #1db5c9;}
.about .type-box img						{ margin:0 0 20px; padding:5px 5px 15px; background:url(../images/about/bg-picture.png) no-repeat top center;}
.about .type-box h3							{ width:250px; height:40px; overflow:hidden; margin:0 0 15px; padding:7px 10px 13px; line-height:18px; font-size:16px; background:url(../images/layout/bulle.png) no-repeat top left; color:#555;}
.about .type-box h3 span					{ display:block; margin:0; padding:0; font-size:12px;}

.about .type-box .item						{ position:relative;}
.about .type-box .item a					{ position:absolute; bottom:35px; left:5px; display:block; width:240px; padding:0 10px; text-align:center; font-size:12px; text-decoration:none; line-height:30px; background:#2575a0; color:#fff;}

.about .info h3								{ margin:0; padding:0 0 18px; line-height:18px; font-size:16px; color:#555;}

/* demo */
.demo h3									{ width:250px; height:40px; overflow:hidden; margin:28px 0 15px; padding:7px 10px 13px; line-height:18px; font-size:16px; background:url(../images/layout/bulle.png) no-repeat top left; color:#555;}
.demo h3 span								{ display:block; margin:0; padding:0; font-size:12px;}

.contact-form								{ }
.contact-form label							{ display:block; float:left; width:100%;}
.contact-form label span					{ display:block; float:left; width:100%; margin:10px 0 0;}
.contact-form label span strong				{ color:#8f2a2a;}
.contact-form input							{ display:block; float:left; width:270px; height:19px; padding:3px 4px 0 4px; margin:0; font:12px Arial, Helvetica, sans-serif; color:#999; background:#fff; border:1px solid #ccc;}
.contact-form textarea						{ width:588px; height:100px; margin:0; padding:5px; border:1px solid #ccc;}
.contact-form .code input					{ width:135px;}
.contact-form .code img						{ float:left; width:135px;}
.contact-form .code a						{ display:block; float:left; line-height:24px; padding:0; font-size:10px;}
.contact-form button						{ float:right; margin:28px 30px 0 0;}

.contactbox									{}
.contactbox a								{ color:#fff !important;}
.contactbox noscript						{ display:block; padding:0 0 18px;}

.error-msg									{ margin:20px 0; border-top:1px dotted #8f2a2a; color:#8f2a2a; line-height:24px;}
.valid-msg									{ margin:20px 0; border-top:1px dotted #a2bb2e; color:#a2bb2e; line-height:24px;}

/* case studies */
.case-studies								{ line-height:18px;}
.case-studies h2							{ padding:0;}
.case-studies h3							{ width:250px; height:40px; overflow:hidden; margin:0 0 15px; padding:7px 10px 13px; line-height:18px; font-size:16px; background:url(../images/layout/bulle.png) no-repeat top left;}
.case-studies h3 span						{ display:block; margin:0; padding:0; font-size:12px; /*color:#fff;*/}

.case-list a								{ position:relative; display:block; width:260px; height:20px; margin:0; padding:85px 5px 20px; font-size:11px; cursor:pointer; color:#aaa;}

a.cde										{ background:url(../images/casestudies/cde.png) no-repeat top left;}
a.eesc										{ background:url(../images/casestudies/eesc.png) no-repeat top left;}
a.eu-gateway								{ background:url(../images/casestudies/eugateway.png) no-repeat top left;}
a.walldeco									{ background:url(../images/casestudies/walldeco.png) no-repeat top left;}

a.interactivedialogues						{ background:url(../images/casestudies/interactivedialogues.png) no-repeat top left;}
a.feelfood									{ background:url(../images/casestudies/feelfood.png) no-repeat top left;}
a.mostrablog								{ background:url(../images/casestudies/mostrablog.png) no-repeat top left;}
a.philippe									{ background:url(../images/casestudies/philippe.png) no-repeat top left;}
a.qualyblog									{ background:url(../images/casestudies/qualyblog.png) no-repeat top left;}

a.besixred									{ background:url(../images/casestudies/besixred.png) no-repeat top left;}
a.blue4real									{ background:url(../images/casestudies/blue4real.png) no-repeat top left;}
a.nomad										{ background:url(../images/casestudies/nomad.png) no-repeat top left;}
a.spfinance									{ background:url(../images/casestudies/spfinance.png) no-repeat top left;}

/* case studies detail */
.case-studies-detail						{ position:relative; line-height:18px;}
.case-studies-detail h2						{ padding:0/* 0 10px*/;}
.case-studies-detail h3						{ clear:both; width:250px; height:40px; overflow:hidden; margin:0 0 15px; padding:7px 10px 13px; line-height:18px; font-size:16px; background:url(../images/layout/bulle.png) no-repeat top left;}
.case-studies-detail h3 span				{ display:block; margin:0; padding:0; font-size:12px; /*color:#fff;*/}
.case-studies-detail ul						{ margin:0; padding:0;}
.case-studies-detail ul li					{ margin:0; padding:0 0 0 15px; list-style:none; line-height:24px; background:url(../images/layout/ico-arrow.gif) no-repeat center left;}

.case-studies-detail .examples				{ margin:0 0 20px !important; border-bottom:1px dotted #1db5c9;}
.case-studies-detail .examples img			{ padding:5px 5px 15px; background:url(../images/casestudies/box.png) no-repeat top left;}
.case-studies-detail .examples a			{ display:block; width:100%; margin:0 0 25px; text-decoration:none;}
.case-studies-detail .examples a span		{ display:block; text-align:center; text-decoration:underline !important;}
.case-studies-detail .examples a:hover span	{ text-decoration:none !important;}

.case-studies-detail .not-available			{ display:block; width:100%; margin:0 0 30px; text-decoration:none;}
.case-studies-detail .not-available span	{ display:none; text-align:center; color:#ccc;}

a.lk-back									{ display:none; position:absolute; top:56px; right:40px; padding:0; color:#fff !important;}

.case-studies-info .span-4					{ width:135px; padding:0 0 0 15px; background:url(../images/layout/ico-arrow.gif) no-repeat center left;}
.case-studies-info .span-11					{ padding:4px 0; border-bottom:1px solid #eee;}
.case-studies-info .last					{ border:none !important;}

.case-studies-description strong			{ color:#1db5c9;}

/* footer */
#footer ul									{ margin:0; padding:0;}
#footer ul li								{ float:left; margin:0; padding:0 13px 0 0; list-style:none;}
#footer p									{}

/* button */
button										{ display:block; float:left; border:none; padding:0; margin:0; width:auto; height:24px; overflow:visible; text-align:center; white-space:nowrap; cursor:pointer; font:12px Arial, Helvetica, sans-serif; background:none;}
* html button								{ display:inline-block; padding:0;}

button span, button em						{ display:block; height:24px; line-height:24px; margin:0; color:#fff !important;} 
button span									{ padding-left:15px; background:url(../images/layout/button.gif) no-repeat 0 0;} 
button em									{ font-style:normal; font-weight:bold; padding-right:15px; background:url(../images/layout/button.gif) no-repeat 100% 0; } 

button:hover *								{ color:#fff;}
button:hover span							{ background-position:left -24px;}
button:hover em								{ background-position:right -24px;}
button:active span							{ background-position:left -48px;}
button:active em							{ background-position:right -48px;}

button::-moz-focus-inner,
button::-moz-focus-outer					{ margin:0; padding:0; border:none; background:#000;}