@charset "UTF-8";
@import url("reset.css");

body {
	background:url(/images/background.jpg) center 120px no-repeat #fff;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#414141;
}

#container{
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0 20px;
	background:url(/images/shadow.png) 0 0 repeat-y transparent;
}

#container_home{
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0 20px;
}

#content{
	width:960px;
	margin:0 auto;
	background:url(/images/content_footer.gif) left bottom repeat-x #fff;
	padding:20px 0 60px 0;
}

b{ color:#cd5a13; }

a{ color:#2f5eb4; }

a:hover{ color:#e2a63c; }

.btn_grey{
	display:block;
	width:55px;
	margin-top:5px;
	background:url(/images/btn_back.png) 0 0 no-repeat;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-shadow:rgba(0,0,0,0.6) 1px 1px 1px;
}

.btn_grey:hover{
	color:#e19c71;
}

/*--------------------*/
/* - - - Titles - - - */
/*--------------------*/

#titles{
	clear:both;
}

h1{
	clear:both;
	width:610px;
	padding-bottom:8px;
	margin:0;
	font:bold 32px/36px Arial, Helvetica, sans-serif;
	color:#414141;
}

h2{
	margin:21px 0 0 100px;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;
}

.h2back{
	width:350px;
	height:44px;	
}

h3{
	margin-top:36px;
	font:bold 22px/25px Arial, Helvetica, sans-serif;
	color:#414141;
}

h4{
	margin-top:1em;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	color:#cd5a13;
}

h4 a{
	color:#cd5a13;
	text-decoration:none;
}

h4 a:hover{ color:#2f5eb4; }

h5{
	margin-bottom:3px;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	color:#44697d;
}


/*--------------------*/
/* - - - Header - - - */
/*--------------------*/

#header{
	width:960px;
	margin:0 auto;
}

#utility{
	float:right;
	margin:8px 0 0 0;
	text-transform:uppercase;
	color:#808080;
	font-size:11px;
}

#utility li{
	float:left;
	margin:0 0 0 10px;
	list-style:none;
}

#utility a{
	color:#808080;
	text-decoration:none;
}

#utility a:hover{ color:#e2a63c; }

#utility input{
	padding:0 3px;
	width:110px;
	border:1px solid #c7d2d8;
	font-size:11px;
	color:#808080;
}

#logo{
	padding-top:30px;
}

/* - - - Breadcrumb - - - */

#breadcrumb{
	margin:36px 0 10px 0;
	color:#808080;
}

#breadcrumb li{
	float:left;
	margin:0 10px 0 0;
	list-style:none;
}

#breadcrumb a{
	color:#808080;
	text-decoration:none;
}

#breadcrumb a:hover{ color:#e2a63c; }


/*------------------*/
/* - - - Main - - - */
/*------------------*/

#main{
	float:left;
	width:600px;
	padding:0 40px 0 20px;
}

#main-full{
	width:920px;
	padding:0 20px;
}

.intro{
	width:600px;
	margin-top:0;
	font-size:16px;
	line-height:20px;
}

.intro-pic{
	float:left;
	margin:6px 20px 20px 0;
}

.back-top{
	float:right;
	font-size:12px;
	margin-top: 5px;
}

.diagram{
	margin:25px 0 25px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	line-height:12px;	
}

.diagram img{
	display:block;
	padding:10px;
	border:1px solid #bfbfbf;
	margin-bottom:6px;
}

.diagram a{
	color:#44697d;
	text-decoration:none;
}

.diagram a:hover{ color:#44697d; }

.cta{
	margin-top:32px;
	font-size:14px;
	line-height:17px;
}

.cta .arrow{
	vertical-align:-2px;
	margin-right:3px;
}

.data-table{ margin-top:1em; }

.data-table td{
	padding:3px 6px;
	border:1px solid #414141;
}

.data-table th{
	padding:3px 6px;
	text-align: left;
}

/*---------------------*/
/* - - - Sidebar - - - */
/*---------------------*/

#sidebars{
	float:left;
	width:300px;
	font-size:12px;
	line-height:14px;
}

#sidebars h3{
	margin:0 0 0 22px;
	font:18px/18px "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#414141;
}

#sidebars h3.this-page-arrow{
	margin-left:12px;
	padding-left:10px;
	background:url(/images/on_this_page.gif) 0 5px no-repeat;	
}

#sidebars .prod-logo{
	width:100%;
	text-align:center;
	margin-bottom:16px;
}

