/* = Reset elements via Eric Meyer
-------------------------------------------------------------- */
html, body { width:100%; height:100%; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; line-height:inherit; vertical-align:baseline; }
body	{ line-height:1.5; }
table	{ border-collapse:separate; border-spacing:0; }

/* = Clear Fix
-------------------------------------------------------------- * /
.customer_projects img:after, .clear:after { clear:both; content: "."; display:block; line-height:0; height:0; visibility: hidden; }
.customer_projects img, .clear { display:inline-block; }
html[xmlns] .customer_projects img, html[xmlns] .clear { display:block; }
* html .customer_projects img, * html .clear { height:1%; }

/* Typography

	Colors:
			blue	=	#369
			green	=	#693
			orange	=	#c93
-------------------------------------------------------------- */
body 							{ color:#666; font-family:Arial, Verdana, sans-serif; font-size:12px; }
h1,h2,h3,h4,h5,h6 				{ color:#369; font-weight:bold; }

h1,h2,h3,p,ul,ol				{ margin-bottom:18px; }
ul,ol							{ margin-left:36px; }
h4,h5,h6,ol ul,ul ol,ol ol,ul ul{ margin-bottom:0; }

blockquote:before, blockquote:after, q:before, 
q:after 						{ content:""; }
blockquote, q 					{ quotes:"" ""; }

hr								{ background:#369; color:#369; clear:both; float:left; width:100%; height:1px; margin:8px 0 8px 0; padding:0; border:none; }

/* Headings
-------------------------------------------------------------- */
h1,h2							{ font-size:18px; line-height:27px; }
h3								{ font-size:14px; line-height:18px; }

/* Text elements
-------------------------------------------------------------- */
p								{ text-align:left; }
p img							{ float:left; margin:0 18px 18px 0; padding:0; }
p img.alignright				{ float:right; margin:0 0 18px 18px; padding:0; }
.customer_projects p img		{ float:none; }

a img							{ border:none; }
a           					{ color:#369; text-decoration:none; }
a:focus, a:hover				{ color:#c93; text-decoration:underline; }

ul								{ clear:left; list-style:disc; }
ul ul							{ list-style:circle; }
ol								{ list-style-type:decimal; }

dl          					{ margin:0 0 18px 0; }
dl dt       					{ font-weight:bold; }
dd          					{ margin-left:18px;}

abbr, 
acronym     					{ border-bottom:1px dotted #666; }
address     					{ margin-top:18px; font-style:italic; }
del         					{ color:#666; }

blockquote  					{ margin:18px; color:#666; font-style:italic; }
strong      					{ font-weight:bold; }
em,dfn      					{ font-style:italic; }
dfn         					{ font-weight:bold; }
pre,code    					{ margin:18px 0; white-space:pre; }
pre,code,tt 					{ font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; } 
tt          					{ display:block; margin:18px 0; }

/* Layout
-------------------------------------------------------------- */
body							{ background:#fffaea; margin:0; text-align:center; }

#page							{ margin:0 auto; width:780px; }

.alignright						{ float:right; }
.alignleft						{ float:left; }

.meta							{ color:#666; font-size:11px; }
.post							{ border-top:1px #369 solid; padding-top:17px; }
.intro							{ color:#666; }

th								{ vertical-align:middle; }
td								{ vertical-align:top; background:#dbdbd3; }
					  
td.content-home,
td.content-side					{ color:#222; }
					  
td.content-home     			{ width:506px; padding-left:40px; padding-right:50px; }
td.content-side     			{ padding:6px 10px 0 18px; }
td.content-side,
td.side-image					{ background:#c1c1b3; width:248px; }
td.side-image					{ height:44px; padding:0; }
td.left_side_top,
td.left_side     				{ width:189px; padding:10px 10px 0 18px; background:#87a0b6; color:#ffffff; }
					  
td.left_side, td.left_side_bar,
td.left_side_bar table			{ height:100%; }

td.left_side_header,
td.left_side_footer				{ width:214px; }
td.left_side_header				{ height:57px; background:#87a0b6; }
td.left_side_footer				{ height:4px; background:#87a0b6; }
					  					  
td.date             			{ background:#f6f6f4; height:19px; padding-left:5px; padding-top:0; color:#545454; }
					  		  
td.splitter_top_content			{ background:#dbdbd3; height:19px; padding-top:0px; }

td.splitter_top_nav 			{ background:#dbdbd3; height:6px; padding-top:0px; }
td.splitter_bottom_nav 			{ background:#ffffff; height:4px; padding-top:0px; }
					 
td.footer						{ padding:10px; height:51px; background:#fffaea; }

.boldblue, .bold:hover, 
strong							{ color:#369; }
.boldblue, .bold				{ text-decoration:none; font-weight:bold; }
.bold           				{ color:#FFF; }
.white-text         			{ color:#e9e8e2; }

td.content-home a, 
td.content-home a:hover 		{ color:#306799; }
td.content-home a 				{ text-decoration:none; }
td.content-home a:hover 		{ text-decoration:underline; }

div.takeActionBlock				{ background:url("../images/take_action_bg.gif"); display:block; width:462px; height:69px; color:#fff; font-weight:bold; }
div.takeActionBlock .contents 	{ padding-top:24px; padding-left:6px; }
div.takeActionBlock a 			{ color:#fff; font-weight:bold; text-decoration:none; }
div.takeActionBlock a:hover 	{ color:#fff; font-weight:bold; text-decoration:underline; }

/* input fields */
input.email						{ width:160px; background:#ececec; border:1px solid #bcbcbc; margin-top:2px; padding-left:2px; color:#8b8b8b; }

#contact_form div.field			{ clear:both; }
#contact_form div#captcha 		{ float:left; }
#contact_form div#submit 		{ padding-top:25px; }
#contact_form label#comment, #contact_form label#email, #contact_form label#name, #contact_form label#captcha, 
#contact_form label#phone 		{ color:#48729f; display:block; width:120px; }
#contact_form label#comment, #contact_form label#email, #contact_form label#name, 
#contact_form label#phone 		{ float:left; }

#contact_form input#captcha, #contact_form input#email, #contact_form input#name, #contact_form input#submit, #contact_form textarea#comment, 
#contact_form input#phone 		{ background-color:#ececec; border:1px solid #bcbcbc; color:#8b8b8b; width:250px; }
#contact_form input#submit 		{ color:#48729f; width:100px; }
#contact_form textarea#comment	{ height:150px; }

a.dottedLine:hover,
a.dottedLine 					{ text-decoration:none; }
a.dottedLine:hover 				{ border-bottom:1px dotted #a4c05c; }
a.dottedLine:link, a.dottedLine:hover, 
a.dottedLine:visited 			{ color:#a4c05c; }