body {	
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 11px;
	}

html {
	background-image: url('images/bg_gradient.gif');
	background-repeat: repeat-x;
	background-color: #87929c; /* medium gray */
	background-position: 0px -10px;
	overflow: -moz-scrollbars-vertical;
	}
	
img {
	border: 0px;
	}


/* ID */

#bluebar {
	width: 710px;
	min-height: 8px;
	height: 8px;
	background-color: #003f82; /* medium blue */
	}

#footer {
	width: 1008px;
	text-align: center;
	color: #ccc;
	margin-top: 5px;
	}
	#footer a {
		color: white;
		text-decoration: none;
		}
	#footer a:hover {
		color: black;
		}

#innerwrapper {
	background-color: white;
	width: 710px;
	float: left;
	}
	#innerwrapper p {
		padding: 0px 90px 0px 90px;
		line-height: 18px;
		}
	#innerwrapper h1 {
		font-family: Times, Georgia, serif;
		padding: 0px 90px 0px 50px;
		color: #004795;
		font-size: 24px;
		font-variant: small-caps;
		font-weight: lighter;
		}
	#innerwrapper h2 {
		font-family: Times, Georgia, serif;
		padding: 0px 90px 0px 90px;
		color: #333;
		font-size: 20px;
		font-variant: small-caps;
		font-weight: lighter;
		}
	#innerwrapper a {
		color: #004795;
		text-decoration: none;
		}
	#innerwrapper a:hover {
		color: #000;
		}	
	#innerwrapper ul {
		padding: 0px 130px 0px 130px;
		line-height: 18px;
		}
	
#leftcol {
	width: 145px;
	float: left;
	height: 200px;
	padding-top: 63px;
	text-align: right;
	}

#outerwrapper {
	margin: 27px auto;
	width: 1010px;
	}

#rightcol {
	width: 145px;
	float: left;
	height: 200px;
	padding-top: 63px;
	}
	

/* classes */

.breadcrumb {
	font-size: 9px;
	color: #6e6e6e;
	padding: 0px 90px 0px 50px;
	}

.center {
	text-align: center;
	}
	
.clear {
	clear: both;
	}

.csbar {
	}
	.csbar p {
		width: 250px;
		float: left;
		margin-top: -10px;
		}
.csimg {
	margin-top: -25px;
	float: left;
	margin-left: -20px;
	}

.conbar p {
	width: 240px;
	float: left;
	margin-top: -5px;
	}

.conphone {
	float: left;
	line-height: 18px;
	margin-top: -5px;
	}

.fleft {
	float: left;
	}

.fright {
	float: right;
	}

.quote {
	font-family: Times, Georgia, serif;
	font-size: 15px;
	color: #877d62;
	padding: 0px 55px 0px 40px;
	text-align: left;
	}
	.quote .fright {
		margin-left: 10px;
		}
	
/* nav swaps */

#homeswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/home_up.gif');
	float: right;
	}
	#homeswap a:hover {
		background-image: url('images/buttons/home_over.gif');
		}
	#homeswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/home_on.gif');
		float: right;
		}

#profileswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/profile_up.gif');
	float: right;
	}
	#profileswap a:hover {
		background-image: url('images/buttons/profile_over.gif');
		}
	#profileswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/profile_on.gif');
		float: right;
		}

#capabilitiesswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/capabilities_up.gif');
	float: right;
	}
	#capabilitiesswap a:hover {
		background-image: url('images/buttons/capabilities_over.gif');
		}
	#capabilitiesswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/capabilities_on.gif');
		float: right;
		}

#casestudiesswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/case_studies_up.gif');
	float: right;
	}
	#casestudiesswap a:hover {
		background-image: url('images/buttons/case_studies_over.gif');
		}
	#casestudiesswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/case_studies_on.gif');
		float: right;
		}
		
#clientlistswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/client_list_up.gif');
	float: right;
	}
	#clientlistswap a:hover {
		background-image: url('images/buttons/client_list_over.gif');
		}
	#clientlistswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/client_list_on.gif');
		float: right;
		}
		
#contactswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/contact_up.gif');
	float: right;
	}
	#contactswap a:hover {
		background-image: url('images/buttons/contact_over.gif');
		}
	#contactswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/contact_on.gif');
		float: right;
		}