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

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #FFF;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}

p {margin:0 0 15px 0; line-height:18px;}
table {margin:0 0 15px 0;}

a {font-size: 12px;
	color: #333333;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;
	color: #333333;}
a:hover {text-decoration: none;
	color: #333333;}
a:active {text-decoration: underline;
	color: #333333;}

h1 {font-size: 18px;
	color: #004990;
	margin:0;}
h2 {font-size: 16px;
	color: #000;
	margin:0;}
h3 {font-size: 14px;
	color: #004990;
	margin:0;}
h4 {font-size: 12px;
	color: #000;
	margin:0;}
h5 {font-size: 12px;
	color: #004990;
	margin:0;}
h6 {font-size: 11px;
	color: #666;
	margin:0;
	font-weight:normal;}

.highlight { color:#F00;
	font-weight:bold;}
	
.smallText {font-size:11px;
	line-height:14px;}
	.smallText a {color:#333; text-decoration:underline;
	font-size:11px;
	line-height:14px;}
	.smallText a:link {color:#333; text-decoration:underline;}
	.smallText a:visited {color:#333; text-decoration:underline;}
	.smallText a:hover {color:#333; text-decoration:none;}
	.smallText a:active {color:#333; text-decoration:underline;}

#header {width:956px; height:101px;}
#logo {margin-top:21px; float:left;}

#topPhoto {width:960px; height:220px;
	background:url(../images/topPhoto.jpg) top left no-repeat;}
#tagLine {width:600px; float:right; margin-top:52px;}

#bodyContent {width:956px; margin-top:20px;}

#footer {width:956px; margin:20px 0 0 0;
	background-color:#c6c6c6;
	height:23px;
	font-size:11px;
	color:#FFF;
	padding-top:10px;}
	#footer a {font-size:11px;
	color:#FFF; text-decoration:none;}
	#footer a:link {color:#FFF; text-decoration:none;}
	#footer a:visited {color:#FFF; text-decoration:none;}
	#footer a:hover {color:#FFF; text-decoration:underline;}
	#footer a:active {color:#FFF; text-decoration:none;}

/****** HOME PAGE ******/
#homeLeftTitle {width:615px; border-bottom:#ccc 1px solid; padding-left:20px; padding-bottom:3px; 
	margin-top:25px; float:left;}
#homeLeft {width:615px; padding-left:20px; margin-top:20px; float:left;}
#homeRight {width:290px; padding-right:20px; margin-top:25px; float:right;}
	
a.servicesButton { 
        background:url(../images/view_our_services1.gif) 0 0 no-repeat;; 
        width: 119px; 
        height: 20px; 
        display: block;
		margin:32px 0 0 0;
		float:right;}
a.servicesButton span { 
        display: none;}
a.servicesButton:hover { 
        background: url(../images/view_our_services2.gif) 0 0 no-repeat;}

a.listButton { 
        background:url(../images/full_client_list1.gif) 0 0 no-repeat;; 
        width: 111px; 
        height: 20px; 
        display: block;
		margin:32px 0 0 0;
		float:right;}
a.listButton span { 
        display: none;}
a.listButton:hover { 
        background: url(../images/full_client_list2.gif) 0 0 no-repeat;}

a.moreButton { 
        background:url(../images/more1.gif) 0 0 no-repeat;; 
        width: 51px; 
        height: 20px; 
        display: block;
		margin:0 0 0 0;
		float:right;}
a.moreButton span { 
        display: none;}
a.moreButton:hover { 
        background: url(../images/more2.gif) 0 0 no-repeat;}
		
#homeBoxContainers {
	width:318px;
	float:left;}
#boxTop {
	border-bottom:#ccc 1px solid;
	height:38px;}
#boxTitle {
	border-left:#ccc 1px solid;
	height:23px;
	margin:0 20px 0 20px;
	padding:15px 0 0 10px;}
#boxContent {
	border-left:#ccc 1px solid;
	min-height:200px;
	margin:0 20px 0 20px;
	padding:15px 0 0 10px;}
	
