body {
color : #fff;
text-align : center;
font-size : 12px;
line-height : 1.2;
font-family : Verdana, Arial, Helvetica, Sans-Serif, Monotype Corsiva;
background : #b9b8b8 url(/img/site/bg.png) repeat-y center center;
}

#wrapper{
	height:1000px;
}

#subwrapper{
margin:0 auto;
width:998px;

/*min-height:750px;
height:auto !important;*/
/*height:750px;*/
}

#header{
position : relative;
height:134px;
}
#menu{
  position : relative;
  height:34px;
  padding-bottom:6px;
  background : url(/img/site/horizontal-edge.gif) no-repeat 0 bottom;
  margin-top:-34px;
}

#content{
background : url(/img/site/content-bg.gif) repeat 0 0;
position :relative;
min-height:485px;
height:auto !important;
height:485px;
}

#footer {
clear : both;
position :relative;
height:61px;
background : url(/img/site/horizontal-edge.gif) no-repeat 0 top;
padding-top:6px;
}
#footer a {
  text-decoration:none;
  color:#fff;
}

/*************************************
* replacement
*************************************/
.button input, .button a, .replacement, h3.content{
display : block;
overflow : hidden;
text-indent : -10000px;
background-repeat : no-repeat;
background-position : 0 0;
background-image : url(/img/site/sprite.png);
}
a, .button a, .button input {
border : 0;
cursor : pointer;
}
/***********************************
* replaced tags with images
***********************************/
h1.itelligentsia{
  display:none;
}

h2 a.logo{
  background-image : url(/img/site/logo_sprite.png);
  float:right;
  background-position : 0 0;
  width : 275px;
  height : 124px;
  margin:10px 5px 0 0;
}

/************************
* menu tabs layout
************************/
.menu li {
  float:left;
  height:34px;
  background:url("/img/site/menu_sprite.gif") no-repeat left top;
  background-position : 0 0;
  width:115px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu a {
  float:none;
}
/* End IE5-Mac hack */

.menu #current {
  background-position : 0 -50px;
}
.menu a span{
  background:url("/img/site/menu_title_sprite.png") no-repeat left top;
  margin:12px auto 0px;
}
.menu #current a span{
  background:url("/img/site/menu_active_title_sprite.png") no-repeat left top;
}
/*****************************
* Menu Links
******************************/
.menu a span.index{
  background-position : 0 0px;
  width:37px;
  height:11px;
}
.menu #current a span.index{
  background-position : 0 0px;
  width:40px;
  height:14px;
}
.menu a span.hardware{
  background-position : 0 -50px;
  width:65px;
  height:12px;
}
.menu #current a span.hardware{
  background-position : 0 -50px;
  width:67px;
  height:15px;
}
.menu a span.training{
  background-position : 0 -100px;
  width:55px;
  height:16px;
}
.menu #current a span.training{
  background-position : 0 -100px;
  width:57px;
  height:19px;
}
.menu a span.support{
  background-position : 0 -150px;
  width:54px;
  height:15px;
}
.menu #current a span.support{
  background-position : 0 -150px;
  width:54px;
  height:18px;
}
.menu a span.about-us{
  background-position : 0 -200px;
  width:66px;
  height:14px;
}
.menu #current a span.about-us{
  background-position : 0 -200px;
  width:68px;
  height:17px;
}
.menu a span.contact-us{
  background-position : 0 -250px;
  width:75px;
  height:14px;
}
.menu #current a span.contact-us{
  background-position : 0 -250px;
  width:81px;
  height:22px;
}
.menu #current a span{
	margin-top:12px;
}
/************************
* menu tabs layout
*************************/

/************************
* home page 
*************************/

h3.callUs{
  float:right;
  background-position : 0 0px;
  width:296px;
  height:26px;
  margin:12px 15px 0 0;
  /*border:1px solid red;*/
  
}
h3 a.email{
  clear:right;
  float:right;
  background-position : 0 -50px;
  width:262px;
  height:26px;
  margin:8px 15px 0 0;
  /*border:1px solid red;*/
}
h3.smart{
  clear:left;
  float:left;
  background-position : 0 -100px;
  width:610px;
  height:43px;
  margin:36px 0 0 15px;
}

#home{
	width:930px;
	margin:0 auto;
}

li.blackbox,
a.blackbox{
  float:left;
  height:205px;
  width:300px;
}

li.blackbox{
  margin:5px 5px 10px;
}
a.blackbox{
  display:block;
  background:url("/img/site/box_sprite.png") no-repeat left top;
  text-decoration:none;
  color:#fff;
  text-align:left;
}
a.blackbox:hover{
	background-position : 0 -250px;
}
li.blackbox.long,
a.blackbox.long{
	height:150px;
	width:450px;
}
a.blackbox.long{
	background:url("/img/site/box_long_sprite.png") no-repeat left top;
}
a.blackbox.long:hover{
	background-position : 0 -200px;
}
a.long.training{
margin-left:10px;
}

