/* -------- LAYOUT -------- */

body { margin: 0; padding: 0; }

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 785px;
	
	background: url(../images/layout/background.gif) repeat-y left;
	}
	
#header {
	margin: 0;
	padding: 0 0 22px 0;
	height: auto;

	background: url(../images/layout/header.gif) no-repeat top left;
	background-color: #fff;
	}
	
#spacer {
	margin: 0;
	padding: 49px 40px 0 45px;
	float: left;
	height: 45px;
	width: 300px;
	}

#logo {
	margin: 0; padding: 0px 0px 0 0;
	float: right;
	height: 95px;
	width: 340px;
	}

* html #mainmenu { height: 50px; }
#mainmenu {
	clear: both;
	margin: 0;
	padding: 0 0 0 35px;
	height: 57px;
	}

#content {
	clear: both;
	margin: 0;
	text-align: left;
	padding: 0 17px 0 17px;
	float: left;
	height: 100%;
	/* --------------- see MISC for all background images ---------------- */
	background: url(../images/cameo_images/cameo_0.gif) no-repeat bottom center;
	background-position: 17px 100%; 
	}

* html #submenu { 
	background: url(../images/layout/subnav_back.gif) no-repeat top left;
	margin:  0 0 0 0;
}
#submenu, .submenublank {
	float: right;
	width: 125px;
	height: 175px;
	margin:  0 0 0 12px;
	padding: 20px 5px 0 0;
	background: url(../images/layout/subnav_back.png) no-repeat top left;
	}
.submenublank { background: none; height: 0; margin: 0; padding: 0;}

#lcolum {
	width: 566px;
	margin: 0;
	padding: 15px 15px 0 28px;
	float: left;
	}

#clear {
	margin: 0;
	padding: 0;
	clear: both;
	height: 44px;
	background: url(../images/layout/content_foot.gif) no-repeat top left;
	}
#foot {
	margin: 0;
	height: 80px;
	clear: both;
	float: left;
	background: url(../images/layout/footer2.gif) no-repeat top left;
	background-color: #fff;
	}

#client-page #lcolum {
	float: left;
	width: 283px;
	margin: 0;
	padding: 15px 25px 0 28px;
	}
#client-page #rcolum {
	float: right;
	width: 218px;
	margin: 20px 0 0 0;
	padding: 15px 25px 20px 28px;
	border-left: 2px solid #CCC;
	}

#news { 
	float: left;
	margin: 0;
	padding: 10px;
	width: 555px;
	background: url(../images/layout/newsheader.jpg) no-repeat top left;
	}
#newsarticles { float: left; width: 350px; margin: 0}
#newsimage { float: right; width: auto; margin: 0; 
padding: 5px; border: 1px solid #98A73B; background-color: #fff; }

/* -------- NAVIGATION -------- */

#mainmenu ul {
	margin: 0;
	padding: 0;
	text-align: left; }
#mainmenu li {
	float: left;
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 20px 0 20px 0; }
#mainmenu a {
	text-decoration: none;
	margin: 0;
	padding: 20px 5px 20px 10px;
	background: url(../images/layout/mainmenu_marker_off.gif) no-repeat bottom center; }

#mainmenu .active { color: #fff; background: url(../images/layout/mainmenu_marker.gif) no-repeat bottom center; }
#mainmenu a { color: #fff; text-decoration: none; }
#mainmenu a:hover { color: #CB6267; }

#submenu ul {
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size: .9em; }
#submenu li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 5px 0; }
#submenu a {
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/layout/submenu_marker_off.gif) no-repeat left center; }

#submenu .active { text-decoration: none; font-weight: normal; background: url(../images/layout/submenu_marker.gif) no-repeat left center; color: #000; }
#submenu a { color: #98A73B; }
#submenu a:hover { text-decoration: none; color: #000; }


