﻿/*** Styles for Greymatter & Finch ***/

/* Default */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #58595B; background: url(../images/bg_main.gif) repeat-x top left #6D6F71; }
img { border: 0; }
a { outline: none; }

/* Layout */
#wrap { width: 766px; margin: auto; }
#container { width: 100%; background: #FFF; }
#container_how { width: 100%; min-height: 960px; background: #FFF; }

#content { width: 664px; height: 780px; margin: auto; }
#content h1, #content h2 { margin: 0; padding: 0; }
#content .home_body { margin-top: 3px; border-top: 2px solid #000; border-bottom: 2px solid #000; }
#content .content_body { margin: -2px 0 20px; 0 } * html #content .content_body { /* ie only */ margin-top: 0; }
#content #flashbanner { margin: -2px 0 20px; 0 } * html #content #flashbanner  { /* ie only */ margin-top: 0; }

#header { width: 100%; height: 100px; margin: 45px 0 84px 0; }
#header .col_1 { float: left; width: 220px; }
#header .col_2 { float: right; width: 400x; }
#header ul { margin: 0; margin-top: 45px; padding: 0; }
#header li { display: inline; list-style-type: none; float: left; padding-left: 5px; }
#header a { color: #ACACAC; text-decoration: none; text-transform: uppercase; }
#header a:hover { text-decoration: underline; }

#navigation { margin: 10px 0 0 0; width: 100%; height: 22px; background: #000; text-transform: uppercase; }
#navigation ul { margin: 0 0 0 5px; padding: 0; }
#navigation li { display: inline; list-style-type: none; float: left; color: #FFF; font-weight: bold; }

#sub_nav ul { margin: 0; padding: 0; font-size: 10px; }
#sub_nav li.first { padding: 0 5px 0 0; border-right: 1px solid #999; }
#sub_nav li { display: inline; float: left; list-style-type: none; padding: 0 5px 0 5px; border-right: 1px solid #999; }
#sub_nav li.last { border: 0; }
#sub_nav a { color: #999; text-decoration: none; }
#sub_nav a:hover { text-decoration: underline; }

#site_map ul { margin: 0; padding: 0; }
#site_map li { list-style-type: none; text-transform: uppercase; margin: 0 0 10px 20px; }
#site_map a { color: #58595B; text-decoration: none; }
#site_map a:hover { text-decoration: underline; }

#footer { width: 766px; height: 4px; background: url(../images/ftr_bg.gif) repeat-x top left; }

/* Body */
.who_img { float: left; border: 5px solid #000; width: 202px; height: 95px; }

/* Table */
#tbl_home {
	padding: 0;
	border: 0;
	margin-right: 0;
	margin-bottom: 85px;
	margin-left: 0;
}
#tbl_home td { vertical-align: top; width: 33%; }
#tbl_home p { margin: 0; padding: 0; }
#tbl_home .highlight_1 { color: #626365; }
#tbl_home .highlight_2 { color: #C35E63; }

#tbl_what { margin: 0; padding: 0; border: 0; }
#tbl_what td { vertical-align: top; width: 33%; }
#tbl_what h3 { margin: 0 0 10px 0; padding: 0; }
#tbl_what p { margin: 0 10px 10px 0; padding: 0; }
#tbl_what .intro { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }
#tbl_what #info { border: 1px solid #6D6F71; background: #ECEBEB; padding: 12px; }

#tbl_how { margin: 0; padding: 0; border: 0; }
#tbl_how td { vertical-align: top; width: 33%; }
#tbl_how h3 { margin: 0 0 5px 0; padding: 0; }
#tbl_how p { margin: 0 10px 10px 0; padding: 0; }
#tbl_how #info { border: 1px solid #6D6F71; background: #ECEBEB; padding: 16px 12px 10px 12px;; }
#tbl_how #box { border: 1px solid #6D6F71; padding: 12px 12px 30px 12px; margin-left: 6px; }
#tbl_how ul { margin: 0; padding: 0 0 0 30px; }
#tbl_how li { list-style-type: disc; margin: 0 0 5px 0; padding-bottom: 5px; }

