/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(/images/interface/bgr.gif) #efefef repeat-x top;
	color: #49595f;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif;
	padding: 0 0 25px
}
a{
	color: #e96524;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}

a:focus, object:focus { outline: none; -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/

input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	font-size: 2em;
	margin: 0 0 1em
}
h3{
	color: #49595f;
	font-size: 1.5em;
	margin: 0 0 .5em
}
h2 span, h3 span{
	display: none
}

#intro p span { display: none; }

h2 img, h3 img{
	display: block
}
h4{
	color: #6a7f87;
	font-size: 1.1em;
	margin: 0 0 1em
}
p{
	line-height: 1.6em;
	padding: 0 0 1.5em
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 960px
}
/*=== Header ===*/
#header{
	background: url(/images/interface/header-bgr.jpg) no-repeat top;
	height: 112px
}
#header .content{
	float: right;
	padding: 17px 40px 0 0;
	width: 600px
}
#header .lang{
	background: url(/images/interface/lang-bgr.gif) no-repeat top;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 54px
}

#header .fr{
	background: url(/images/interface/lang-fr-bgr.gif) no-repeat top;
}

#header .lang img{
	float: left
}
/*- Logo -*/
#header h1{
	background: url(/images/interface/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 223px
}
#header h1 a{
	display: block;
	height: 112px;
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav -*/
#nav{
	height: 39px;
	margin: 0 0 28px;
	text-indent: -9999px;
	width: 960px
}
#nav ul{
	float: right;
	width: 713px
}
#nav li{
	float: left
}
#nav li a{
	background: url(/images/interface/top-nav-eng.png) no-repeat top;
	display: block;
	height: 39px
}
#nav li a:hover{
	text-decoration: none
}
#nav li#solutions a{
	background-position: 0 0;
	width: 122px
}
#nav li#solutions a:hover, #nav li#solutions.active a{
	background-position: 0 -39px
}
#nav li#technology a{
	background-position: -122px 0;
	width: 130px
}
#nav li#technology a:hover, #nav li#technology.active a{
	background-position: -122px -39px
}
#nav li#process a{
	background-position: -252px 0;
	width: 104px
}
#nav li#process a:hover, #nav li#process.active a{
	background-position: -252px -39px
}
#nav li#showroom a{
	background-position: -356px 0;
	width: 121px
}
#nav li#showroom a:hover, #nav li#showroom.active a{
	background-position: -356px -39px
}
#nav li#about a{
	background-position: -477px 0;
	width: 106px
}
#nav li#about a:hover, #nav li#about.active a{
	background-position: -477px -39px
}
#nav li#contact a{
	background-position: -583px 0;
	width: 130px
}
#nav li#contact a:hover, #nav li#contact.active a{
	background-position: -583px -39px
}

/*- Networks -*/

#networks {
	background: #ffffff;
	border: 1px solid #dbdee0;
	height: 1%;
	margin: 0 0 2em;
	padding: 14px;

}

#networks.after-nav {
	margin-top: 30px;
}

#networks a {
	font-size: .9em;
	display: block;
	padding: 5px 0 10px;
	text-decoration: none;
	color: #49595f;
	white-space: nowrap;
	/* -webkit-transition: background-color 0.15s linear; */
}

#networks a.last {
	padding-bottom: 0;
}


#networks a img {
	float: left;
	margin: 0 10px 0 0;
	-webkit-transition: margin-left 0.15s linear;
	-moz-transition: margin-left 0.15s linear;
}

#networks a:hover img {
	margin-left: 5px;
}

#networks a strong {
	font-size: 1.2em;
	display: block;
	padding-top: 0;
}

/*- Flickr -*/

#flickr {
	background: #ffffff;
	border: 1px solid #dbdee0;
	height: 1%;
	margin: 0 0 2em;
	padding: 14px 0 4px 14px;

}

#flickr a {
	padding: 0;
	margin: 0;
}

#flickr a img {
	padding: 0 9px 9px 0;
	margin: 0;
}

	#flickr a.last img {
		padding-right: 0;
	}

#flickr h4 {
	color: #0063dc;
	text-transform: lowercase;
}

#flickr h4 span {
	color: #ff0084;
}

