* { margin: 0; padding: 0; }

/* font */
html { font-size: 100.01%; }
body { font-size: 62.5%; }
input, select, textarea { font-size: 100%; }

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a:link, a:visited { cursor/**/: /**/pointer; }

input.text, textarea { 
	padding: 2px 1px; 
}
.submit {
	cursor/**/: /**/pointer; 
}

ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { margin: 0 5px 0 3px; }

.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

#page .flR { float: right; }
#page .flL { float: left; }
#page .alR { text-align: right; }
#page .alC { text-align: center; }

.hide { display: none; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; }

a:link, a:visited {
	color: #006bb8;
	text-decoration: none;
}
a:visited {
	color: #006bb8;
}
a:link:hover, a:visited:hover {
	color: #006bb8;
	text-decoration: underline;
}
a.inv:link, a.inv:visited {
	text-decoration: none;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: underline;
}

.cols {
	overflow: hidden;
	margin: 0;
}
.cols .col {
	float: left;
	width: 48.5%;
	margin: 0 2.5% 0 0;
}
body #page .last {
	margin-right: 0;
}


/* Clear Floats Without Structural Markup */
#ie7 .clearFix {
	min-height: 1%;
}
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* layout - specific */
body {
	font-family: Verdana, sans-serif;
	background: #e6e6df url(img/page-m.jpg) repeat-x 0 0;
	text-align: center;
}

#page {
	position: relative;
	text-align: left;
	width: 1015px;
	margin: 0 auto;
	background: url(img/content-m.gif) repeat-y 0 0;
	font-size: 1.1em;
	color: #6b6b6b;
}
	#pageB {
		background: url(img/content-b.png) no-repeat 0 100%;
		padding: 0 0 25px;
		position: relative;
	}
		#pageT {
			background: url(img/content-t.jpg) no-repeat 0 0;
			min-height: 850px;
			padding: 30px 54px 0;
			position: relative;
		}

#top {
	position: relative;
	width: 907px;
	overflow: hidden;
}
	#logo {
		float: left;
		width: 225px;
		height: 38px;
		margin: 5px 94px 35px 0;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 225px;
			height: 38px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(img/logo.gif) no-repeat 0 0;
			}

	#menuBar {
		float: left;
		margin: 5px 0 0;
		width: 588px;
		height: 38px;
	}
		#menuBar ul {
			height: 38px;
		}
			#menuBar li {
				float: left;
			}
				#menuBar li a:link, #menuBar li a:visited {	
					float: left;
					display: block;
					position: relative;
					width: 100%;
					height: 38px;
					text-decoration: none;
				}
					#menuBar li a:link span, #menuBar li a:visited span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: url(img/but.png) no-repeat 0 0;
					}
				#menuBar #but1 { width: 146px; }
				#menuBar #but1 a:link span, #menuBar #but1 a:visited span { background-position: 0 0; }
				#menuBar #but1 a:link:hover span, #menuBar #but1 a:visited:hover span,
				#menuBar #but1.active a:link span, #menuBar #but1.active a:visited span { background-position: 0 -38px; }
				#menuBar #but2 { width: 147px; }
				#menuBar #but2 a:link span, #menuBar #but2 a:visited span { background-position: -146px 0; }
				#menuBar #but2 a:link:hover span, #menuBar #but2 a:visited:hover span,
				#menuBar #but2.active a:link span, #menuBar #but2.active a:visited span { background-position: -146px -38px; }
				#menuBar #but3 { width: 147px; }
				#menuBar #but3 a:link span, #menuBar #but3 a:visited span { background-position: -293px 0; }
				#menuBar #but3 a:link:hover span, #menuBar #but3 a:visited:hover span,
				#menuBar #but3.active a:link span, #menuBar #but3.active a:visited span { background-position: -293px -38px; }
				#menuBar #but4 { width: 148px; }
				#menuBar #but4 a:link span, #menuBar #but4 a:visited span { background-position: -440px 0; }
				#menuBar #but4 a:link:hover span, #menuBar #but4 a:visited:hover span,
				#menuBar #but4.active a:link span, #menuBar #but4.active a:visited span { background-position: -440px -38px; }

	#header {
		clear: both;
		
		height: 84px;
		position: relative;
	}
		#header h1 {
			position: absolute;
			left: 5px;
			top: 30px;
			height: 30px;
			width: 250px;
			font-weight: normal;
			color: #AAAAAA;
		}
			#tServices span {
				
			}