.sidebar{
	background:url(/images/sidebars/sidebar_bottom.gif) left bottom no-repeat #f2e8c6;
	margin-bottom:30px;
}

/* - - - On this page - - - */
.this-page{
	padding:0 0 20px 20px;
	list-style:none;
	font-weight:bold;
	line-height:18px;
}

.this-page li{ margin:0; }


/* - - - Related products - - - */
#media .side-product{ background:url(/images/sidebars/sidebar_media_bottom.gif) left bottom no-repeat #38a0c2; }
#wireless .side-product{ background:url(/images/sidebars/sidebar_wireless_bottom.gif) left bottom no-repeat #cd5a13; }
#dsp .side-product{ background:url(/images/sidebars/sidebar_dsp_bottom.gif) left bottom no-repeat #5f946a; }

#media .side-product, #wireless .side-product, #dsp .side-product{ color:#fff; }

.related-products{
	padding:0 20px 15px 20px;
	height:80px;
}

.related-products h4{
	margin-top:0;
	font-size:16px;
	font-weight:bold;
	color:#414141;
}

#media .related-products h4, #wireless .related-products h4, #dsp .related-products h4
{ color:#fff; }

.side-pic{ float:right; }

.side-pic1{ margin-top:15px; }

.side-prod1{ margin-bottom:14px; }

.related-products .btn_grey{
	margin:5px 0 0 130px;
	_margin:5px 0 0 120px;
}

/* - - - Articles - - - */
.articles{
	padding:0 20px 10px 20px;
	font-size:10px;
	line-height:12px;
}

.articles p{
	margin-top:6px;
}

.articles .btn_grey{
	margin:0 0 0 200px;
}

.articles .article{
	margin:0 0 18px 0;
}

/* - - - Videos - - - */

#sidebars .video{
	text-align:center;	
}

#sidebars .video h5{
	padding:1em 0;
}

/*--------------------*/
/* - - - Footer - - - */
/*--------------------*/

#footer{
	clear:both;
	width:960px;
	margin:8px auto 0 auto;
}

#home #footer{
	margin-top:5px;
}

#footer ul{
	float:right;
	text-transform:uppercase;
	color:#808080;
	font-size:11px;
}

#footer li{
	float:left;
	margin:0 0 0 10px;
	list-style:none;
}

#footer a{
	color:#808080;
	text-decoration:none;
}

#footer a:hover{
	color:#e2a63c;
}

/*------------------*/
/* - - - Home - - - */
/*------------------*/

#home #header{ margin-bottom:25px; }

#home-side{
	float:right;
	width:230px;
}

#home .media h1{ color:#38a0c2;}

#home .wireless h1{	color:#cd5a13; }

#home .dsp h1{ color:#5f946a; }

/* - - - 2 boxes - - - */
.home-2box{
	font-size:12px;
	line-height:14px;
}

.home-2box.media.top{ background:url("/images/home/home_media_back2.png") no-repeat; height:75px; }
.home-2box.media.middle{ background:url("/images/home/home_wpm_box_middle.png") repeat-y; padding:0 10px; height:212px; }
.home-2box.media.bottom{ background:url("/images/home/home_wpm_box_bottom.png") no-repeat; height:28px; }

.home-2box.wireless.top{ background:url("/images/home/home_wireless_back2.png") no-repeat; height:75px; }
.home-2box.wireless.middle{ background:url("/images/home/home_wpm_box_middle.png") repeat-y; padding:0 10px; height:212px; }
.home-2box.wireless.bottom{ background:url("/images/home/home_wpm_box_bottom.png") no-repeat; height:28px; }

.home-2box h1{
	clear:none;
	width:100%;
	padding:0;
	font-size:18px;
	text-transform:uppercase;
	line-height:16px;
	padding:15px;
}

.home-2box h2{
	float:none;
	margin:0;
	padding:0;
	width:200px;
	height:auto;	
	color:#000;
	text-shadow:rgba(0,0,0,0) 0 0 0;
}

.home-2box .arrow{
	clear:both;
	float:left;
	margin:0 6px 12px 0;
}

/* - - - 3 boxes - - - */

.home-3box{
	width:206px;
	height:92px;
	padding:10px 12px;
	background:	right top no-repeat #fff;
	font-size:12px;
	line-height:14px;
}

.home-3box.media{ background-image:url(/images/home/home_media_back.jpg); }

.home-3box.wireless{ background-image:url(/images/home/home_wireless_back.jpg); }

.home-3box.dsp{ background-image:url(/images/home/home_dsp_back.jpg); }

