/*FE4B22 = e65313
FFCE69
FBE8C7
383337*/
* { margin: 0; padding: 0; font-family: helvetica, arial, sans-serif; text-align: left; }
body { font-size: 62.5%; text-align: center;
	background-image: url('body_bg.gif');
	background-repeat: repeat-x;
}
#skipNav { display: none; }

#wrapper { position: relative; margin: 10px auto -16em; width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#footer, .push { z-index: 0; clear: both; height: 16em; }

h1 { /*font-size: 3em;*/ }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }

a { color: #e65313; text-decoration: none; border-bottom: 1px dashed #e65313; }
a:hover { border-bottom: 1px solid #e65313; }

ul { list-style: none; }

blockquote { margin-left: 1em; padding-left: 2em; margin-right: 2em; border-left: 2px solid #ddd; }

ul#nav { list-style: none; position: absolute; top: .2em; left: 500px; }
ul#nav li { float: left; margin-right: 1em; height: 1.2em; }
ul#nav li a { float: left; font-size: 1.1em; height: 1.2em; line-height: 1.2em; border: none; }
ul#nav li a:hover { background-color: #fff; }
ul#nav li a:hover,
body.services ul#nav li#servicesNav a,
body.home ul#nav li#homeNav a,
body.maintenance ul#nav li#maintenanceNav a,
body.about_mark ul#nav li#aboutNav a { border-bottom: 2px solid #e65313; }

#photo {
	background-color: #666;
	background-image: url('home_photo5.jpg');
	position: relative;
	border-right: 1px solid #383337; border-bottom: 1px solid #383337;
	border-left: 1px solid #963; border-top: 1px solid #963;
	height: 300px; margin-top: 20px;
	width: 900px; /*padding: 15px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 898px;
}
	#photo div.h2 {
		position: absolute;
		bottom: 0; /*right: 398px;*/ right: 0; width: 898px; text-align: left;
		height: 3.2em; line-height: 3.2em;
		color: #963; background-color: #FFCE69; /*padding: .3em 1em .3em .3em;*/
		/*border-left: 1px solid #383337;*/ border-top: 1px solid #383337;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	#photo h2 {
		position: absolute;
		bottom: 0; /*right: 398px;*/ right: 0; width: 830px; text-align: left; z-index: 999; line-height: 1em;
		color: #383337; /*background-color: #FFCE69;*/ padding: .3em 1em .3em .3em;
		/*border-left: 1px solid #383337; border-top: 1px solid #383337;*/
	}
	#photo #photoOverlay {
		background-color: #ccc;
		background-image: url('home_photo2.jpg');
		position: absolute;
		top: -10px; left: 500px; z-index: 999;
		/*border: 2px solid #FFCE69;*/ /*border: 2px solid #383337;*/
		/*border-right: 1px solid #FFCE69; border-top: 1px solid #FFCE69;*/
		border-left: 1px solid #383337; border-bottom: 1px solid #383337;
		height: 320px;
		width: 220px; /*padding: 15px;*/
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 214px; height: 316px;
	}

div.content {
	float: left; display: inline; margin: 0 10px 20px 0;
}
div.right {
	float: left; display: inline;
	width: 380px; margin: 20px 0;
	/*background-color: #ffce69;*/
}
	#insight {
		width: 490px; margin-top: 20px;
	}
	#strategy {
		width: 170px; margin-left: 10px;
	}
	#execution {
		width: 180px;
	}
	#conversation {
		width: 350px; margin-left: 10px;
	}
	#details, #delicious, #flickr, #flickrPortfolio {
		width: 380px; margin: 0; padding: 0 10px; 
		background-color: #fff;
	}

/*h1 { color: #fe4b22; }*/
div#header { height: 33px; line-height: 33px; font-size: 1em; }
h1 {
	background-image: url('mjr3.gif');
	background-repeat: no-repeat;
	/*width: 182px; height: 29px;*/
	/*width: 115px; height: 20px;*/
	width: 182px; height: 33px;
	text-indent: -9999px;
}

div.content h2 {
	padding-top: 1em;
}
div.content h2 { color: #963; }
	div#details h2, div#details p,
	div#delicious h2, div#delicious p,
	div#flickr h2, div#flickrPortfolio h2 { color: #666; }

#insight h2,
#strategy h2,
#execution h2 { border-bottom: 1px solid #963; }

#conversation h2 { padding-top: 0; }

#insight h2, #strategy h2, #execution h2 { margin-bottom: .5em; }

div.content h3 { padding-top: 1em; margin-bottom: .3em; }

#insight h3 { padding-top: 0; } body.home #insight h3 { padding-top: 2em; } body.home #insight h3.entry { padding-top: 0; }
	div.content h3 a { text-decoration: none; border: none; }
	div.content h3 a:hover { text-decoration: none; border: none; }
div.content h3 span { color: #ccc; letter-spacing: -.05em; }

div.content p, div#insight ul li, div#insight ol li {
	line-height: 1.4em;
	font-size: 1.2em; margin-bottom: 1em;
	margin-right: 1em;
}
div#insight ul, div#insight ol { padding-left: 2em; }
div#insight ul { list-style: disc; }
div#insight p img { background-color: #fff; border-top: 1px solid #ddd; border-right: 1px solid #666; border-left: 1px solid #ddd; border-bottom: 1px solid #666; padding: 5px; }
div#insight span.caption { padding-left: 1em; font-size: .9em; color: #383337; }

div.right div.content a { color: #383337; border-bottom: 1px dashed #383337; }
div.right div.content a:hover { color: #e65313; border-bottom: 1px solid #e65313; }

	div#insight ul li span { color: #000; }
	div#insight ul li span strong { color: #963; }
	div#details p { width: 350px; }
	div#details p.from { text-align: right; }
	body.services div#insight p strong { color: #e65313; }

div.content p, div.content p *, div.content ul li, div.content ul li *, div.content ol li, div.content ol li * { font-family: "Lucida Grande", verdana, sans-serif; }

div.right div.content ul { list-style: none; }
div.right div.content ul li, div.right div.content p { font-family: "Lucida Grande",verdana,sans-serif; color: #963; font-size: 1.1em; line-height: 1.3em; }
div.right div.content ul li { line-height: 1.4em; margin-bottom: .8em; }

#footer { position: relative; width: 100%; background-color: #383337;
	background-image: url('footer_bg.gif');
	background-repeat: repeat-x;
}
#footer * { font-family: "Lucida Grande", verdana, sans-serif; }
	#footer div#footerContent {
		position: relative; width: 900px; margin: 0 auto;
	}
	#footer div#footerContent p#copyright { padding-bottom: 1em; position: absolute; top: 10em; left: 0; color: #ffce69; font-size: 1.2em; }
	#footer div#footerContent p.vcard { padding-bottom: 1em; position: absolute; top: 20px; left: 0; color: #ffce69; font-size: 1.2em; }
	#footer div#footerContent form#signup { position: absolute; top: 20px; left: 500px; color: #ffce69; }
					
	#footer div#footerContent form p { margin-left: 10px; margin-right: 10px; font-size: 1.2em; margin-bottom: 1em; }
	#footer div#footerContent form input { width: 10em; margin-right: 10px; border: 2px solid #e65313; }
	#footer div#footerContent form input:focus { background-color: #e65313; border: 2px solid #ffce69; }
	#footer div#footerContent form input#submit { border: 0; color: #e65313; }
	#footer div#footerContent form textarea { border: 2px solid #e65313; width: 450px; }
	#footer div#footerContent form textarea:focus { background-color: #e65313; border: 2px solid #ffce69; }