@charset "utf-8";
/* CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size:12px;
	padding-top:0px;
	margin-top:0px;
	/*background:url(../images/back.jpg);*/
	background-color:#252525;
}

a
{
	text-decoration:none;
}

.container
{
	margin-left:auto;
	margin-right: auto;
	width:950px;
	height:100%;
}
	
.header
{
	width:100%;
	float:left;
	height:130px;
	background-color:#000;
	border-bottom:5px solid #eeb92c;
	border-top:6px solid #464646;
}

.date
{
	width:300px;
	height:45px;
	color:#fff;
	float:left;
	padding:5px;
	background:url(../images/date.jpg) no-repeat;
	overflow:hidden;
	margin-left:15px;
	text-align:center;
}

.phone
{
	font-size:18px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.logo
{
	width:500px;
	height:90px;
	border:0px solid #fff;
	margin-top:10px;
	overflow:hidden;
	float:left;
	background: url(../images/logo2.jpg) no-repeat;
}

.banner
{
	width:950px;
	height:150px;
	background-color:#ccc;
	float:left;
	border-bottom:2px solid #eee;
}

.banner_right
{
	width: 519px;
	height: 150px;
	float:left;
	/*background:url(../images/banner_right.jpg) no-repeat;*/
	overflow:hidden;
}

.banner_left
{
	width: 431px;
	height: 150px;
	float:left;
}

.content
{
	width:100%;
	height:100%;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	background-color:#ffffff;
}

.admin_holdall
{
	width:100%;
	height:100%;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	background-color:#ffffff;
}

.footer
{
	width:100%;
	float:left;
	height:30px;
	background-color:#000;
	border-top:5px solid #eeb92c;
	color:#fff;
	text-align:center;
	padding-top:8px;
	font-size:11px;
}


.footer_caption
{
	width:950px;
	height:100%;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-size:11px;
	color:#fff;
	float:left;
}

.orange
{
	color:#eeb92c;
}

h2
{
	color:#0047af;
	font-size:16px;
	margin:0px;
	padding:0px;
	
}

h3
{
	color:#efa203;
	font-size:14px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

/*hr
{
	border-top:1px solid #eee;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	height:2px;
}*/

hr {
  border: none;
  background-color: #eee;
  color: #eee;
  height: 1px;
  margin-bottom:10px;
}

/* START TOP MENU */
#tabs 
{
      float:left;
      width:915px;
      background-color:#000;
      font-size:93%;
      line-height:normal;
      padding-left:35px;
	  margin-top:7px;
	  /*font-family: Arial, Helvetica, sans-serif; 
	  font-size:10px;
	  font-weight:bold;*/
	  FONT: bold 12px "Helvetica", Arial, Geneva, sans-serif; COLOR: #eee;
}

#tabs ul 
{
      margin:0;
      padding:0px 0px 0 0px;
      list-style:none;
}
    
#tabs li 
{
      display:inline;
      margin:0px;
      padding:0px;
}

#tabs a 
{
      float:left;
      background:url("../images/navleft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}

#tabs a span 
{
      float:left;
      display:block;
      background:url("../images/navright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
    
#tabs a:hover span 
{
      color:#FFF;
}

#tabs a:hover 
{
      background-position:0% -42px;
}
    
#tabs a:hover span 
{
      background-position:100% -42px;
}

body.home #tabs #home, body.home #tabs #home a,
body.contact #tabs #contact, body.contact #tabs #contact a,
body.about_us #tabs #about_us, body.about_us #tabs #about_us a,
body.it #tabs #it, body.it #tabs #it a,
body.telecom #tabs #telecom, body.telecom #tabs #telecom a,
body.paging_system #tabs #paging_system, body.paging_system #tabs #paging_system a,
body.structured_cabling #tabs #structured_cabling, body.structured_cabling #tabs #structured_cabling a,
body.security_system #tabs #security_system, body.security_system #tabs #security_system a,
body.access_control #tabs #access_control, body.access_control #tabs #access_control a,
body.web #tabs #web, body.web #tabs #web a,
body.care_plan #tabs #care_plan, body.care_plan #tabs #care_plan a,
body.benefits #tabs #benefits, body.benefits #tabs #benefits a
{
      background-position:0% -42px;
}

body.home #tabs #home, body.home #tabs #home a span,
body.contact #tabs #contact, body.contact #tabs #contact a span,
body.about_us #tabs #about_us, body.about_us #tabs #about_us a span,
body.it #tabs #it, body.it #tabs #it a span,
body.telecom #tabs #telecom, body.telecom #tabs #telecom a span,
body.paging_system #tabs #paging_system, body.paging_system #tabs #paging_system a span,
body.structured_cabling #tabs #structured_cabling, body.structured_cabling #tabs #structured_cabling a span,
body.security_system #tabs #security_system, body.security_system #tabs #security_system a span,
body.access_control #tabs #access_control, body.access_control #tabs #access_control a span,
body.web #tabs #web, body.web #tabs #web a span,
body.care_plan #tabs #care_plan, body.care_plan #tabs #care_plan a span,
body.benefits #tabs #benefits, body.benefits #tabs #benefits a span
{
      background-position:100% -42px;
}
	  
/* END TOP MENU */

.main
{
	width:100%;
}


.tableleft
{
	border-right:1px solid #eee;
	width:200px;
	padding:5px;
	vertical-align:top;
}

.tableleft p
{
	border-bottom: 1px dashed #ccc;
	padding-bottom:5px;
}

.tableleftp 
{
	border-bottom:1px dashed #ccc;
	color:#EEEEEE;
	height:1px;
	padding-bottom:8px;
}

.tableright
{
	border-left:1px solid #eee;
	width:200px;
	padding:5px;
	vertical-align:top;
}

.our_work
{
	float:right;
	border:1px solid #ccc;
	margin:2px;
}
	
.atwork
{
	font-size:12px;
	font-weight:bold;
	color:#0047af;
	margin:0px;
	padding:0px;
	padding-left:4px;
	
}

.atwork h2
{
	background-color:#666;
	text-align:center;
	padding:5px;
	margin-bottom:7px;
	color:#fff;
}

.atworksmall
{
	
	text-align:left;
	padding-left:6px;
	color:#000;
	font-size:11px;
	padding-bottom:0px;
}

.tablecenter
{
	width:520px;
	padding:5px;
	vertical-align:top;
}

.tablecenterone
{
	width:700px;
	padding:5px;
	vertical-align:top;
	text-align:justify;
}

.tablecenterone p
{
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
}

.tablecontent
{
	width:950px;
	padding:15px;
	vertical-align:top;
	height:100%;
	border:0px solid #000;
	text-align:justify;
}

.tablecontent p
{
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
}

.tablecontent ul {
	list-style-image: url(../images/arrow.gif);
	list-style-position: outside;
	}

.arrow
{
	color: #003;
	font-weight:bold;
}

.con_leftside
{
	width:200px;
	height:100%;
}

.con_leftside a
{
	text-decoration:none;
}

.con_leftside a:hover
{
	text-decoration:underline;
}

/**********************
Form Validation
***********************/

#myForm {
	border: 0px solid #eee;
	padding: 5px;
	width:415px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: left;
	width: 100px;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: #F00;
}

#myForm .customRed {
	border: none;
	color: #F00;
}

#myForm #submit {
	margin-left: 100px;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display: none;
}

#myForm .errorMessage {
	color: #F00;
	margin-left: 10px;
	font-size: 11px;
}

.redstar
{
	color:#F00;
}


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

.leftButton
{
	width:200px;
	height:30px;
	border-top: 1px solid #ccc;
}

.images
{
	float:right;
	width:62px;
	height:55px;
	margin:3px;
}

.image_button
{
	float:right;
}

.grey
{
	background-color:#333;
	text-align:left;
	color:#fff;
}

.light_grey
{
	background-color:#eee;
	padding:5px;
}

.white
{
	background-color:#fff;
	padding:5px;
}

.tablep
{
	padding:5px;
}

.care
{
	width:246px;
	float:left;
	border:1px solid #ca7a1f;
	padding:3px;
}

.care_head
{
	width:254px;
	float:left;
	color:#fff;
	height:28px;
	background: url(../images/orange.jpg) no-repeat;
	font-weight: bold;
	padding-left:3px;
	padding-top:3px;
}

.itmenu
{
	list-style:none;
	border:1px solid #000;
	padding:0px;
	margin:0px;
	width:100px;
}

.itmenu li
{
	height:20px;
	padding:5px;
	border-top:1px solid #000;
	width:100px;
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
}


#navcontainer ul {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
list-style-type:none;
font-weight:bold;
margin:0 0 0;
padding:0;
width:200px;
}
#navcontainer a {
background-color:#F1F9FF;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
border-bottom:1px solid #F1F1F1;
color:#333333;
display:block;
height:15px;
padding:6px 6px 6px 22px;
padding-left:10px;
}
#navcontainer a:link, #navlist a:visited {
text-decoration:none;
}
#navcontainer a:hover {
background-color:#F1F9FF;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
border-bottom:1px solid #B7D7F3;
color:#fff;
}

