@charset "utf-8";



/* CSS Document */



/*



 * 100% height layout with header and footer using divs



 * 



 */



html,body{



	margin:0;



	padding:0;



	height:100%; /* needed for container min-height */



	background:#A3A3A3 url(../images/mainBg.jpg)  top repeat-x;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:small;



	color:#000000;



}



div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:978px;
	background:#FFFFFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	/*background:url(../images/borderBgContent.jpg) repeat-y;*/
	border:1px solid #CECECE;
}



form{



	margin:0;



	padding:0;



}



img



{behavior:url(pngbehavior.htc);}



/*



 * styles for header and navigation menu



 * 



 */



div#header {



	height:143px;



}



#headerTop{
	position:relative;
	margin:0;
	padding:0;
	background:url(../images/headerTop.gif);
	width:978px;
	height:102px;
}



#logo{
	position:absolute;
	margin:0;
	padding:0;
	width:auto;
	left: 26px;
	top: 20px;
}



#contactUs{
	float:right;
	position:relative;
	right:15px;
	top: 50px;
	margin:0;
	padding:0;
	width:auto;
	font-size:11px;
	color:#000000;
}



#contactUs a{



	margin:0;



	padding:0;



	color:#000000;



	text-decoration:none;



}



#contactUs a:hover{



	text-decoration:underline;



}



.headerContent{



	margin:0;



	padding:0;



}



	



.headerContent ul{



	list-style : none;	



	width:781px;



}



ul#headerMenu{
	margin:0;
	padding:0 0 0 95px;
	width:883px;
	height:42px;
	background:url(../images/bgMenu.jpg);
}



#headerMenu li{



	margin:0;



	padding:0;



	float:left;



	display:block;



	list-style-type:none;



	font-size:12px;



	font-weight:bold;



	line-height:38px;



	



}



#headerMenu li .borderMenu{



	padding:0 0 0 2px;



	background:url(../images/bg_li.jpg) 0px 4px no-repeat;



	float:left;



	display:block;	



}



#headerMenu li a{
	margin:0;
	padding:0 36px;
	text-decoration:none;
	color:#5C5C5C;
	float:left;
	display:block;
	height:39px;
}



#headerMenu li a:hover,#headerMenu li a.active{
	margin:0;
	padding:0 36px;
	background:url(../images/home_on_bg.jpg) top repeat-x;
}







/*



 * styles for content divs



 * 



 */



.clear {



		height:10px;



		clear:both;



		font-size:1px;



	}



.clear1 {



		height:90px;



		clear:both;



		font-size:1px;



	}



.clear2 {



		height:150px;



		clear:both;



		font-size:1px;



	}



.clear3 {



		height:20px;



		clear:both;



		font-size:1px;



	}



.mainclear{



		height:25px;



		clear:both;



		font-size:1px;



	}



div#content {



		padding:0;



		margin:0;



	}



div#content p{



	margin:0;



	padding:0;



}



#contentZone1{



	margin:0 auto;



	padding:20px 0 20px 0;



	width:740px;



	/*height:285px;*/



}



#contentZone2{
	margin:0;
	padding:0;
	width:978px;
}



#contentLeft{
	margin:0;
	padding:0 55px 0 60px;
	width:448px;
	font-size:12px;
	color:#868686;
	word-spacing:1px;
	float:left;
}



#contentLeft H1{



	margin:0;



	padding:0;



	color:#86ABBD;



	font-size:12px;



}



#contentLeft H1 strong{



	margin:0;



	padding:0;



	color:#67889B;



	font-size:16px;



}



#contentLeft a{



	color: #67889B;



	font-weight: bold;



	text-decoration:none;



}



#contentLeft a:hover{



	text-decoration:underline;



}



#contentLeft_buton{



	margin-top:45px;



	margin-left:143px;



	padding:0;



	background:url(../images/whyVibes.jpg) no-repeat;



	width:222px;



	height:55px;







}



#contentRight{



	margin:0;



	padding:0;



	width:355px;



	float:left;



}



