/********************************/
/* COMMON STYLES FOR ALL PAGES */
/******************************/

* {
	border: 0;
	margin: 0;
	padding: 0;
	/*font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;*/
}

html, body {
	background: #ffffff;
	color: #777777;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	height: 100%;
	width: 100%;
}

.clear { clear: both; display:block; line-height: 0; height: 0px; width: 0px; overflow: hidden; visibility: hidden;}

a, a:link, a:visited, a:active {
	color: #ff0000;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline
}

.italic {font-style: italic}
.capitalize {text-transform: capitalize}
.uppercase {text-transform: uppercase}
.lowercase {text-transform: lowercase}
.underline {text-decoration: underline}

.bold,strong,.strong {font-weight: bold}
.no-bold {font-weight: normal}

.noLink, .noLink a{cursor: default}

.nowrap{white-space: nowrap}

div.hr{
	background: transparent url(/images/frontend/hr.gif) left top repeat-x;
	height: 2px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}
div.hr hr,{
	display:none
}

.c-hide{display:none}
.c-hidden{visibility:hidden}
.c-visible{visibility:visible}

.noMarginTop{margin-top:0!important}
.noMarginRight{margin-right:0!important}
.noMarginBottom{margin-bottom:0!important}
.noMarginLeft{margin-left:0!important}

.fl-left{float: left}
.fl-right{float: right}

.frameClass{
	border: 1px dotted #999;
}

.red{color:#ff0000}
.grey{color:#939393}

/* WRAPPER */

#wrapper {
	background: #ffffff;
	margin: 0 auto;
	position: relative;
	width: 924px;
}

/* BREADCRUMB */
#breadcrumb {
	position: absolute;
	/*float: left;*/
	top: 38px;
	color: #ff0000;
	font: normal 12px "Arial", "Verdana", sans-serif;
	text-transform: lowercase;
}
#breadcrumb span {
	color: #000
}

/* PROJECTMENU */

#projectmenu {
	width: 924px;
	font: normal 14px "Arial", "Verdana", sans-serif;
}

#projectmenu .r1c1,
#projectmenu .r1c2,
#projectmenu .r1c3,
#projectmenu .r1c4,
#projectmenu .r1c5,
#projectmenu .r1c6,
#projectmenu .r2c1,
#projectmenu .r2c2,
#projectmenu .r2c3{
	background: transparent url(/images/frontend/menu_sprite-02.gif) no-repeat 0 0;
}


#projectmenu .r1c1 {
	color: #fdd9d9;
	float: left;
	height: 20px;
	padding-top: 3px;
	width: 308px;
}

#projectmenu .r2c1 {
	color: #ff0000;
	float: left;
	height: 20px;
	padding-top: 3px;
	width: 308px;
	background-position: 0 -23px;
}

#projectmenu .r2c2 {
	background-position: -308px -23px;
	color: #000000;
	float: left;
	height: 20px;
	padding-top: 3px;
	width: 583px;
}

#projectmenu select{
	width: 145px;
}

#projectmenu input.search {	
	background: transparent;
	border: 0 none;
	height: 16px;
	margin: 0 0 0 3px;
	padding: 1px 5px 0 20px;
	width: 555px
}

#projectmenu .r2c3 {
	float: left;
	background-position: -891px -23px;
	color: #000000;
	height: 20px;
	padding-top: 3px;
	width: 33px;
}

#projectmenu #searchByParams,
#projectmenu #searchByString {
	background: transparent;
	color: transparent;
	cursor: pointer;
	height: 18px;
	overflow: hidden;
	text-align:center;
	text-indent: -9999px;
	vertical-align:middle;
	width: 33px;
}

* html #projectmenu #searchByParams,
* html #projectmenu #searchByString{
	/*ie 6*/
	text-indent: 0px;
	width: 32px;
}

*+html #projectmenu #searchByParams,
*+html #projectmenu #searchByString{
	/*ie 7*/
	text-indent: 0px;
	width: 33px;
}

#projectmenu #searchByString {
	width: 35px;
}

