/*

	ACS Layout

	Date: 2008-03-06 17:17:14

*/



/* Body and Global Reset

----------------------------------------------- */

body {

	margin: 0;

	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;

	background: #f3ebe0 url(../images/bg.gif) repeat-x 0 0;

}

* {

	margin: 0;

	padding: 0;

	list-style: none;

}



/* Positioning

----------------------------------------------- */

#wrapper {

	position: relative;

	margin: 0 auto;

	padding: 0;

	width: 780px;

	padding-left:15px;

	background-color:#fefaee;

}

#wrapper #main {

	margin: 0 0 30px 0;

	width: 760px;

	float: left;

	clear: both;

}

#wrapper #main #content {

	float: left;

	width: 444px;

	padding: 5px 25px 0 6px;

}

#wrapper #main #sidebar {

	float: right;

	width: 285px;

	background: url(../images/sidebar/top.png) no-repeat;

}





/* Header

----------------------------------------------- */

#header {

	margin: 0 0 5px 0;

	width: 760px;

	height: 44px;

}

#header h1 {

	margin: 9px 0 0 6px;

	float: left;

	width: 42px;

	height: 36px;

	background: url(../images/brand.png) no-repeat;

}

#header h1 a {

	display: block;

	width: 42px;

	height: 36px;

	text-decoration: none;

	text-indent: -2000px;

}

#header ul {

	float: right;

	margin: 0 6px 0 0;

}

#header ul li { float: left; }

#header ul li a {

	float: left;

	display: block;

	height: 35px;

	text-indent: -2000px;

	background: url(../images/header/navigation.png) no-repeat;

}

#header ul li#n_home a { width: 55px; background-position: 0 0; }

#header ul li#n_about_us a { width: 73px; background-position: -55px 0; }

#header ul li#n_services a { width: 69px; background-position: -128px 0; }

#header ul li#n_case_studies a { width: 91px; background-position: -197px 0; }

#header ul li#n_contact_us a { width: 79px; background-position: -288px 0; }

#header ul li#n_home.active a { background-position: 0 -36px; }

#header ul li#n_about_us.active a { background-position: -55px -36px; }

#header ul li#n_services.active a { background-position: -128px -36px; }

#header ul li#n_case_studies.active a { background-position: -197px -36px; }

#header ul li#n_contact_us.active a { background-position: -288px -36px; }

#header ul li.active a { height: 44px; }





/* Note

----------------------------------------------- */

#wrapper p#note {

	margin: 15px 6px 10px 6px;

	width: 748px;

	height: 19px;

	padding: 5px 0 0 0;

	background: url(../images/note.gif) no-repeat;

	text-align: center;

	font-size: .7em;

	color: #fff;

}

#wrapper p#note a {

	color: #fff;

	font-weight: bold;

	text-decoration: underline;

}





/* Forest

----------------------------------------------- */

#forest {

	margin: 0 0 10px 0;

	position: relative;

	width: 760px;

	height: 209px;

	background: url(../images/top_trans.png) no-repeat

}

#forest .lower {

	position: absolute;

	bottom: 0;

	width: 760px;

	height: 5px;

	background: url(../images/lower_trans.png) no-repeat 0 100%;

}

#forest.home h2 {

	position: absolute;

	top: 40px;

	left: 53px;

	width: 286px;

	height: 97px;

	text-indent: -2000px;

	background: url(../images/h_thedifference.png) no-repeat;

}

#forest.about h2,

#forest.services h2,

#forest.case_studies h2,

#forest.case_studies_index h2,

#forest.contact_us h2 {

	position: absolute;

	top: 80px;

	left: 53px;

	width: 400px;

	height: 25px;

	text-indent: -2000px;

	background: url(../images/h_aboutacs.png) no-repeat;

}

#forest.services h2 { background: url(../images/h_services.png) no-repeat; }

#forest.case_studies h2,

#forest.case_studies_index h2 { background: url(../images/h_casestudies.png) no-repeat; }

#forest.contact_us h2 { background: url(../images/h_contactus.png) no-repeat; }



/* Homepage - three points */