#mainContentZone1{
	margin:0;
	padding:20px 0 0 25px;
	width:953px;
	height:115px;
	background:#E7F0F5;
}	



#mainContentZone1 H1{
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/rounded-rects.gif) no-repeat;
	width:920px;
	height:87px;
	line-height:82px;
	font-size:30px;
	font-weight:normal;
	color:#748b97;
}



#mainContentZone2{



	margin:0;



	padding:0;



}



.mainContentZone2Left{



	float:left;



	width:205px;



	height:518px;



	margin:0;



	padding:0;



	background:url(../images/contentLeftBg.jpg) top center;



}



.mainContentZone2Left ul{



	margin:0 auto;



	padding:0;



	list-style:none;



	width:153px;



	border:1px solid #77858E;



	border-bottom:0px;



	color:#FFFFFD;



}



.mainContentZone2Left ul li{



	margin:0;



	padding:0;



	line-height:normal;



	border-bottom:1px solid #77858E;



}



#topMenu{



	font-size:12px;



	margin:0;



	padding:4px 0 4px 10px;



	background:#718995 url(../images/meniuBg.jpg) top repeat-x;



}



.mainContentZone2Left li a{
	background:#D8D8D6 url(../images/meniuBgNormal.jpg) top repeat-x;
	color:#5D5D5D;
	text-decoration:none;
	font-size:12px;
	display:block;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 10px;



}



.mainContentZone2Left li a:hover,.mainContentZone2Left li a.active{



	background:#FFFFFF;



	display:block;



}



blockquote{



	font-size:12px;



	color:#5E7A88;



	font-weight:bold;



	font-style:italic;



}



.noteText{



	font-size:11px;



	color:#5E7A88;



	font-style:italic;



	padding:0 30px 0 0;



	text-align:right;



}



.topMenu{



	font-size:12px;



	margin:0;



	padding:4px 0 4px 10px;



	background:#7d95a1 url(../images/meniuBg.jpg) top repeat-x;



	border-bottom:1px solid #64757c;



}



#submitZone{



	margin:0 auto;



	padding:0;



	list-style:none;



	width:153px;



	border:1px solid #77858E;



	color:#FFFFFD;



}



.submitZoneContent{



	font-size:11px;



	padding:5px;



	color:#868686;



	background:#FFFFFF url(../images/submit_zone_bg.gif) bottom repeat-x;



}



.submitZoneContent strong{



	color:#748B97;



}



#submitZone p{



	margin:0;



	padding:0;



}



input{



	margin:0;



	padding:0;



	background:#FFFFFF;



	border:1px solid #FFFFFF;



	width:132px;



	font-size:12px;



	color:#99ADB6;



}



.labelStyle{



	float:left;



	display:block;



	padding:0 15px 0 0;



	width:135px;



	text-align:right;



	color:#A1B3BC;



	font-size:13px;



}



.inputBg{



	float:left;



	display:block;



	padding:3px 5px 3px 5px;



	background:#FFFFFF url(../images/inputBg.gif) no-repeat;



	width:231px;



	height:17px;



}



.inputStyle{



	width:231px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#99ADB6;



}



.inputStyle1{



	border:0px;



	width:228px;



	height:120px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#99ADB6;



}



.textareaBg{



	float:left;



	display:block;



	width:231px;



	height:129px;



	padding:5px;



	background:#FFFFFF url(../images/textareaBg.gif) no-repeat;



	border:0px;



	overflow:auto;



}



.inputStyle2{



	font-size:10px;



	color:#99ADB6;



	border:0px;



	height:auto;



	width:231px;



}



.buttonZone{



	padding:5px 0 5px 0;



}



.buttonZone1{



	width:300px;



}



.mainContentZone2Right{
	float:left;
	width:753px;
	margin:0;
	padding:0 0 0 20px;
	background:#fff;
}



.landingPage{



	position:relative;



}



.landingPageTop{



	position:absolute;



	left: 321px;



	top: 184px;



	color:#748b97;



}



