﻿*{margin:0px; padding:0px}

img{border:0px}

html{
	width:100%;
	height:100%;
	text-align:center;
	background:#FFFFFF;
}

body{
	width:960px;
	margin:auto;
	position:relative;
	text-align:left;
	font-family:tahoma;
	font-size:11px;
	color:#666666;

}

/*-- Header Styles --*/
#header{width:960px;margin:0px;font-family:Arial, Helvetica, sans-serif;}

#header img#logo{float:left;margin:10px 0px 10px 10px;padding:0px;border:0px;}

#header .headlinks {color:#000066;}
#header .headlinks a{color:#000066; text-decoration:none;}
#header .headlinks a:hover{text-decoration:underline;}
#header .headlinks a:active{text-decoration:none;}
#header .headlinks img{margin:0px 3px 2px 0px;padding:0px;border:0px;vertical-align:middle; text-decoration:none;}
#header .pipe{padding-right:15px; padding-left:15px;}

#header #nav{width:960px; clear:both; padding-bottom:10px}
#header #nav ul{
	height:30px;
	margin:0px;
	padding:0px;
	list-style:none;
	background:transparent url('images/menuBar.png') top left no-repeat;
}



#header .headlinks{
	width:225px;
	position:relative;
	top:1px;
	margin:0px;
	padding:0px;
	float:right;
	font-size:11px;
}

#languageBouble{
	display:none;
	width:138px;
	height:131px;
	position:absolute;
	top:15px;
	right:40px;
	padding-top:12px;
	padding-left:15px;
	padding-right:20px;	
	font-size:11px;
	background:transparent url('images/languagesBouble.png') top left no-repeat;
}

#languageBouble #closingX{
	float:right;
	border:0px;
}
#languageBouble p{padding-top:5px; padding-bottom:5px;}
#languageBouble a{color:#000066; text-decoration:none;}
#languageBouble a:hover{text-decoration:underline;}
#languageBouble a:active{text-decoration:none;}
#languageBouble img{margin:0px 3px 2px 0px;padding:0px;border:0px;vertical-align:middle; text-decoration:none;}


#header #nav ul li{
	float:left;
	height:30px;
	line-height:25px;
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
}

#header #nav ul .button{width:192px;}
#header #nav ul li a{
	display:block;
	width:100%;
	margin:0px;
	padding:4px 0px 0px 0px;
	height:30px;
	text-decoration:none;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

#button1hover{background:transparent url('images/menuBar.png') 0px -30px no-repeat;}
#button2hover{background:transparent url('images/menuBar.png') -192px -30px no-repeat;}
#button3hover{background:transparent url('images/menuBar.png') -384px -30px no-repeat;}
#button4hover{background:transparent url('images/menuBar.png') -576px -30px no-repeat;}
#button5hover{background:transparent url('images/menuBar.png') -768px -30px no-repeat;}

/*-- Header Styles --*/

.cloudyBar{
	background:transparent url('images/bar.png');
	width:960px;
	height:202px;
	margin-bottom:12px;
}

.RightPanel{
	width:203px;
	float:right;
	margin-left:25px;
}

.LeftPanel{
	width:203px;
	float:left;
	margin-right:25px;
}

#ourCustomers{
	background:transparent url('images/customers.png');
	height:521px;
	padding:10px;
}

#ourEnv{
	background:transparent url('images/frame.png');
	height:253px;
	padding-top:10px;
}

#ourProducts{
	margin-top:12px;
	background:transparent url('images/frameProducts.png');
	height:253px;
	padding-top:10px;
}

#productsList{
	background:transparent url('images/bigBouble.png');
	height:530px;
	padding-top:10px;
}


#emptyFrame{
	margin-top:12px;
	background:transparent url('images/emptyFrame.png');
	height:253px;
	padding-top:10px;
}

#partners{
	padding-top:20px;
	text-align:center;
}

#partners img{
	padding:2px;
	padding-bottom:5px;
}

.framesTitle{
	width:203px; padding-top:2px; vertical-align:middle; height:34px; text-align:center; color:#040888; font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size:16px
}

