/******************************************/
/* TOOLBOX CSS */
/******************************************/

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/******************************************/
/* GLOBAL */
/******************************************/

p { margin: 10px 0; }

p.boldblue { font-weight:bold; color:#0d5cab; }

h2 { font-size: 24px; font-weight: lighter; color: #0d5cab; display: block; margin-bottom: 20px; }
h2.pageheader {	font-size: 32px; line-height: 32px; }
h3 { font-size: 16px; font-weight: bold; color: #716c68; display: block; }
h4 { font-size: 18px; color: #f58026; font-weight: normal;  }
h5 { font-size: 15px; font-weight: bold; color: #f58026; display: block; }

p + h4 { margin-top: 20px; }

a, a:active, a:visited { color: #f58026; text-decoration: underline; }
a:hover { text-decoration: none; }

hr { height: 2px; background-color: #d9d6d4; color: #d9d6d4; border: none; margin: 20px 0; width: 100%; }


/******************************************/
/* PAGE LAYOUT */
/******************************************/


body {
	background:#fff url(images/bg.gif) repeat-x;
	font:12px/18px Arial, Helvetica, Verdana, sans-serif;
	color:#716c68;
	margin-top:0px;
}
	body.int {
		background:#fff url(images/bg-int.gif) repeat-x;
		}

#bigWrap {
	width: 100%;
	min-height: 712px;
	height: auto !important;
	height: 712px;
	background: url(images/bg-mid.jpg) top center no-repeat; 
	}
#bigWrapInt {
	width: 100%;
	min-height: 712px;
	height: auto !important;
	height: 712px;
	background: url(images/bg-mid-int.jpg) top center no-repeat; 
	}

#container {
	width: 960px;
	margin: 0 auto;
	}

h1 {
	width: 212px; 
	height: 59px; 
	display: block; 
	float: left;
	background: url(images/h1-logo.gif) no-repeat;
	margin: 20px 0 0 40px;
	display: inline;
	}
	h1 a { 
		display: block;
		width: 212px; 
		height: 59px; 
		text-indent: -9999px;
		}

/************************************/
/* NAV */
/************************************/

.nav {
	float: right;
	list-style: none;
	height: 100px;
	font-weight: bold;
	margin-right: 10px;
	display: inline;
	}

	.nav li {
		height: 100px; 
		float: left;
		/*background: url(images/nav-bg.gif) repeat-x;*/
		margin: 0 5px;
		}
		.nav li a { display: block; padding: 70px 5px 0 5px; }
	.nav a, .nav a:active, .nav a:visited { font-weight: bold; color: #0d5cab; text-decoration: none; }
	.nav a:hover { color: #f58026; }

#pageAbout li.navAbout,
#pageHome li.navHome,
#pageServices li.navServices,
#pageJoin li.navJoin { background: url(images/nav-bg.gif) repeat-x; }
#pageAbout li.navAbout a,
#pageAbout li.navAbout a:hover,
#pageHome li.navHome a,
#navHome li.navAbout a:hover,
#pageServices li.navServices a,
#navServices li.navAbout a:hover,
#pageJoin li.navJoin a,
#pageJoin li.navJoin a:hover { color: #fff; }

.subnav li {
	line-height:15px;
	margin-bottom: 15px;
	}
.subnav a:link, .subnav a:active, .subnav a:visited {
	font-weight: bold;
	color: #0d5cab;
	text-decoration: none;
	}
.subnav a:hover {
	color: #f58026;
	}
	
.pageAbout .subnav li.subnavAbout a:link,
.pageAbout .subnav li.subnavAbout a:visited,
.pageAbout .subnav li.subnavAbout a:hover,
.pageAbout .subnav li.subnavAbout a:active {
	color: #f58026;
	}
	
.pageContact .subnav li.subnavContact a:link,
.pageContact .subnav li.subnavContact a:visited,
.pageContact .subnav li.subnavContact a:hover,
.pageContact .subnav li.subnavContact a:active {
	color: #f58026;
	}
	
.pageManagement .subnav li.subnavManagement a:link,
.pageManagement .subnav li.subnavManagement a:visited,
.pageManagement .subnav li.subnavManagement a:hover,
.pageManagement .subnav li.subnavManagement a:active {
	color: #f58026;
	}
	
.pageEmployee .subnav li.subnavEmployee a:link,
.pageEmployee .subnav li.subnavEmployee a:visited,
.pageEmployee .subnav li.subnavEmployee a:hover,
.pageEmployee .subnav li.subnavEmployee a:active {
	color: #f58026;
	}
	
.pageNews .subnav li.subnavNews a:link,
.pageNews .subnav li.subnavNews a:visited,
.pageNews .subnav li.subnavNews a:hover,
.pageNews .subnav li.subnavNews a:active {
	color: #f58026;
	}
	
.pageServices .subnav li.subnavServices a:link,
.pageServices .subnav li.subnavServices a:visited,
.pageServices .subnav li.subnavServices a:hover,
.pageServices .subnav li.subnavServices a:active {
	color: #f58026;
	}
	
.pageSoftware .subnav li.subnavSoftware a:link,
.pageSoftware .subnav li.subnavSoftware a:visited,
.pageSoftware .subnav li.subnavSoftware a:hover,
.pageSoftware .subnav li.subnavSoftware a:active {
	color: #f58026;
	}
	
.pageSearch .subnav li.subnavSearch a:link,
.pageSearch .subnav li.subnavSearch a:visited,
.pageSearch .subnav li.subnavSearch a:hover,
.pageSearch .subnav li.subnavSearch a:active {
	color: #f58026;
	}
	
.pageSEO .subnav li.subnavSearch a:link,
.pageSEO .subnav li.subnavSearch a:visited,
.pageSEO .subnav li.subnavSearch a:hover,
.pageSEO .subnav li.subnavSearch a:active {
	color: #f58026;
	}
	
.pageSystem .subnav li.subnavSystem a:link,
.pageSystem .subnav li.subnavSystem a:visited,
.pageSystem .subnav li.subnavSystem a:hover,
.pageSystem .subnav li.subnavSystem a:active {
	color: #f58026;
	}
	
.pageTechnology .subnav li.subnavTechnology a:link,
.pageTechnology .subnav li.subnavTechnology a:visited,
.pageTechnology .subnav li.subnavTechnology a:hover,
.pageTechnology .subnav li.subnavTechnology a:active {
	color: #f58026;
	}
	
.pageTraining .subnav li.subnavTraining a:link,
.pageTraining .subnav li.subnavTraining a:visited,
.pageTraining .subnav li.subnavTraining a:hover,
.pageTraining .subnav li.subnavTraining a:active {
	color: #f58026;
	}
	
.pageWeb .subnav li.subnavWeb a:link,
.pageWeb .subnav li.subnavWeb a:visited,
.pageWeb .subnav li.subnavWeb a:hover,
.pageWeb .subnav li.subnavWeb a:active {
	color: #f58026;
	}
	
.pageWebsite .subnav li.subnavWebsite a:link,
.pageWebsite .subnav li.subnavWebsite a:visited,
.pageWebsite .subnav li.subnavWebsite a:hover,
.pageWebsite .subnav li.subnavWebsite a:active {
	color: #f58026;
	}
	
.pageClients .subnav li.subnavClients a:link,
.pageClients .subnav li.subnavClients a:visited,
.pageClients .subnav li.subnavClients a:hover,
.pageClients .subnav li.subnavClients a:active {
	color: #f58026;
	}
	
.pagePortfolio .subnav li.subnavPortfolio a:link,
.pagePortfolio .subnav li.subnavPortfolio a:visited,
.pagePortfolio .subnav li.subnavPortfolio a:hover,
.pagePortfolio .subnav li.subnavPortfolio a:active {
	color: #f58026;
	}
	
.pageWork .subnav li.subnavWork a:link,
.pageWork .subnav li.subnavWork a:visited,
.pageWork .subnav li.subnavWork a:hover,
.pageWork .subnav li.subnavWork a:active {
	color: #f58026;
	}
	
.pageJob .subnav li.subnavJob a:link,
.pageJob .subnav li.subnavJob a:visited,
.pageJob .subnav li.subnavJob a:hover,
.pageJob .subnav li.subnavJob a:active {
	color: #f58026;
	}
	
.pageApply .subnav li.subnavApply a:link,
.pageApply .subnav li.subnavApply a:visited,
.pageApply .subnav li.subnavApply a:hover,
.pageApply .subnav li.subnavApply a:active {
	color: #f58026;
	}
	
.pageEmployees .subnav li.subnavEmployees a:link,
.pageEmployees .subnav li.subnavEmployees a:visited,
.pageEmployees .subnav li.subnavEmployees a:hover,
.pageEmployees .subnav li.subnavEmployees a:active {
	color: #f58026;
	}
	
.pageWorkplace .subnav li.subnavWorkplace a:link,
.pageWorkplace .subnav li.subnavWorkplace a:visited,
.pageWorkplace .subnav li.subnavWorkplace a:hover,
.pageWorkplace .subnav li.subnavWorkplace a:active {
	color: #f58026;
	}
	
/************************************/
/* LEFT-MENU NAV */
/************************************/

#leftMenuNav {
   margin: 0;
   padding: 0;
}
#leftMenuNav li {
   margin-bottom: 10px;
   list-style-image: url('images/arrow.gif')
}
#leftMenuNav a {
   color: #0d5cab;
   font-weight:bold;
   display: block;
   width: 120px;
   padding-left: 5px;
   text-decoration: none;
}
#leftMenuNav a:hover {
   color: #f58026;
   font-weight:bold;
   text-decoration: none;
}

#leftMenuNavSelect {
   margin: 0;
   padding: 0;
}
#leftMenuNavSelect li {
   margin-bottom: 10px;
   list-style-image: url('images/arrow.gif')
}
#leftMenuNavSelect a {
   color: #f58026;
   font-weight:bold;
   display: block;
   width: 120px;
   padding-left: 5px;
   text-decoration: none;
}
#leftMenuNavSelect a:hover {
   color: #FCB561;
   font-weight:bold;
   text-decoration: none;
}



