/* == Main Site Structure 
****************************************************************************************************************/
#contain{background: url(../images/contain-bg-int.jpg) no-repeat top center;}
body#default #contain{background: url(../images/contain-bg.jpg) no-repeat top center;}
body#defaultsmall #contain{background: url(../images/contenu-bg.jpg) no-repeat top center;}
#contain #wrap{margin: 0 auto; width: 994px; text-align: left;}
#contain #wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#contain #wrap #head{float: left; width: 994px; height: 217px;}
#contain #wrap #mainContent{float: left; width: 994px;}
#contain #wrap #mainContent #mainInner{float: left; width: 980px;padding: 0 7px 0 7px;}
#contain #foot{text-align: left;background: #383733 url(../images/foot-bg.gif) repeat-x top left;}
#contain #footInner{width: 980px; margin: 0 auto; text-align: left;position: relative;min-height: 156px; height: auto !important; height: 156px;padding: 0 0 20px 0;color: #B8B3A0;}

#contain #wrap .templateHome, 
#contain #wrap .templateOne{background: url(../images/main-repeat.gif) repeat-y top left;}
#contain #wrap .templateHome #mainInner, 
#contain #wrap .templateOne #mainInner{background: url(../images/main-top.gif) no-repeat top left;}
#contain #wrap .templateTwo{background: url(../images/main-repeat-plain.gif) repeat-y top left;}
#contain #wrap .templateTwo #mainInner{background: url(../images/main-top-plain.gif) no-repeat top left;}

/* == Content Zones
****************************************************************************************************************/
#contain #wrap .templateHome .zoneOne{float: left; width: 632px;padding: 0 18px 40px 18px;margin-top: 28px;}
#contain #wrap .templateHome .zoneTwo{float: right; width: 288px;padding: 0 12px;margin-top: 28px;}
#contain #wrap .templateHome .zoneOne .splitLeft{float: left; width: 310px;}
#contain #wrap .templateHome .zoneOne .splitRight{float: right; width: 310px;}

#contain #wrap .templateOne .zoneOne{float: left; width: 632px;padding: 0 18px 40px 18px;margin-top: 28px;}
#contain #wrap .templateOne .zoneTwo{float: right; width: 288px;padding: 0 12px 20px 12px;margin-top: 28px;}
#contain #wrap .templateOne .zoneOne .splitLeft{float: left; width: 310px;}
#contain #wrap .templateOne .zoneOne .splitRight{float: right; width: 310px;}

#contain #wrap .templateTwo .zoneOne{float: left; width: 944px;padding: 0 18px;margin-top: 28px;}

/* == Head Content
****************************************************************************************************************/
#head #logo{float: left;margin: 75px 0 0 40px;}

#head #contact{float: right; width: 536px; height: 45px; background: url(../images/contact-rule.gif) no-repeat bottom right;}
#head #contact p{margin: 15px 0 0 100px;color: #fff;font-weight: bold;}
#head #contact .divide{padding: 0 12px;}
#head #contact a{color: #fff;}
#head #contact em{font-style: normal; color: #E58B24;padding-right: 2px;}

#head #headQuote{float: right; clear: right; height: 100px;margin: 30px 60px 0 0;display:inline;width: 360px;position: relative; background: url(../images/quote-open.gif) no-repeat top left;}
#head #headQuote .quoteImg{float: right; filter:alpha(opacity=70);opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#head #headQuote blockquote{float: right; position: absolute; top: 0; right: 0; color: #fff; font-weight: bold; font-size: 150%;display: none;}
#head #headQuote blockquote p{margin: 0;line-height: 1.3em;text-indent: -99999px;}
#head #headQuote blockquote .sig{color: #E58B24;font-size: 90%;}
#head #headQuote blockquote.warner{width: 280px;height: 69px;background: url(../images/quotes.gif) no-repeat 0 0;}
#head #headQuote blockquote.nwn{width: 280px;height: 95px;background: url(../images/quotes.gif) no-repeat 0 -81px; top: -15px;}
#head #headQuote blockquote.ceg{width: 280px;height: 73px;background: url(../images/quotes.gif) no-repeat 0 -187px;}
#head #headQuote blockquote.maxa{width: 280px;height: 73px;background: url(../images/quotes.gif) no-repeat 0 -271px;}
#head #headQuote blockquote.wmi{width: 280px;height: 73px;background: url(../images/quotes.gif) no-repeat 0 -352px;}
#head #headQuote blockquote.arcam{width: 280px;height: 95px;background: url(../images/quotes.gif) no-repeat 0 -432px; top: -15px;}
#head #headQuote blockquote.lander{width: 280px;height: 95px;background: url(../images/quotes.gif) no-repeat 0 -538px; top: -15px;}
#head #headQuote blockquote.current{z-index:500}
#head #headQuote #quoteLoader{width: 260px; height: 35px;font-weight: bold;color: #fff;background: url(../images/tweet-loader.gif) bottom left no-repeat;margin: 10px 0 0 80px;}