#projectmenu .r1c2,
#projectmenu .r1c3,
#projectmenu .r1c4,
#projectmenu .r1c5,
#projectmenu .r1c6 {
	color: #fee2e2;
	float: left;
	height: 20px;
	padding-top: 3px;
	width: 145px;
}

#projectmenu .r1c3{
	width: 165px;
}

#projectmenu .r1c4{
	width: 125px;
}


#projectmenu .r1c2{
	width: 145px;
}

#projectmenu .r1c2 { background-position: -308px 0px; }
#projectmenu .r1c3 { background-position: -453px 0px; }
#projectmenu .r1c4 { background-position: -618px 0px; }
#projectmenu .r1c5 { background-position: -743px 0px; }
#projectmenu .r1c6 { background-position: -887px 0px; }

#projectmenu .r1c6{
	width: 36px;
}

#projectmenu .r1c1 .txt,
#projectmenu .r1c2 .txt,
#projectmenu .r1c3 .txt,
#projectmenu .r1c4 .txt,
#projectmenu .r1c5 .txt,
#projectmenu .r2c1 .txt,
#projectmenu .r2c2 .txt,
#projectmenu .r3c3 .txt
	{ float: left }
	
#projectmenu .r1c1 .dot,
#projectmenu .r1c2 .dot,
#projectmenu .r1c3 .dot,
#projectmenu .r1c4 .dot,
#projectmenu .r1c5 .dot,
#projectmenu .r2c1 .dot,
#projectmenu .r2c2 .dot
	{ display: none;/*float: right; margin-right: 6px;*/ }
/***********************/

/***********************/
/* HEADER - LOGO */
#logo{
	height: 139px;
	overflow: hidden;
	position: relative;
}

#logo b{
	display: block;
	float: left;
	margin: 63px 0 0 0;
	text-decoration: none;
}

#logo #logo-bg{
	background: transparent url(/images/frontend/gsm-project-logo.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 69px;
	margin: 0 6px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 307px;
}

#logo #logo-project{
	display: block;
	float: left;
}

#logo #logo-project div {
	color: #ff0000;
	font-size: 74px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#logo #logo-project-mask{
	background: #fff;
	display: block;
	left: 310px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 610px;
}
/***********************/


/***********************/
#mainmenu{
	margin: 7px 0 10px 0;
}

#mainmenu li,
#mainmenu li a,
#mainmenu li span{
	display: block;
	float: left;
	overflow: hidden;
}

#mainmenu li a,
#mainmenu li span{
	background: transparent url(/images/frontend/menu_en.gif) no-repeat 0 0;
	height: 20px;
	text-indent: -9999px;
	width: 64px;
}

#wrapper.fr #mainmenu li a,
#wrapper.fr #mainmenu li span{
	background-image: url(/images/frontend/menu_fr.gif)
}

#mainmenu li.on a,
#mainmenu li.on span{
	cursor: default;
}

#mainmenu li a.creation {
	background-position: 0 0;
	height: 20px;
	text-indent: -9999px;
	width: 64px;
}

#mainmenu li a.creation:focus,
#mainmenu li a.creation:hover,
#mainmenu li.on a.creation{
	background-position: 0 -20px;
}
/***/
#mainmenu li a.integration{
	background-position: -64px 0;
	width: 82px;
}
#mainmenu li a.integration:focus,
#mainmenu li a.integration:hover,
#mainmenu li.on a.integration{
	background-position: -64px -20px;
}
/***/
/***/
#mainmenu li a.media{
	background-position: -146px 0;
	width: 49px;
}
#mainmenu li a.media:focus,
#mainmenu li a.media:hover,
#mainmenu li.on a.media{
	background-position: -146px -20px;
}
/***/
/***/
#mainmenu li a.technology{
	background-position: -195px 0;
	width: 113px;
}
#mainmenu li a.technology:focus,
#mainmenu li a.technology:hover,
#mainmenu li.on a.technology{
	background-position: -195px -20px;
}
/***/

