/* Basic Website Styles - Screen and Projection Media Types */

/* Color Pallette:

*/

/*--------------------------------------------
Reset
---------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*-------------------------------------------
	Boilerplate
-------------------------------------------*/
html {
	font-size: 125%;
	font-family: Arial, Verdana, sans-serif;
}

body {
	font-size: 50%;
	background: #fff;
	padding: 0 0 20px 0;
	text-align: center;
}

a img { border: none; }

img {
	vertical-align: bottom;
}
img.right {
	float: right;
	margin: 0 0 10px 10px;
}
img.left {
	float: left;
	margin: 0 10px 10px 0;
}
img.bot {
	vertical-align: top;
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
}

img.top_mar {
	margin-top: 5px;
}

.nowrap {
	white-space: nowrap;
}

#skip a, #skip a:hover, #skip a:visited { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 
 
#skip a:focus { 
	position:static; 
	width:auto; 
	height:auto; 
} 

.hidden { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
} 
.print_only {
	display: none;
}
/*-------------------------------------------
	Structural
-------------------------------------------*/

div#wrapper {
	position: relative;
	width: 760px;
	margin: 0 auto;
	background: #fff;
	color: #514F36;
	text-align: left;
}

div#content {
	float: left;
	margin: 70px 0 0;
	background: url(../_images/_global/bg/two-col-tile.gif) left top repeat-y;
}
div.main_col {
	float: left;
	display: inline;
	margin-left: 162px;
	width: 598px;
	padding-bottom: 10px;
}
.no_bot_pad div.main_col {
	padding-bottom: 0 !important;
}
	div#headline {
		padding: 20px 18px;
		background: #C5D69B;
		border-bottom: 1px solid #fff;
	}

div.left_col {
	float: left;
	width: 161px;
	border-right: 1px solid #fff;
}

div#bot {
	clear: both;
	margin: 0;
	height: 20px;
	background: url(../_images/_global/bg/two-col-bot.gif) left top repeat-y;
}
div#footer {
	clear: both;
	text-align: right;
	margin: 9px 0;
}
div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/*-------------------------------------------
	Sub Column Layouts
	Container width (div.main_col) is 598px
-------------------------------------------*/


/*  Three Column  */
		div.sub_col_1 {
			float: left;
			width: 192px;
		}
		div.sub_col_2 {
			float: left;
			display: inline;
			width: 194px;
			margin-left: 10px;
		}
		div.sub_col_3 {
			float: left;
			display: inline;
			width: 192px;
			margin-left: 10px;
		}

/*  Two Column  */
.two_col div.sub_col_1 {
			width: 294px;
		}
.two_col div.sub_col_2 {
			width: 294px;
		}


/*-------------------------------------------
	Type
-------------------------------------------*/
strong {
	font-weight: bold;
}

a:link, a:visited {
	color: #C77A0B;
}

a:hover {
	color: #587B2C;
}

div#main_content a:link, 
div#main_content a:visited {
	color: #587B2C;
}
div#main_content a:hover {
	color: #514F36;
}

h1, h2, h3, h4, h5, h6, p, address, pre, ol, ul, dl {
	margin-bottom: 1em;
}
div#headline h1, 
ul#breadcrumb_headline h1 {
	margin-bottom: 0;
}
h2 {
	font: 1.6em/1.2 Georgia, serif;
	color: #C77A0B;
	color: #587B2C;
}
#about_principals h2 {
	margin: 0 0 .2em;
	color: #587B2C;
}
address h2 {
	margin: 0 0 .2em;
}
h3 {
	font: 1.6em/1.2 Georgia, serif;
	color: #C77A0B;
	font: bold 1.2em/1.2 Arial, Verdana, sans-serif;

}
#about_principals h3 {
	font: bold 1.2em/1.2 Arial, Verdana, sans-serif;
	margin-bottom: 1em;
}
h4 {
	font: bold 1.2em/1.2 Arial, Verdana, sans-serif;
	margin-bottom: .2em;
}
strong.inline_hdl {
	font: bold 1em/1.2 Arial, Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-right: .5em;
}