/* == Foot Content
****************************************************************************************************************/
#foot #creds{zoom: 1;height: 31px; line-height: 31px;padding: 0 20px;color: #fff;font-size: 90%;}
#foot #creds:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

#foot .footLogo{position: absolute;top: 31px; left: -10px;}

#foot #footContact{float: right;font-weight: bold;margin: 35px 80px 0 0;display: inline;}
#foot #footContact h2{margin: 0 0 10px 0;}
#foot #footContact p{margin: 0;}
#foot #footContact p span{color: #E58B24;}
#foot #footContact a{color: #B8B3A0;}
#foot #footContact a.altLink{color: #1CA8E7;}

#foot #footNav{clear: both;padding: 50px 0 0 0;}
#foot #footNav ul{margin: 0; list-style: none; list-style-image: none;text-align: center;background: url(../images/foot-divide.gif) no-repeat top center;padding: 15px 0 0 0;position: relative;}
#foot #footNav ul li{display: inline;}
#foot #footNav ul li a{color: #fff; padding: 0 10px; font-weight: bold;}
#foot #footNav ul li a:hover, #foot #footNav ul li a.on{color: #E58B24;text-decoration: none;}

#foot #twitter{background: url(../images/twitter-bg.gif) no-repeat top left; float: left; margin: 25px 0 0 320px;display: inline; width: 357px; height: 90px;}
#foot #twitter p{margin: 20px 0 0 65px; width: 280px; height: 35px;font-weight: bold;color: #fff;background: url(/images/tweet-loader.gif) bottom left no-repeat;}
#foot #twitter ul{margin: 20px 0 0 65px; width: 280px;font-weight: bold;color: #fff;list-style-image: none;}
#foot #twitter ul li{margin: 0;}
#foot #twitter ul li a{color: #1CA8E7;}
#foot #twitter ul li a.time{color: #747266;}

/* == Navigation
****************************************************************************************************************/
#nav{float: right; clear: right;width: 495px;margin-top: 14px;}
#nav ul{float: left;margin: 0; list-style: none; list-style-image: none;}
#nav ul li{float: left;margin: 0 24px 0 0;}
#nav ul li a{float: left;height: 17px; line-height: 17px;font-weight: bold;background-image: url(../images/nav.gif); background-repeat: no-repeat;text-indent: -99999em;}
#nav ul li.home a{width: 51px; background-position: 0 0;}
#nav ul li.home a:hover, #contain #wrap #head #nav ul li.home a.on{background-position: 0 -20px;}
#nav ul li.about a{width: 61px; background-position: 0 -40px;}
#nav ul li.about a:hover, #contain #wrap #head #nav ul li.about a.on{background-position: 0 -60px;}
#nav ul li.services a{width: 60px; background-position: 0 -80px;}
#nav ul li.services a:hover, #contain #wrap #head #nav ul li.services a.on{background-position: 0 -100px;}
#nav ul li.projects a{width: 82px; background-position: 0 -120px;}
#nav ul li.projects a:hover, #contain #wrap #head #nav ul li.projects a.on{background-position: 0 -140px;}
#nav ul li.contact a{width: 75px; background-position: 0 -160px;}
#nav ul li.contact a:hover, #contain #wrap #head #nav ul li.contact a.on{background-position: 0 -180px;}

