/* CSS Document */

body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0px;
		padding:0px;
		color:#959595;
		font-size:9px;
		font-weight:300;
		line-height:15px;
		*line-height:14px;
		background-color:#000000;
		background-image:url(images/background3.jpg);
		background-repeat:repeat-x;
}

body a {
	color:#f7941e;
	outline:none;
}

#footer {
	width:971px;
	margin-left:auto;
	margin-right:auto;
	color:#262626;
	margin-top:75px;
	font-size:8px;
	line-height:13px;
}

#container2 {
	width:971px;
	height:660px;
	height:690px;
	margin-left:auto;
	margin-right:auto;
}

#newsbox {
	width:284px;
	height:436px;
	margin-top:66px;
	float:left;
	background-image:url(images/newsbox.jpg);
	background-repeat:no-repeat;
}

#news1 {
	width:285px;
	height:92px;
}

#news2 {
	width:285px;
	height:92px;
}

#news3 {
	width:285px;
	height:87px;
}

#news4 {
	width:285px;
	height:84px;
}

#news5 {
	width:285px;
	height:86px;
}

/* Main Links */

#links {
	width:635px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:21px;
	float:left;
}
		

#tabs {
	margin:0;
	padding:0;
	list-style:none;
	z-index:1000;
}

#tabs li {
	float:left;
	height:21px;
	margin:0;
	padding:0;
}

#tabs li a {
	margin:0;
	padding:0;
	height:21px;
	display:block;
	text-indent:-10000px;
	outline:none;
}

#tabs li a.aactive { background:url(images/home-links.jpg) no-repeat; }
#tabs li a.sactive { background:url(images/whoweare-links.jpg) no-repeat; }
#tabs li a.dactive { background:url(images/whatwedo-links.jpg) no-repeat; }
#tabs li a.factive { background:url(images/whatwevedone-links.jpg) no-repeat; }
#tabs li a.gactive { background:url(images/contact-links.jpg) no-repeat; }


#tabs li a.whoweare {
	background-position: 0px 0px;
	width:145px;
}

#tabs li a.whoweare:hover { background-position: 0px -21px; }


#tabs li a.whatwedo {
	background-position: -145px 0px;
	width:164px;
}

#tabs li a.whatwedo:hover { background-position: -145px -21px; }

#tabs li a.whatwevedone {
	background-position: -309px 0px;
	width:210px;
}

#tabs li a.whatwevedone:hover { background-position: -309px -21px; }


#tabs li a.contact {
	background-position: -519px 0px;
	width:116px;
}
#tabs li a.contact:hover { background-position: -519px -21px; }

h3 {
	color:#f7941e;
}

#thought {
	background-image:url(images/thought.jpg);
	background-repeat:no-repeat;
	width:203px;
	height:119px;
	margin-left:755px;
	*margin-left:-100px;
	margin-top:60px;
	z-index:1000px;
	position:absolute;
	padding-top:20px;
	padding-left:48px;
	color:#FFF;
	outline:none;
}
#thought a {
	color:#FFF;
}

/* Who We Are Links */

#whoweare {
	width:542px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:18px;
	float:left;
}
		

#whoweare2 {
	margin:0;
	padding:0;
	list-style:none;
	z-index:1000;
}

#whoweare2 li {
	float:left;
	height:18px;
	margin:0;
	padding:0;
}

#whoweare2 li a {
	margin:0;
	padding:0;
	height:18px;
	display:block;
	text-indent:-10000px;
	outline:none;
}

#whoweare2 li a.cactive { background:url(images/whoweare.jpg) no-repeat; }


#whoweare2 li a.mission {
	background-position: 0px 0px;
	width:61px;
}

#whoweare2 li a.mission:hover { background-position: 0px -19px; }


#whoweare2 li a.howwework {
	background-position: -61px 0px;
	width:171px;
}

#whoweare2 li a.howwework:hover { background-position: -61px -19px; }

#whoweare2 li a.inside {
	background-position: -232px 0px;
	width:179px;
}

#whoweare2 li a.inside:hover { background-position: -232px -19px; }