p {
	font: 1.2em/1.7 Arial, Verdana, sans-serif;
}
address {
	font: 1.2em/1.4 Arial, Verdana, sans-serif;
}
#main_content li, 
#main_content_2 li {
	font: 1.2em/1.7 Arial, Verdana, sans-serif;
	padding: 0 0 .7em 14px;
	background: url(../_images/_global/li_bullet_green.gif) 0px 8px no-repeat;
}

#main_content ul.features_list li {
	color: #C77A0B;
	padding: 0 0 1em 14px;
	background: url(../_images/_global/li_bullet_brown.gif) 0px 6px no-repeat;
}
#main_content_2 ul.service_areas_list li {
	padding: 0 0 .7em 14px;
	padding: 0 0 .5em 14px;
	background: url(../_images/_global/li_bullet_green.gif) 0px 8px no-repeat;
}
#main_content_2 ul.service_areas_list li ul {
	margin: .2em 0 0;
}
#main_content_2 ul.service_areas_list li ul li {
	font-size: .9em;
	padding: 0 0 .3em 14px;
	background: none;
}


/*-------------------------------------------
	Inset photos with caption - landscape 
-------------------------------------------*/

div.right {
	float: right;
	margin: 0 0 10px 10px;
	width: 300px;
}
div.right img {
	margin: 0 0 10px 0;
}
p.caption {
	text-align: left;
	font-size: 1em;
}
p.caption a:link, p.caption a:visited {
	color: #514F36;
}
p.caption a:hover {
	text-decoration: none;
}

/*-------------------------------------------
	Principal bios 
-------------------------------------------*/
div.principal_bio_wrapper {
	clear: both;
	float: left;
	width: 563px;
	padding: 3px 0 18px;
	border-bottom: 1px solid #C8DDAC;
	margin-bottom: 18px;
}
div.principal_pic {
	float: left;
	display: inline;
	width: 175px;
	margin: 0 18px 0 0;
}
div.principal_bio {
	width: 370px;
	float: left;
}

/*-------------------------------------------
	Section sub nav 
-------------------------------------------*/

div.section_nav {
	padding-bottom: 18px;
	border-bottom: 1px solid #C8DDAC;
	margin-bottom: 18px;
}
div.section_nav h6 {
	font: bold 1.2em/1.2 Arial, Verdana, sans-serif;
	margin-bottom: .2em;
	color: #C5D69B;
}
div.section_nav p {
	font: 1.1em/1.1 Arial, Verdana, sans-serif;
}
div#footer p {
	font: 1em/2 Verdana, Arial, sans-serif;
}

/*-------------------------------------------
	Logo
-------------------------------------------*/
/* Image Replacement */
/* Use span.hidden to hide text content */

h1#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	background: url(../_images/_global/mark-thomas-logo.gif) no-repeat left top;
	height: 94px;
	width: 408px;
	margin: 0;
}

h1#logo a {
	display: block;
	height: 94px;
	width: 408px;
}

h2#tagline {
	position: absolute;
	left: 449px;
	top: 43px;
	z-index: 5;
	background: url(../_images/_global/tagline.gif) no-repeat left top;
	height: 13px;
	width: 289px;
	margin: 0;
}


/*-------------------------------------------
	Main Navigation
-------------------------------------------*/
/* Image Replacement */
/* Use span.hidden to hide text content */

/*
ul#p7PMnav {
	position: absolute;
	top: 97px;
	left: 0px;
	width: 161px;
	height: 167px;
	margin: 0;
}
ul#p7PMnav li {
	height: 27px;
	width: 161px;
	border-bottom: 1px solid #fff;
}
ul#p7PMnav li a {
	display: block;
	height: 27px;
	width: 161px;
}
*/

/* Home */
li#btn_home {
	background: url(../_images/_global/main_nav/home_OVER.gif) left top no-repeat;
}
li#btn_home a:link, 
li#btn_home a:visited {
	background: url(../_images/_global/main_nav/home.gif) left top no-repeat;
}
li#btn_home a:hover {
	background: url(../_images/_global/main_nav/home_OVER.gif) left top no-repeat;
}
li#btn_home a.selected {
	background: url(../_images/_global/main_nav/home_OVER.gif) left top no-repeat;
}