body#it #navcontainer #it, 
body#it #navcontainer #it a.hover, 
body#benefits #navcontainer #benefits, 
body#benefits #navcontainer #benefits a.hover, 
body#web #navcontainer #web, 
body#web #navcontainer #web a.hover, 
body#care_plan #navcontainer #care_plan, 
body#care_plan #navcontainer #care_plan a.hover {
background-color:#6b92d7;
background-image:url(../images/bullet_white.gif);
background-repeat:no-repeat;
border-bottom:1px solid #B7D7F3;
color:#fff;
}
#navcontainer a:hover { 
background-color:#6b92d7;
background-image:url(../images/bullet_white.gif);
background-repeat:no-repeat;
border-bottom:1px solid #B7D7F3;
color:#fff;
}
#navcontainer a:link, #navlist a:visited {
text-decoration:none;
}
#navcontainer a {
background-color:#F1F9FF;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
border-bottom:1px solid #F1F1F1;
color:#333333;
display:block;
height:15px;
padding:6px 6px 6px 22px;

}

.support
{
	width:100px;
	height:70px;
	border:0px solid #fff;
	float:left;
	margin-top:15px;
}

.images_small
{
	float:right;
	border:1px solid #eee;
	padding:5px;
	margin:8px;
}

.imagesT
{
	float:right;
	border:0px solid #eee;
	padding:5px;
}

.commit
{
	width:150px;
}