/*____________________________________________________________________

    - HTML TAGS                                                     */

    

h1 {color:#008fbd; font-size:1.55em; font-weight:normal; margin-top:0px;margin-bottom:50px;}

h2 {color:#555; font-size:1.15em; font-weight:normal; margin-top:15px;line-height:1.5em; }

h3 {color:#008fbd; font-size:1.05em; font-weight:normal; margin-top:0; }



a, a:visited {color:#000; }

a:hover {color:#008fbd;}



ul { }



.textbox,.dropdownlist, .inputfile { color:#777; padding:3px 5px; font-size:.9em;letter-spacing:1px; width:95%;background:white; border:1px solid #ddd; border-top:1px solid #9b9b9b; border-left:1px solid #9b9b9b; }

.textbox-on { border:1px solid orange; background:#ffc; color:#777; }

.textbox-error {background:#b36666;border-color:#cd3737;color:white;}



.dropdownlist {width:97%;margin-bottom:20px;}

.inputfile {font-size:0.85em;}

.button {}



b, strong {color:#000;}

img {border:none !IMPORTANT;}





/*____________________________________________________________________

    - GENERAL LAYOUT - MASTERPAGES                                  */

body

{

    font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;

	font-size:0.85em;

	color:#575757;

	margin:0;

	font: 12px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;



}



#header-wrapper {

	background: black url('../imgs/bg-top.jpg') top repeat-x;	

	height:99px;

}

#header {

	width:955px;

	margin:0 auto;

	position:relative;

}



#header img

{

    border:none !IMPORTANT;

}



.logo {

	/* width:252px;

	padding-top:15px;

	*/ 

	position:absolute;

	left:0;

	top:0;

	/* float:left; */

}



#menutop {

	float:right;

	text-align:right;

}



#otherservices {

	height:30px;

	text-align:right;

	color:#bbbbbb;

	font-size:0.9em;

	margin-top:0px;

	margin-bottom:21px;

}



#otherservices img {

	border:0;

	vertical-align:middle;

}



#otherservices a, #otherservices a:visited {

	text-decoration:none;

	color:#bbbbbb;

}



#menu {

	padding-top:16px;

	text-align:right;

}







/*____________________________________________________________________

    - NEWS SECTION                                                  */

    

#news-wrapper {

	background:#878787 url('../imgs/bg-headlines.jpg') bottom repeat-x;

}



#news {

	width:955px;

	margin:0 auto;

	padding:20px 0 20px 0px;

	color:#383838;

	font-size:0.85em !IMPORTANT;

}





#news a, #news a:visited {

	color:#dfdfdf;

	text-decoration:none;

}



#news a:hover {

	color:#fff;

}



#news-headline {

	width:300px;

	float:left;

	margin-top:0px;

}



#footer-infobar {

	width:280px;

	float:left;

	margin:0px 0 0 35px;

}



#footer-infobar-logo{

    float:left;

    margin-right: 10px;

}



#news-twitter {

	float:right;

	background:url('../imgs/bg-twitter.jpg') bottom left no-repeat;

	height:130px;

	width:295px;

}



#news-twitter-text {

	width:180px;

	height:80px;

	margin:15px 0px 5px 100px;

	overflow:hidden; 

}



/*____________________________________________________________________

    - FOOTER SECTION                                                */

    

#footer-wrapper {

	background: url('../imgs/bg-footertop.jpg') top repeat-x;

}



#footer {

	background: url('../imgs/bg-certs.jpg') bottom no-repeat;

	width:958px;

	margin:0 auto;

	height:185px;

	padding:20px 0 10px 0;

}



#footer a,#rights a { color:#dfdfdf; }

#footer a:hover,#rights a:hover {color:#fff;}





#certifications {

	width:318px;

	background:url('../imgs/sep-footer.png') right top no-repeat;

	float:left;

}



#certifications img {

    float:left;

}



