@charset "utf-8";
 
body,html{ margin:0; padding:0; }
body{ font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; font-size:100%; color:#FFFFFF; background-color:#0A0909; width:100%; }
#entete{ margin:0 auto; width:100%; height:22px; background-color:#202020; }
#header{ margin: 0 auto; background-color:#202020; height:22px; text-align:center; font-weight:bold; font-size:14px; width:632px; }
#content{ width:950px; height:701px; margin:0 auto; border:none; background:#0a0909 url(../pics/bg.gif) no-repeat center center; }
#contentHome{ width:950px; height:701px; margin:0 auto; border:none; background:#0a0909 url(../pics/background.jpg) no-repeat center center; }
#contentProduct{ width:950px; height:820px; margin:0 auto; border:none; background:#0a0909 url(../pics/bg.gif) no-repeat center center; }
#footer { width: 100%; margin: 0 auto; height: 37px; background: #202020 url(../pics/bg_footer.gif) repeat-x top; text-align:center; color:#666666; font-size:11px; }
a{ text-decoration:none; font-weight:bold; }
a:hover{ text-decoration:none; font-weight:bold; }
img{ border:none; }


/*********** STYLE PIC MENU HOME ***********/
/*********** STYLE PIC MENU HOME ***********/

#middle{ float:left; margin:0 auto; width:449px; }
#about_us{ margin: 0 auto; margin:0 auto; width:201px; height:201px; float:left; }
#services{ margin:0 auto; float:right; width:201px; height:201px; }
#contact_us{ float:left; margin:0 auto; width:201px; height:201px; background-position:bottom; }
#products{ float:right; margin:0 auto; width:201px; height:201px; }

/*********** STYLE PIC MENU HOME ***********/
/*********** STYLE PIC MENU HOME ***********/


/*********** STYLE TEXT DESCRIBE PIC HOME ***********/
/*********** STYLE TEXT DESCRIBE PIC HOME ***********/

#display_about_us{ text-align:right; top:58px; right:5px; position:relative; display:none; }
#display_services{ text-align:left; top:58px; left:5px; position:relative; display:none; }
#display_products{ text-align:left; top:370px; left:5px; position:relative; display:none; }
#display_contact_us{ text-align:right; top:370px; right:5px; position:relative; display:none; }

/*********** STYLE TEXT DESCRIBE PIC HOME ***********/
/*********** STYLE TEXT DESCRIBE PIC HOME ***********/


/*********** STYLE SPACE PIC ***********/
/*********** STYLE SPACE PIC ***********/

#space_top{ margin: 0 auto; width:100%; height:144px; }
#space_bottom{ margin: 0 auto; width:100%; height:116px; }
#left_space{ margin: 0 auto; width:248px; height:449px; float:left; }
#right_space{ margin: 0 auto; width:253px; height:449px; float:left; }
#space_right_between_pics{ float:right; margin:0 auto; width:146px; height:47px; }
#space_left_between_pics{ float:left; margin:0 auto; width:148px; height:47px; }
#space_top_between_pics{ float:left; margin:0 auto; width:47px; height:170px; }
#space_bottom_between_pics{ float:left; margin:0 auto; width:47px; height:201px; }

/*********** STYLE SPACE PIC ***********/
/*********** STYLE SPACE PIC ***********/


/*********** STYLE BUTTON STUDIOB ADVERTISING ***********/
/*********** STYLE BUTTON STUDIOB ADVERTISING ***********/

#st_advertising { margin: 0 auto; color:#FFFFFF; float:left; border:none; background-color:#8cc400;	width:316px; height:22px; }
#st_advertising a { text-decoration:none; color:#FFFFFF; }
#st_advertising a:hover{ text-decoration:none; }

/*********** STYLE BUTTON STUDIOB ADVERTISING ***********/
/*********** STYLE BUTTON STUDIOB ADVERTISING ***********/


/*********** STYLE BUTTON STUDIOB GLOBAL ***********/
/*********** STYLE BUTTON STUDIOB GLOBAL ***********/

#textHoverSTBGS { float:left; background-color:#FFFF00; color:#000000; padding:2px; width:950px; display:none; position:absolute; }
#st_global { margin: 0 auto; float:left; color:#FFFFFF; background-color:#0290ce; width:316px; height:22px; }
#st_global a { text-decoration:none; color:#FFFFFF; }
#st_global a:hover{ text-decoration:none; }

/*********** STYLE BUTTON STUDIOB GLOBAL ***********/
/*********** STYLE BUTTON STUDIOB GLOBAL ***********/


/*********** STYLE SERVICES ***********/
/*********** STYLE SERVICES ***********/

#center_service{ margin:0 auto; padding-top:6%;	}

#logo{ text-align:center; margin:0 auto; width:62%; height:84px; }

#content_service{ margin:0 auto; padding-top:20px; width:62%; }
.title_services{ display:block; text-align:left; text-transform:uppercase; font-size:150%; }
.blue1{ text-align:left; color:#2794d2; text-transform:uppercase; font-size:66%; display:block; padding-top:3px; }
.blue{ text-align:left; color:#2794d2; text-transform:uppercase; font-size:66%; display:block; padding-top:8px; }
.grey{ text-align:left; color:#bdbdb4; text-transform:uppercase; font-size:66%; display:block; }
#pic_services{ margin:0 auto; padding-top:10px; width:190px; float:left; }
#text_services{ margin:0 auto; padding-top:2px; width:67%; float:left; }

#pics_services{ float:left; padding-left:178px; padding-top:70px; }
.border_pic{ border:3px solid #FFFFFF; left:0; }
img.border_pic:hover{ border:3px solid #0290ce; left:0; }
#pic1_service{ float:left; height:110px; width:135px; }
#pic2_service{ float:left; height:110px; width:135px; }
#pic3_service{ float:left; height:110px; width:135px; }
#pic4_service{ float:left; height:110px; width:135px; }

#Menu_bottom{ float:right; margin:0 auto; padding-top:40px; width:75%; height:40px; }
#Menu_bottom a{ text-align:left; color:#bdbdb4; text-transform:uppercase; font-size:66%; line-height:150%; }
#Menu_bottom a:hover{ color:#2794d2; }
.active_menu{ text-align:left; color:#2794d2; font-weight:bold; text-transform:uppercase; font-size:66%; }

/*********** STYLE SERVICES ***********/
/*********** STYLE SERVICES ***********/


/*********** STYLE ABOUT US ***********/
/*********** STYLE ABOUT US ***********/

#center_aboutus{ margin:0 auto; padding-top:6%;	}

#content_aboutus{ margin:0 auto; padding-top:20px; width:62%;}
.title_welcome{ display:block; text-align:left; text-transform:uppercase; font-size:150%; }
.grey_aboutus{ text-align:justify; color:#bdbdb4; font-size:80%; }
.blue_aboutus{ margin:0 auto; text-align:center; color:#2794d2; text-transform:uppercase; font-size:78%; padding-top:14px; width:105px; float:left; }
#pic_aboutus{ margin:0 auto; padding-top:10px; width:190px; float:left; }
#text_aboutus{ margin:0 auto; text-align:justify; padding-top:4px; width:61%; float:left; }

.title_refernces{ display:block; text-align:left; text-transform:uppercase; font-size:150%; padding-bottom:10px; }
#pics_aboutus{ margin:0 auto; padding-top:16px; width:62%; height:110px; }
#pic1_aboutus{ float:left; height:110px; width:135px; }
#pic2_aboutus{ float:left; height:110px; width:135px; }
#pic3_aboutus{ float:left; height:110px; width:135px; }
#pic4_aboutus{ float:left; height:110px; width:135px; }

/*********** STYLE ABOUT US ***********/
/*********** STYLE ABOUT US ***********/


/*********** COLORS ***********/
/*********** COLORS ***********/

.blue_{ color:#2794d2; }

/*********** COLORS ***********/
/*********** COLORS ***********/


/*********** STYLE CONTACT US ***********/
/*********** STYLE CONTACT US ***********/

#center_contactus{ margin:0 auto; padding-top:6%; }

#content_contactus{ margin:0 auto; padding-top:20px; width:62%; }
.title_contact_info{ display:block; text-align:left; text-transform:uppercase; font-size:150%; }
#text_contact_information{ margin:0 auto; padding-top:4px; width:67%; float:left; }

#form_contactus{ margin:0 auto; width:62%; height:150px; }
.title_contact_form{ display:block; text-align:left; text-transform:uppercase; font-size:150%; padding-top:10px; }
#input_text_contactus{ float:left; margin:0 auto; width:40%; }
.grey_input{ padding-left:2px; text-align:left; color:#bdbdb4; text-transform:uppercase; font-size:76%; margin:2px; background-color : transparent; border:1px solid #bdbdb4; }
.grey_textarea{ padding-left:2px; text-align:left; color:#bdbdb4; font-size:76%; text-transform:uppercase; margin:2px; background-color : transparent; border:1px solid #bdbdb4; }
#textarea_contactus{ float:left; margin:0 auto; width:48%; }
#btn_form{ float:right; margin:0 auto; display:block; padding-top:10px; padding-right:62px; }
#btn_formMoz{ float:right; margin:0 auto; display:block; padding-top:10px; padding-right:90px; }
input.submit{ text-decoration:underline; text-transform:uppercase; background:transparent; color:#2794d2; border-width:0; cursor:pointer; }

.info{ float:left; margin:0 auto; color:#0290ce; font-size:13px; }

/*********** STYLE CONTACT US ***********/
/*********** STYLE CONTACT US ***********/


/*********** STYLE PRODUCTS ***********/
/*********** STYLE PRODUCTS ***********/

#center_products{ margin:0 auto; padding-top:6%; }

#content_products{ margin:0 auto; padding-top:0px; width:86%; padding-bottom:20px; }
.border_product{ text-align:center; border:2px solid #202020; float:left; margin:8px 6px; padding-top:10px; width:146px; height:122px; background-color:#333333; }
.border_product:hover{ border:2px solid #666666; }
.pic_product{ margin:0 auto; text-align:center; }
.size_pic_product{ width:130px; height:113px; }

#preloadP { display:none; width:150px; font-weight:bold; text-align:center; position:absolute; left:50%;margin-left:-100px; top:1%; margin-top:-1px; }
#preloadP p { margin:1px; padding:10px; }
#preloadP img { margin-top:10px; }

/*********** STYLE PRODUCTS ***********/
/*********** STYLE PRODUCTS ***********/


/*********** TRASPARENCY PIC ***********/
/*********** TRASPARENCY PIC ***********/

* html img,
* html .png {
	behavior: expression(
			(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
				this.nodeName == "IMG" ? (
					this.src.toLowerCase().indexOf('.png') > -1 ? (
						this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "../pics/transp.gif"
					) : 0
				) : (
					this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
					(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
					) : 0,
					this.runtimeStyle.backgroundImage = "none"
				),this.pngSet=true
			)
		)
	);
}

/*********** TRASPARENCY PIC ***********/
/*********** TRASPARENCY PIC ***********/


/*********** STYLE PRELOAD ***********/
/*********** STYLE PRELOAD ***********/

#preload { display:none; width:150px;  font-weight:bold; text-align:center; position:absolute; left:50%;margin-left:-100px; top:8%; margin-top:-8px; }
#preload p { margin:1px; padding:10px; }
#preload img { margin-top:10px; }

/*********** STYLE PRELOAD ***********/
/*********** STYLE PRELOAD ***********/


/*********** STYLE LYTEBOX ***********/
/*********** STYLE LYTEBOX ***********/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #0290ce; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer { font: 16px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 4px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 55px; width: 100%; text-align: center; line-height: 0; background: url(../pics/loader.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../pics/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../pics/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../pics/images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../pics/images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../pics/images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../pics/images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../pics/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../pics/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../pics/images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../pics/images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../pics/images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../pics/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { font-weight: bold; float: left; display: block; padding-bottom: 1.0em; color:#0290ce; }
#lbNavDisplay { float: left; font-size:14px; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../pics/images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../pics/images/close_red.png) no-repeat; }
	#lbClose.green { background: url(../pics/images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../pics/images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../pics/images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../pics/images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../pics/images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../pics/images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../pics/images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../pics/images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../pics/images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../pics/images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../pics/images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../pics/images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../pics/images/pause_gold.png) no-repeat; }

/*********** STYLE LYTEBOX ***********/
/*********** STYLE LYTEBOX ***********/