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

/*
*********************************************
	Reset browsers default
*********************************************
*/

body, div, dl, dt, dd, ul, ol, li, 
h1,h2,h3,h4,h5,h6, pre, form, fieldset,
input, textarea, p, blockquote, th, td {  
	margin: 0; 
	padding: 0; 
	} 
ol, ul { 
	list-style:none; 
	} 

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; }

/*
*********************************************
	General Styles
********************************************* 
*/
	
	
html, body {
    height: 100%;
}

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-color: #1c1c21;
	color: #fff;
	font-size: 62.5%;
	height: 100%;
	}
	
	
html { font-size:100.1%/*WinIE6- text resize adjust*/}

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

a:hover { color: #77a22f;
	text-decoration: underline 
	}
	
.clr{clear:both;}

/*
*********************************************
	Structure
********************************************* 
*/

#wrapper {
	height:227px;
	margin:0 auto;
	width:970px;
	}
	
#header {
	padding: 0px;
	overflow: hidden;
	height: 103px;
	background: url(../img/headerBg.jpg) no-repeat right top;
	position: relative
	}
	
#content {
	width: 970px;
    height: auto;
    float: left;
	}

#bigContent {
	float: left;
	margin-bottom: 40px;
	padding: 0px 21px 5px 21px;
	}
	
#contentMainBox {
	float: left; 
 	width: 100%; 
 	position: relative; 
	
	}
#contentMain {
	width: 660px;
	float: left;
	margin-bottom: 25px;
	}
	
#box {
	padding-right: 1px;
	background: url(../img/gradLine.jpg) no-repeat right top;
	float: left;
	}
#boxL {
	background: url(../img/gradLine.jpg) no-repeat top left;
	padding-left: 1px;
	float: left;
	height: 100%;
	}
#boxContent {
	background: url(../img/gradHeaderBg.jpg) repeat-x;
	width: 658px;
	margin: 0 0px;
	float: left;
	border-top: solid 1px #67666c;
	}

#contentSide {
	padding-right: 1px;
	float: right;
	margin-left: 20px;
	}
#boxContentSide {
	background: url(../img/gradHeaderBg.jpg) repeat-x;
	width: 287px;
	margin: 0 0px;
	float: right;
	border-top: solid 1px #67666c;
	}
	
#contentSub {
	padding-right: 1px;
	float: left;
	margin: 25px 0px 75px 0px;
	position:relative; 
	}

#boxContentSub {
	background: url(../img/gradHeaderBg.jpg) repeat-x;
	width: 968px;
	margin: 0px 0px;
	float: right;
	border-top: solid 1px #67666c;
	}
#solutions {
	margin: 10px 0px 20px 20px;;
	line-height:1.5em;
	}

#footer {
	float: left;
	margin-top: 25px 0px;
	width: 970px;
	}

#footLink {
	margin: 10px;
	float: right;	
	width: 680px;
	}
	
#footBot {
	float: left;
	background: url(../img/footerBG.jpg) no-repeat;
	height: 83px;
	}
/*
*********************************************
	Type  color: #77a22f;
********************************************* 
*/
	
#logo a {
	background: url(../img/logo.gif) no-repeat;
	width: 365px;
	height: 74px;
	display: block;	
	float:left; 	
	overflow: hidden;
	line-height: 400px;
	margin-top: 15px;
	margin-left: 21px;
	margin-bottom: 12px;
	}
#border {
	width: 970px;
	height: 0px;
	border-top: #131316 solid 1px;
	border-bottom: #38383d solid 1px;
	float: left;
	}
h1 {
	background: url(../img/imsco.jpg) no-repeat;	
	display: block;	
	float:left; 	
	line-height: 400px;	
	overflow: hidden;	
	width: 926px;
	height: 56px;
	margin-top: 48px;
	}
	
h2 {
	margin: 0px 12;
	font-size: 1.45em;
	line-height: 1.5em;
	color: #fff;
	float: left;
	width: 926px;
	text-align: justify;
	font-weight: 100;
	}
	
h3 {
	margin: 0px 20px 10px 20px;
	padding: 10px 0 10px 0px;
	color: #fff;
	text-align: left;
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: solid 1px #67666c;
	
	}

h4 {
	margin: 0 0 20px 0;
	font-size: 1.6em;
	}

#boxContent p {
	padding: 5px 20px 5px 20px;
	font-size: 1.3em;
	line-height: 1.45em;
	}
#boxContent strong {
	font-weight: normal;
	color: #77a22f;
	}
.green {
	color:#77a22f;
	font-size: 1.2em;
	font-weight:normal;
	line-height: 1.4em;
	}
#solutions .text11 p {
	font-size: 1.6em;
	}
.copy { 
	font-size: 1em;
	color: #fff;
	padding: 20px;
	width: 230px;
	float: left;
	}