.home-3box h1{
	clear:none;
	float:none;
	width:100%;
	padding:0;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
}

.home-3box h2{
	float:none;
	margin:0;
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	color:#000;
	text-shadow:rgba(0,0,0,0) 0 0 0;
}

.home-3box p{ margin-top:6px; }

.home-3box .arrow{
	float:left;
	margin:0 6px 12px 0;
}

/* - - - News - - - */

#home-news{
	width:960px;
	margin:0 auto;
	margin-bottom:20px;
	color:#000;
}

#home .news1{
	float:left;
	width:220px;
	margin-left:20px;
	font-size:11px;
	line-height:13px;
}

#home-tabs{
	font-size:12px;
	line-height:14px;
}

#home .pic-float{
	float:left;
	margin:0 16px 20px 0;
}

#home h3{
	width:100%;
	margin-bottom:15px;
	border-bottom:1px solid #bac2c4;
	font:18px/22px "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#414141;
}

#home h5{
	font-size:14px;
	line-height:18px;
	margin-bottom:0.5em;
}

#home h5 a{
	color:#44697d;
	text-decoration:none;
}

#home h5 a:hover{ color:#414141; }

/*---------------------*/
/* - - - Company - - - */
/*---------------------*/

.leadership{ margin-top:30px; }

.leadership td{ padding:0 24px 24px 0; }

.leadership h3, .award h3{
	font-size:22px;
	line-height:26px;
	color:#cd5a13;
	margin:0;
}

.award h3{
	margin-top:36px;
}

.leadership h4, .award h4{
	font-size:16px;
	line-height:20px;
	color:#414141;
	margin:0;

}

.award-pic{
	float:right;
	margin:16px 0 12px 12px;	
}

.videos td{
	width:440px;
	padding-bottom:50px;
}

.videos .col1{ padding-right:40px; }

.videos h4{
	font-size:16px;
	line-height:20px
}

/* - - - News - - - */

.news-list td {
	padding-bottom:20px;
	font-size:14px;
	line-height:20px;
}

.blurb{ font-size:13px; }

/*-------------------*/
/* - - - Media - - - */
/*-------------------*/

/*38a0c2*/

#media h1{ color: #38a0c2; }

#media .h2back{ background:url(/images/solutions/header_media.png) bottom left no-repeat; }

/*----------------------*/
/* - - - Wireless - - - */
/*----------------------*/

/*cd5a13*/

#wireless h1{ color: #cd5a13; }

#wireless .h2back{ background:url(/images/solutions/header_wireless.png) bottom left no-repeat; }

/* - - - Media - Wireless - - - */
#media-wireless h1{ color: #414141; }

#media-wireless .h2back{ background:url(/images/solutions/header_media-wireless.png) bottom left no-repeat; }

#media-wireless h2{
	margin:18px 0 0 140px;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;
}

/*-----------------*/
/* - - - DSP - - - */
/*-----------------*/

/*5f946a*/

#dsp h1{ color: #5f946a; }

#dsp .h2back{ background:url(/images/solutions/header_dsp.png) bottom left no-repeat; }


/*----------------------*/
/* - - - Products - - - */
/*----------------------*/

.features h4{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
}

.features td{
	width:300px;
	font-size:11px;
	line-height:13px;
}

.product-pic{
	float:right;
	margin-left:6px;
}

.product-pic-left{
	float:left;
	margin-right:6px;
}

.award-thumb
{
	font-size: 10px;
	padding-bottom: 31px;
	padding-right: 8px;
}

.award-thumb a
{
	text-decoration: none;
}

.award-thumb img{
	float: left;
	margin: 0 8px 0 22px;
	padding:5px;
	background-color:#fff;
	border: 1px #414141 solid;
}

.documentation{ color:#2f5eb4; }

.documentation li{ margin-left:14px; }

div.titres h4{font-size: 20px}

/*-------------------*/
/* - - - Forms - - - */
/*-------------------*/
.form{
background-color:#ecf0f2;
padding:10px 10px;
border : 1px solid #c7d2d8;
}

.form td{
text-align:right;
font-weight:bold;
vertical-align:middle;
padding-right:10px;
}

.form .rightcol{
padding:6px;
text-align:left;
font-weight:normal;
}

.form textarea { width:520px; }

/*---------------------------*/
/* - - - Developpement - - - */
/*---------------------------*/

.todo, .todo a{ color:#F00; font-weight:bold; text-decoration:underline; }

img.todo{ border: 3px solid #f00; }
