body{
	font:12px "Trebuchet MS", sans-serif;
	background:#cccccc;
	margin:0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	border:none;
}
#container{
	width:900px;
	margin:0 auto;
	background:#fff;
	min-height:900px;
	position:relative;
}
#header{
	width:900px;
	height:80px;
}
a.logo{
	text-indent:-9999px;
	position:absolute;
	overflow:hidden;
	width:273px;
	height:46px;
	top:13px;
	left:29px;
	background:url(../images/logo.gif) no-repeat;		
}
#header img{	
	display:block;	
}
.image{
	width:206px;
	overflow:hidden;	 
	margin:7px 10px 0 0;
	float:right;
	display:inline;
}
#middlenavigation{
	width:878px;
	list-style:none;
	margin:0;
	padding:0;		
	border:1px solid #cecece;
	background:url(../images/middlenavbg.gif) repeat-x 0 0;
	position:relative;
	z-index:100;	
}
#middlenavigation:after{
	content:"";
	display:block;
	clear:both;
}
#middlenavigation li.last{
	background:none;
	padding:1px;		
}
#middlenavigation li{
	float:left;
	position:relative;
	background:url(../images/middlenavseparator.gif) no-repeat 100% 0px;		
	padding:1px 3px 1px 1px;
}
#middlenavigation a{
	display:block;	
	line-height:26px;
	overflow:hidden;
	text-align:center;	
	text-decoration:none;
	color:#504f4f;				
}
#middlenavigation a.home{
	width:80px;	
}
#middlenavigation a.about{
	width:151px;	
}
#middlenavigation a.services{
	width:225px;
}
#middlenavigation a.solutions{
	width:225px;	
}
/* -not currently used
#middlenavigation a.custom{
	width:178px;	
}*/
#middlenavigation a.contact{
	width:90px;	
}
#middlenavigation a.clients{
	width:80px;	
}

#middlenavigation a:hover{
	background:#cfcfcf;
}
#middlenavigation li ul{
	position:absolute;	
	padding:0;
	margin-top:1px;	
	background:#ebebeb;
	border:1px solid #d1d1d1;
	border-top:1px solid #fff;		
	top:28px;
	left:-1px;
	overflow:hidden;
	display:none;					
}
#middlenavigation li ul li{
	float:none;	
	height:1%;
	display:block;
	background:none;
	padding-left:10px;
	width:224px;
	background:url(../images/dropdownseparator.gif) no-repeat 0 100%;
}
#middlenavigation li ul li.lastdrop{
	background:none;
}
#middlenavigation ul a{
	color:#666666;
	background:none;
	display:inline;
	background:url(../images/dropdownmarker.gif) no-repeat 0 50%;
	padding-left:25px;
}
#middlenavigation ul a:hover{
	text-decoration:underline;
	background:url(../images/dropdownmarker.gif) no-repeat 0 50%;
}
#middlenavigation li.hover ul,
#middlenavigation li:hover ul {
	display:block;
}
/* main */
#main{	
	width:880px;
	overflow:hidden;	
	padding:0 10px;	
	min-height:764px;
}
#main.inner{
	min-height:837px;
}
#leftcolumn{
	width:628px;
	overflow:hidden;
	float:left;
}
.mainimage
{
	border-style: solid;
	border-width: 3px;
	width: 624px;
	min-height: 300px;
	overflow: hidden;
	background: url(../images/mainimage.gif);
	margin-top: 8px;
	border-top-color: #E7E7E7;
	border-right-color: #E7E7E7;
	border-bottom-color:  #E7E7E7;
	border-left-color:  #E7E7E7;	
	
}
.mainimagetext{
	width:288px;
	margin:77px 0 0 41px;
}

h1{
	font-size:24px;
	color:#fff;
	margin:0;
	padding-left:5px;
}
h2{
	font-size:14px;
	color:#9ed7ff;
	margin:0;
	padding:16px 0 0 5px;
}