#contactus {

	background:url('../imgs/sep-footer.png') right top no-repeat;

	float:left;

	width:262px;

	margin-left:59px;

	color:#d2d2d2;

	font-size:0.9em;

}



#contactus p {margin:7px 0;}



#contactus img {margin-right:6px;}

#follows 

{

	float:left;	

	text-align:right;

	width:314px;

}

#followus { }



#followus img {margin-left:10px;border:none !IMPORTANT;}



#share { margin-top:30px;

height:40px;}



#rights-wrapper {

		background: url('../imgs/bg-bottom.jpg') bottom repeat-x;

}

#rights {

	width:1000px;

	margin:0 auto;

	height:22px;

	text-align:center;

	color:#c2c2c2;

	font-size:0.9em;

	padding-top:10px;

}







/*____________________________________________________________________

    - jQuery Stuff                                                   */



/* tool tip */

#tooltip { 

    display:none; 

    background:transparent url('../imgs/jquery/tooltip.png'); 

    text-align:center;

    font-size:1em;

    height:20px; 

    width:93px; 

    padding:16px 25px 22px 25px; 

    margin:0;

    color:#fff;

    z-index:9999;

}



/* expose */

#expose { 

    background: url('../imgs/jquery/mask_gradient_1000.png') no-repeat; 

}



p{

	padding:0;

	margin:0;

	/*line-height:18px;*/

}



h1,h2{

	padding:0;

	margin:0;

}



.servBox{

	width:295px;

	float:left;

	margin:10px 25px 0 0;

}



.servTop{

	width:100%;

	height:13px;

	float:left;

	background:url(../imgs/servBox_top.png) no-repeat;

}



#innercontents .servMiddle{

	width:255px;

	float:left;

	padding:0 20px 10px 20px;

	background:url(../imgs/servBox_center.png) repeat-y;

}

#innercontents .servMiddle h1, #innercontents .servMiddle h2 { text-decoration: none;}

#innercontents .servBottom{

	width:100%;

	height:32px;

	float:left;

	background:url(../imgs/servBox_bottom.png) no-repeat;

}



#innercontents .servMiddle img{

	border:none;

	float:left;

	margin-right:8px;

}



#innercontents .servMiddle .hh1{

	font-family:Myriad Pro, Arial, Helvetica, sans-serif;

	font-size:22px;

	color:#0d3d61;

	height:64px;

	line-height:64px;

	text-decoration: none;

}



#innercontents .servMiddle .hh2{

	font-family:Myriad Pro, Arial, Helvetica, sans-serif;

	font-size:22px;

	color:#0d3d61;

	height:64px;

	margin-top:2px;

	text-decoration: none;

}



.divider{

	width:100%;

	height:2px;

	float:left;

	margin-bottom:5px;

	background:url(../imgs/divider.png) no-repeat;

}



.hh1

{

    font-size: 2em;

    margin: .67em 0;

    font-weight:bold;

    

}



.hh2

{

    font-size: 1.5em; 

    margin: .75em 0;

    font-weight:bold;

}







.clear{

	clear:both;

}

.software{

	color:red;

	line-height:18px;

}



/* ###################################################################################################### */

/* INTERNET MARKETING WEBSITE */



.box-internetmarketing{ left:13px;height:121px; width:243px;position:absolute;top:0px; }

#img-internetmarketing{ position:absolute; top:55px;left:175px;z-index:99;}



.box-referencement{ left:255px;height:121px; width:243px;position:absolute; top:0px;  }

#img-referencement{ position:absolute; top:50px;left:395px;z-index:99;}



.box-adwords{  left:495px; height:121px; width:243px;position:absolute; top:0px; }

#img-adwords{ position:absolute; top:10px;left:622px;z-index:99;}



.box-mediasociaux{ left:737px;height:121px; width:243px;position:absolute;top:0px;  }

#img-mediasociaux{ position:absolute; top:10px;left:865px;z-index:99;}





