* {border: 0; outline: none; font-family: verdana, arial, sans-serif; font-weight: normal; text-decoration: none; color: #000; padding: 0; margin: 0;}
body {width: 100%; font-size: 0.625em;}
.clear {font-size: 0.1px; clear: both; width: 100%; height: 0px;}
.leftfloat {float: left;}
.rightfloat {float: right;}

h1 {font-family: helvetica, arial, sans-serif;}

ul li {list-style: none;}

a {color: #8ac31a;}
	a:hover, a:active {color: #333;}

#main_container {width: 850px; margin: 0 auto;}

#header {background: transparent url(../media/images/css/logo_allied_main.gif) no-repeat 100% 100%; border-bottom: 1px solid #8ac31a; margin-bottom: 15px;}
	#header .nav {float: left; display: block; width: 220px; border-top: 20px solid #a1cf48; padding-top: 5px; margin-right: 1px;}
		#header .nav.primary {margin-bottom: 25px;}
	#header ul.active {border-top: 20px solid #8ac31a;}
		#header .nav li {}
			#header .nav li a {font-family: helvetica, arial, sans-serif; font-size: 1.3em; color: #949392;}
				#header .nav li a:hover, #header .nav li a:active, #header .nav li.active a {color: #000;}
				
#footer {clear: both; border-top: 1px solid #c4e18c; padding-top: 15px; margin: 30px 0;}
	#footer p {color: #333; font-size: 1.1em; float: left;}
	#footer ul {float: right;}
		#footer ul li {color: #333; font-size: 1.1em; display: inline;}
			#footer ul li a {color: #77aa14; border-left: 1px solid #ccc; padding-left: 15px; margin-left: 15px;}

/* HOME */
.home #splash {background: transparent url(../media/images/css/home/bg_splash.jpg) no-repeat 0 0; width: 850px; height: 636px;}
	.home #splash h1 {background: #fff url(../media/images/css/arr_black.gif) no-repeat 95% 51%; opacity: 0.85; font-size: 1.6em; font-weight: normal; display: block; float: left; padding: 8px 60px 8px 15px; margin-top: 184px;}
		.home #splash h1 .location {color: #716f6e;}
	.home #splash a {float: right; text-indent: -9999px; width: 26px; height: 43px; margin: 290px 15px 0 0;}

/* ABOUT */
.areas #splash {background: transparent url(../media/images/css/about/bg_splash.jpg) no-repeat 0 0; border-bottom: 5px solid #ccc; width: 850px; height: 138px; padding-bottom: 1px; margin-bottom: 25px;}
.areas.people #splash {background: transparent url(../media/images/css/about/people/bg_splash.jpg) no-repeat 0 0;}
.areas .area1 {width: 220px; float: left; margin-right: 25px;}
	.areas .area1 h1 {font-size: 2.2em; border-bottom: 1px solid #8ac31a; margin-bottom: 50px;}
	.areas .area1 .highlight {text-indent: -9999px;}
		.areas .area1 .highlight.about {width: 192px; height: 56px; background: transparent url(../media/images/css/about/highlight_index.gif) no-repeat 0 0;}
		.areas .area1 .highlight.mingall {width: 218px; height: 75px; background: transparent url(../media/images/css/about/highlight_mingall.gif) no-repeat 0 0;}
	.areas .area1 dl {margin-top: 10px;}
		.areas .area1 dt, .areas .area1 dd {font-size: 1.2em;}
		.areas .area1 dt {font-weight: bold;}
.areas .area2 {width: 350px; float: left; margin-bottom: 40px;}
	.areas .area2 h2 {font-size: 1.4em; font-weight: bold;}
	.areas .area2 h3 {color: #999; margin-bottom: 15px;}
	.areas .area2 p {font-size: 1.2em; margin-bottom: 15px;}
		.areas .area2 p.intro {font-weight: bold;}
	.areas .area2 .member {display: none;}
	.areas .area2 .show {display: block;}
.areas .area3 {width: 235px; float: right; margin-bottom: 40px;}
	.areas .area3 ul#nav_people {}
		.areas .area3 ul#nav_people li {border: 1px solid #fff; background: transparent url() no-repeat 0 0; display: block; float: left; margin: 0 11px 11px 0;}
		.areas .area3 ul#nav_people li.active {border: 1px solid #a1cf48;}
		.areas .area3 ul#nav_people li.last {margin-right: 0;}
			.areas .area3 ul#nav_people li a {display: block; text-indent: -9999px; width: 110px; height: 80px;}

/* WORK */
.work h1 {font-size: 2.2em; margin-bottom: 15px;}
.work h2 {font-size: 1.6em; border-bottom: 1px solid #8ac31a; padding-bottom: 10px; margin-bottom: 20px;}

.work #splash {background: transparent url(../media/images/css/work/bg_splash.jpg) no-repeat 0 0; border-bottom: 5px solid #ccc; width: 850px; height: 138px; padding-bottom: 1px; margin-bottom: 25px;}
	.work #splash .highlight {text-indent: -9999px; background: transparent url(../media/images/css/work/highlight_splash.gif) no-repeat 0 0; width: 250px; height: 75px; position: absolute; margin: 51px 0 0 10px;}

.work .area1 {width: 260px; float: left;}
	.work .area1 dl {margin-bottom: 20px;}
		.work .area1 dt {float: left; clear: left; color: #999; font-size: 1.2em; width: 60px;}
		.work .area1 dd {float: left; font-size: 1.2em; width: 200px;}
	.work .area1 p {font-size: 1.2em; margin-top: 20px;}
		.work .area1 p.note {color: #666; margin: 10px 0 30px 0;}
	.work .area1 .highlight {text-indent: -9999px; margin-top: 20px;}
		.work .area1 .highlight.spinningfields {width: 250px; height: 75px; background: transparent url(../media/images/css/work/highlight_spinningfields.gif) no-repeat 0 0;}
	.work .area1 h2 {margin-bottom: 0;}
	.work .area1 .projects {}
		.work .area1 .projects li {background: transparent url(../media/images/css/border_greendot.gif) repeat-x 0 100%; width: 250px; padding-bottom: 1px;}
			.work .area1 .projects li span {display: block; text-indent: -9999px; background: transparent url() no-repeat 0 0; height: 63px;}
.work .area2 {width: 550px;float: right;}
	.work #gallery_splash {margin-bottom: 25px;}
		.work #gallery_splash img {position: absolute;}
	.work .nav.gallery {}
		.work .nav.gallery li {cursor: pointer; float: left; margin: 0 30px 20px 0;}
			.work .nav.gallery li.last {margin-right: 0}

.work .nav.tertiary li {width: 210px; height: 140px; display: block; float: left; margin: 0 3px 3px 0;}	
	.work .nav.tertiary li a {width: 210px; height: 140px; display: block; float: left;}
		.work .nav.tertiary li a span {font-size: 1.6em; color: #000; background: #fff url(../media/images/css/arr_black.gif) no-repeat 95% 51%; opacity: 0.85; display: block; padding: 8px 0 8px 10px; margin-top: 87px;}

/* MEDIA */
.media #splash {background: transparent url(../media/images/css/about/bg_splash.jpg) no-repeat 0 0; border-bottom: 5px solid #ccc; width: 850px; height: 138px; padding-bottom: 1px; margin-bottom: 25px;}
.media .area1 {width: 220px; float: left; margin-right: 25px;}
	.media .area1 h1 {font-size: 2.2em; border-bottom: 1px solid #8ac31a; margin-bottom: 25px;}
	.media .area1 ul {border-top: 1px solid #d9d9d9;}
		.media .area1 ul li {border-bottom: 1px solid #d9d9d9; padding: 10px 0;}
		.media .area1 ul li.active {background-color: #f0f0f0;}
			.media .area1 ul li a {color: #000; font-size: 1.1em; display: block; margin: 0 8px;}
				.media .area1 ul li a span {color: #949392; display: block;}
	
.media .area2 {width: 550px;float: right;}
	
/* CONTACT */
.contact .area2 {width: 220px;}
	.contact .area2 dl dt {color: #9a9998; font-weight: bold; font-size: 1.2em; float: left; width: 15px;}
	.contact .area2 dl dd {font-size: 1.2em; font-weight: bold;}
		.contact .area2 dl dd a {color: #8ac31a; font-weight: bold;}
.contact .area3 {width: 350px;}
	.contact .area3 #map {width: 350px; height: 350px;}