#colWrap {
	width: 907px;
	overflow: hidden;
}

#content {
	margin: 0 0 0 60px;
	position:relative;
}



	#content h2 {
		color: #006bb8;
		font-size: 154.5%;
		font-weight: normal;
		padding: 0 0 .3em;
		background: url(img/line-h1.png) no-repeat 0 100%;
		margin: 60px 0 .3em;
		
	}
	
	#content h3 {
		color: #006bb8;
		font-size: 100%;
		font-weight: normal;
	}
	
	
	#content p {
		line-height: 1.7em;
		margin: 0 0 1.5em;
	}
	#content li {
		line-height: 1.7em;
	}

.img {
	float: right;xmargin: -35px 0 20px 45px;position:absolute;top:30px;left:573px;}
	
.img-company {float: right;xmargin: -35px 0 20px 45px;top:30px;left:573px;}

.more {	
	font-weight: bold;
}

.items {
	margin: 0 0 0 25px;
}
	.items li {
		padding: 0 0 0 10px;
		background: url(img/bullet-1.gif) no-repeat 0 .8em;
		margin: 0 0 .5em;
	}


#bot {
	margin: 15px 0 0;
	min-height:50px;
	padding: 12px 0 0;
	color: #9a9a9a;
	border-top: solid 1px #bababa;
	position:relative;
}
	#bot a:link, #bot a:visited {
		
		padding: 0 1em;
	}
	#bot .copyright {
	}

.partners {margin:50px 0 50px 0;}	
.partners ul {list-style-type:none;}
.partners ul li {float:left;}

.first {margin-left:140px;}
.first li {margin-right:50px;}
.second {margin:140px 0 0 20px;}
.second li {margin-right:35px;}

.partners-second ul {list-style-type:none;}
.partners-second ul li {float:left;}


.brxmobile, .mobileplace {position:absolute;padding:4px 0 0 430px;} 
.brxstore, .microsoft {position:absolute;margin-left:595px;top:16px;} 
.padding {padding-right:0px;}

/* Contact form */
.webform-link {margin-top:80px;}
.webform {display:none;width:500px;height:360px;background:url(img/webform-bg.jpg) no-repeat;position:absolute;left:-30px;top:-30px}
.webform input, .webform select, .webform textarea {font-size: 1.0em;font-family:Verdana;}
.webform td {padding: 5px 0;}
.form-textbox {width:300px;padding:3px;border:none;}
.form-btn {border:none;padding:3px;background-color:#006bb8;color:#FFF;}
.close-btn {background-color:#CCCCCC;color:#FFF;font-weight:bold;font-size:14px;width:20px;height:18px;cursor:pointer;text-align:center;float:right;}
.close-btn:hover {background-color:#AAAAAA;}
.arrow-name {width:16px;height:8px;background:url(img/arrow_left.png);display:none;}
.arrow-email {width:16px;height:8px;background:url(img/arrow_left.png);display:none;}
.arrow-message {width:16px;height:8px;background:url(img/arrow_left.png);display:none;}
#ddLoginTo {width:156px;padding:1px;}

/* Client login */

.client-login {position:absolute;left:608px;top:225px;width:269px;}
.client-login input, .client-login select, .client-login textarea {font-size: 1.0em;font-family:Verdana;}
.login-textbox {width:150px;padding:3px;border:none;background-color:#DDDDDD;}
.client-login td {padding:2px 0;}