a { color: #136FCE; text-decoration: none;}
a:hover { text-decoration: underline; color: #136FD3 }
#foot a { color: #000; text-decoration: none; }
#foot a:hover { text-decoration: underline; }

#spacer a { color: #999999; text-decoration: none; }
#spacer a:hover { color: #136FCE; }

#home-page #lcolum h3 a { color: #99002D; }


/* -------- TYPOGRAPHY -------- */

body {
	font-family: Lucida Sans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
}
#mainmenu, #submenu {
	text-transform: capitalize;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 9px 0; padding: 0;
	font-size: 1.6em;
	color: #98A73B;
	text-indent: 0;
	font-family: Trebuchet MS, Lucida Sans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
#submenu h1 {
	font-size: 1.3em;
	color: #99002D;
	padding-left: 13px;
	line-height: .5em;
	}
h2 {
	font-size: 1.4em;
	margin-top: 25px;
	}
h3 {
	font-size: 1.2em;
	margin: 0 0 0 0;
	padding: 0;
	}
h5 {
	font-size: 1.4em;
	margin-top: 15px;
	color: #99002D;
	border-bottom: solid 1px #99002D;
	}
	
h6 {
	font-size: 1.4em;
	margin-top: 15px;
	border-bottom: 1px solid #98A73B;
	}
	
#home-page #lcolum h4 { color: #FFFFFF; }
#client-page #lcolum strong { color: #99002D; }
	
p { 
	margin: 2px 0 9px 0;
	padding: 0;
	line-height: 1.5em;
	}
.submenutext { padding-left: 14px; font-size: .9em; }
#spacer {
	text-align: left;
	font-size: 1.3em;
	font-family: Trebuchet MS, Tahoma, Arial Bold;
	line-height: 1.2em;
	}

.tel { font-size: 1.4em; margin: 0; padding: 0; }
.email { font-size: .8em; margin: 0; padding: 0; }

.date { font-size: .9em; color: #666; }

	
#lcolum ul, #lcolum ul li {
	margin: 0 0 5px 11px; padding: 0;
	line-height: 1.5em;
	list-style-type: circle;
	list-style-position: outside;
	list-style-image: url(../images/layout/cross_bullet.gif);
	}
	
.falsereturn { padding-left: 15px; }

#foot {
	color: #99002D;
	padding: 0px 40px 0 40px;
	font-size: 0.8em;
	font-family: verdana;
	}

.question { color: #9C0029; font-size: 1.2em; }


/* -------- MISC CONTENT -------- */

#home-page #content { background: url(../images/cameo_images/cameo_0.gif) no-repeat bottom center; background-position: 17px 100%; }
#operationalarea-page #content { background: url(../images/cameo_images/cameo_3.jpg) no-repeat bottom center; background-position: 17px 100%; }
#jobs-page #content { background: url(../images/cameo_images/cameo_1.jpg) no-repeat bottom center; background-position: 17px 100%; }
#competencies-page #content { background: url(../images/cameo_images/cameo_4.jpg) no-repeat bottom center; background-position: 17px 100%; }
#capabilities-page #content { background: url(../images/cameo_images/cameo_7.jpg) no-repeat bottom center; background-position: 17px 100%; }
#client-page #content { background: url(../images/cameo_images/cameo_2.jpg) no-repeat bottom center; background-position: 17px 100%; }
#objective-page #content { background: url(../images/cameo_images/cameo_5.jpg) no-repeat bottom center; background-position: 17px 100%; }
#contact-page #content { background: url(../images/cameo_images/cameo_6.jpg) no-repeat bottom center; background-position: 17px 100%; }

.mainimage { margin: 0; padding: 3px 0 0 22px; }
* html .mainimage { margin: 0; padding: 4px 0 0 22px; }

img { border: 0; margin: 0; padding: 0; }
#content .right { padding-left: 20px; }
#content .left { padding-right: 10px; }

#client-page #rcolum img {
	margin: 0;
	padding: 5px;
	float: left;
	clear: both;
}
#project-page #lcolum img { padding: 3px 0 3px 0; }
.gallery_image {
	float: left;
	width: 132px;
	height: 210px;
	margin: 5px 9px 0 0;
	padding: 0 0 9px 0;
	font-size: 0.8em; color: #666;
	background-color: #E8E8E8;
	text-align:center;
}
.gallery_image img {
	margin: 0 0 5px 0;
	border: 1px solid #99002D;
}
.gallery_row { clear: both;  margin: 0; padding: 0; }

.logos {float: left; width: 300px; height: 55px; }
.extra {text-align: right; float: right; width: 400px;}
.extra p {margin: 0; padding: 3px 0 0 0;}

* html .row2 { clear: both; padding-top: .5em; }
.row2 { clear: both; padding-top: 1em; }
.stat { float: left; width: 250px;  text-align: left; }
.figure { float: left; width: 100px; text-align: left; }

.container { float: left; width: 575px; }


/* -------- FORMs -------- */
form { float: left; width: 575px; }
#details { float: left; width: 125px; }
#message { float: right; width: 250px; }
.row { float: left; clear: both; padding-top: 10px; width: 300px; }
.label { float: left; width: 75px; text-align: right; padding-top: 5px; }
.input { float: left; width: 100px; text-align: left; padding-left: 10px; }
.inputmessage { width: 200px; height: 285px; margin-top: 5px; }
.smallprint { font-size: .75em; color: #666; }