#contactFrame{text-align:center;}
#contactFrame a{text-decoration:none;color:#666666}
#contactFrame a:hover{text-decoration:underline;color:#666666}
#contactFrame table{width:100%; padding-top:10px;}
#contactFrame th{text-align:right;}
#contactFrame td{text-align:left;}



#domticker{ border: none; padding: 5px; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#domticker a {text-decoration: none; color: #000000;}

#frameMenu{width:203px; clear:both; padding-bottom:10px}
#frameMenu ul{
	height:30px;
	margin:0px;
	padding:0px;
	list-style:none;
}

#frameMenu ul li{
	float:left;
	width:203px;
	height:32px;
	line-height:30px;
	margin:0px;
	padding:0px;
	display:block;
	text-align:left;
}

#frameMenu ul li img{
	padding-left:5px;
	vertical-align:middle;
	padding-right:5px;
	padding-top:0px;
	}

#frameMenu ul li a{
	display:block;
	width:100%;
	margin:0px;
	padding:0px 0px 0px 0px;
	height:32px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#666666
}


.frameMenuButtonPressed {
	background:transparent url('images/frameSelect.png') top left no-repeat;
}

.frameMenuButton {
	background:transparent;
}


#frameMenuHigher{width:203px; clear:both; padding-bottom:10px}
#frameMenuHigher ul{
/*	height:30px;*/
	margin:0px;
	padding:0px;
	list-style:none;
}

#frameMenuHigher ul li{
	float:left;
	width:203px;
	height:42px;
/*	line-height:20px;*/
	margin:0px;
	padding:0px;
	display:block;
	text-align:left;
}

#frameMenuHigher ul li img{
	padding-left:7px;
	vertical-align:middle;
	padding-right:7px;
	padding-top:2px;
	float:left;
	}

#frameMenuHigher ul li a{
	display:block;
	width:100%;
	margin:0px;
	padding:3px 0px 0px 0px;
	height:42px;
	text-decoration:none;
	font-size:10px;
	color:#666666
}

#frameMenuHigher ul li a strong{ font-size:13px; line-height:20px;}



.frameMenuHigherButtonPressed {
	background:transparent url('images/frameSelectHigher.png') top left no-repeat;
}

.footer{
	padding-top:10px;
	clear:both;
}

.mainText{
	padding-top:10px;
	font-size:12px;
	color:#666666;
	text-align:justify;
}

.mainText p{
	padding-bottom:10px;
}

.mainText ul{
	padding-left:16px;
	display:table-cell;
}

.mainText li{
	padding-top:5px;
}

.mainText strong{
	font-size:13px;
	font-weight:bold;
	color:#666666
}

#footerContent{
	width:960px;
	height:30px;
	border-top:1px #DDDDDD solid;
	text-align:center;
}

#footerContent a{text-decoration:none; color:#666666;}
#footerContent a:hover{text-decoration:underline; color:#666666;}

#productsBullits{border-top:1px silver solid; width:50px; position:relative; left:130px;}

#productsContect {height:198px;}
#productsContect p{ padding-bottom:2px;}
#productsBullits img{ padding-left:2px;}

#ScreenshotBullits{border-top:1px silver solid; width:110px; position:relative; left:15px; font-size:10px; padding-left:5px; padding-top:5px;}
#ScreenshotBullits a{text-decoration:none; color:#666666; padding-right:2px; font-weight:700;}
#ScreenshotBullits a:hover{text-decoration:underline; color:#666666;}

.enviroments a{text-decoration:none; color:#666666;}
.enviroments a:hover{text-decoration:none; color:#666666;}
.enviroments img{vertical-align:middle; padding-bottom:5px; padding-right:3px;}

#contactusForm {width:350px; margin-left:auto; margin-right:auto; padding-top:50px;}
#contactusForm td{padding-top:5px;}

.defaultButton{
	min-width: 100px;
	height: 29px;
	margin: 6px;
	padding:0px 10px 0px 10px;
	border: 1px solid #888888;
	color:#FFFFFF;
	background: transparent url('images/buttonsBG.png') repeat-x 0px 0px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.defaultButton:active{background: transparent url('images/buttonsBG.png') repeat-x 0px bottom;}

