html, body { margin: 0; padding: 0; width: 100%; height: 100%; color: #636365; }
html { font: .9em Helvetica, Verdana, sans-serif; background: url(/images/bg.gif); }
body { background: url(/images/bg_grad.jpg) repeat-x; height: 800px; }

a { text-decoration: none; color: #009ee0; outline: none; }
a:hover { text-decoration: underline; }
strong { color: #009ee0; font-weight: normal; }
p { margin: 0 0 10px 0; padding: 0; }

div#center-block { display: block; width: 780px; height: 100%; margin: 0 auto; text-align: left; background: url(/images/bg_white.png) repeat-y center top; }

div#body { float: left; width: 780px; background-color: #FFF; margin-top: 32px; }
h1 { float: left; width: 340px; height: 81px; margin: 0 0 0 24px; padding: 0; background: url(/images/title.gif) no-repeat left center; text-indent: -1000em; }

div#menu { float: left; padding: 4px 0 0 25px; width: 755px; height: 31px; font-size: .75em; background: url(/images/menu.gif) repeat-x; color: #FFF; }
	div#menu a { color: #FFF; text-transform: uppercase; padding: 0 5px; font-weight: bold; }
	div#menu a:hover,
	body#process div#menu a#navProcess,
	body#work div#menu a#navWork,
	body#contact div#menu a#navContact { text-decoration: underline; }

div.content { float: left; padding: 30px 20px 50px; }

	div.content div.column { float: left; border: 3px solid #e8e8e8; }
	div.content div.left { width: 540px; padding: 0 5px; }
	div.content div.right { width: 130px; margin-left: 8px; padding: 0 20px; }

div#copyright { float: left; margin: 20px 0 0 50px; padding-bottom: 20px; color: #999; font-size: .7em; }



div#home div.left { height: 380px; padding-top: 5px; padding-bottom: 25px; }
div#home div.right { height: 355px; padding-top: 30px; padding-bottom: 25px; }

div#home div#flash { height: 250px; background-color: white; }
div#home p.intro { font-size: 1.1em; font-weight: normal; line-height: 1.3em; margin: 0; padding: 25px 20px 0; }

div#home p.explore { margin-top: 25px; }

div#home p.ready { margin: 0; }

div#home ul.services { margin: 0; padding: 0; font-size: .9em; line-height: .9em; }
div#home ul.services li { margin: 10px 0 0 0; padding: 0; list-style-type: none; }
div#home ul.services li ul { margin: 2px 0 0 10px; padding: 0; }
div#home ul.services li ul li { margin: 0; font-size: .85em; }




div#process div.column { width: 725px; padding-top: 30px; padding-bottom: 25px; }
div#process div.column p { padding: 0 20px; }

div#process div.column dl { font-size: .9em; margin: 0; padding: 0 20px 20px; }
div#process div.column dl dt { font-size: .9em; color: #009ee0; margin: 0; padding: 15px 0 2px 0; }
div#process div.column dl dd { font-size: .9em; margin: 0; padding: 0; }




div#work div.left { float: left; width: 205px; padding: 0; }
	div#work div.left div.header { color: #FFF; background-color: #009ee0; font-size: 1.1em; padding:0 0 3px 10px; }
	div#work div.left div.header a { color: #FFF; font-size: .7em; outline: none; }
	div#work div.left div.header a.active { text-decoration: underline; }

	div#work div.left div#thumbnails { background-color: #58585a; margin-top: 3px; float: left; width: 100%; padding-bottom: 10px; }
		div#work div.left div#thumbnails div#thumb_title { color: #FFF; font-size: .8em; margin: 9px 0 0 12px; }
		div#work div.left div#thumbnails div#thumb_subtitle { color: #FFF; font-size: .75em; margin: 0 0 0 13px; font-style: italic; }
		div#work div.left div#thumbnails a.blog { float: none; margin: 0; }
		div#work div.left div#thumbnails a { float: left; margin: 8px 0 0 11px; }
			div#work div.left div#thumbnails a img { border: 2px solid #58585a; float: left; }
		div#work div.left div#thumbnails a.active img,
		div#work div.left div#thumbnails a:hover img { border: 2px solid #009ee0; }
		div#work div.left div#thumbnails img { border: 0; }

div#work div.right { float: left; width: auto; padding: 0; border: 3px solid #e8e8e8; margin-left: 17px; display: inline; }
	
div#work div.column { margin-top: 20px; padding-bottom: 20px; }
div#work div.column h3 { font-size: 1.1em; font-weight: bold; color: #009ee0; padding: 20px 0 0 20px; margin: 0; }
div#work div.column p { padding: 20px 0 0 20px; margin: 0; }
div#work div.column p span { display: block; margin: 2px 0 0 30px; font-size: .8em; }



div#wordpress div.narrowcolumn { width: 500px; border: 3px solid #e8e8e8; float: left; padding: 20px; }
div#wordpress div.widecolumn { width: 693px; border: 3px solid #e8e8e8; float: left; padding: 20px; }
div#wordpress div#sidebar { width: 145px; margin-left: 8px; border: 3px solid #e8e8e8; float: left; padding: 20px 15px 20px 20px; font-size: .75em; }
	div#wordpress div#sidebar h2 { margin-bottom: 5px; }
	div#wordpress div#sidebar ul { margin: 0; padding: 0; }
	div#wordpress div#sidebar ul li { margin: 0; padding: 0 0 15px 0; list-style-type: none;  }
div#wordpress h2 { font-size: 1.2em; margin: 0 0 15px 0; }
div#wordpress h3 { font-size: 1.1em; margin: 0 0 5px 0; }
div#wordpress div.navigation { font-size: .75em; }
div#wordpress div.post { padding-bottom: 20px; }
div#wordpress textarea#comment { width: 90%; }


	
div#contact div.column { padding-top: 30px; padding-bottom: 25px; height: 500px; }
div#contact div.left address { font-style: normal; padding: 0 20px 20px; color: #009ee0; font-size: .75em; }
div#contact div.left p { padding: 0 20px; }

div#contact form { display: block; }
	div#contact form label { display: block; font-size: .75em; padding: 15px 20px 4px; }
	div#contact form input.text { display: block; border: 2px solid #96d7f2; padding: 2px 3px; width: 200px; margin-left: 20px; font: .9em Helvetica, Arial; }
	div#contact form div.interests { padding-left: 20px; }
	div#contact form div.interests input,
	div#contact form div.interests label { display: inline; vertical-align: middle; padding: 0; margin: 0 0 0 10px; }
	div#contact form textarea { margin-left: 20px; border: 2px solid #96d7f2; padding: 2px 3px; width: 400px; height: 100px; font: .9em Helvetica, Arial; }
	div#contact form input.submit { margin: 15px 0 0 20px; display: block; color: #FFF; background-color: #009ee0; border: 2px solid #96d7f2; padding: 2px 5px; font: .75em Helvetica, Arial; }
	
div#contact div.left h3 { font-size: 1.1em; font-weight: bold; color: #009ee0; padding: 20px 0 0 20px; margin: 0; }

div#contact div.right dl dt { font-size: .9em; color: #009ee0; margin: 0; padding: 0 0 4px 0; }
div#contact div.right dl dd { font-size: .75em; margin: 0; padding: 0 0 10px 0; }