/*File name: "main_style.css" */

body {

		background-color:	white;
		font-size:			12px;
		font-family:		verdona, arial, helvetica;
		color:				black;
}

#allcontent { /* Set all page content to 800 pixels wide and centered */

		width:			800px;
		margin-left:	auto;
		margin-right:	auto;
}

h1 { /* Make the H1 invisable so the search spiders can still see it */

		font-size:	1px; /* Make the H1 super small */
		color:		white; /* Make the H1 the background color */
		text-indent:0px;
		padding:		0px 0px 0px 0px; /* Make it as close to the .page_title_image */
		margin:		0px 0px 0px 0px;
}

h2 {

		font-size:	16px;
		color:		#414D97;
		padding:		0px 0px 0px 0px;
		margin:		0px 0px 0px 0px;
}

h3 {

		font-size:	14px;
}

#banner { /* Top banner is an image with logo */

		background-position:	center;
		padding:					0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;

}

.topmenu {

		width:				800px;
		text-align:			center;
		height:				25px;
		padding:				0px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
		background-color:	transparent;
}

.topmenu ul {

		height:				25px;		
		padding:				0px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
		list-style:			none;		
}

.topmenu ul li {

		display:			inline;
		float:			left;
		padding:			0px 0px 0px 0px;
		margin:			0px 0px 0px 0px;
		border-style:	solid;		
		border-color:	white;
		border-width:	1px 0px 1px 1px;
}

.topmenu ul li a {

		float:				left;
		overflow:			hidden;
		font-size:			13px;
		color:				white;
		height:				25px;
		width:				113px;
		line-height:		24px;
		text-decoration:	none;
		padding:				0px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
		background-color:	#414D97;

}

.home			.topmenu ul li.nav1 a,
.about		.topmenu ul li.nav2 a,
.approach	.topmenu ul li.nav3 a,
.services	.topmenu ul li.nav4 a,
.portfolio	.topmenu ul li.nav5 a,
.clients		.topmenu ul li.nav6 a,
.contact		.topmenu ul li.nav7 a {

		color:				#2F286C;
		background-color:	#CBDB2B;
}

.topmenu ul li a:link {

		color:	white;
}

.topmenu ul li a:visited {

		color:	white;
}

.topmenu ul li a:active {

		color:	white;
}

.topmenu ul li a:hover {

		color:	#CBDB2B;
}

#page_title_ico { /* Page title is an image with H1 hidden for spiders */

		float:			left;
		width:			150px;
		height:			40px;		
		border: 			solid #CBDB2B;
		border-width:	0px 1px 1px 0px;
		padding:			0px 0px 0px 0px;
		margin:			18px 0px 0px 0px;
}

#page_title_ico img { /* Page title is an image with H1 hidden for spiders */

		float:	right;		
		padding:	0px 10px 0px 0px;
		margin:	0px 0px 0px 0px;
}

#page_title_image { /* Page title is an image with H1 hidden for spiders */

		float:			right;
		width:			649px;
		height:			40px;		
		border: 			solid #CBDB2B;
		border-width:	0px 0px 1px 0px;
		padding:			0px 0px 0px 0px;
		margin:			18px 0px 0px 0px;
}

#page_title_image img { /* Page title is an image with H1 hidden for spiders */

		float:	left;		
		padding:	11px 0px 0px 15px;
		margin:	0px 0px 0px 0px;
}

#left_image {

		float:			left;
		border:			solid #CBDB2B;
		border-width:	0px 1px 0px 0px;
		padding:			0px 0px 0px 0px;
		margin:			0px 0px 10px 0px;
}

.right_image {

		float:	right;
}

#main_content {

		border:			solid #CBDB2B;
		border-width:	0px 0px 0px 1px;				
		padding:			0px 0px 10px 20px;
		margin:			0px 150px 10px 150px; /* Adjust for content width */
}

.first_letter:first-letter {

		font-size:		20px;
		font-family:	georgia, times-new-roman, times;
		font-weight:	bold;
		color:			#414D97;
		padding:			0px 0px 0px 0px;
		margin:			0px 0px 0px -2px;
}

#line_menu {

		color:	#414D97;
}

ol {

		list-style-type:	decimal;	
}

ul {

		list-style-type:	square;
}

li {

		padding:	0px 0px 0px 0px;
		margin:	0px 0px 0px -25px;
}

.right_image ul {

		list-style-type: none;
		padding:	0px 0px 0px 0px;
		margin:	25px 0px 0px 0px;
}

.right_image li {

		padding:	8px 0px 8px 0px;
		margin:	0px 0px 0px 0px;
}

ul#no_bullets {

		list-style-type:	none;
		padding:				0px 0px 0px 0px;
		margin:				-13px 0px 10px 60px;
}

#footer {

		font-size:			9px;		
		text-align:			center;		
		clear:				left;	/* Makes sure footer falls under left or right image */
		width:				800px;
		height:				15px;
		background-color:	#CBDB2B;
		padding:				0px 0px 0px 0px;
		margin:				0px 0px 10px 0px;
}

#footer p {

		padding:				2px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
}

table {

		padding:				0px 0px 0px 0px;		
		margin:				15px 0px 0px 0px;
		border:				thin solid #414D97;		
		border-collapse:	collapse;
}

th {

		background-color:	#CBDB2B;
}

td, th {

		border:	1px solid #414D97;
		padding:	3px 10px 3px 10px;		
		margin:	0px 0px 0px 0px;
}

td.mark {

		color:			#414D97;		
		font-size:		16px;		
		font-weight:	bold;
		text-align:		center;
}

a:link {

		color:	#414D97;
}

a:visited {

		color:	#414D97;
}

a:hover {

		color:	#788216;
}