/************************************/
/* FLASH */
/************************************/

#flash {
	clear: both;
	height: 192px; 
	width: 960px;
	margin: 0;
	}
	
#flashInt {
	clear: both;
	height: 101px; 
	width: 960px;
	margin: 0;
	}


/************************************/
/* CONTENT */
/************************************/

#contentWrap {
	width: 860px;
	margin: 40px auto;
	}

#homeLeftColumn {
	width: 490px;
	float: left;
	}
	#whyBlue {
		display: block;
		margin-bottom: 40px;
		padding:20px;
		border: 1px solid #094078;
		background: #0d5cab;
		color: #fff;
		}
		#whyBlue h2 {
			font-size: 24px;
			color: #ff8c33;
			font-weight: lighter;
			margin-bottom: 10px;
			}
	#whyGrey {
		display: block;
		margin-bottom: 40px;
		padding:20px;
		border: 1px solid #cccccc;
		background: #ebebeb;
		color: #716c68;
		}
		#whyGrey h2 {
			font-size: 24px;
			color: #0d5cab;
			font-weight: lighter;
			margin-bottom: 10px;
			}
	#whyOrange {
		display: block;
		margin-bottom: 40px;
		padding:20px;
		border: 1px solid #c3661e;
		background: #f58026;
		color: #fff;
		}
		#whyOrange h2 {
			font-size: 24px;
			color: #0d5cab;
			font-weight: lighter;
			margin-bottom: 10px;
			}
	.postWrap {
		margin-bottom: 20px;
		}
		.date {
			display: block;
			font-weight: bold;
			color: #a9a39f; }
		.postWrap p { margin: 0; }
	
#homeRightColumn {
	width: 330px;
	float: right;
	}