ul.list1 {
	list-style-image:url(../images/sq_blue_bullet.gif);
	list-style-position:outside;
	padding-left:10px;
	margin-left:0;
	line-height:20px;
	font-size:11px;
	margin-top:0;
	}
	ul.list1 li {
		margin-left:0;
		padding-left:0;
		text-indent:5px;}
	ul.list1 a {font-size:11px;
	color:#333;
	margin-left:0;}
	ul.list1 a:link {text-decoration: underline;}
	ul.list1 a:visited {text-decoration: underline;
	color: #333333;}
	ul.list1 a:hover {text-decoration: none;
	color: #333333;}
	ul.list1 a:active {text-decoration: underline;
	color: #333333;}
	
/****** TEMPLATES ******/
#leftContainer {
	width:260px;
	float:left;}
#leftTop {
	border-bottom:#ccc 1px solid;
	height:38px;}
#leftTitle {
	height:26px;
	margin:0 0 0 20px;
	padding:12px 0 0 10px;}
#leftContent {
	min-height:200px;
	margin:0 0 0 20px;
	padding:15px 0 0 10px;}
	
#leftColumn {
	margin:0 0 0 20px;
	padding:15px 0 0 10px;
	height:100%;}
	
ul.sideList {
	list-style:none;
	font-size:11px;
	margin:0;
	padding:0; 
	}

ul.sideList li {
	margin:0;
	background:url(../images/sq_blue_bullet2.gif) left top no-repeat;}

.noLink {
	display:block;
	font-size: 11px;
	color:#666;
	margin:0;
	padding:5px 0 0 15px;
	text-indent:0;
	text-decoration:none;}

ul.sideList a {
	display:block;
	font-size: 11px;
	color:#666;
	margin:0;
	padding:5px 0 0 15px;
	text-indent:0;
	text-decoration:none;}
ul.sideList a:link {
	color:#666;
	text-decoration:none;}
ul.sideList a:visited {
	color:#666;
	text-decoration:none;}
ul.sideList a:active {
	color:#666;
	text-decoration:none;}
ul.sideList a:hover {
	color:#333;
	text-decoration:underline;
	}	
ul.sideList a.current {
	color:#333;
	text-decoration:underline;
	}	
	
#bodyContent2Columns {
	width:956px; margin-top:20px;
	background:url(../images/body_back1.gif) top left repeat-y;}
	
#bodyContent1Column {
	width:956px; margin-top:20px;
	background:url(../images/body_back2.gif) top left repeat-y;}

#mainContainer {
	width:696px;
	float:left;}
#mainTop {
	height:38px;
	border-bottom:#ccc 1px solid;}
#mainTitle {
	height:26px;
	margin:0 20px 0 20px;
	padding:12px 0 0 10px;}
#mainContent {
	min-height:200px;
	margin:0 20px 0 20px;
	padding:15px 0 0 10px;}
	
#singleContainer {
	width:956px;
	float:left;}
#singleTop {
	height:38px;
	border-bottom:#ccc 1px solid;}
#singleTitle {
	height:26px;
	margin:0 20px 0 20px;
	padding:12px 0 0 10px;}
#singleContent {
	min-height:200px;
	margin:0 20px 0 20px;
	padding:15px 10px 0 10px;}
	