.boxTitle{
  float:left;
  font-size:18px;
  font-weight:bold;
  color:#ed9930;

  text-transform:uppercase;
  margin:25px 0 0 25px;
  width:135px;
}
.boxTitle.long{
  width:280px;
}
.boxImg{
  float:right;
  margin:25px 20px 0 0;
}
.boxTeaser{
  font-size:14px;
  font-weight: 700;
  text-align : center;  
  clear:both;
  float:left;
  margin:5px 0 0 23px;
  width:255px;
}
.boxTeaser2{
  font-size:12px;
  font-weight: 700;
  color:#8599c9;
  text-align : center;
  clear:both;
  float:left;
  margin:5px 0 0 23px;
  width:255px;
}
.boxTeaserLong{
  font-size:12px;
  font-weight: 700;
  color:#8599c9;
  float:left;
  margin:25px 0 0 30px;
  width:280px;
}
h3.content{
  /*color:#8599c9;*/
  /*color:#ed9930;*/
  float:left;
  margin:15px 0 0 40px;
  height:50px;
  width:250px;
  background:url("/img/site/page_sprite.png") no-repeat left top;
}
h3.content.hardware{
  background-position : 0 0px;
}
h3.content.training{
  background-position : 0 -50px;
}
h3.content.support{
  background-position : 0 -100px;
}
h3.content.about{
  background-position : 0 -150px;
}
h3.content.contact{
  background-position : 0 -200px;
}
h3.content.asset{
  background-position : 0 -250px;
}
h3#formTitle{
  float:left;
  margin:5px 0px 20px 160px;
}
h3#mapTitle{
  float:right;
    margin:5px 140px 20px 0px;
}
/******************************
* contact us page
*******************************/
#contact-wrapper{
	clear:left;
	float:left;
  margin-left:40px;
  width:918px;
}
#contact{
	float:left;
	font-size:14px;
	font-family:verdana;
	width:918px;
}
#contact label,
#contact input,
#contact textarea,
#contact select{
	float:left;
	margin:5px 0px;
}
#contact label{
	width:150px;
	padding-right:10px;
  text-align:right;
  color:#ed9930;
}
.form{
	clear:left;
	float:left;
	width:450px;
}
.txt{
  width:260px;
}
select.txt{
  width:266px;
}
#contact textarea{
	height:150px;
}
#address{
	clear:both;
	float:left;
  font-size:14px;
  width:900px;
  margin:15px 0;
}
#address p.address{
	color:#ed9930;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	line-height:1.4em;
}

.form p{
  text-align:left;
  padding-top:30px;
}
.form p a{
  text-decoration:none;
  color:#ed9930;
}
input#submit{
	margin-left:200px;
}
input#reset{
  margin-left:55px; 
}
div.error{
	clear:left;
  float:left;
  margin:-20px 0 0 160px;
  width:260px;
}
p.error{
	text-align:left;	
}
label.error,
p.error{
  color:red;
}
.spacer{
	clear:left;
	float:left;
	margin:15px 0 15px 0px;
	background-color:black;
	height:3px;
	width:900px;
}
#map{
	clear:right;
	float:right;
	width:366px;
	height:316px;
	margin:5px 20px 20px 0;
}

/**********************
* Generic Styles
***********************/
.cleft {
clear : left;
} 
.cBoth {
	clear:both;
}

/**********************
* Content box styles
***********************/
.contWrapper{
	clear:left;
  float:left;
  margin:30px 0 10px 30px;
}
.contImage{
  clear:right;
  float:right;
  margin:30px 30px 10px 0;
}
.contTopLeft{
	float:left;
  width:20px;
  height:17px;
  background: url(/img/site/content-box-left-top.png) repeat-y 0 0;
}
.contTop{
	float:left;
  height:17px;
  width:88%;
  background: url(/img/site/content-box-top.png) repeat-x 0 0;
}
.contTopRight{
  float:left;
  height:17px;
  width:20px;
  background: url(/img/site/content-box-right-top.png) repeat-y 0 0;
}
.contLeft{
	clear:left;
	float:left;
	width:20px;
	height:100%;
	background: url(/img/site/content-box-left.png) repeat-y 0 0;
}
.cont{
  float:left;
  width:88%;
  height:100%;
  text-align:left;
  background-color: #000;
}
.contRight{
	float:left;
  width:20px;
    height:100%;
  background: url(/img/site/content-box-right.png) repeat-y 0 0;
}
.contBottomLeft{
	clear:left;
  float:left;
  width:20px;
  height:27px;
  background: url(/img/site/content-box-left-bottom.png) no-repeat 0 0;
}
.contBottom{
	float:left;
  width:88%;
  height:27px;
  background: url(/img/site/content-box-bottom.png) repeat-x 0 0;
}
.contBottomRight{
  float:left;
  width:20px;
  height:27px;
  background: url(/img/site/content-box-right-bottom.png) no-repeat 0 0;
}

/*************************
*
**************************/

.contWrapper.hardware{
  height:266px;
  width:500px;
}
.contImage.iHardware{
  height:308px;
  width:404px;
}
contImage.iAsset{
  height:308px;
  width:404px;
}