.leftcolumn-bottom {

    position:absolute;

    bottom:20px;

}



.columns-four {

    width:200px;

    margin-right:8px;

    padding:120px 10px 0 20px;

    float:left;

    text-align:justify;

    line-height:1.6em;



}

.steps4 {

    min-height:500px;

}





.socialboxe { clear:both;height:430px; }



.socialboxes {

    padding:20px;

    background-color:#f9f9f9;

    margin:20px 5px 10px 0;

}

.socialboxes.leftbox {margin-left:0;}

.socialboxes.rightbox {margin-right:0;}



.fact {

    margin:30px 0;

}

.fact-numbers {

    float:left;

    margin:10px 10px 15px 15px;

}



h1.im {margin-top:12px; margin-bottom:30px; }



/*____________________________________________________________________

    - EXTRA AND MISCELLANEOUS                                       */

#breadcrumb { margin-left:30px;font-size:0.9em;}



#top-shade {

	background:url('/imgs/bg-banner.png') top repeat-x;	

}



#bottom-shade {

	background:url('/imgs/bg-content.png') bottom repeat-x;

	padding-bottom:80px;

	position:relative;

}



#middle {

	width:1000px;

	margin:0 auto;

}



#banner-home {

	padding:10px 0 2px 0;

	text-align:center;

	position:relative;

	height:280px;

}

#banner {

	padding:15px 6px 2px 0;

	text-align:center;

	position:relative;

}

#slideshowtop

{

    height:18px;

    overflow:hidden;

    margin-left:20px;

    position:relative;

    top:-29px; 

}



#slideshow

{

    height:309px;

    overflow:hidden;

    margin-left:20px;    

    position:relative;

    top:-29px; 

}



/* Sometime the image was appearing small */

#slideshowtop img {display:none; width:958px; height:18px; background-color:Transparent !IMPORTANT;} /* Fix a glitch with IE8 */

#slideshow img {display:none; width:958px; height:291px; background-color:Transparent !IMPORTANT;} /* Fix a glitch with IE8 */







#slideshow-next, #slideshow-pause, #slideshow-play { cursor:pointer; }

#slideshow-buttons { 

    width:60px;

    position:absolute;

    right:27px;

    top:261px;

    z-index:9999;

}



#btnquote

{

    position:absolute;

    top:93px;

    right:31px;

}

#btnportfolio

{

    position:absolute;

    top:23px;

    right:31px;

}



/* 3 BOXES */

.boxslidedown {line-height:1.25em;}

#box-simplewebsite, #box-buyonline, #box-custom {

    width: 166px;

    height: 113px;

    float:left;

    border:0px solid;

    position:relative;

    margin-right:5px;

}



#box-custom{margin:0px;}



#box-simplewebsite{  padding:65px 20px 10px 130px;}

#img-simplewebsite{ position:absolute; top:96px;left:-5px;z-index:99;}



#box-buyonline { padding:65px 130px 10px 20px;} 

#img-buyonline { position:absolute; top:110px;left:515px;z-index:99;} 



#box-custom { padding:65px 130px 10px 20px;}

#img-custom{ position:absolute; top:100px;left:835px;z-index:99;} 



#boxes { padding:5px 20px; font-size:1.25em;position:relative; }

#boxes a, #boxes a:visited, #boxes a:hover {color:White; text-decoration:none;}



#intro-wrapper {

	background:url('/imgs/bg-content.png') bottom repeat-x;

}



.intro {

	width:960px;

	margin:0 auto;

	padding-top:25px;

	padding-left:5px;

}

.news-intro { font-style:italic;}



#bigtext {

	width:312px;

	float:left;

	padding:15px 10px 35px 0px;

	margin-top:25px;

}



.bigtextinner {

	width:312px;

	float:left;

	padding:15px 0 35px 0px;

	margin-top:5px;

	margin-bottom:50px;

	font-size:1.1em;

}