.landingPageTop p{



	margin:0;



	padding:0;



	font-size:18px;



}



.landingPageText{



}



.landingPageText H1{



	margin:0;



	padding:0;



	color:#748b97;



	font-size:16px;



	font-weight:bold;



}



.landingPageText H2{



	margin:0;



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



	color:#12559d;



	font-size:10px;



}



.landingPageText H2 a{



	color:#12559d;



	text-decoration:none;



}



.landingPageText H2 a:hover{



	text-decoration:underline;



}



.mainContentZone2Right .landingPageText p{



	margin:0;



	padding:0;



	color:#a1bfcc;



	font-size:11px;



	font-weight:normal;



}



.mainContentZone2Right .landingPageText p a{



	color:#79919d;



	font-size:11px;



	font-weight:normal;



	text-decoration:none;



}



.mainContentZone2Right .landingPageText p a:hover{



	text-decoration:underline;



}



.mainContentZone2RightTop{



	font-size:12px;



	margin:0;



	padding:20px 0 0 0;



}



.mainContentZone2RightTopLeft{
	float:left;
	margin:0;
	padding:0 35px 0 0;
	width:520px;
}



.mainContentZone2RightTopLeft a strong{



	color:#8AACB8;



}



.mainContentZone2RightTopLeft a.active{



	color:#5BCED3;







}



.mainContentZone2RightTopLeft strong{



	color:#879CAF;



}



.mainContentZone2RightTopRight{



	float:left;



	margin:0;



	padding:0;



	width:145px;



}



.mainContentZone2RightTopRight strong{



	color:#748692;



}



.mainContentZone2Right p{



	margin:0;



	padding:0;



	color:#858585;



}



.mainContentZone2RightTopRight H2{



	margin:0;



	padding:0 0 0 8px;



	color:#87abbb;



	font-size:12px;



	font-weight:bold;



}



.box{



	margin:0;



	padding:0;



	width:355px;



}



.boxTop{



	margin:0;



	padding:0;



	width:355px;



}



.boxTop H1{



	margin:0;



	padding:2px 0 0 15px;



	background:url(../images/boxTop.jpg) no-repeat;



	width:340px;



	height:26px;



	font-size:16px;



	color:#FFFFFF;



}



.boxContent {



	margin:0;



	padding:0;



	background:#E0E0E0 url(../images/boxBg.jpg) bottom repeat-x;



	width:355px;



}



ul#boxContent {



	margin:0;



	padding:0;



	width:355px;



	display:block;



}



#boxContent li{



	margin:0;



	padding:10px;



	list-style-type:none;



	background:url(../images/borderBg.jpg) bottom repeat-x;



	width:335px;



}



#boxContent li p{



	margin:0;



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	font-weight:bold;



	color:#818181;



}



#boxContent li p a{



	color: #666666;



	text-decoration:none;



}



#boxContent li p a:hover{



	text-decoration:underline;



}



#boxContent li p.bullet1{



	margin:0;



	padding:0 0 0  20px;



	background:url(../images/boxBg1.jpg) 2px 4px no-repeat;



}



#boxContent li p.bullet2{



	margin:0;



	padding:0 0 0  20px;



	background:url(../images/boxBg2.jpg) 2px 4px no-repeat;



}



#boxContent li p.bullet3{



	margin:0;



padding:0 0 0  20px;



	background:url(../images/boxBg3.jpg) 2px 4px no-repeat;



	



}



#boxContent li p.bullet4{



	margin:0;



	padding:0 0 0  20px;



	background:url(../images/boxBg4.jpg) 2px 4px no-repeat;







}



.boxBottom{



	margin:0;



	padding:0;



	background:url(../images/box_bottom.jpg) top center no-repeat;



	width:355px;



	height:12px;



}



.solBox1{



	margin:0;



	padding:0;



	float:left;



	width:180px;



}



.solBoxContent{



	background:#DCDCDC url(../images/solBoxContent_bg.jpg) bottom repeat-x;



	padding:10px 10px 0 10px;



	font-size:11px;



	color:#5D5D5D;



}