ul.subNav{margin-left: 0; list-style: none; list-style-image: none;}
ul.subNav li a{background: url(../images/bullet.gif) no-repeat center left; padding-left: 12px;display:block;font-weight: bold; color: #3B3B3B;width: 80%;}
ul.subNav li a:hover, ul.subNav li.on a{text-decoration: none; color: #8C2111;background-image: url(../images/bullet-on.gif);}

.holder ul.subNav{margin-top: 0;}
.holder ul.subNav li{border-bottom: dotted 1px #bbb;padding-bottom: 5px;margin-bottom: 5px;}

/* == Lead Feature 
****************************************************************************************************************/
#leadFeature{float: left; width: 914px; height: 327px;border: solid 1px #494949;margin: 0 39px -23px 39px; display: inline;position: relative;background: #000;overflow: hidden;}
#leadFeature .frameWrap{position: relative; z-index: 1;}
#leadFeature .frame{float:left;width:914px;}
#leadFeature .frame .hold{float:left;height:6000px;width:914px;}
#leadFeature .frame .hold div.slide{float:left;height: 327px; width: 914px;}

#leadFeature .frame .hold div img{float: left;}
#leadFeature .frame .hold div .slideDetails{float: right; height: 280px; width: 279px;background: #000 url(../images/slide-info-bg.jpg) no-repeat bottom left;color: #fff;}
#leadFeature .frame .hold div .slideDetails .padder{padding: 0 18px;}
#leadFeature .frame .hold div .slideDetails h2{background: url(../images/slide-info-title.jpg) no-repeat top left; height: 44px; line-height: 44px;padding: 0 18px;margin: 0;color: #787569;font-size: 140%;}
#leadFeature .frame .hold div .slideDetails h3{font-size: 190%;color: #fff;margin-top: 10px;}
#leadFeature .frame .hold div .slideDetails p{font-size: 110%;}
#leadFeature .frame .hold div .slideDetails .bookmarks{font-size: 90%; color: #9F9E9E;zoom: 1;padding-top: 5px;margin: 15px 0;}
#leadFeature .frame .hold div .slideDetails .bookmarks:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#leadFeature .frame .hold div .slideDetails .bookmarks .label{float: left;}
#leadFeature .frame .hold div .slideDetails .bookmarks a{float: right;margin: 0 2px 0 1px;}

#leadFeature #controls{width: 279px; height: 46px; background: #000 url(../images/controls-top.gif) no-repeat top center;position: absolute; bottom: 0; right: 0;z-index: 10;}
#leadFeature #controls ul{float: left;margin: 14px 0 0 18px; list-style: none; list-style-image: none;display: inline;}
#leadFeature #controls ul li{float: left;margin: 0 3px 0 0;}
#leadFeature #controls ul li a{float: left; height: 19px; line-height: 19px; width: 19px; text-align: center;color: #fff; font-weight: bold;}
#leadFeature #controls ul li a:hover{color: #E58B24;text-decoration: none;}
#leadFeature #controls ul li a.on{background: url(../images/paging-on.gif) no-repeat top left;color: #000;}
#leadFeature #controls .buttons{float: right;margin: 11px 20px 0 0; display: inline;}
#leadFeature #controls .scrollLeft{float: left; background: url(../images/feature-btns.gif) no-repeat top left;margin-right: 2px;}
#leadFeature #controls .scrollLeft:hover{background-position: bottom left;}
#leadFeature #controls .scrollRight{float: left; background: url(../images/feature-btns.gif) no-repeat top right;}
#leadFeature #controls .scrollRight:hover{background-position: bottom right;}
#leadFeature #controls .end, #leadFeature #controls .end:hover{background-position: top right;cursor: default;}

/* == Internal Lead Features
****************************************************************************************************************/
#leadInternal{float: left; width: 914px; height: 327px;border: solid 1px #494949;margin: 0 39px -23px 39px; display: inline;position: relative;background: #000;}
#leadInternal img.main{float: left;}
#leadInternal img.nutshell{position: absolute;bottom: -37px; right: 279px;}
#leadInternal .info{float: right; width: 291px; height: 327px;background: #000 url(../images/slide-info-bg.jpg) no-repeat bottom left;color: #fff;}
#leadInternal .info h2{background: url(../images/slide-info-title.jpg) no-repeat top left; height: 44px; line-height: 44px;padding: 0 18px;margin: 0;color: #787569;font-size: 140%;border-bottom: solid 2px #000;}
#leadInternal .info .text{padding: 15px 20px;}
#leadInternal .info .text ol.numeric{margin: 0; list-style: none;}
#leadInternal .info .text ol.numeric li{height: 18px; line-height: 18px; margin: 0 0 8px 0;padding-left: 25px;color: #A6A6A6; font-weight: bold;}
#leadInternal .info .text ol.numeric li.one{background: url(../images/num-1.gif) no-repeat left center;}
#leadInternal .info .text ol.numeric li.two{background: url(../images/num-2.gif) no-repeat left center;}
#leadInternal .info .text ol.numeric li.three{background: url(../images/num-3.gif) no-repeat left center;}
#leadInternal .info .text ol.numeric li.four{background: url(../images/num-4.gif) no-repeat left center;}
#leadInternal .info .text ol.numeric li.five{background: url(../images/num-5.gif) no-repeat left center;}

/* == Services Lead Features
****************************************************************************************************************/
#leadservices{float: left; width: 914px; height: 208px;border: solid 1px #494949;margin: 0 39px -23px 39px; display: inline;position: relative;background: #000;}
#leadservices img.main{float: left;}
#leadservices img.nutshell{position: absolute;bottom: -37px; right: 279px;}
#leadservices .info{float: right; width: 279px; height: 208px;background: #000 url(../images/lead-info-bg.jpg) no-repeat bottom left;color: #fff;}
#leadservices .info h2{background: url(../images/slide-info-title.jpg) no-repeat top left; height: 44px; line-height: 44px;padding: 0 18px;margin: 0;color: #787569;font-size: 140%;border-bottom: solid 2px #000;}
#leadservices .info .text{padding: 15px 20px;}
#leadservices .info .text ol.numeric{margin: 0; list-style: none;}
#leadservices .info .text ol.numeric li{height: 18px; line-height: 18px; margin: 0 0 8px 0;padding-left: 25px;color: #A6A6A6; font-weight: bold;}
#leadservices .info .text ol.numeric li.one{background: url(../images/num-1.gif) no-repeat left center;}
#leadservices .info .text ol.numeric li.two{background: url(../images/num-2.gif) no-repeat left center;}
#leadservices .info .text ol.numeric li.three{background: url(../images/num-3.gif) no-repeat left center;}
#leadservices .info .text ol.numeric li.four{background: url(../images/num-4.gif) no-repeat left center;}
#leadservices .info .text ol.numeric li.five{background: url(../images/num-5.gif) no-repeat left center;}
/* == Showcase Panels
****************************************************************************************************************/
.showcase h2{margin: 0 0 10px 0;font-size: 140%;}
.showcase ul.showcaseList{margin: 0; list-style-image: none; list-style: none;zoom: 1;padding-bottom: 12px;}
.showcase ul.showcaseList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.showcase ul.showcaseList li{float: left;width: 151px; height: 86px;margin: 0 10px 10px 60px;position: relative;overflow: hidden;color: #fff;line-height: 1.5em;font-weight: normal;}
.showcase ul.showcaseList li.base{margin-bottom: 0;}
.showcase ul.showcaseList li img{position: absolute; top: 0; left: 0;}
.showcase ul.showcaseList li span{position: absolute; top: 0px; left: 4px;background: url(../images/cover-slide.gif) no-repeat top left;float: left;width: 137px; height: 68px; padding: 5px 3px;display: none;text-align: center;font-size: 11px;}
.showcase ul.showcaseList li a.link{color: #fff;display: inline-block;text-decoration: none;font-size: 90%; background: url(../images/btn-small.gif) no-repeat top left; height: 20px; line-height: 20px; width: 80px; text-align: center;margin-top: 8px;font-size: 11.5px;}
.showcase ul.showcaseList li a.link:hover{background-position: bottom left;}

.templateHome .zoneOne .showcase{width: 310px;overflow: hidden;text-align: center;}
.templateHome .zoneOne .showcase ul.showcaseList{width: 322px;}
.templateHome .zoneOne .showcaseDivide{margin-top: 30px;float: left;}

.templateTwo .zoneOne .showcase{width: 944px;overflow: hidden;text-align: center;}
.templateTwo .zoneOne .showcase ul.showcaseList{width: 966px;}
.templateTwo .zoneOne .showcase ul.showcaseList li{margin: 0 7px 7px 0;}
.templateTwo .zoneOne .showcase ul.showcaseList li a{float: left; background: url(../images/logos.jpg) no-repeat top left;}
.templateTwo .zoneOne .showcase ul.showcaseList li img{position: relative;}
/* [ISLE NOTE: See sprites.css for client logo classes] */

/* == Project Listing
****************************************************************************************************************/
.projects ul.projectList{margin: 15px 0 0 0;list-style: none; list-style-image: none;zoom: 1;width: 672px; padding: 0 0 20px 0;}
.projects ul.projectList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;background: red;}
.projects ul.projectList li{float: left; width: 183px; border-right: solid 1px #F5F3F3;padding: 0 20px 0 0; margin: 0 20px 0 0;}
.projects ul.projectList li h3{margin: 0 0 7px 0;padding: 0 0 7px 0;border-bottom: solid 1px #EDEDED;}
.projects ul.projectList li p{margin: 0 0 4px 0;min-height: 37px; height: auto !important; height: 37px;line-height: 1.3em;}
.projects ul.projectList li div.link{text-align: center;margin-top: 12px;border-bottom: solid 1px #EDEDED;padding-bottom: 12px;}
.projects ul.projectList li a.thumb:hover img{filter:alpha(opacity=80);opacity: .80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.templateHome .zoneOne .projects{width: 632px;overflow: hidden;}

/* == Sidebar Holders
****************************************************************************************************************/
h3.withHold{background: url(../images/sidebar-title-repeat.gif) repeat-x bottom left;margin: 15px 2px 0 0;color: #918D7E;font-size: 120%;}
h3.withHold span{display: block; height: 18px; width: 124px;padding: 7px 12px 3px 12px;background: url(../images/sidebar-title-tag.gif) no-repeat bottom left;}
h3.withHold span b{display: block; height: 18px;}
h3.titleLatestUp span b{background: url(../images/titles-sidebar.gif) no-repeat 0 0;text-indent: -99999em;width: 100px;}
h3.titleSection span b{background: url(../images/titles-sidebar.gif) no-repeat 0 -20px;text-indent: -99999em;width: 100px;}
h3.titleLatestPro span b{background: url(../images/titles-sidebar.gif) no-repeat 0 -40px;text-indent: -99999em;width: 102px;}
h3.titleForm span b{background: url(../images/titles-sidebar.gif) no-repeat 0 -60px;text-indent: -99999em;width: 85px;}

.holder{background: url(../images/sidebar-holder-repeat.gif) repeat-y top left;}
.holder .holderInner{background: url(../images/sidebar-holder-base.gif) no-repeat bottom left;padding: 12px;}
.holder .holderInner ul.genList,
.holder .holderInner ul.genList li,
.holder .holderInner ul.genList li h4{margin-top: 0;}

/* == Generic Listings
****************************************************************************************************************/
ul.genList{list-style: none; list-style-image: none;margin-left: 0;}
ul.genList li{zoom: 1;border-bottom: dashed 1px #B8B3A0;padding-bottom: 10px;line-height: 1.5em;}
ul.genList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;background: red;}
ul.genList li .thumb{float: left; background: url(../images/thumb-bg.gif) top left no-repeat; padding: 2px;margin-right: 5px;}
ul.genList li h4{margin: 0;}
ul.genList li h4 a{color: #3B3B3B;}
ul.genList li p{margin: 0;}
ul.genList li p.info{color: #666;}

/* == Références Listings
****************************************************************************************************************/
ul.refList{list-style: none; list-style-image: none;margin-left: 0;}
ul.refList li{zoom: 1;border-bottom: dashed 1px #B8B3A0;padding-bottom: 10px;line-height: 1.5em;}
ul.refList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;background: red;}
ul.refList li .thumb{float: left;  top left no-repeat; padding: 2px;margin-right: 5px;}
ul.refList li h4{color: #3B3B3B; margin: 0; padding: 30px 0 0 0;}
ul.refList li h4 a{color: #3B3B3B;}
ul.refList li p{margin: 0;}
ul.refList li p.info{color: #666;}

/* == News List Specifics
****************************************************************************************************************/
ul.newsList li .thumb{background: none;padding: 0;border: solid 3px #E7E5DA;}
ul.newsList li h4{margin-bottom: 5px;}

/* == Latest Project Sidebar Listing
****************************************************************************************************************/
ul.projList{margin: 0; list-style: none; list-style-image: none;}
ul.projList a.thumb{float: left;border: solid 3px #E7E5DA;height: 66px; overflow: hidden;position: relative;}
ul.projList a.thumb img{position: relative;}
ul.projList a.thumb:hover img{border-color: #ccc;}
ul.projList h4{color: #3B3B3B;margin: 2px 0;}
ul.projList h4 a{color: #943021;}

/* == Contact Page Map Link
****************************************************************************************************************/
a.mapLink{float: left;width: 279px; height: 208px;position: relative;overflow: hidden;}
a.mapLink img{position: absolute; top: 0; left: 0;}
a.mapLink span{position: absolute; top: 0px; float: left;width: 239px; height: 35px; line-height: 35px; padding: 0 20px; display: none;background: #000;color: #fff;cursor: pointer;}
a.mapLink:hover{text-decoration: none;}

/* == Screen Messages
****************************************************************************************************************/
.msg{margin: 10px 0;border: solid 1px #ccc; background: #E7E5DA;}
.msg p{margin: 0; border: solid 1px #fff; padding: 9px; font-weight: bold;}

.msgBox{margin: 10px 0;border: solid 1px #ccc; background: #E7E5DA;}
.msgBox div{margin: 0; border: solid 1px #fff; padding: 9px;}
.msgBox div h4{margin: 0;border-bottom: solid 1px #ccc;padding-bottom: 10px;}
.msgBox div p{border-top: solid 1px #fff;margin-top: 0;padding-top: 10px;}