#forest.home { height: 170px; }

#forest.home .lower { height: 148px; }

#forest.home .three_points {

	position: relative;

	top: 25px;

	left: 53px;

	width: 660px;

	height: 70px;

	text-indent: -2000px;

	background: url(../images/forest/home_threepoints030608c.png) no-repeat;

}



/* Case studies - logos */

#forest.case_studies { height: 316px; }

#forest.case_studies .lower { height: 135px; }

#forest.case_studies ul.logos {

	margin: 0 0 0 24px;

	width: 681px;

	padding: 0 0 0 30px;

	height: 115px;

	background: url(../images/forest/casestudies_logos2007.png) no-repeat;

}

#forest.case_studies ul.logos li { float: left; }

#forest.case_studies ul.logos li a {

	float: left;

	display: block;

	height: 60px;

	margin: 27px 38px 0 0;

	text-indent: -2000px;

}

#forest.case_studies ul.logos li.hp a { width: 66px; }

#forest.case_studies ul.logos li.samsung a { width: 136px; }

#forest.case_studies ul.logos li.american_greetings a { width: 185px; }

#forest.case_studies ul.logos li.aol a {

	width: 153px;

	margin-right: 0;

}



/* Content: Headings

----------------------------------------------- */

#content h1,

#content h2,

#content h3 {

	margin: 0 0 5px 0;

	color: #637740;

	font-size: 1.1em;

	font-weight: normal;

	clear: both;

}

#content h1.margin { margin-bottom: 20px; }

#content h3 { color: #444; }

#content h2 { font-size: .9em; }

#content h3 { font-size: .8em; }

#content p.breadcrumb {

	margin: 0;

	color: #2e2d26;

	font-size: .8em;

}

#content p.breadcrumb a {

	color: #2e2d26;

	text-decoration: none;

}





/* Content: Formatting

----------------------------------------------- */

#content .sep {

	margin: 0 0 20px 0;

	border-bottom: solid 1px #dcd9cb;

}

#content p {

	clear: both;

	margin: 0 0 20px 0;

	font-size: .7em;

	line-height: 1.7em;

	color: #535249;

}

#content p.clear {

	float: left;

	clear: both;

	width: 444px;

}



#content p.short_margin { margin-bottom: 5px; }



#content p img.left {

	float: left;

	margin: 5px 10px 0 0;

	padding: 1px;

	border: solid 3px #bdb8a3;

}

#content p img.right {

	float: right;

	margin: 5px 5px 8px 15px;

}

#content p img.float {

	padding: 0;

	border: none;

}

#content .highlight {

	padding: 2px;

	background: #f8eebc;

}

#content ul { margin: 0 0 20px 0; }

#content ul li {

	margin: 0 0 5px 0;

	padding: 0 0 0 18px;

	background: url(../images/li.png) no-repeat 0 4px;

	font-size: .7em;

	font-weight: bold;

	line-height: 1.7em;

	color: #535249;

}

#content ul.two_column,

#content ul.three_column {

	float: left;

	clear: both;

}

#content ul.two_column li {

	float: left;

	width: 200px;

}

#content ul.three_column li {

	float: left;

	width: 130px;

}



/* Contact us blip */

#content p.contact_us {

	margin-top: 10px;

	font-size: .8em;

}

#content p.contact_us img {

	vertical-align: middle;

	margin-left: 10px;

	margin-top: -2px;

}



/* Content: Case Studies

----------------------------------------------- */

#content .case_studies {

	float: left;

	clear: both;

	width: 444px;

	margin: 10px 0 0 0;

}

#content .case_studies .item {

	float: left;

	clear: both;

	margin: 0 0 20px 0;

	width: 444px;

}

#content .case_studies .item .photo {

	float: left;

	width: 100px;

	padding: 1px;

	border: solid 2px #bdb8a3;

}

#content .case_studies .item .photo img { margin: 0 0 -3px 0; }

#content .case_studies .item .details {

	float: left;

	padding: 0 0 0 10px;

	width: 328px;

}

#content .case_studies .item .details p { margin: -3px 0 0 0; }