#bigtext h1, .bigtextinner h1 { margin-left:5px;}

#bigtext h2,.bigtextinner h2 { padding:0px 15px 13px 20px; background: url('/imgs/left-section2.jpg') no-repeat -2px; height:177px;vertical-align : middle; display : table-cell;}



#text,.textinner {

	float:right;

	width:600px;

	font-size:1.1em;

	line-height:1.7em;

	padding:25px 3px 35px 15px;

	position:relative;

}



.regulartext {	

    font-size:1.1em;

	line-height:1.7em;

}



.textinner { padding:10px 5px 35px 0px; }



#text p {

    margin-bottom:30px;

}



#content li { margin:20px 0; }





.nobg {background:none !IMPORTANT;}







#textleft {

	padding:25px 0 35px 0px;

}



#textmid {

	padding:25px 25px 35px 25px;

}



#textright {

	padding:25px 5px 35px 0;

}

#textleft,#textmid,#textright { 

	float:left;

	width:300px;

	line-height:1.6em;

}

.columnheader { text-align:center; border-bottom:1px solid #008fbd; height:120px;vertical-align:bottom; }

.columnheader img { padding-bottom: 10px; }



#pic {

	float:left;

	width:317px;

	margin: 0px 17px 0 10px; 

}



.midbanner {margin: 0px 0px 40px 0px;}



#ribbonlogos {

    position:relative;

	height:95px;

	margin:0 auto;

	overflow:hidden;

	padding:15px 20px 0 20px;

	width:930px;

}



#ribbon-bg { background: url('/imgs/bg-clients.gif');}

#ribbon-title { width:980px;margin:0 auto; position:relative;}

#ribbon-title img { position:absolute; top:-19px;margin-left:15px; }



.text-box, .text-box2 {

	width:156px;

	height:90px;

	float:left;

    padding:56px 30px 0 101px;

}

.text-box2{padding-left:91px; width:166px;}



.floatleft

{

    float:left;

    margin: 15px 25px 3px 0px;

}



.floatright

{

    float:right;

    margin: 15px 0px 0px 25px;

}



.div-separator {

    clear:both;

    border-top:1px solid #ddd;

    margin:30px;

}



.date {

    color:#aaa;

}



.border { border:3px solid #ddd !IMPORTANT; }



/*____________________________________________________________________

    - Forms                                                         */

    

#form-popup

{

    color:White;

    width:366px;

    height:520px;

    background: url('/imgs/big-popup.png') no-repeat;

}

#form-popup div { background:none;}

.data-popup

{

    background:none;

    width:296px;

    height:450px;

    padding:35px;

}







#form-popup input {

    margin-bottom:20px;

}



#form-popup a {

    font-size:2em;

}



.simplemodal-close

{

    position:absolute;

    top:10px;

    right:10px;

    cursor:pointer;

}



/* Contact us page form */



.contactpageform

{

    padding:10px;

    clear:both;   

    background:#ceedfc;

    border:1px solid #a5cee0;

    color:black;

    line-height:1em;

    -moz-border-radius: 5px; -webkit-border-radius: 5px;

}



.contactpageform input {

    margin-bottom:20px;

}

.formsent{

    text-align:center;

    padding:10px 0 0 0;

	position:relative;

	z-index:999;

	top:-2px;

}



#contactdirectory{

    margin:0px 0 0 0px;

}







#contactdirectory h3 {margin-bottom:0; margin-top:30px; padding-bottom:0; }



#contactdirectory div { 

    background-color:#fafafa;

    border-top:2px solid #f5f5f5; 

    border-bottom:2px solid #f5f5f5;

     

    clear:both;

    padding:5px; 

    margin:25px 0 25px 20px;

}



#contactdirectory .leftimg { float:left; margin: 15px 25px 10px 5px; }





#framegoogle

{

    width:100%;

    border:1px solid #999;

    margin-top:100px;

}



.center {text-align:center;}