.image1 {
	border:#9b9c9f 2px solid; float:right; margin:0 0 15px 15px;}
.image2 {
	border:#9b9c9f 2px solid; margin:0 0 15px 0;}
.imageRight {
	float:right; margin:0 0 15px 15px;}
.imageRight img {
	border:#9b9c9f 2px solid; margin:0 0 15px 0; }
.imageLeft {
	float:left; margin:10px 15px 15px 0; width:100%;}
.imageLeft img {
	border:#9b9c9f 2px solid; margin:0 15px 0 0; }
	
#width33 {
	width:33%; float:left;}
	
#tableContainer {
	width:95%;
	border:#ccc 1px solid;}
#tableContainer td {padding:5px;
	background-color:#f7f7f7;}
	
ul.list2 {
	list-style-image:url(../images/sq_blue_bullet.gif);
	list-style-position:outside;
	padding-left:10px;
	margin-left:0;
	line-height:18px;
	font-size:12px;
	margin-top:0;
	}
	ul.list2 li {
		margin-left:0;
		padding-left:0;
		text-indent:5px;}
	ul.list2 a {font-size:12px;
	color:#333;
	margin-left:0;}
	ul.list2 a:link {text-decoration: underline;}
	ul.list2 a:visited {text-decoration: underline;
	color: #333333;}
	ul.list2 a:hover {text-decoration: none;
	color: #333333;}
	ul.list2 a:active {text-decoration: underline;
	color: #333333;}


/****** MAIN NAVIGATION ******/
.navContainer {width:916; height:49px; margin:0 0 0 0; float:left; margin-left:22px; display: inline;}

#nav { width:916px; height:49px; margin:0; padding:0;}    

#nav li span { display: none; }  
  
#nav li { float:left; list-style:none; position:relative; }
   
#nav li, #nav a {  
height:49px;    /* Each button must have the same height, define it here */  
display:block;  
margin:0;  
padding:0;  
}
   
li#home { background:url(../images/btn1.jpg) 0  0 no-repeat; margin-left:0; width:63px; }
li#systems { background:url(../images/btn2.jpg) 0  0 no-repeat; margin-left:19px; width:79px; }
li#engineering { background:url(../images/btn3.jpg) 0  0 no-repeat; margin-left:21px; width:177px; }
li#services { background:url(../images/btn4.jpg) 0  0 no-repeat; margin-left:19px; width:81px; }
li#customers { background:url(../images/btn5.jpg) 0  0 no-repeat; margin-left:21px; width:102px; }
li#about { background:url(../images/btn6.jpg) 0  0 no-repeat; margin-left:19px; width:64px; }
li#contact { background:url(../images/btn7.jpg) 0  0 no-repeat; margin-left:21px; width:105px; }
li#downloads { background:url(../images/btn8.jpg) 0  0 no-repeat; margin-left:21px; width:104px; }

#home a:hover, #home a.selected { background:url(../images/btn1.jpg) 0  -49px no-repeat; }
#systems a:hover, #systems a.selected { background:url(../images/btn2.jpg) 0  -49px no-repeat; }
#engineering a:hover, #engineering a.selected { background:url(../images/btn3.jpg) 0  -49px no-repeat; }
#services a:hover, #services a.selected { background:url(../images/btn4.jpg) 0  -49px no-repeat; }
#customers a:hover, #customers a.selected { background:url(../images/btn5.jpg) 0  -49px no-repeat; }
#about a:hover, #about a.selected { background:url(../images/btn6.jpg) 0  -49px no-repeat; }
#contact a:hover, #contact a.selected { background:url(../images/btn7.jpg) 0  -49px no-repeat; }
#downloads a:hover, #downloads a.selected { background:url(../images/btn8.jpg) 0  -49px no-repeat; }


/***** body id's *****/
#normal {}
body#homeid li#home a { background:url(../images/btn1.jpg) 0  -49px no-repeat;}
body#systemsid li#systems a { background:url(../images/btn2.jpg) 0  -49px no-repeat;}
body#engineeringid li#engineering a { background:url(../images/btn3.jpg) 0  -49px no-repeat; }
body#servicesid li#services a { background:url(../images/btn4.jpg) 0  -49px no-repeat; }
body#customersid li#customers a { background:url(../images/btn5.jpg) 0  -49px no-repeat; }
body#aboutid li#about a { background:url(../images/btn6.jpg) 0  -49px no-repeat; }
body#contactid li#contact a { background:url(../images/btn7.jpg) 0  -49px no-repeat; }
body#downloadsid li#downloads a { background:url(../images/btn8.jpg) 0  -49px no-repeat; }


/********* FORM ********/
.input1 {width:200px; border:#ddd 1px solid; padding:3px 0 0 5px; height:17px; }
.input2 {width:230px; height:147px; border:#ddd 1px solid; padding:3px 0 0 5px; }
#formContainer {
	width:100%;
	border:#ccc 1px solid;}
#formContainer td {padding:5px;
	background-color:#f7f7f7;}
.required { color:#F00;
	font-weight:normal;
	font-size:11px;}