/*- Nav French -*/
#nav-fr{
	height: 39px;
	margin: 0 0 28px;
	text-indent: -9999px;
	width: 960px
}
#nav-fr ul{
	float: right;
	width: 713px
}
#nav-fr li{
	float: left
}
#nav-fr li a{
	background: url(/images/interface/top-nav-fr.png) no-repeat top;
	display: block;
	height: 39px
}
#nav-fr li a:hover{
	text-decoration: none
}
#nav-fr li#solutions a{
	background-position: 0 0;
	width: 120px
}
#nav-fr li#solutions a:hover, #nav-fr li#solutions.active a{
	background-position: 0 -39px
}
#nav-fr li#technologie a{
	background-position: -120px 0;
	width: 136px
}
#nav-fr li#technologie a:hover, #nav-fr li#technologie.active a{
	background-position: -120px -39px
}
#nav-fr li#processus a{
	background-position: -256px 0;
	width: 122px
}
#nav-fr li#processus a:hover, #nav-fr li#processus.active a{
	background-position: -256px -39px
}
#nav-fr li#showroom a{
	background-position: -378px 0;
	width: 120px
}
#nav-fr li#showroom a:hover, #nav-fr li#showroom.active a{
	background-position: -378px -39px
}
#nav-fr li#apropos a{
	background-position: -498px 0;
	width: 107px
}
#nav-fr li#apropos a:hover, #nav-fr li#apropos.active a{
	background-position: -498px -39px
}
#nav-fr li#contact a{
	background-position: -605px 0;
	width: 108px
}
#nav-fr li#contact a:hover, #nav-fr li#contact.active a{
	background-position: -605px -39px
}


/*- Nav2 -*/
.sub-nav{
	margin: 0 0 1em
}
.sub-nav li{
	background: url(/images/interface/nav2-sep.gif) repeat-x bottom
}
.sub-nav li a{
	color: #49595f;
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 10px
}

.sub-nav li a:hover {
	color: #e96524;
	text-decoration: none;
}

.sub-nav li.here a{
	background: url(/images/interface/nav2-hover.gif) #cbd0d1 no-repeat right;
	font-weight: bold;
	margin: 0 -19px 0 0;
	position: relative;
	text-decoration: none;
	width: 199px
}
/*=== Title Placeholder ===*/
.title{
	background: url(/images/interface/title.jpg) no-repeat top;
	clear: both;
	font-size: 18px;
	height: 205px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 65px 365px 0 45px
}

.french p{
	padding-bottom: 0px
}

.title h2{
	margin: 0 0 15px
}
.title img{
	display: block
}

/*=== Intro Placeholder ===*/
#intro{
	background: #FFFFFF url(/images/interface/intro_bg.jpg) no-repeat top;
	clear: both;
	font-size: 18px;
	height: 330px;
	margin: 0 0 10px;
	border: 1px solid #cecece;
}


#intro h2 {
	margin: 30px 0 0 30px;
	padding: 0;
}

#intro p {
	margin: 0 0 0 30px;
	padding: 0;
}

#intro #intro_watch{
	padding: 0;
	margin: 0 0 0 30px;
}

#intro_video {
	display: none;
	background-color: #000000;
	width: 960px;
	height: 330px;
}

/*=== News Ticker ===*/

#news-ticker {
/*
	border: 1px solid #cecece;
	background: #FFF; */
	height: 30px;
	overflow: hidden;
	border: 1px solid #cecece;
	background: #FFF;
	margin-top: 15px;
	margin-bottom: 15px;
}

#news-ticker h4, #news-ticker p {
	padding: 0;
	margin: 0;
	line-height: 20px;
}

.news-ticker-title {
	padding: 0 10px 0 5px;
	margin: 5px;
	float: left;
	border-right: 1px solid #6f8992;
}

.news-ticker-stories {
	margin-top: 5px;
	width: 843px;
	float: right; 
	height: 20px;
	overflow: hidden;
}

* html .news-ticker-stories {
	width: 833px;
}

#french-ticker {
	width: 813px;
}

.html #french ticker {
	width: 803px;
}

/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 0 0 30px
}

.col1.first, .col2.first{
	clear: left;
}

.col1{
	float: left;
	margin: 0 30px 0 0;
	width: 300px
}


.col1.last, .col2.last{
	margin: 0
}

.col2{
	float: left;
	margin: 0 30px 7px 0;
	width: 217px
}

#show_video .col2 {
	margin-bottom: 18px;
}

#team .col2 {
	width: 213px;
	margin-bottom: 0px;
	margin-right: 0px;
}

* html .col2{
	margin-right: 21px;
}