.solBoxContent p{



	margin:0;



	padding:0;



}



.solBoxContent p a{



	margin:0;



	padding:0 0 0 73px;



	text-decoration:none;



	color:#A3B0B6;



}



.solBoxContent p a:hover{



	margin:0;



	padding:0 0 0 73px;



	text-decoration:underline;



}



.solBoxContent_arrow1{



	margin:0;



	padding:0  20px 0 0;



	background:url(../images/solBox_arrow1.jpg) right no-repeat;



	width:155px;



	height:15px;



}



.solBoxContent_arrow2{



	margin:0;



	padding:0  20px 0 0;



	background:url(../images/solBox_arrow2.jpg) right no-repeat;



	width:155px;



	height:15px;



}



.solBoxContent_arrow3{



	margin:0;



	padding:0  20px 0 0;



	background:url(../images/solBox_arrow3.jpg) right no-repeat;



	width:155px;



	height:15px;



}



.solBox1 H1{



	margin:0;



	padding:0 0 0 10px;



	width:170px;



	height:27px;



	font-size:11px;



	color:#FFFFFF;



	background:url(../images/Sol_boxTop1.jpg) no-repeat;



	line-height:27px;



	font-family:Arial, Helvetica, sans-serif;



}



.solBoxBottom{



	margin:0;



	padding:0;



	background:url(../images/solBoxBottom.jpg) no-repeat;



	width:180px;



	height:7px;



}



.solBox2{
	margin-left:40px;
	padding:0;
	float:left;
	width:180px;
}



.solBox2 H1{
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/Sol_boxTop2.jpg) no-repeat;
	width:170px;
	height:27px;
	font-size:11px;
	color:#FFFFFF;
	line-height:27px;
	font-family:Arial, Helvetica, sans-serif;
}



.solBox3{
	margin-left:40px;
	padding:0;
	float:left;
	width:180px;
}



.solBox3 H1{



	margin:0;



	padding:0 0 0 10px;



	background:url(../images/Sol_boxTop3.jpg) no-repeat;



	width:170px;



	height:27px;



	font-size:11px;



	color:#FFFFFF;



	line-height:27px;



	font-family:Arial, Helvetica, sans-serif;



}



/***********************************************************************************/



/*Products*/



.prod_1Box{



	padding-right:30px;



	width:255px;



}



.prod_1Box H1{



	background:url(../images/prodBoxTop.jpg) no-repeat;



	width:255px;



	height:27px;







}



.prodBox1{



	width:260px;



	padding:0 0 0 30px;



}



.prodBoxContent{



	width:210px;



}



.prodBoxContent_arrow1{



	width:200px;



}



.solBoxContent .prodBoxContent_arrow1 a{



	padding:0 0 0 118px;



}



.solBoxContent .prodBoxContent_arrow1 a:hover{



	padding:0 0 0 118px;



}



.prodBoxContent_arrow2{



	width:200px;



}



.solBoxContent .prodBoxContent_arrow2 a{



	padding:0 0 0 118px;



}



.solBoxContent .prodBoxContent_arrow2 a:hover{



	padding:0 0 0 118px;



}



.prodBox1 H1{



	margin:0;



	padding:0 0 0 10px;



	width:220px;



	height:27px;



	font-size:11px;



	color:#FFFFFF;



	background:url(../images/prodBox_1Top.jpg) no-repeat;



	line-height:27px;



}



.prodBoxBottom{



	margin:0;



	padding:0;



	background:url(../images/prodBoxBottom.jpg) no-repeat;



	width:230px;



	height:7px;



}



.prodBox2{



	margin:0;



	padding:0;



	float:left;



	width:250px;



}



.prodBox2 H1{



	margin:0;



	padding:0 0 0 10px;



	background:url(../images/prodBox_2Top.jpg) no-repeat;



	width:220px;



	height:27px;



	font-size:11px;



	color:#FFFFFF;



	line-height:27px;



	



}