/* Careers */
li#btn_careers {
	background: url(../_images/_global/main_nav/careers_OVER.gif) left top no-repeat;
}
li#btn_careers a:link, 
li#btn_careers a:visited {
	background: url(../_images/_global/main_nav/careers.gif) left top no-repeat;
}
li#btn_careers a:hover {
	background: url(../_images/_global/main_nav/careers_OVER.gif) left top no-repeat;
}
li#btn_careers a.selected {
	background: url(../_images/_global/main_nav/careers_OVER.gif) left top no-repeat;
}

/* About Us */
li#btn_about {
	background: url(../_images/_global/main_nav/about-us_OVER.gif) left top no-repeat;
}
li#btn_about a:link, 
li#btn_about a:visited {
	background: url(../_images/_global/main_nav/about-us.gif) left top no-repeat;
}
li#btn_about a:hover {
	background: url(../_images/_global/main_nav/about-us_OVER.gif) left top no-repeat;
}
li#btn_about a.selected {
	background: url(../_images/_global/main_nav/about-us_OVER.gif) left top no-repeat;
}

/* Projects */
li#btn_projects {
	background: url(../_images/_global/main_nav/projects_OVER.gif) left top no-repeat;
}
li#btn_projects a:link, 
li#btn_projects a:visited {
	background: url(../_images/_global/main_nav/projects.gif) left top no-repeat;
}
li#btn_projects a:hover {
	background: url(../_images/_global/main_nav/projects_OVER.gif) left top no-repeat;
}
li#btn_projects a.selected {
	background: url(../_images/_global/main_nav/projects_OVER.gif) left top no-repeat;
}

/* Services */
li#btn_services {
	background: url(../_images/_global/main_nav/services_OVER.gif) left top no-repeat;
}
li#btn_services a:link, 
li#btn_services a:visited {
	background: url(../_images/_global/main_nav/services.gif) left top no-repeat;
}
li#btn_services a:hover {
	background: url(../_images/_global/main_nav/services_OVER.gif) left top no-repeat;
}
li#btn_services a.selected {
	background: url(../_images/_global/main_nav/services_OVER.gif) left top no-repeat;
}

/* Contact  */
li#btn_contact {
	background: url(../_images/_global/main_nav/contact_OVER.gif) left top no-repeat;
}
li#btn_contact a:link, 
li#btn_contact a:visited {
	background: url(../_images/_global/main_nav/contact.gif) left top no-repeat;
}
li#btn_contact a:hover {
	background: url(../_images/_global/main_nav/contact_OVER.gif) left top no-repeat;
}
li#btn_contact a.selected {
	background: url(../_images/_global/main_nav/contact_OVER.gif) left top no-repeat;
}

/* FTP Site  */
li#btn_ftp {
	background: url(../_images/_global/main_nav/ftp_OVER.gif) left top no-repeat;
}
li#btn_ftp a:link, 
li#btn_ftp a:visited {
	background: url(../_images/_global/main_nav/ftp.gif) left top no-repeat;
}
li#btn_ftp a:hover {
	background: url(../_images/_global/main_nav/ftp_OVER.gif) left top no-repeat;
}
li#btn_ftp a.selected {
	background: url(../_images/_global/main_nav/ftp_OVER.gif) left top no-repeat;
}

/*-------------------------------------------
	Breadcrumb Headlines
-------------------------------------------*/
ul#breadcrumb_headline {
	padding: 20px 18px;
	background: #C5D69B;
	border-bottom: 1px solid #fff;
	height: 13px;
	margin-bottom: 0;
} 
div#main_content ul#breadcrumb_headline {
	padding: 0;
	background: #C5D69B;
	border-bottom: none;
	height: 13px;
} 
ul#breadcrumb_headline li {
		float: left;
		display: block;
		height: 13px;
		margin-right: 7px;
		}
ul#breadcrumb_headline li a {
		display: block;
		height: 13px;
		}
ul.two-line {
	height: 30px !important;
} 
ul.two-line li {
	padding-bottom: 7px;
}
/*-------------------------------------------
	Image-Replaced Headlines
-------------------------------------------*/

h1.img_hdl {
	height: 13px;
	margin-bottom: 11px;
}
h2.img_hdl {
	height: 22px;
	margin-bottom: 11px;
}