@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;
	background:#fff;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

}







.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.bullet5{

margin:0;
padding:0 0 0  20px;
background:url(../images/boxBg5.jpg) 2px 4px no-repeat;

}
.style5 { color:#de4b00;}






#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;







	}