/***/
#mainmenu li a.about,
#mainmenu li.on a.about,
#mainmenu li a.press,
#mainmenu li.on a.press,
#mainmenu li a.client,
#mainmenu li.on a.client,
#mainmenu li span.client,
#mainmenu li.on span.client,
#mainmenu li a.contact,
#mainmenu li.on a.contact,
#mainmenu li a.lang,
#mainmenu li.on a.lang{
	background-image: url(/images/frontend/menu2_en.gif);
	height: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#wrapper.fr #mainmenu li a.about,
#wrapper.fr #mainmenu li.on a.about,
#wrapper.fr #mainmenu li a.press,
#wrapper.fr #mainmenu li.on a.press,
#wrapper.fr #mainmenu li a.client,
#wrapper.fr #mainmenu li.on a.client,
#wrapper.fr #mainmenu li span.client,
#wrapper.fr #mainmenu li.on span.client,
#wrapper.fr #mainmenu li a.contact,
#wrapper.fr #mainmenu li.on a.contact,
#wrapper.fr #mainmenu li a.lang,
#wrapper.fr #mainmenu li.on a.lang{
	background-image: url(/images/frontend/menu2_fr.gif)
}
/***/
/***/
#mainmenu li a.about{
	background-position: 0 0;
	margin-left: 307px;
	width: 71px;
}
#mainmenu li a.about:focus,
#mainmenu li a.about:hover,
#mainmenu li.on a.about{
	background-position: 0 -15px;
}
/***/
/***/
#mainmenu li a.press{
	background-position: -71px 0;
	width: 69px;
}
#mainmenu li a.press:focus,
#mainmenu li a.press:hover,
#mainmenu li.on a.press{
	background-position: -71px -15px;
}
/***/
/***/
#mainmenu li a.client,
#mainmenu li span.client{
	background-position: -140px 0;
	width: 55px;
}
#mainmenu li a.client:focus,
#mainmenu li a.client:hover,
#mainmenu li.on a.client{
	background-position: -140px -15px;
}
/***/
/***/
#mainmenu li a.contact{
	width: 83px;
	background-position: -195px 0;
}
#mainmenu li a.contact:focus,
#mainmenu li a.contact:hover,
#mainmenu li.on a.contact{
	background-position: -195px -15px;
}
/***/
/***/
#mainmenu li a.lang{
	background-position: -278px 0;
	width: 30px;
}
#mainmenu li a.lang:focus,
#mainmenu li a.lang:hover,
#mainmenu li.on a.lang{
	background-position: -278px -15px;
}
/***/
/***********************/


/***********************/
/* MENU */

#menu {
	width: 150px;
	float: left;
	background: #eee;
	padding-left: 6px;
}

#menu h2 {
	padding: 4px 0;
	color: #000;
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
#menu h2 a {
	color: #000;
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#menu ul {
	list-style-type: none;
	text-align: left;
}

#menu ul li a {
	background: transparent url(/images/list-off.gif) left center no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	text-align: left;
	text-decoration: none;
	color: #999;
}

#menu ul li a:hover {
	background: transparent url(/images/list-on.gif) left center no-repeat;
	color: black;
}

#menu ul li a#current {
	background: transparent url(/images/list-active.gif) left center no-repeat;
	color: #666;
}
/***********************/


/***********************/
/* CONTAINER */

#container {
	width: 924px
}
#container .projectnav {
	color: #000;
	font: normal 12px "Arial", "Verdana", sans-serif;
	height: 18px;
	padding-top: 38px;
}
#container .projectnav a {
	color: #000;
}
#container .projectnav .previous {
	float: left;
	background: transparent url(/images/frontend/project-nav-previous.gif) no-repeat left 50%;
	padding-left: 10px;
}
#container .projectnav .next {
	float: right;
	background: transparent url(/images/frontend/project-nav-next.gif) no-repeat right 50%;
	padding-right: 10px;
}
#container #flashcontent.project {
	height: 345px;
	width: 924px;
}
#container #flashcontent.featured {
	height: 370px;
	padding-top: 56px;
	width: 924px;
}

#container h2 {
	color: #000;
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	padding: 4px 0 6px;
}

.pagination{
	padding: 30px 0 15px 0;
}

.pagination p{
	text-align: center;
}

#footer {
	color: #6c6a6a;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	margin: 0;
	padding: 4px;
	margin: 0 auto;
	width: 924px
}