html, body, table, tr, td, p, h1, h2, h3, h4, h5, h6, img, ul, ol, li, form { margin: 0; padding: 0; border: 0; }

body { background: url(../images/bg.jpg); text-align: center; color: #3e3d40; font: 13px Arial, Helvetica, sans-serif; }

div#center { width: 675px; margin: auto; text-align: left; position: relative; overflow: hidden; }

h1 { background: url(../images/g_logo.png) no-repeat; width: 365px; height: 328px; position: absolute; left: 100px; top: 65px; z-index: 3; }
h1 a { display: block; height: 100%; text-indent: -1000em; }

div#work { background: url(../images/bg_work.png) no-repeat; width: 229px; height: 139px; position: absolute; left: 270px; top: 180px; z-index: 2; }
	div#work div.recent { float: left; width: 188px; padding-top: 20px; }
		div#work div.recent a { display: block; color: #FFF; text-decoration: none; margin: 0 0 2px 33px; }
	div#work a.tab { float: left; width: 36px; height: 100%; font-size: 1px; text-indent: -5000em; }
	
div#home { padding-top: 285px; position: relative; z-index: 1; }
	div#home div.body { position: relative; width: 301px; z-index: 3; }
	div#home div.body img.box { display: block; }
	div#home div.body div.box { background: url(../images/bg_box_sm_body.png) repeat-y; padding: 105px 20px 0; }
	div#home div.body div.box p { margin-bottom: 15px; }
	
		
	div#home a#marketing { background: url(../images/bg_marketing.png) no-repeat; width: 358px; height: 164px; position: absolute; left: -21px; top: 390px; z-index: 2; text-indent: -1000em; }
		
	div#home div#quiz { background: url(../images/bg_email.png) no-repeat; width: 306px; height: 67px; position: absolute; left: 315px; top: 570px; padding: 13px 0 0 18px; color: #FFF; font-size: 1.1em; }
	div#home div#quiz form { display: block; margin-top: 10px; }
	div#home div#quiz select { font: .8em Arial, Helvetica, sans-serif; width: 200px; }
	div#home div#quiz input { font: .9em Arial, Helvetica, sans-serif; color: #FFF; border: 0; background: transparent; width: auto; padding: 0; }
	

div#interior { padding-top: 330px; position: relative; z-index: 1; }
	div#interior div.body { position: relative; width: 674px; z-index: 3; }
	div#interior div.body img.box { display: block; }
	div#interior div.body div.box { background: url(../images/bg_box_lg_body.png) repeat-y; padding: 60px 20px 10px; }
	div#interior div.body div.box h2 { margin-top: 20px; }
	div#interior div.body div.box h3 { font: bold 1.2em Arial, Helvetica, sans-serif; margin-bottom: 10px; }
	div#interior div.body div.box h4 { font: bold 1em Arial, Helvetica, sans-serif; margin-bottom: 5px; }
	div#interior div.body div.box p { margin-bottom: 15px; }
	
		
	
div#footer { margin-top: 20px; color: #447ab1; padding-bottom: 40px; }
	div#footer div.right { float: right; }
	div#footer a { color: #447ab1; font-size: .85em; text-decoration: none; }
	div#footer a:hover { text-decoration: underline; }

	

div#about div.title { float: left; width: 100%; margin-bottom: 15px; }
div#about div.title h2 { float: left; padding-top: 19px; margin: 0 5px 0 0 !important; }
div#about div.title h2 img { display: block; }
div#about div.title div.menu { float: left; }
div#about div.title div.menu a { display: block; }
	
	
	
div#casestudy div.left { float: left; width: 330px; margin-top: 20px; }
div#casestudy div.right { float: right; width: 259px; margin-right: 20px; }
div#casestudy div.right div.tabs { float: right; margin-right: 15px; }
div#casestudy div.right div.tabs img { float: left; }
div#casestudy div.right div.tabs div { float: left; border-top: 2px solid #58585a; background: #707172; }
div#casestudy div.right div.tabs div a { float: left; outline: none; padding: 4px 4px 0; height: 21px; color: #FFF; text-decoration: none; }
div#casestudy div.right div.tabs div a:hover,
div#casestudy div.right div.tabs div a.active { background-color: #999; }
div#casestudy div.right a.case-image { float: left; clear: both; border: 2px solid #58585a; display: none; margin-bottom: 20px; }
div#casestudy div.right a.case-image.show { display: block; }
div#casestudy div.right a.case-image img { display: block; }





/* Form styles -----------------------------------------------------------------------------------*/

div#about form { float: left; width: 100%; padding: 10px 0; }
div#about form h3 { float: left; margin: 30px 0 0 320px !important; }
div#about form label { float: left; width: 300px; text-align: right; color: #666; margin: 3px 20px 0 0; }
div#about form div.separate { margin-top: 30px !important; }
div#about form div.text { float: left; width: 100%; margin-top: 10px; }
div#about form div.text input,
div#about form div.text select { float: left; border: 1px solid #666; margin: 0; font: 1em Arial; color: #666; padding: 2px 3px; }
div#about form div.text span { margin-left: 10px; float: left; margin-top: 4px; color: #999; }
div#about form div.radio { float: left; width: 100%; margin-top: 10px; }
div#about form div.radio div { float: left; line-height: 20px; }
div#about form div.radio div input { vertical-align: middle; width: 13px; height: 13px; margin-right: 10px; }
div#about form div.radio div label { vertical-align: middle; color: #666; float: none; margin: 0; }
div#about form div.text textarea { width: 300px; height: 75px; float: left; border: 1px solid #666; font: 1em Verdana; color: #666; padding: 2px 3px; }
div#about form div.button { float: left; margin-left: 320px; text-align: center; margin-top: 30px; }
div#about form div.button input { border: 1px solid #333; background: #CCC; color: #666; font: 1em Verdana; margin: 0; padding: 2px 20px; }

div#about div.column { float: left; width: 285px; padding: 0 16px; }