#homeRightColumn ul li{
	list-style: disc outside;
	margin-left: 15px;
}

/************************************/
/* INTERNAL */
/************************************/

#greyTop {
	width: 960px;
	height: 96px;
	margin: 0 auto 0 auto;
	background: url(images/greybox-bg.jpg) repeat-x;
	color: #fff;
	}

#greyTop ul {
	list-style: none;
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	height: 65px;
	}
	#greyTop li {
		float: left;
		width: 270px;
		margin: 0 15px;
		display: inline;
		}
	#greyTop h2 {
		font-size: 17px;
		font-weight: normal;
		margin: 0;
		display: block;
		color: #ff994b; }
	#greyTop span { display: block; width: 250px;}
	li.divider {
		background: url(images/greydivider.gif) top right no-repeat; 
		}
	#greyTop a { color: #b2e5ff; }
	
#contentshadow {
	width: 960px;
	height: 43px;
	margin: 0 auto -40px auto;
	background: url(images/contentshadow-bg.jpg) top center no-repeat;
	}

#IntColumn1 {
	width:150px;
	float: left;
	}
#IntColumn2 {
	width: 430px;
	float: left;
	}
	
#IntColumn2 ul li {
	list-style: disc outside;
	margin-left:15px;
	}
	
#IntColumn2Span3 {
	width: 641px;
	float: left;
}
	
#IntColumn3 {
	width: 175px;
	float: right;
	}