.legend { font-size:0.85em; text-align:center; color:#aaa; }



/* bot trapping jquerytrapme is used as jQuery Selector, jqueryttrraappme is then applied. This is to confuse bots.*/

.jqueryttrraappme { display:none; }



/* --- CONTEST ---- */

.contest-logo { margin:50px 30px; }

.contest-logo a {margin:50px;}



.contest-rules { margin-top: 75px; font-size:0.85em; }





/* ###################################################################################################### */

/* INTERNET MARKETING WEBSITE */



.box-internetmarketing{ left:13px;height:121px; width:243px;position:absolute;top:0px; }

#img-internetmarketing{ position:absolute; top:55px;left:175px;z-index:99;}



.box-referencement{ left:255px;height:121px; width:243px;position:absolute; top:0px;  }

#img-referencement{ position:absolute; top:50px;left:395px;z-index:99;}



.box-adwords{  left:495px; height:121px; width:243px;position:absolute; top:0px; }

#img-adwords{ position:absolute; top:10px;left:622px;z-index:99;}



.box-mediasociaux{ left:737px;height:121px; width:243px;position:absolute;top:0px;  }

#img-mediasociaux{ position:absolute; top:10px;left:865px;z-index:99;}





.leftcolumn-bottom {

    position:absolute;

    bottom:20px;

}



.columns-four {

    width:200px;

    margin-right:8px;

    padding:120px 10px 0 20px;

    float:left;

    text-align:justify;

    line-height:1.6em;



}

.steps4 {

    min-height:500px;

}





.socialboxe { clear:both;height:430px; }



.socialboxes {

    padding:20px;

    background-color:#f9f9f9;

    margin:20px 5px 10px 0;

}

.socialboxes.leftbox {margin-left:0;}

.socialboxes.rightbox {margin-right:0;}



.fact {

    margin:30px 0;

}

.fact-numbers {

    float:left;

    margin:10px 10px 15px 15px;

}



h1.im {margin-top:12px; margin-bottom:30px; }



#ctl00_ucPopupForm_lbl123{



font-size:1.5em;

line-height:1.5em;

margin-top:-8px;

height:20px;

padding-bottom:20px;

}



    /* @group product listing */



.nobotpad {

	padding-bottom: 0 !important;

	margin-bottom: 0 !important;

}



.prodlist {

	width: 100%;

	margin: 0;

	padding: 0 0 10px 0;

	position: relative;

	

	min-height:128px;

  	height:auto !important;

  	height:128px;

  	

	border-bottom: 3px dotted #ccc;

	border-top: 2px solid #fff;

	background: transparent url(../imgs/bg_prodlist.jpg) 0px 0px no-repeat;

}



.prodlist-desc {

	padding: 10px 10px 10px 150px;

	font: italic 14px/18px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

}



.prodlist-desc, .prodlist-desc a {

	color: #1d1d1d;

}



.prodlist-titlebar {

	padding: 12px 0 4px 138px;

	width: 460px;

	color: white;

}



.prod-title {

	width: 100%;

	float: left;

font: 18px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

}



.prod-title, .prod-title a {

	color: #545454

}

.prodlist img {

	position: absolute;

	top: 15px;

	left: 18px;

}



.prodlist a img, .prodlist img {

	border: 0 none #fff;

}



#testimonials blockquote p {

    background: url("../imgs/quoteOpen.png") no-repeat scroll 20px 0 transparent;

    font-family: Georgia,"Times New Roman",Times,serif;

    font-size: 11px;

    font-style: italic;

    line-height: 1.7;

    margin: -20px 20px 0 0;

    padding: 0 0 20px 20px;

    text-indent: 25px;

}



.one_half {

    width: 460px;

}

style.css (line 140)

.one_fourth, .one_third, .one_half, .two_third, .three_fourth {

    float: left;

    margin-bottom: 10px;

    margin-right: 40px;

    position: relative;

}	

/* @end */