/* default.css */

body{background-color:#222; background-attachment:fixed;}
.homepage{background:#222 url(../img/bg01.jpg) no-repeat fixed center center;}
.services {background:#222 url(../img/bg02.jpg) no-repeat fixed center bottom;}
.technology{background:#222 url(../img/bg03.jpg) no-repeat fixed center bottom;}
.servicearea{background:#222 url(../img/bg04.jpg) no-repeat fixed center center;}
.contact{background:#222 url(../img/bg07.jpg) no-repeat fixed center top;}

#mainContainer, .leftBox{background:url(../img/bg_trans.png) repeat;}

#mainContainer h2{margin:30px 0 10px 0;}

#containerMain{}
#header{
	position:relative;
	background:url(../img/header.png) no-repeat; 
	height:114px; 
	width:960px;
	}
#header #towt{position:absolute; top:0px; left:690px; cursor:pointer;}


#mainNavigation{position:absolute; top:80px; left:326px;}
#mainNavigation ul{}
#mainNavigation li{display:inline; padding-right:36px; font-weight:bold; text-transform:uppercase; font-size:14px; letter-spacing:-1px;}
#header #mainNavigation li a{color:#000; text-decoration:none; outline: none;}
#header #mainNavigation li a:hover{color:#b32017;}
#header #mainNavigation li a.selected{color:#b32017;}
#header #homeBtn{position:relative; top:0; left:0; width:280px; height:110px; cursor:pointer; text-indent:-9999px;}
#leftContainer{}
.leftBox{height:120px; width:240px; margin:10px 0 0 0; padding:20px; overflow:hidden;}
.leftBox #tag{margin:20px 0 0 0;}
.leftBox h2{margin:0 0 10px 0;}

.leftBox #newsList .leftRow{float:left; display:block; padding:0 0 4px 0;}
.leftBox #newsList{}
.leftBox #newsList li{font-size:12px; width:230px; color:#666; width:200px; float:right; line-height:16px;}
.leftBox #newsList strong{color:#f6f6f6; font-size:11px; padding-right:3px; width:30px; float:left; line-height:16px;}
.leftBox #newsList li a{color:#d8d8d8; text-decoration:none;}
.leftBox #newsList li a:hover{color:#fff;}

.leftBox #newsList .leftRow li a.allNews, .leftBox .leftRow .emailBtn{
	text-transform:uppercase;
	font-weight:bold;
	font-size:8px;
	color:#ccc;
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	border:1px solid #444;
	margin:10px 0 0 0;
	padding:0 8px;
	background:#333;
	text-decoration:none;
	background:url(../img/bg_btn.gif) repeat-x;
	}
	
	.leftBox #newsList .leftRow li a.allNews:hover, .leftBox .leftRow .emailBtn:hover{
	text-transform:uppercase;
	font-weight:bold;
	font-size:8px;
	color:#ccc;
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	border:1px solid #555;
	margin:10px 0 0 0;
	padding:0 8px;
	background:#222;
	text-decoration:none;
	}

.leftBox p{margin:13px 0; color:#fff;}
.leftBox p strong{font-size:11px; color:#666; padding-right:3px; text-transform:uppercase;}
.leftBox p img{margin:6px 0 0 0;}

#leftContainer h2, #mainContainer h2{font-size:12px; color:#00c6ff; text-transform:uppercase;}
#mainContainer h1{font-size:34px; color:#fff; text-transform:uppercase; letter-spacing:-2px; font-weight:normal; margin:0 0 20px 0;}

#mainContainer{margin:10px 0 20px 0; padding:35px;}
#mainContainer p.introText{font-size:17px; color:#ffffff; margin:30px 0; line-height:22px; padding-bottom:20px; border-bottom:1px solid #333;}
#mainContainer p{color:#d8d8d8; font-size:12px; line-height:19px; margin:0 0 20px 0;}
#mainContainer ul{list-style-type:circle; margin:0 0 0 16px;}
#mainContainer li{font-size:12px; color:#d8d8d8; padding:4px 0; line-height:18px;}

#mainContainer .whiteBox, #mainContainer .map{background-color:#fff; float:left; padding:20px; margin:0 0 30px 0;}
#mainContainer .whiteBox a{text-indent:-9999px; width:170px; height:116px; display:block; float:left; font-size:11px; text-transform:uppercase; font-weight:bold; text-decoration:none; color:#b32017; font-family:Tahoma, Geneva, sans-serif; outline: none;}
#mainContainer .whiteBox a:hover{color:#666;}
#mainContainer .whiteBox a.service01{background:url(../img/btn_services_tech.jpg) no-repeat;}
#mainContainer .whiteBox a.service01:hover{background:url(../img/btn_services_tech.jpg) no-repeat 0px -116px;}

#mainContainer .whiteBox a.service02{background:url(../img/btn_services_management.jpg) no-repeat; margin-left:12px;}
#mainContainer .whiteBox a.service02:hover{background:url(../img/btn_services_management.jpg) no-repeat 0px -116px;}

#mainContainer .whiteBox a.service03{background:url(../img/btn_services_volume.jpg) no-repeat; margin-left:12px;}
#mainContainer .whiteBox a.service03:hover{background:url(../img/btn_services_volume.jpg) no-repeat 0px -116px;}


#mainContainer a{color:#fff; text-decoration:underline;}

#mainContainer #contactInfo{margin:30px 0;}
#mainContainer #contactInfo p{color:#ededed; margin:10px 0; padding:0; font-size:12px; line-height:20px;}
#mainContainer #contactInfo strong{color:#ededed; padding-right:3px;}
#mainContainer #contactInfo a{color:#cab048; text-decoration:underline;}
#mainContainer #contactInfo strong.smtext{font-size:10px;}

.contactLine{border-top:#666 1px dotted; margin:20px 0;}


#mainContainer #footer{margin-top:60px; padding-top:26px; border-top:1px solid #333; color:#444;}
#footer p{color:#444; margin:14px 0 0 0;}
#footer ul{margin:16px 0 0 0; padding:0;}
#footer li{display:inline; padding-right:4px; color:#444; font-size:11px;}
#footer li a{text-decoration:none; color:#888;}
#footer li a:hover{color:#fff;}

.clearFloat{clear:both;}
.redText{color:#b32017; font-weight:bold;}
.blueText{color:#00c6ff; font-weight:bold;}
.whiteText{color:#fff;}
.imgRight{float:right; margin:20px; border:1px solid #ccc;}
.imgLeft{float:left; margin:20px 20px 20px 0; border:1px solid #ccc;}
.imgNews{float:left; margin:10px 20px 20px 0; border:1px solid #ccc;}