#tbl_staff { margin: 0; padding: 0; border: 0; }
#tbl_staff td { vertical-align: top; }
#tbl_staff h3 { margin: 0 0 5px 0; padding: 0; color: #FFF; font-size: 13px; }
#tbl_staff h4 { margin: 0 0 5px 0; padding: 0; color: #FFF; font-size: 9px; text-transform: uppercase; }
#tbl_staff #thumbs .right { padding-right: 10px; }
#tbl_staff #title { background: #000; padding: 10px; text-align: right; }

#tbl_who { margin: 0; padding: 0; border: 0; }
#tbl_who td { vertical-align: top; }
#tbl_who h3 { margin: 0 0 5px 0; padding: 0; }
#tbl_who p { margin: 0 10px 10px 0; padding: 0; }
#tbl_who #info { border: 1px solid #6D6F71; background: #ECEBEB; padding: 19px 12px 8px 12px; } * html #tbl_who #info { /* ie only */ padding: 15px 12px 8px 12px; }

#tbl_history { margin: 0; padding: 0; border: 0; }
#tbl_history td { vertical-align: top; width: 33%; }
#tbl_history p { margin: 0 10px 10px 0; padding: 0; }
#tbl_history .date_hdr { margin-right: 8px; }

#tbl_clients { margin: 0; padding: 0; border: 0; }
#tbl_clients td { vertical-align: top; width: 33%; }
#tbl_clients h3 { margin: 0 0 10px 0; padding: 0; }
#tbl_clients p { margin: 0 10px 10px 0; padding: 0; }
#tbl_clients ul { margin: 0; padding: 0; }
#tbl_clients li { list-style-type: none; text-transform: uppercase; padding: 0 0 4px 0; }
#tbl_clients #info { border: 1px solid #6D6F71; background: #ECEBEB; padding: 12px 12px 2px 12px; }
#tbl_clients #box { border: 1px solid #6D6F71; padding: 12px; margin: 0 6px 0 6px; color: #000; }

#tbl_structure { margin: 0; padding: 0; border: 0; }
#tbl_structure td { vertical-align: top; }
#tbl_structure a { color: #6D6F71; text-decoration: none; }
#tbl_structure a:hover { text-decoration: underline; }
#tbl_structure h3 { margin: 0 0 10px 0; padding: 0; }
#tbl_structure p { margin: 0 10px 10px 0; padding: 0; }
#tbl_structure ul { margin: 10px 0 10px 0; padding: 0; }
#tbl_structure li { display: inline; float: left; list-style-type: none; }

#tbl_quality { margin: 20px 0 0 0; padding: 0; border: 0; }
#tbl_quality td { vertical-align: top; }
#tbl_quality h3 { margin: 0 0 10px 0; padding: 0; }
#tbl_quality p { margin: 0 10px 10px 0; padding: 0; }
#tbl_quality #info { border: 1px solid #6D6F71; background: #ECEBEB; padding: 12px 12px 4px 12px; }
#tbl_quality #box { border: 1px solid #6D6F71; padding: 12px 12px 0 12px; margin-right: 6px; }

#tbl_where { margin: 0; padding: 0; border: 0; }
#tbl_where td { vertical-align: top; }
#tbl_where a { color: #9F310E; text-decoration: none; }
#tbl_where a:hover { text-decoration: underline; }
#tbl_where h3 { margin: 0 0 10px 0; padding: 0; }
#tbl_where p { margin: 0 6px 10px 0; padding: 0; }
#tbl_where #info { border: 1px solid #6D6F71; background: #ECEBEB; padding: 12px; }
#tbl_where #box { border: 1px solid #6D6F71; padding: 12px 12px 0 12px; margin-left: 6px; }
#tbl_where #box a { font-size: 12px; }
#tbl_where ol { margin: 0; padding: 0; }
#tbl_where li { list-style-type: none; margin: 0 0 5px 0; }

/* Additional */
.clear { clear: both; }
.split { clear: both; height: 10px; }
#hpImage {
	background-image: url(../images/img_main_home.jpg);
	background-repeat: no-repeat;
	height: 319px;
	width: 664px;
}
#news {
	float: right;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