#whoweare2 li a.meet {
	background-position: -411px 0px;
	width:131px;
}
#whoweare2 li a.meet:hover { background-position: -411px -19px; }

/* What We Do Links */

#whatwedo {
	width:502px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:18px;
	float:left;
}
		

#whatwedo2 {
	margin:0;
	padding:0;
	list-style:none;
	z-index:1000;
}

#whatwedo2 li {
	float:left;
	height:18px;
	margin:0;
	padding:0;
}

#whatwedo2 li a {
	margin:0;
	padding:0;
	height:18px;
	display:block;
	text-indent:-10000px;
	outline:none;
}

#whatwedo2 li a.cactive { background:url(images/whatwedo.jpg) no-repeat; }


#whatwedo2 li a.services {
	background-position: 0px 0px;
	width:92px;
}

#whatwedo2 li a.services:hover { background-position: 0px -19px; }


#whatwedo2 li a.whycreative {
	background-position: -92px 0px;
	width:222px;
}

#whatwedo2 li a.whycreative:hover { background-position: -92px -19px; }

#whatwedo2 li a.whymonkeyhouse {
	background-position: -314px 0px;
	width:188px;
}

#whatwedo2 li a.whymonkeyhouse:hover { background-position: -314px -19px; }


/* What We've Done Links */

#whatwevedone {
	width:542px;
	text-align:center;
	height:18px;
	float:left;
	*float:clear left;
	margin-left:319px;
}	

#whatwevedone2 {
	margin:0;
	padding:0;
	list-style:none;
	z-index:1000;
}

#whatwevedone2 li {
	float:left;
	height:18px;
	margin:0;
	padding:0;
}

#whatwevedone2 li a {
	margin:0;
	padding:0;
	height:18px;
	display:block;
	text-indent:-10000px;
	outline:none;
}

#whatwevedone2 li a.cactive { background:url(images/whatwevedone.jpg) no-repeat; }


#whatwevedone2 li a.websites {
	background-position: 0px 0px;
	width:65px;
}

#whatwevedone2 li a.websites:hover { background-position: 0px -19px; }


#whatwevedone2 li a.print {
	background-position: -65px 0px;
	width:60px;
}

#whatwevedone2 li a.print:hover { background-position: -65px -19px; }

#whatwevedone2 li a.identity {
	background-position: -126px 0px;
	width:61px;
}

#whatwevedone2 li a.identity:hover { background-position: -126px -19px; }

#inner-container {
	height:477px;
	*height:478px;
	width:971px;
	margin-top:45px;
	*margin-top:59px;
}

#left-column {
	width:375px;
	height:477px;
	*height:478px;
	float:left;
	background-color:#111111;
	color:#FFF;
}

#right-column {
	width:596px;
	background-color:#FFF;
	height:477px;
	*height:478px;
	float:left;
	color:#111111;
}

#container {
background: none repeat scroll 0 0;
height:240px;
margin-top:15px;
overflow:hidden;
position:absolute;
width:305px;

}

#content {
position:relative;
width:305px;
}

#scrollArea {
border:1px solid #fff;
height:240px;
overflow:hidden;
position:absolute;
width:15px;
margin-left:320px;
margin-top:15px;
}

#scroller {
background:#f7941e none repeat scroll 0 0;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
position:relative;
top:-1px;
width:15px;
}

#text {
	width:305px;
	margin-top:24px;
}

.monkey {
	margin-top:157px;
	margin-left:225px;
}

.title {
	font-weight:bold;
	color:#f7941e;
	font-size:11px;
}

.title2 {
	font-weight:bold;
	font-size:11px;
}

.orange {
	font-weight:bold;
	color:#f7941e;
}

input {
background-image:url(/images/inputbg.jpg);
background-repeat:repeat;
}

textarea {
background-image:url(/images/inputbg.jpg);
}

label {
display:block;
margin:10px 0 2px;
}

#portfolio-navigation {
	text-align:center;
	font-size:12px;
	position:absolute;
	width:305px;
}

#portfolio-navigation a {
	text-decoration:none;
}

#portfolio-navigation a:hover {
	text-decoration:none;
	color:#FFF;
}

a.current {
	color:#FFF;
}