.mainimagetext a{
	display:block;	
	width:142px;
	height:43px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/learnbutton.gif);	
	margin:14px 0 0;
}
.maintext{
	width:611px;
	margin-left:5px;
}
p.upper{
	margin:0;
	font-size:18px;
	color:#333333;
	line-height:29px;
	padding:23px 20px 20px 0;
	font-weight:normal;	
}
p.lower{
	margin:0;
	font-size:12px;
	color:#333333;
	line-height:18px;
	padding:0 0 17px 0;
}
.buttontext{
	width:601px;
	overflow:hidden;
}
.buttontext a{
	float:left;
	display:block;
	overflow:hidden;
	background:url(../images/rssbutton.gif);
	width:365px;
	height:44px;
	text-indent:-9999px;
}
.buttontext p{
	float:right;
	margin:0;
	color:#666666;
	font-style:italic;
	font-size:12px;
	line-height:18px;
	width:441px;
	padding:3px 0 0; 
}
/* leftcolumn inner*/
#leftcolumninner{
	width:621px;
	overflow:hidden;
	float:left;
	background:url(../images/leftcolumninnerbg.gif) no-repeat 0 36px;
}
.breadcrumbs{
	margin:0;
	padding:13px 0 0 10px;	
}
.breadcrumbs li{
	display:inline;		
	background:url(../images/breadseparator.gif) no-repeat 0 50%;		
	text-decoration:underline;
	padding-left:10px;
	margin-left:4px;
}
.breadcrumbs li.home{
	background:none;
	padding:0;	
}
.breadcrumbs a{
	display:block;
	color:#000;
	text-decoration:underline;
	background:url(../images/breadcrumbmarker.gif) no-repeat 0 50%;
	padding-left:12px;
	float:left;
}
.breadcrumbs a:hover{
	text-decoration:none;
}
.innermaintext{
	width:610px;
	overflow:hidden;
	margin:20px 0 0 10px;
}
#leftcolumninner img{
	display:block;
	float:right;	
}
#leftcolumninner h1{
	font-size:24px;
	color:#003994;
	margin:0;
	padding:5px 0 10px 0;
}
#leftcolumninner h2{
	font-size:18px;
	color:#333333;
	margin:0;	
	padding:10px 0 10px;
	font-weight:normal;
}
#leftcolumninner h3{
	font-size:15px;
	color:black;
	margin:0;	
	padding:10px 0 10px;
	font-weight:normal;
}
#leftcolumninner p{
	padding:0 0 16px 0;
	margin:0;
	line-height:18px;	
}
#leftcolumninner ul.bulletlist
{
	margin-top:0;
}
p.top{
	width:360px;
}
/* rightcolumn */
#rightcolumn{
	width:241px;
	float:right;
	margin-top:8px;
}
.sidebar{
	background: url(../images/sidebarbg.gif);
	width:241px;
	overflow:hidden;	
}
#rightcolumn ul{
	width:238px;	
	background:url(../images/sidebarbottombg.gif) no-repeat 0 100%;	
	list-style:none;
	padding:0 1px 10px 1px;
	margin:0;
	overflow:hidden;
}
#rightcolumn ul li{
	width:239px;
	float:left;
	padding:19px 0 18px 0;
	background:#f2f2f2;
	border-top:1px solid #d9d9d9;	
}
#rightcolumn ul a{
	color:#003366;
	display:block;
	background:url(../images/arrowhover.gif) no-repeat 10px 0;
	padding:0 0 0 30px;
	font-weight:bold;	
}
#rightcolumn ul a:hover{
	text-decoration:underline;
}
/* Conditions of Use specific style*/
/* list on page*/
#conditionsList
{
	margin-top:0;
	padding:0;
	
}
#conditionsList li
{
	padding:5px;
}
/* Images*/
.bulletList-nextToImage /* this works for pic with width around 150px*/
{
	margin-top:0;
}
.bulletList-nextToImage li
{
	margin-left:150px;
}
.bulletList-nextToImageBigger /*this works for image with width around 250px*/
{
	margin-top:0;
}
.bulletList-nextToImageBigger li
{
	margin-left:250px;
}
.imgFloatLeft
{
	display:block;
	float:left !important;
	margin:6px 3px 6px 3px;
	padding-right:10px;
}