#IntColumn3 ul li {
	list-style: disc outside;
	margin-left:15px;
	}
	#BlueBox {
		display: block;
		margin-bottom: 20px;
		padding:15px;
		border: 1px solid #094078;
		background: #0d5cab;
		color: #fff;
		}
		#BlueBox h2 {
			font-size: 24px;
			color: #ff8c33;
			font-weight: lighter;
			margin-bottom: 10px;
			}
	#GreyBox {
		display: block;
		margin-bottom: 20px;
		padding:15px;
		border: 1px solid #cccccc;
		background: #ebebeb;
		color: #716c68;
		}
		#GreyBox h2 {
			font-size: 24px;
			color: #0d5cab;
			font-weight: lighter;
			margin-bottom: 10px;
			}
	#OrangeBox {
		display: block;
		margin-bottom: 20px;
		padding:15px;
		border: 1px solid #c3661e;
		background: #f58026;
		color: #fff;
		}
		#OrangeBox h2 {
			font-size: 24px;
			color: #0d5cab;
			font-weight: lighter;
			margin-bottom: 10px;
			}
		#OrangeBox a { color: #0d5cab; }
	#WhiteBox {
		display: block;
		margin-bottom: 20px;
		padding:15px;
		border: 1px solid #d9d6d4;
		background: #fff;
		color: #716c68;
		}
		#WhiteBox h2 {
			font-size: 24px;
			color: #0d5cab;
			font-weight: lighter;
			margin-bottom: 10px;
			}
		    #WhiteBox h3 {
			   font-size: 20px;
			   color: #0d5cab;
			   font-weight: lighter;
			   margin-bottom: 10px;
			   }	
		#BlueBox h2,
		#GreyBox h2,
		#OrangeBox h2,
		#WhiteBox h2 {
			line-height:24px;
			}
	 
	 #AdBox {
	 	display: block;
		margin-bottom: 20px;
		padding:15px;
		border: 1px solid #d9d6d4;
		background: #fff;
		color: #716c68;
	 }
	 	#AdBox h2 {
			font-size: 20px;
			color: #0d5cab;
			font-weight: bold;
			margin-bottom: 10px;
			}
#workplacephotos img { margin:10px 0 0 0; }
.wordle {
	font-size: 9px;
	font-weight: lighter;
	color: #cccccc;
}

/************************************/
/* FOOTER */
/************************************/

#footerWrap {
	clear: both;
	height: 148px;
	width: 100%;
	background: url(images/footer-bg.jpg) bottom center no-repeat;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 0;
	}
	#footer {
		width: 860px;
		margin: 0 auto;
		}
	#footer hr { margin: 20px auto; }
	#footer p { margin: 20px 0 10px 0; }
	#footer span { display: block; font-size: 10px; color: #a6a6a6; line-height: 10px; }
	#footer span a { color: #a6a6a6; }
	
/************************************/
/* IMAGE GALLERY */
/************************************/

#galleryMainContainer {
width:550px;
margin:0;
padding:0;
}
#galleryLeftCol{
width:235px;
float:left;
}

#galleryRightCol{
width:235px;
float:right;
}
#largePicContainer{
width:520px;
margin:0px;
padding:0px;
float:left;
}
#largePicContainerImage{
width:350px;
border: 1px solid #d9d6d4;
margin:0px;
padding:0px;
float:left;
}
#largePicNavContainer{
width:330px;
margin:0px;
padding:0px;
float:left;
}
#largePicNav {
   margin: 0;
   padding: 0;
}
#largePicNav ul {
list-style: none;
margin-bottom: 2px;
padding: 0;
}
#largePicNav li {
   display:inline;
}
#descriptionContainer{
width:150px;
margin:0px;
padding:0px;
float:right;
}

#addcartContainer{
width:100px;
margin:0px;
padding:0px;
float:right;
}


/************************************/
/* FORM STYLES */
/************************************/

.cssform {
width: 500px;
float:left;
}

.cssform p{
width: 275px;
clear: left;
margin: 0;
padding: 5px 0 0px 0;
padding-left: 5px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-size:12px;
color:#004277;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
float: left;
width: 155px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:right;
}


.FormEntryGry {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BACKGROUND: #fff; BORDER-LEFT: #999999 1px solid; WIDTH: 200px; BORDER-BOTTOM: #999999 1px solid; 
    font:normal 12px Arial;
    padding:3px 3px 3px 3px;
}

cssform.text {
    width:200px;
    font:normal 18px Arial;
    color: #999999;
    padding:3px 5px 3px 19px;
}

.cssform.textarea{
width: 200px;
height: 75px;
}
.buttons {
    background: #206398;
    font-size:9px; 
    color: #ffffff; 
    padding: 3px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #023055;
    text-decoration: none;
    font-weight:bold;
}
#button_div {
    width:200px;
    float:left;
    text-align:left;
    height:35px;
    margin-top:3px;
    padding:5px 5px 3px;
}

* html .threepxfix{
margin-left: 3px;
}
#FormMainContainer {
width:100%;
margin:0;
padding:0;
background-color:#CCCCCC;
}