/****** Blog detail style ******/
/**
 * @author Loops <pierrot at nvision dot lu>
 * 
 * Style sheet used for one-column design adjustement.
 *
 * This style sheet should contains any CSS propreties used for screen media.
 * Layout, typography and colors have separated styles.
 */
 
/** Layout **/

/* Content column */
#content-col { margin-right: 0px; width: 860px; overflow: visible }

/* Content box */
/* Make visible overflowing top page links */
.content-box { padding-bottom: 11px; overflow: visible; position: relative }
/* Add padding-right for IE italic overflow */
.content-box p.intro { margin: 33px 0px 37px 0px }
/* Position big from box because of the line-height for IE */
.content-box p.intro big { position: absolute; top: 30px; z-index: 100; padding-right: 10px }
/* Level dependancies */
.content-box p.intro.level-1 { padding-left: 88px }
.content-box p.intro.level-1 big { left: 26px }
.content-box p.intro.level-2 { padding-left: 168px }
.content-box p.intro.level-2 big { left: 106px }
.content-box p.intro.level-3 { padding-left: 408px }
.content-box p.intro.level-3 big { left: 346px }

/* Box content */
.content-box h2 { margin-left: 0px }
.content-box p { margin-top: 15px; padding-left: 10px }

/* Top page link */
.content-box .top-page-link { position: absolute; left: 860px; top: 0px; z-index: 150; overflow: hidden; display: block; height: 20px; width: 20px }
.content-box .top-page-link span { visibility: hidden }
/* Examples box */
.content-box .examples { position: absolute; bottom: 15px; width: 210px; z-index: 100 }
.content-box .examples h3, .content-box .examples ul { margin-left: 0px }
.content-box .examples ul li { padding-right: 0px }

/* Left dependancies */
.content-box.left h2 { padding-right: 250px; padding-left: 10px }
.content-box.left p { padding-right: 250px; padding-left: 10px }
.content-box.left .examples { right: 0px }
/* Restore padding right */
.content-box.left p.intro { padding-right: 0px }
/* Right dependancies */
.content-box.right h2 { padding-right: 10px; padding-left: 250px }
.content-box.right p { padding-right: 10px; padding-left: 250px }
.content-box.right .examples { left: 0px }
/* Restore padding right */
.content-box.right p.intro { padding-right: 0px }
 
 
 /* About menu boxes */
.menu-box { float: left; display: inline; width: 220px; margin-bottom: 21px; margin-left: 100px }
.menu-box.first { margin-left: 0px }
.menu-box h3 { margin-left: 0px }
.menu-box p { margin-bottom: 5px }
.menu-box .img-box { width: 210px; height: 112px; margin-top: 14px }
.menu-box .more { margin-left: 10px }
 
/* About company part */ 
#company-part { padding: 32px 0px }
#company-part p { float: left; width: 360px; margin-right: 100px }

/* Gallery */
#company-part .gallery { float: left; width: 380px }
#company-part .gallery .img-box { width: 370px; height: 200px }
/* History */
#company-part .history { float: left; width: 380px }
#company-part .history { margin-top: 34px }
#company-part .history dl dt { width: 60px }
#company-part .history dl dd { width: 290px }
 
/* About team part */
/* Bigger padding for background-image */
#team-part h2 { padding-bottom: 188px }
#team-part ul { float: left; display: inline; width: 380px }
#team-part ul.first { margin-left: 10px }
#team-part p.sub-intro { padding-top: 14px; padding-bottom: 30px }
/* Team boxes */
/* Make visible overflowing top page links */
#team-part .team-box { float: left; display: inline; padding: 20px 0px; position: relative; overflow: visible }
#team-part .team-box h3 { display: inline; width: 560px; margin-top: 10px; margin-left: 0px }
#team-part .team-box p { display: inline; width: 480px; margin-left: 80px }
#team-part .team-box .img-part { display: inline; overflow: hidden; text-align: center }
/* Ajust top positionning */
#team-part .team-box .top-page-link { top: -1px }
/* Left dependancies */
#team-part .team-box.left h3 { float: left }
/* Padding-right correction for IE (inherit padding) */
#team-part .team-box.left p { float: left; padding-right: 0px }
#team-part .team-box.left .img-part { width: 290px; float: right }
/* Right dependancies */
#team-part .team-box.right h3 { margin-right: 50px; float: right }
/* Padding-left correction for IE (inherit padding) */
#team-part .team-box.right p { margin-right: 50px; float: right; padding-left: 0px }
#team-part .team-box.right .img-part { width: 240px; float: left }
 