#content .case_studies .item .details p.view { margin: 10px 0 0 0; }



#content .results {

	margin: 5px 0 0 0;

	float: left;

	clear: both;

	width: 444px;

}

#content .results .item {

	float: left;

	margin: 0 25px 0 0;

	width: 131px;

}

#content .results .item.last { margin: 0; }



#content .results .item .photo {

	margin: 0 0 5px 0;

	padding: 1px;

	border: solid 1px #bdb8a3;

}

#content .results .item .photo img {

	margin: 0 0 -3px 0;

	border: solid 3px #bdb8a3;

}



#content .results .item p {

	line-height: 1.2em;

	text-align: center;

	color: #637740;

}





/* Content: Contact Us form

----------------------------------------------- */

#content fieldset.contact_us { border: none; }

#content fieldset.contact_us label {

	display: block;

	width: 304px;

	margin: 0 0 2px 0;

	font-size: .7em;

	color: #2e2d26;

}

#content fieldset.contact_us label.error {

	font-weight: bold;

	color: #752f35;

}

#content fieldset.contact_us input {

	margin: 0 0 15px 0;

	width: 300px;

	font-size: .8em;

	padding: 2px;

}

#content fieldset.contact_us select {

	margin: 0 0 15px 0;

	width: 304px;

}

#content fieldset.contact_us textarea {

	margin: 0 0 15px 0;

	width: 300px;

	padding: 2px;

	font-size: .8em;

	min-height: 110px;

	resize: vertical;

}

#content fieldset.contact_us .submit_button {

	margin: 10px 0 0 0;

	width: auto;

}

#content div.error {

	margin: 0 0 15px 0;

	padding: 10px;

	background: #752f35;

}

#content div.error p,

#content div.error ul,

#content div.error li {

	margin: 0;

	color: #fff;

}

#content div.error li {

	margin: 0 0 0 25px;

	padding: 0;

	list-style: disc;

	background: none;

	font-weight: normal;

}





/* Sidebar

----------------------------------------------- */

#sidebar .inner {

	width: 285px;

	padding: 20px 0 35px 0;

	background: url(../images/sidebar/bottom.png) no-repeat 0 100%;

}

#sidebar .contact_me {

background-color:f4f0e0;

}

#sidebar .section {

	margin: 0 0 15px 25px;

	padding: 0 0 17px 0;

	width: 226px;

	background: url(../images/sep.png) no-repeat 0 100%;

}

#sidebar .section.last {

	margin: 0 0 0 25px;

	padding: 0;

	background: none;

}

#sidebar h2 {

	margin: 0 0 10px 0;

	font-size: .950em;

	font-weight: normal;

	color: #535249;

}

#sidebar h3 {

	margin: 0 0 10px 0;

	font-size: .8em;

	font-weight: normal;

	color: #535249;

}

#sidebar p {

	margin: 0;

	font-size: .7em;

	line-height: 1.5em;

	color: #535249;

}



/* Case Study */

#sidebar .case_study a.screen {

	position: relative;

	display: block;

	left: -8px;

	margin: 0 0 10px 0;

	text-decoration: none;

	width: 251px;

	height: 84px;

}

#sidebar .case_study a.screen span.cover {

	position: absolute;

	top: 0;

	display: block;

	width: 251px;

	height: 84px;

	background: url(../images/sidebar/casestudy_cover.png) no-repeat;

}

#sidebar .case_study a.screen img { border: none; }

#sidebar .case_study h4 {

	margin: 0 0 5px 0;

	font-size: .8em;

	color: #65a3c6;

}

#sidebar .case_study p.view { margin: 10px 0 0; }

#sidebar .case_study p.view a img { border: none; }



/* Client Grid */

#sidebar ul.client_grid {

	position: relative;

	width: 229px;

	height: 123px;

	background: url(../images/sidebar/client_grid.png) no-repeat;

}

#sidebar ul.client_grid li { position: absolute; }

#sidebar ul.client_grid li a {

	display: block;

	position: static;

	text-indent: -2000px;

}

#sidebar ul.client_grid li.hp,