.prod_1BoxContent{



	width:235px;







}



.prod_1BoxBottom{



	background:url(../images/prod_1boxBottom.jpg) no-repeat;



	width:255px;



	height:13px;







}



/***********************************/



/*popup style*/







#popupBox{



	position:absolute;



	margin:0;



	padding:0;



	width:885px;



	top:265px;



	left:0;



	z-index:10;



}



#popupBoxClose{



	position:absolute;



	margin:0;



	padding:0;



	left: 16px;



	top: 13px;



	z-index:10;



	background:url(../images/closeButton.png) no-repeat;



}



#popupBoxContent{



	width:821px;



	height:355px;



	padding:32px;



	background:url(../images/popupBg.png) no-repeat;



	/**background-image: none;



	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/popupBg.png, sizingMethod='image');*/



	font-size:13px;



}



.popupBoxContentLeft{



	float:left;



	margin:0;



	padding:10px 15px 0 5px;



	width:235px;



	color:#868686;



}



.popupBoxContentLeft H1{



	margin:0;



	padding:0;



	color:#748b97;



	font-size:24px;



	font-weight:normal;



}



.popupBoxContentLeft p{



	margin:0;



	padding:0;



}



.popupBoxContentRight{



	float:left;



	margin:0;



	padding:0;



	width:525px;



}



.boxRightContact{



	margin:10px 0 0 0;



	padding:5px;



	background:#EDF5F8 url(../images/box_right_bg.jpg) repeat-x top;



	border:1px solid #9CB1BB;



	font-size:10px;



	color:#688391;



}



/********************



*styles for about_us



*/



.events{



	width:320px;







}



.eventsRight{



	width:246px;







}



.events_square{



	margin:0;



	padding:0;



	width:14px;



	height:14px;



	border:1px solid #8FA6B6;	



}



.events_circle{



	margin:0;



	padding:0;



	width:17px;



}



.about_us p{



	text-align:justify;



}



.AboutUsCleanBox{



	margin:5px 0 0 0;



	padding:17px 0 0 0;



	background:url(../images/AboutUsCleanBox.jpg) no-repeat;



	width:143px;



	height:302px;



	text-align:center;



}



.AboutUsCleanBox a{



	margin:0;



	padding:0;



}



.AboutUsPress p{



	font-style: italic;



}



.AboutUsPress p.indentStyle{



	padding:0 0 0 12px;



}



.AboutUsPress p strong{



	padding:0 0 0 13px;



	background:url(../images/press_bullet.gif) left no-repeat;



	width:11px;



	height:11px;



	color:#89A0AB;



	font-style:normal;



}



#contact_label{



	color:#838383;



}



.noStyle{



	width:auto;



	height:auto;



	background:none;



	border:none;



}



.logosHome{
	margin:0 auto;
	padding:10px 0 0 0;
	width:858px;
	border-top:3px double #dbdbdb;
	font-size:11px;
	color:#5D5D5D;
	font-family:Arial, Helvetica, sans-serif;
}



.logosHomeContent{



	margin:0 auto;



	width:480px;



}



#content .logosHomeContent p{



	margin:0;



	padding:0 5px 0 5px;



}



#content .logosHomeContent a{



	margin:0;



	padding:0;



	text-align:right;



	color:#000000;



	font-weight:bold;



	text-decoration:none;



}



#content .logosHomeContent a:hover{



	text-decoration:underline;



}



.logosHome1{



	float:left;



	width:145px;



}



.logosHome2{



	float:left;



	width:165px;



}



.logosHome3{
	float:left;
	width:140px;
}


/*
* styles for footer 
* 
*/



div#mainfooter {
	position:absolute;
	width:978px;
	bottom:0; /* stick to bottom */
	height:44px;
	text-align:center;
	color:#949494;
	font-size:11px;
}



div#mainfooter a{



	color:#949494;



	text-decoration:none;



	}



div#mainfooter a:hover, div#mainfooter a.active{



	text-decoration:underline;



	}