/* About job part */
#job-part { padding: 32px 0px }
#job-part .right { float: right; display: inline; overflow: hidden; width: 430px; margin: 0px 20px 14px 100px }
#job-part .left { float: left; display: inline; overflow: hidden; width: 310px; margin: 10px 0px 14px 0px }
/* Remove margins */
#job-part .left p.intro { float: none; margin: 32px 0px 0px 80px }
#job-part .left p.intro big { left: 30px; top: 62px }
#job-part .left ul { margin-right: 10px }
/* Job foot part */
#job-part p { margin-left: 80px } 
#job-part .right p { margin-left: 0px }
#job-part .left p { margin-left: 0px }
#job-part ul.normal { margin-left: 80px } 
 
 
/** Typo **/

/* Content box */
.content-box p.intro { font: italic 20px/22px georgia, palatino, "palatino linotype", times, "times new roman", serif; letter-spacing: -0.25px }
/* Restore font-size */
.content-box p.intro a { font-size: 20px }
.content-box p.intro strong { font-size: 20px }
/* Position big from box because of the line-height for IE */
.content-box p.intro big { font-size: 72px; line-height: 72px }

/* Box content */
.content-box h2 { font-size: 24px; text-transform: none }
.content-box p { font-size: 14px; line-height: 21px }
/* Adjust font-size because of different font */
.content-box p strong { font-size: 16px }
.content-box p a { font-size: 16px }
 
/* About menu boxes */
.menu-box h3 { text-transform: none }
.menu-box p { font-size: 12px; line-height: 18px }
/* Adjust font-size because of different font */
.menu-box p a { font-size: 14px }
.menu-box p strong { font-size: 14px }
/* View more link */
.menu-box .more { font-size: 11px }
 

/* About team part */
/* Team boxes */
#team-part .team-box h3 { font-size 21px; text-transform: none }
#team-part .team-box p { font: italic 13px/18px georgia, palatino, "palatino linotype", times, "times new roman", serif }
/* Restore font-size */
#team-part .team-box p a { font-size: 13px }
#team-part .team-box p strong { font-size: 13px }
 
 
/* About job part */
#job-part ul.normal li { font-size: 14px; line-height: 21px }



/** Color **/

/* Content box */
.content-box { background: url( ../images/backgrounds/dot-3px.gif) left top repeat-x }
.content-box.first { background: none }

.content-box p.intro { color: black }
/* Position big from box because of the line-height for IE */
.content-box p.intro big { color: #ec008c }

/* Top page link */
.content-box .top-page-link { background: url(../images/icons/top-page.gif) no-repeat }
.content-box .top-page-link:hover { background-image: url(../images/icons/top-page-over.gif) }

/* Examples box */
.content-box .examples ul { background: none; border-bottom: 1px #eef0f1 solid }


/* About team part */
/* Background-image */
#team-part h2 { background: url(../images/backgrounds/about-team.jpg) left top no-repeat }
/* Team boxes */
#team-part .team-box { border-top: 1px #eef0f1 solid }
#team-part .team-box h3 { color: #ec008c }




/* Services intro additionnals styles */

/* Layout */
#services-intro { height: 472px }
/* Intro boxes */
#services-intro div { text-align: center }
#services-intro h2 { padding-left: 0px }
#services-intro p { margin-top: 11px; padding-left: 0px }
#services-intro .intro-link { margin-top: 12px }
#services-intro .intro-link a { padding: 0px 0px 2px 3px }

/* Intro boxes positionning */
#web-consulting-intro { position: absolute; top: 215px; left: 41px; width: 266px }
#web-development-intro { position: absolute; top: 47px; left: 298px; width: 266px }
#webmastering-intro { position: absolute; top: 215px; left: 556px; width: 266px }
#project-management-intro { position: absolute; top: 313px; left: 354px }


/* Typo */
/* Intro boxes */
#services-intro h2 { font-size: 22px; line-height: 25px }
#services-intro p { font-size: 13px; line-height: 18px; letter-spacing: -1px }
#services-intro .intro-link a { font-size: 14px; font-weight: bold }
/* Special middle box */
#project-management-intro h2 { font-size: 18px; line-height: 22px }


/* Colors */
#services-intro { background: url(../images/backgrounds/services-intro.gif) center top no-repeat }
/* Intro boxes */
#services-intro p { color: black }