#sidebar ul.client_grid li.hp a {

	top: 2px;

	left: 2px;

	width: 47px;

	height: 32px;

}

#sidebar ul.client_grid li.samsung,

#sidebar ul.client_grid li.samsung a {

	top: 5px;

	left: 61px;

	width: 78px;

	height: 26px;

}

#sidebar ul.client_grid li.guy_kawasaki,

#sidebar ul.client_grid li.guy_kawasaki a {

	top: 2px;

	left: 151px;

	width: 76px;

	height: 30px;

}

#sidebar ul.client_grid li.american_greetings,

#sidebar ul.client_grid li.american_greetings a {

	top: 48px;

	left: 3px;

	width: 96px;

	height: 30px;

}

#sidebar ul.client_grid li.techcrunch,

#sidebar ul.client_grid li.techcrunch a {

	top: 58px;

	left: 118px;

	width: 107px;

	height: 19px;

}

#sidebar ul.client_grid li.zimbra,

#sidebar ul.client_grid li.zimbra a {

	top: 93px;

	left: 13px;

	width: 96px;

	height: 22px;

}

#sidebar ul.client_grid li.aol,

#sidebar ul.client_grid li.aol a {

	top: 91px;

	left: 134px;

	width: 82px;

	height: 28px;

}



/* Client list */

#sidebar ul.client_list {

	margin: 0 0 0 -10px;

	width: 260px;

}

#sidebar ul.client_list li {

	float: left;

	margin: 0 0 5px 10px;

	width: 120px;

	font-size: .7em;

}

#sidebar ul.client_list li a { color: #535249; }

#sidebar ul.client_list li a:hover {

	text-decoration: underline;

	color: #111;

}



/* Contact me form */

#sidebar .contact_me p img {

	float: right;

	margin: 4px 0 5px 10px;

}

#sidebar .contact_me fieldset {

	margin: 10px 0 0 0;

	border: none;

}

#sidebar .contact_me fieldset p { margin: 0 0 10px 0; }

#sidebar .contact_me fieldset p label {

	display: block;

	margin: 0 0 4px 0;

	color: #111;

}

#sidebar .contact_me fieldset p input {

	display: block;

	width: 190px;

	padding: 2px;

}





/* Footer

----------------------------------------------- */

#footer {

	clear: both;

	width: 748px;

	padding: 10px 6px 0 6px;

	background: url(../images/separator.png) no-repeat;

}

#footer p {

	float: left;

	padding: 10px 0 10px 30px;

	background: url(../images/brand.png) no-repeat 0 50%;

	font-size: .7em;

	color: #575c52;

}

#footer ul {

	margin: 10px 0 0 0;

	float: right;

}

#footer li {

	float: left;

	margin: 0 0 30px 8px;

	padding: 0 9px 0 0;

	background: url(../images/sep.gif) no-repeat 100% 1px;

	font-size: .7em;

	font-weight: bold;

}

#footer li.last {

	padding: 0;

	background: none;

}

#footer li a {

	color: #575c52;

	text-decoration: none;

}

#footer li.active a { color: #7bb4d5; }





/* Miscellaneous

----------------------------------------------- */

a {

	color: #5b93b2;

	text-decoration: none;	

}

a:hover { text-decoration: underline; }

.hide { display: none; }

.clear { clear: both; }

a img { border: none; }

a { outline: none; }

a:focus { -moz-outline-style: none; }

/*

#menu {

background-color:#99CC99;

height:15;

}

*/

#menu {

	float: left;

}



#menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	line-height: normal;

}



#menu li {

	float: left;

}



#menu a {

	display: block;

	float: left;

	height: 20px;

	margin-right: 1px;

	padding: 5px 10px 0 10px;

	background: #E9EED0;

	text-decoration: none;

	font-size: 13px;

	font-weight: bold;

	color: #8C8F7D;

}



#menu a:hover {

	background: #DDE6AB;

	color: #2C2E22;

}



#menu .current_page_item a {

	background: #B8D03B url(images/img01.gif) no-repeat;

	color: #FFFFFF;

}