.imgFloatRight
{
	margin: 6px 3px 3px 6px;
	padding-left:10px;
	
}

.sidebar h3{
	background:url(../images/sidebarheaderbg.gif) no-repeat;
	height:46px;
	width:231px;
	font-size:14px;
	color:#333333;
	line-height:46px;		
	margin:0;
	padding-left:10px;
}
.commitment{
	width:241px;
	margin-top:22px;
	border:1px solid #d9d9d9;
	padding-bottom:20px;
}
.commitment h3{
	background:none;		
	font-size:14px;
	color:#333333;
	line-height:36px;
	background:#e5e5e5;
	padding-left:10px;
	margin:0;	
}
.commitmenttext{
	width:217px;
	margin:17px 0 0 5px;			
}
.commitmenttext p{
	margin:0;
	padding-bottom:17px;
}
.commitment img{
	display:block;
	margin-left:49px;
}
/* rightcolumninner*/
#rightcolumninner{
	width:243px;
	overflow:hidden;
	float:right;
	height:980px;	
}
#rightcolumninner div.commitment{
	margin:10px 0 0;
}
.logos{
	width:241px;
	border:1px solid #d9d9d9;
	margin:10px 0 0;
}
.logos p{
	font-size:11px;
	color:#333333;
	background:#e5e5e5;
	margin:0;
	line-height:19px;
	padding:10px 15px 10px 15px;
	text-align:justify;
}
.logos ul{
	margin:0;
	list-style:none;
	padding:0;
	text-align:center;
	padding-bottom:10px;		
}
.logos ul li{	
	margin-top:27px;
}

/* contact form*/
div#contact-container
{
	border-top: solid 1px #CCCCCC;
	margin:20px 0 0 10px;
	}
div#contact-container-inner
{
	
}
div#contact-container-inner h1{
	font-size:24px;
	color:#003994;
	margin:0;
	padding:5px 0 10px 0;
}

div#contact-container-inner h2{
	font-size:18px;
	color:#333333;
	margin:0;	
	padding:10px 0 10px;
	font-weight:normal;
}


div#contact-container-inner h3{
	font-size:15px;
	color:black;
	margin:0;	
	padding:10px 0 10px;
	font-weight:normal;
}

div#otherway-contact
{
	width:380px;
	border: 1px solid #FFFFFF;
	padding: 10px 5px 5px 5px;
	float:right;

}
div#otherway-contact h3
{
	font-size:15px;
	color:black;
	margin:0;	
	padding:10px 0 10px;
	font-weight:normal;

}
div#contact-entry
{
	width:447px;
	border: 1px solid #FFFFFF;
	padding: 10px 5px 5px 5px;

	
}
div#otherway-contact p
{
	width: 180px;   
	padding-left: 20px;   
	margin: 5px;   
	text-align: left; 

}
div#contact-entry label
{
	width: 140px;   
	padding-left: 20px;   
	margin: 5px;   
	float: left;   
	text-align: left; 
}
div#contact-entry input, div#contact-entry textarea
{
	width:250px;
	margin: 5px;   
	padding: 0px;   
	float: left;
	text-align:left;
}
div#contact-entry br
{
	clear: left;  
}
 
#contact-submit-button
{	
	width:120px !important;
	text-align:center !important;
	float:none !important;
	
}

/*Clients*/

.client-image-holder
{
	width: 600px;
	padding: 10px;
	height:110px;
	border-bottom: solid 1px #CCCCCC;



}
.cliemt-image-holder-img
{
	display: inherit !important;
	float: none !important;
}

#footer{
	height:58px;
	width:900px;
	background:url(../images/footerbg.gif) no-repeat 10px 0;	
}
#footer p{
	font-size:11px;
	color:#666666;
	margin:0;
	padding:14px 0 0 27px;
}
#footer span{
	padding-left:7px;
}