BODY { background: #fff; margin: 0; font-family: Tahoma; font-size: 0.8em; color: #333; }
h1 { margin: 10px 0px; color: #54a9cc; }
a { color: #5b96bf; font-weight: bold; text-decoration: none; }
a:hover { color: #333; }

.top { margin-top: 0; }
#outer { width: 100%; height: 100%; }

#header { border-bottom: 1px solid #fff; width: 100%; background: url('../images/headerbg.jpg') repeat-x #fff; height: 100px; }
#header .inner { padding: 8px 0px; width: 1000px; margin: 0px auto; }
#header .logo { float: left; background: url('../images/logo.png') no-repeat; width: 240px; height: 80px; }								
#header .logo a { display: block; height: 80px; width: 240px; }
#header .contact { color: #fff; margin: 0px 0px; float: right; width: 200px; text-align: right; }
#header .contact a {  font-size: 1.1em; font-weight: normal; color: #fff; }
#header .quote {font-size: 1.2em; margin: 24px 0px; float: right; background: url('../images/contactquote.png') no-repeat; height: 34px; width: 152px; }
#header .quote h4 { font-size: 0.8em; text-align: center; margin: 10px 0px 0px; color: #fff; }

#header .nav { width: 550px; float: left; }
#header .nav ul, li { margin: 30px 0px; padding: 0px; }
#header .nav li { font-size: 1.1em; list-style-type: none; float: left; margin-right: 10px; }
#header .nav li a { color: #fff; font-weight: bold; display: block; width: 80px; text-align: center;  padding: 3px 0px 10px; text-decoration: none; }
#header .nav li a:hover { background: url('../images/menuhover.png') bottom center no-repeat; color: #55c0ed; }

#main { width: 1000px; margin: 0 auto; margin-top: 5px; }

.infoBox { background: url('../images/infoBox.jpg') repeat-x #55beea; color: #333;  width: 1000px; height: 140px; }
.infoBox h3 { margin-top: 10px; }
.infoBox .borders { position: absolute; width: 1000px; height: 140px; }
.infoBox .tl { background: url('../images/ind/borders-top.png') top left; position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
.infoBox .tr { background: url('../images/ind/borders-top.png') top right; position: absolute; top: 0; right: 0; width: 20px; height: 20px; }
.infoBox .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
.infoBox .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }

.inner { padding: 5px;  }

#motto { width: 1000px; height: 100px; background: url('../images/motto.jpg') right no-repeat; }

#indTop { height: 250px; width: 1000px; background: url('../images/ind/top.jpg') #fff; margin-top: -5px; color: #000; }
#indTop .borders { height: 250px; width: 1000px; position: absolute;  }
#indTop .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#indTop .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }
#indTop h1 { margin-top: 0; }
#indTop .eco { margin: 25px 0px 0px 20px; width: 310px; height: 200px; }
#indTop .eco .transparency { position: absolute; width: 310px; height: 200px; background: #fff;  -moz-opacity:.50; filter:Alpha(Opacity=50); opacity:.50; }
#indTop .eco .inner { padding: 10px; position: relative; background: url('../images/onebit_19.png') top right no-repeat; }
#indTop .eco h4 a { color: #333; }
#indTop .eco h4 a:hover { color: #000; }

#ind { width: 1000px; margin-top: 10px; }
#ind .news { width: 1000px; font-size: 0.9em; }
#ind .news h2 { font-size: 1.2em; }
#ind .news .desc { margin-bottom: 10px; }
#ind .infoBox .brochure { float: right; width: 200px; text-align: center; margin-top: 15px;}
#ind .infoBox .brochure span { margin: 3px 0px 3px; display: block; font-size: 1.1em; }
#ind .infoBox .brochure a:link { display: block; }
#ind .infoBox .brochure a:hover { color: #5b96bf; }

#ecoTop { height: 150px; width: 1000px; background: url('../images/eco/top.jpg') #fff; margin-top: -5px; color: #000; }
#ecoTop .borders { height: 150px; width: 1000px; position: absolute;  }
#ecoTop .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#ecoTop .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }
#ecoTop h1 { margin-top: 0; }
#ecoTop .eco { margin: 10px 0px 30px 0px; top: 0; right: 0; position: absolute; width: 500px; height: 80px; }
#ecoTop .eco .inner { padding: 10px; position: relative; }
#ecoTop h1 { color: #000; margin: 0px 0px 5px 0px;}
#ecoTop h2 { color: #000; margin: 0px 0px 5px 0px;}
#ecoTop .eco h4 a { color: #333; }
#ecoTop .eco h4 a:hover { color: #000; }

#eco { width: 1000px; }
#eco h1 { margin-bottom: 0px; }
#eco h2 { margin-top: 0px; }

#companyTop { height: 150px; width: 1000px; background: url('../images/company/top.jpg') #fff; margin-top: -5px; color: #000; }
#companyTop .borders { height: 150px; width: 1000px; position: absolute;  }
#companyTop .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#companyTop .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }
#companyTop h1 { margin-top: 0; color: #ccc; font-weight: normal; font-style: italic; }
#companyTop .env { margin: 10px 0px 0px 20px; width: 610px; height: 120px; }
#companyTop .env .transparency { position: absolute; width: 610px; height: 120px; background: #fff;  -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
#companyTop .env .inner { padding: 5px; position: relative; }
#companyTop .env h4 a { color: #333; }
#companyTop .env h4 a:hover { color: #000; }

#com .careers { float: right; margin: 0px 0px 0px 10px; width: 280px; height: 190px; background: url('../images/company/buttonbg-careers.jpg') repeat-x; color: #fff; font-weight: bold; }
#com .careers .borders { height: 190px; width: 280px; position: absolute; }
#com .careers .tl { background: url('../images/ind/borders-top.png') top left; position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
#com .careers .tr { background: url('../images/ind/borders-top.png') top right; position: absolute; top: 0; right: 0; width: 20px; height: 20px; }
#com .careers .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#com .careers .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }
#com .careers .inner { padding: 5px; position: relative; }
#com .careers h1 { font-size: 1.4em; color: #fff; margin: 10px 0px 5px; }
#com .careers h2 { font-size: 1.1em; margin: 3px 0px 0px; color: #ffcc00; }
#com .careers p { font-size: 1em; font-weight: normal; color: #000; }
#com .careers h4 { color: #ffcc00; }

#careers { width: 1000px; }
#careers .left { float: left; width: 690px; position: relative; }
#careers .left .list { border-bottom: 4px dashed #ccc; margin: 0px 0px 10px; }
#careers .left .list h3 { margin-top: 0; }
#careers .info { float: left; margin: 0px 0px 0px 10px; width: 300px; height: 400px; background: url('../images/company/buttonbg-careers.jpg') repeat-x #4a8ed7; color: #fff; }
#careers .info .borders { height: 400px; width: 300px; position: absolute; }
#careers .info .tl { background: url('../images/ind/borders-top.png') top left; position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
#careers .info .tr { background: url('../images/ind/borders-top.png') top right; position: absolute; top: 0; right: 0; width: 20px; height: 20px; }
#careers .info .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#careers .info .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }
#careers .info .inner { padding: 5px; position: relative; }
#careers .info .gap { margin: 5px 0px 5px; background: #fff; width: 100%; height: 3px; }
#careers .info h1 { text-align: center; }
#careers .info h2 { margin: 0px 0px 5px; font-size: 1.2em; text-align: center; }
#careers .info h3 { text-align: center; }
#careers .info h4 { color: #000; }
#careers .info ul, li { margin: 0px 0px 10px; padding: 0; }
#careers .info li { padding: 0px 0px 0px 10px; font-weight: bold; }
#careers .info ul h4 { color: #fff; text-decoration: underline; }
#careers .info p { color: #ffde00; }
#careers .info a { color: #000; }

#servicesTop { height: 150px; width: 1000px; background: url('../images/services/top.jpg') #fff; margin-top: -5px; }
#servicesTop .borders { height: 150px; width: 1000px; position: absolute;  }
#servicesTop .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#servicesTop .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }

#mcafeeTop { height: 130px; width: 1000px; background: url('../images/services/mcafee/secure2.jpg') #fff; margin-top: -5px; }
#mcafeeTop .borders { height: 130px; width: 1000px; position: absolute;  }
#mcafeeTop .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#mcafeeTop .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }

#maintTop { height: 130px; width: 1000px; background: url('../images/services/maintenance/header.jpg') #fff; margin-top: -5px; }
#maintTop .borders { height: 130px; width: 1000px; position: absolute;  }
#maintTop .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#maintTop .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }

#maint .keypoints { float: right; margin: 0px 0px 0px 10px; width: 310px; height: 290px; background: url('../images/services/maintenance/facts.jpg') repeat-x; color: #111; font-weight: bold; }
#maint .keypoints .borders { height: 290px; width: 310px; position: absolute; }
#maint .keypoints .tl { background: url('../images/ind/borders-top.png') top left; position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
#maint .keypoints .tr { background: url('../images/ind/borders-top.png') top right; position: absolute; top: 0; right: 0; width: 20px; height: 20px; }
#maint .keypoints .bl { background: url('../images/ind/borders-top.png') bottom left; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; }
#maint .keypoints .br { background: url('../images/ind/borders-top.png') bottom right; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; }
#maint .keypoints .inner { padding: 5px; position: relative; }
#maint .keypoints h1 { font-size: 1.2em; color: #000; margin: 5px 0px 10px; text-align: center; }
#maint .keypoints ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; }
#maint .keypoints li { font-size: 0.85em; font-weight: normal; margin: 0px 0px 5px 0px; padding: 0px; }
#maint .subtitle { font-weight: bold; display: block; }

#ser { width: 1000px; }
#ser .main { width: 800px; margin-right: 20px; float: left; }
#ser .main .list { border-bottom: 2px solid #ccc; }
#ser h3 { color: #167fac; }
#ser .tech { width: 180px; float: left; background: url('../images/sidebar-1.png') top left no-repeat; padding-top: 10px; }
#ser .tech .bottom { width: 180px; background: url('../images/sidebar-1.png') bottom left no-repeat; height: 15px; } 
#ser .tech h2 { color: #fff; text-align: center; margin-top: 5px; }

#port { width: 1000px; }

#port .list { width: 980px; height: 190px; margin: 0; padding: 0; border: 1px solid #CCC; padding: 10px; background-color: #EEE; list-style-type: none; text-align: left; }
#port .image { float: left; margin-right: 10px; min-height: 160px;  }
#port .description { width: 680px; float: left; }

#port .check { width: 600px; height: 90px; float: left;  }
#port .check .option { width: 135px; height: 90px; margin-right: 3px;  float: left; text-align: center;  }
#port .check .last { margin-right: 0px; }
#port .check h3 { margin: 0px 0px 4px; }
#port .tick { background: url('../images/Accept.png') center no-repeat; }
#port .cross { background: url('../images/Delete.png') center no-repeat; }
#port .link { background: url('../images/link.png') center no-repeat; }
#port .link a { width: 135px; height: 90px; display: block; }

#port .title { margin: 0px 0px 15px 0px; display: block; font-weight: bold;font-size: 1.3em; }
#port .subtitle { margin: 0px; display: block; font-weight: bold; font-size: 1em; color: #34739f; }
#port .gap { width: 1000px; height: 10px; }

#news { width: 1000px; }
#news .list { margin: 0px 0px 10px; width: 1000px; }
#news .list .inner { padding: 5px; position: relative; }

#contact { width: 1000px; }
#contact fieldset { border: none; }
#contact label { width: 150px; float: left; }
#contact input, select { width: 280px; }
#contact textarea { width: 280px; height: 200px; }
#contact .main { width: 496px; margin-left: 10px; float: left; border: 2px dotted #ccc; }
#contact .main h2 { margin: 10px 0px 0px 10px; }
#contact form { padding: 10px; margin: 0px 0px 0px 10px; }
#contact label { font-style: italic; }
#contact .details { width: 490px; float: left; }
#contact .requestQuote { border-left: 5px solid #ff0000; padding-left: 10px; }
#contact .requestQuote h3 { color: #ff0000; }

#footer { margin: 10px 0px 0px; width: 100%; background: #111; border-top: 1px dashed #bbb; color: #fff; float: left; }
#footer h4 { margin: 0px 0px 3px; }
#footer ul, li { margin: 0px; padding:0; }
#footer ul { margin: 0px 0px 10px; }
#footer li { list-style-type: none; }
#footer a:hover { color: #fff; }
#footer .inner { position: relative; font-size: 0.85em; padding: 8px 0px 8px; width: 1000px; margin: 0 auto; text-align: center; height: 100px; }
#footer .legal { float: left; width: 400px; text-align: left; }
#footer .company { float: left; width: 400px; text-align: right; }
#footer .security { float: left; width: 200px; text-align: center; }
#footer .security .social { width: 200px; height: 35px; margin: 10px 0px; }
#footer .security .icon { width: 35px; height: 35px; float: left; }
#footer .security .facebook { margin: 0px 0px 0px 65px; background: url('../images/facebook.png') no-repeat; }
#footer .security .twitter { background: url('../images/twitter.png') no-repeat; }
#footer .security .icon a { display: block; height: 100%; width: 100%;}
#footer .security .icon h4 { display: none; }

.describe { display: none; }

.required {	font-size: 7pt;	color: red; }
.validation-error {	background-color: #ED9E9E;	padding: 4px;	border: 1px solid #931C1C;	font-weight: bold;}
.enterme {	display: none;}

#slides { width: 1000px; }
.slides_container { height:170px; border: 4px solid #ccc; }
.slides_container div {  padding: 5px; width: 1000px; }
.slides_container ul, li { margin: 0; padding: 0; }
#slides .pagination {	margin:10px auto 0;	width:100px;	height: 14px;}
#slides .pagination li {	float:left;	margin:0 1px;	list-style:none;}
#slides .pagination li a {	display:block;	width:12px;	height:0;	padding-top:12px;	background-image:url(../images/pagination.png);	background-position:0 0;	float:left;	overflow:hidden;}
#slides .pagination li.current a {	background-position:0 -12px;}
#slides h1 { margin-top: 0; }
#slides img { float: right; margin: 5px 5px 0px 10px;  }