.col2 h4{
	margin: 0 0 .5em
}
.col3{
	float: left;
	width: 190px
}
.col4{
	float: left;
	margin: 0 0 0 58px;
	width: 710px
}
.col5{
	float: left;
	width: 715px
}


#showroom_entries br {
	clear: both;
}

* html .col5{
overflow: hidden;
}
.col6{
	float: right;
	width: 220px
}
.col7{
	float: left;
	width: 465px
}

blockquote{
	background: #e7e7e8;
	border-left: 9px solid #d4d8da;
	height: 1%;
	margin: 0 0 2em;
	padding: 27px 25px 27px 30px
}

blockquote p {
	padding: 0
}

#show_video {
	z-index: -1;
}

.video_entry {
	margin-bottom: 30px;
	background-color: #dee0e0;
}

p.video_caption {
	padding: 6px 0 0 0;
	margin: 0;
	font-style: italic;
	background-color: #efefef;
}

p.back_link {
	font-size: 1.2em
}

/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: #e7e7e8;
	border-left: 9px solid #d4d8da;
	height: 1%;
	margin: 0 0 2em;
	padding: 27px 25px 27px 30px
}
.box p{
	padding: 0
}
/*- Box2 -*/
.box2{
	background: #ffffff;
	border: 1px solid #dbdee0;
	height: 1%;
	margin: 0 0 2em;
	padding: 14px
}
.box2 p{
	padding: 0
}
/*=== Styling Lists ===*/
#primary ol{
	margin: 0 0 1.5em;
	padding: 0 0 0 3em;
}
#primary ol li{
	list-style: decimal;
	list-style-position: outside;
	margin: 0 0 .8em;
	line-height: 1.6em
}

#primary ul{
	margin: 0 0 1.5em;
	padding: 0 0 0 3em;
}
#primary ul li{
	list-style: disc;
	list-style-position: outside;
	margin: 0 0 .8em;
	line-height: 1.6em;
}

#columns ul li ul {
	list-style: circle;
	margin-top: 1em;
}

/*- Tables List -*/

table.news {
	/*border-bottom: 1px solid #cccfd0;*/
}

table.news td {
	border-top: 1px solid #cccfd0;
	padding: 10px 0;
}

.news .news_date {
	padding-right: 10px;
	white-space: nowrap;
	color: #6f8992;
	font-weight: bold;
}

.news_label {
	font-size: 10px;
	margin-right: 4px;
	padding: 2px 3px;
	background: #6f8992;
	color: #FFF;
}

table.solutions_table {
	vertical-align: top;
	margin-bottom: 20px;
	line-height: 1.6em
}

table.solutions_table td {
	vertical-align: top;
	padding: 0px 30px 0 0;
}

table#benefits {
	border-collapse: collapse;
	background-color: #dee0e0;
	margin-bottom: 30px;
}

table#benefits h4{
	text-align: left;
	margin: 0;
	padding: 0;
}

table#benefits th {
	padding: 10px 15px;
	border-bottom: 1px solid #c8cccd;
	background-color: #efefef;
}

table#benefits tr { margin: 0;}

table#benefits td {
	margin: 0;
 	border-bottom: 1px solid #c8cccd;
 	padding: 10px 15px;
}

#primary .paginate ul {
	margin: 0;
	padding: 0;
	position: relative;
}

#primary .paginate ul li{
	margin: 0;
	list-style: none;
	display: inline;
}

#primary .paginate ul li.previous {
	float: left;
}

#primary .paginate ul li.next {
	float: right;
}

#primary .paginate ul li.page-total {
	color: #6f8992;
	font-size: 11px;
	float: left;
	position: absolute;
	left: 48%;
}

p.papers {
	padding: 10px 0;
	border-top: 1px solid #cccfd0;
}

/*- Tags List -*/
.tags {
	font-size: 11px
}

	#primary .tags ul {
		margin: 0;
		padding: 0;
	}

	#primary .tags ul li {
		list-style-type: none;
	}

.tags li{

	float: left;
	line-height: 16px;
	padding: 0 4px 4px 0
}

.tags li a{
	background: url(/images/interface/tags-bgr.gif) no-repeat left;
	color: #ffffff;
	display: block;
	float: left;
	padding: 0 0 0 6px;
	text-decoration: none
}
.tags li a span{
	background: url(/images/interface/tags-bgr.gif) no-repeat right;
	display: block;
	float: left;
	height: 16px;
	padding: 0 6px 0 0
}