#footer span {
	padding-right: 35px;
	float: right;
	}

#footBorder {
	height: 20px;
	border-left: #131316 solid 1px;
	border-right: #38383d solid 1px;
	width:0px;
	}
	
big {
	margin: 15px 0;
	font-size: 2em;
	display: block;
	}
	
	
/*
*********************************************
	Navigation
********************************************* 
*/


ul#nav {
	position:none;
	width:415px;
	height:24px;
	background:transparent url(../img/mainNav.jpg) no-repeat 0 0px;
	float: left;
	padding: 0; 
	margin: 72px 0px 0px 157px; 
		}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(../img/mainNav.jpg) no-repeat;
	}
li#home a {}
li#who a {width:94px;height:24px;}
li#solutions a {width:105px;height:24px;}
li#IMS a {width:130px;height:24px;}	 
li#contact a {width:86px;height:24px;}
	 	 	 	 
li#home a:hover, li#home a:focus {}
li#who a:link, li#who a:visited {background-position:0px 0px;}
li#who a:hover, li#who a:focus {background-position:0px -25px;}
li#solutions a:link, li#solutions a:visited {background-position:-94px 0px;}
li#solutions a:hover, li#solutions a:focus {background-position:-94px -25px;}
li#IMS a:link, li#IMS a:visited {background-position: -199px 0px;}
li#IMS a:hover, li#IMS a:focus {background-position: -199px -25px;}
li#contact a:link, li#contact a:visited {background-position: -329px 0px;}
li#contact a:hover, li#contact a:focus {background-position: -329px -25px;}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {}
body#who-page ul#nav li#who a {background-position:0px -25px;}
body#solutions-page ul#nav li#solutions a {background-position:-94px -25px;}
body#IMS-page ul#nav li#IMS a {background-position:-199px -25px;}
body#contact-page ul#nav li#contact a {background-position:-329px -25px;}


/*
*********************************************
	Lists
********************************************* 
*/	

.listSquare {
	margin: 0px 20px 22px 35px;
	list-style-image: url(../img/square.gif);
	list-style-type: none;
	line-height: 1.6em;
	}

.listSquare li {
	margin: 0;
	padding: 7px 0px 11px 0px;
	font-size: 1.3em;
	}
.listSquare li a {
	font-size: 1.0em;
	line-height: 1.4em;
	}
	
.solutions li {
	background:url(../img/sectionBg.jpg) no-repeat;
	width:188px;
	display: block;	
	float: left;
	margin-right: 14px;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 10px 15px 10px 19px;
	}

#pic1, #pic2, #pic3, #pic4 {
	width: 180px;
	height: 64px;
	border: solid 1px #eee;
	margin: 10px 0px;
	}
	
#pic1 {
	background:url(../img/photo1.jpg) no-repeat;
	}
	
#pic2 {
	background:url(../img/photo2.jpg) no-repeat;
	}
	
#pic3 {
	background:url(../img/photo3.jpg) no-repeat;
	}
	
#pic4 {
	background:url(../img/photo4.jpg) no-repeat;
	}
	
.footNav li {
	display: block;
	padding: 8px;
	margin: 0px;
	font-size: 1.2em;
	float: right;
	}

/*
*********************************************
	Who We Are
********************************************* 
*/	
#contentMainBoxUs {
	margin-top: 55px;
	margin-bottom: 0px;
	float: left; 
 	width: 100%; 
 	position: relative; 
	}
#contentSideContact {
	padding-right: 1px;
	float: right;
	margin-left: 20px;
	margin-top: 45px;
	}
#teamPic {
	background: url(../img/teamPic.jpg) no-repeat;
	float: left;
	width: 211px;
	height:183px;
	margin: 10px 20px 20px 20px;
}
#contactUs p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 35px;
	}

/*
*********************************************
	Our Solutions
********************************************* 
*/	

.solutionsPage ul {
	
	width: 620px;
	list-style-type: none;
	}
	
.solutionsPage li {
	margin: 10px 20px 0px 20px;
	line-height: 1.6em;	
	}

#photoBig1 {
	background: url(../img/photoBig1.jpg) no-repeat left bottom;
	width:213px;
	height: 172px;
	float:left;
	margin-right: 20px;
	}

#photoBig2 {
	background: url(../img/photoBig2.jpg) no-repeat bottom left;
	width:213px;
	height: 172px;
	float:left;
	margin-right: 20px;
	}
	
#photoBig3 {
	background: url(../img/photoBig3.jpg) no-repeat bottom left;
	width:213px;
	height: 172px;
	float: left;
	margin-right: 20px;
	}
	
#photoBig4 {
	background: url(../img/photoBig4.jpg) no-repeat bottom left;
	width:213px;
	height: 172px;
	float:left;
	margin-right: 20px;
	}