.tags li a:hover, .tags.wbgr a:hover{
	cursor: pointer;
	text-decoration: none;
}

.tags li a:hover {
	background: url(/images/interface/tags-bgr-orange.gif) no-repeat left;
}

.tags li a:hover span {
	background: url(/images/interface/tags-bgr-orange.gif) no-repeat right;
}

.tags.wbgr li a{
	background: url(/images/interface/tags-bgrw.gif) no-repeat left
}
.tags.wbgr li a span{
	background: url(/images/interface/tags-bgrw.gif) no-repeat right
}

.tags.wbgr li.active a, .tags.wbgr li a:hover{
	background: url(/images/interface/tags-bgrw-orange.gif) no-repeat left
}
.tags.wbgr li.active a span, .tags.wbgr li a:hover span{
	background: url(/images/interface/tags-bgrw-orange.gif) no-repeat right
}

.tags_clear {
	margin-bottom: 10px;
}

/*=== Pics, Thumbs, Ads etc. ===*/
.pic01{
	height: 170px;
	margin: 0 0 15px;
	overflow: hidden
}
.pic02{
	width:217;
	height: 122px;
	margin: 0 0 12px;
	overflow: hidden
}
.team_pic{
	height: 171px;
}

.partners .col4 img {
 	border: 1px solid #cccfd0;
}

.partners_intro {
	clear: both;
	padding-top: 30px;
}

#primary .partner {
	float: left;
	border-top: 1px #cccfd0 solid;
	padding-top: 30px;
	margin-bottom: 30px;
}

#primary .partner img {
	float:left; 
}

#primary .partner h4 {
	float: right;
	width: 480px;
}

#primary .partner p, #primary .partner textarea {
	font-size: 11px;
	line-height: 16px;
	/*border: 1px solid red;*/
	width: 480px;
	float: right;
	padding: 0;
}

/*=== Forms ===*/

input.btn{
	background: #e96524;
	font-size: 14px;
	font-weight: bold;
	border: 0;
	margin: 0;
	padding: 4px 8px;
	color: #FFF;
}

div.form {
	border: 1px solid #cccfd0;
	background-color: #FFFFFF;
	margin: 0 0 20px 0;
	padding: 30px;
}

div.form .field_group {
	clear: both;
	margin: 0 0 10px 0;
	padding: 6px 0 0 0;
	/*border-top: 1px solid #cccfd0;*/
	overflow: hidden;
}

div.form .field_group label {
	float: left;
	width: 120px;
	padding: 4px 0 0 0;
	vertical-align: middle;
}

	div.form .field_group .radio label {
		float: left;
		width: 120px;
		padding: 0 0 0 10px;
	}

	#main div.form .field_group .radio ul li {
		width: 300px;
		background: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#main div.form .field_group .radio ul li input {
		border: none;
		margin-top: 2px; 
		float: left;
	}

div.form .field_group span.req {
	/* margin: 0 5px 0 5px; */
	font-family: Baskerville, Georgia, serif;
	color: #e96524;
	font-size: 16px;
	/* line-height: 1; */
}

div.form .field_group .field {
	float: left;
	width: 500px;
} 

div.form .field_group .field input {
	padding: 3px;
	font-size: 14px;
}

div.form .field_group .field textarea {
	padding: 2px;
	font-size: 12px;
	width: 100%;
}


div.form div.submit {
	clear: both;
	padding-left: 120px;
}



/*=== 	 ===*/
#footer{
	color: #49595f;
	font-size: 12px;
	height: 50px;
	margin: 0 auto;
	width: 960px
}
#footer a{
	color: #49595f;
	font-weight: bold;
	border-bottom: 1px dotted #6a7f87;
}

#footer a:hover {
	border-bottom: none;
	text-decoration: none;
	color: #29393f;
}

#footer h4{
	color: #6a7f87;
	font-size: 12px;
	margin: 0
}
#footer p{
	padding: 0
}
/*- Footer Cols -*/
#footer .col{
	line-height: 1.4em;
	border-right: 1px solid #c8cccd;
	display: table-cell;
	display: block;
	float: left;
	height: auto !important;
	height: 55px;
	margin: 0 30px 0 0;
	min-height: 55px;
	width: 215px
}

#footer .col.last{
	border: 0;
	margin: 0
}

#footer small, #footer ul {
	font-size: 11px;
}

#page-bot{
	background: #dee0e0;
	height: 1%;
	padding: 22px 0
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}