html{height:100%;}
body{
	font:11px Arial, Helvetica, sans-serif;
	margin:0;
	color:#000;
	background:#fff url(../images/bg-top-body.gif) repeat-x;
	height:100%;
	}
/* Default */
img{border-style:none;}
a{
	text-decoration:none;
	color:#515750;
	}
a:hover{
	color:#187f3f;
	text-decoration:underline;
	}
input,
textarea,
select{
	font-size:100%;
	vertical-align:middle;
	}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
	}
.padding5 {
	padding: 0 5px 0 0;}
.bold {
	font-weight: bold;}
/* Layouts */
#header{
	width:100%;
	position:relative;
	z-index:100;
	}
#header:after{
	content:"";
	display:block;
	clear:both;
	}
#page #header{padding:30px 0 129px;}
#page #header2{padding:30px 0 45px;}
#inner #header{padding:30px 0 45px;}
#main{
	width:900px;
	margin:0 auto;
	position:relative;
	}
#container{
	width:840px;
	margin:0 auto;
	overflow:hidden;
	}
#container h2{
font-size:24px;
letter-spacing: -1px;
}

#container p a {
color:#187F3F;

}
#container p a.link {
	margin: 0 0 0 10px;
}
#container p a:hover {
color:#187F3F;
font-weight: bold;
text-decoration: none;
}
#container p a.workactive {
color:#000000;
font-size:12px;
font-weight: bold;
text-decoration: none;
margin: 0 0 0 10px;
}
#container img.mainpic {
	padding: 0 0 100px 0px;
}
#content{
	width:420px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color:#333;
	padding:0 0 77px;
	}
#content h2 {
	width: 375px;
	}
#content p {
	width: 375px;
	}
#twitter_div{
	float:right;
	width:407px;
	}
#footer{
	font-size:0;
	background:#fff;
	height:12px;
	}
#inner .logo{
	background:url(../images/logo-inner.gif);
	top:3px;
	width:156px;
	margin:0 0 29px 178px;
	height:21px;
	}
#page .logo-about{
	background:url(../images/logo-inner.gif);
	top:3px;
	width:156px;
	margin:0 0 29px 86px;
	height:21px;
	}
#inner .logo-work{
	background:url(../images/logo-inner.gif);
	top:3px;
	width:156px;
	margin:0 0 29px 202px;
	height:21px;
	}
#inner .logo-communications{
	background:url(../images/logo-inner.gif);
	top:3px;
	width:156px;
	margin:0 0 29px 316px;
	height:21px;
	}
#inner .logo-network{
	background:url(../images/logo-inner.gif);
	top:3px;
	width:156px;
	margin:0 0 29px 430px;
	height:21px;
	}
#page .logo{
	background:url(../images/logo-main.gif);
	top:113px;
	width:438px;
	margin:0 0 29px 29px;
	height:57px;
	}
.logo{
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	
	}
.logo a{
	display:block;
	height:100%;
	}
.logo-about{
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	
	}
.logo-about a{
	display:block;
	height:100%;
	}
.logo-communications{
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	
	}
.logo-communications a{
	display:block;
	height:100%;
	}
.logo-work{
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	
	}
.logo-work a{
	display:block;
	height:100%;
	}
.logo-network{
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	
	}
.logo-network a{
	display:block;
	height:100%;
	}
#navigation{
	list-style:none;
	margin:0 0 0 29px;
	padding:0;
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	}
#navigation:after{
	clear:both;
	display:block;
	content:"";
	}
* html #navigation{height:1%;}
#navigation li{
	float:left;
	margin:0 8px 0 0;
	position:relative;
	}
#navigation li a{
	background:url(../images/bg-navigation.gif) no-repeat;
	display:block;
	height:41px;
	position:relative;
	z-index:100;
	}
#navigation li a span{
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	height:100%;
	position:absolute;
	z-index:100;
	cursor:pointer;
	}
#navigation .active a{background:url(../images/bg-navigation-active.gif) no-repeat;}
#navigation .active li a{background:none;}
#navigation a.nav-home,
#navigation a.nav-home:hover,
#navigation li:hover a.nav-home span{
	background-position:-9px 0;
	width:48px;
}
#navigation a.nav-about,
#navigation a.nav-about:hover{
	background-position:-457px 0;
	width:125px;
}
#navigation li:hover a.nav-about span,
#navigation li.hover a.nav-about span{
	width:125px;
	background:url(../images/nav-about.png) no-repeat;
	}
#navigation a.nav-about2,
#navigation a.nav-about2:hover{
	background-position:-461px 0;
	width:125px;
}
#navigation li:hover a.nav-about2 span,
#navigation li.hover a.nav-about2 span{
	width:125px;
	background:url(../images/nav-about.png) no-repeat;
	}

#navigation a.nav-our-work,
#navigation a.nav-our-work:hover,
#navigation li:hover a.nav-our-work span,
#navigation li.hover a.nav-our-work span{
	background-position:-70px 0;
	width:86px;
}
#navigation li:hover a.nav-our-work span,
#navigation li.hover a.nav-our-work span{
	width:86px;
	background:url(../images/nav-our-work-hover.png) no-repeat;
	}
#navigation a.nav-communications,
#navigation a.nav-communications:hover{
	background-position:-166px 0;
	width:125px;
}
#navigation li:hover a.nav-communications span,
#navigation li.hover a.nav-communications span{
	width:125px;
	background:url(../images/nav-communications.png) no-repeat;}
#navigation a.nav-networks,
#navigation a.nav-networks:hover{
	background-position:-290px 0;
	width:92px;
}
#navigation li:hover a.nav-networks span,
#navigation li.hover a.nav-networks span{
	width:92px;
	background:url(../images/nav-networks.png) no-repeat;
	}
#navigation a.nav-well-said,
#navigation a.nav-well-said:hover,
#navigation li:hover a.nav-well-said span,
#navigation li.hover a.nav-well-said span{
	background-position:-390px 0;
	width:64px;
}
/**/
#navigation li div{display:none;}
#navigation li:hover div,
#navigation li.hover div,
#navigation li li:hover div div,
#navigation li li.hover div div{
	display:block;
	position:absolute;
	top:34px;
	left:1px;
	width:133px;
	z-index:1;
	}
#navigation li:hover div div,
#navigation li.hover div div{display:none;}
#navigation li li:hover div,
#navigation li li.hover div{
	top:-22px;
	left:116px;
	display:block;
	}
#navigation li div ul{
	background:url(../images/bg-shadow-middle.png) repeat-y;
	list-style:none;
	margin:0;
	padding:0;
	font:12px Helvetica, Arial, sans-serif;
	height:1%;
	line-height:16px;
	}
#navigation li .up,
#navigation li .lo{
	height:22px;
	display:block;
	}
#navigation li .up{background:url(../images/bg-shadow-up.png) no-repeat;}
#navigation li div li .up{background:url(../images/bg-shadow-next-up.png) no-repeat;}
#navigation li .lo{background:url(../images/bg-shadow-low.png) no-repeat;}
#navigation li div li,
#navigation li div li{
	float:none;
	background:none;
	margin:0;
	vertical-align:top;
	height:1%;
	}
#navigation li div ul a{
	text-indent:0;
	width:108px;
	height:19px;
	background:url(../images/none.gif);
	margin:0 0 0 9px;
	padding:4px 0 0 7px;
	color:#333;
	position:relative;
	}
#navigation li:hover div ul a:hover,
#navigation li.hover div ul a:hover{
	background:url(../images/bg-list-hover.gif) repeat-x;
	color:#fff;
	text-decoration:none;
	}
#navigation li div ul a em{float:left;}
#navigation li div ul a em img{
	margin:0 5px 0 0;
	display:block;
	}
* html #navigation li div ul a em img{margin:0 2px 0 0;}
/*******************/
.tagline{
	background:url(../images/creative-communications.gif);
	width:249px;
	height:19px;
	overflow:hidden;
	text-indent:-9999px;
	float:right;
	margin:17px 2px 0 0;
	}
.highlightbox{
	margin:0 0 27px;
	padding: 0 0 0 25px;
	}

/*
.photo{
	position:relative;
	width:840px;
	margin:0 auto;
	
	}
	*/
.photo span{
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	}
.photos{
	height:200px;
	margin:0;
	padding:0;
	list-style:none;
	width:815px;
	overflow: hidden;
	border: 1px solid white;
	background-color: #8D0B2E;

	}
.photos li{
	/*
	float:left;
	height:200px;
	CHANGED
	*/
	position: absolute;
	height: 200px;
	width: 420px;
	cursor: pointer;

	}
.photos .opt1{
	background:url(../images/slide-purples.gif) no-repeat;
	z-index: 10;
	}
.photos .opt2{
	background:url(../images/slide-orange.gif) no-repeat;
	left: 420px;
	z-index: 20;
	}
.photos .opt3{
	background:url(../images/slide-blue.gif) no-repeat;
	left: 560px;
	width: 150px;
	z-index: 30;
	}
.photos .opt4{
	background:url(../images/slide-red.gif) no-repeat;
	left: 700px;
	z-index: 40;
	width: 150px;
	}
.photos .opt5 {
	background: white;
	left: 840px;
	z-index: 50;
	width: 10px;
}
	
/*	
.photos .photo{
	width:140px;
	overflow:hidden;
	margin:auto;
	}
*/
#a1{
	width: 420px;
}#content h2{
	margin:0 0 7px;
	font-size:24px;
	}
#content p{margin:0 0 9px;}
.contact span{display:block;}
.contact dl{
	list-style:none;
	margin:0 0 12px;
	padding:0;
	}
.contact dt{float:left;}
.contact dd{margin:0;}
.contact li {
	list-style-type: none;}
#content address{
	font-style:normal;
	margin:0 0 17px;
	}
#twitter_div h3{
	font-size:24px;
	color:#999;
	margin:0 0 7px;
	}
#twitter_div ul{
	list-style:none;
	margin:0 35px 0 0;
	padding:0;
	color:#999;
	font-weight:normal;
	font-size: 12px;
	}
#twitter_div li{
	margin:0 0 7px;
	width:100%;
	overflow:hidden;
	}
#twitter_div ul strong{
	color:#666;
	display:block;
	}
#twitter_div .read-article{
	color:#393;
	background:url(../images/bg-read-article.gif) no-repeat;
	float:left;
	padding:10px 0 28px 37px;
	}
#twitter_div h1{
	font-size:24px;
	color:#999;
	margin:0 0 7px;
	}
#twitter_div h1 a{
	color:#999;
	text-decoration: none;
	}	
#twitter_div h1 a:hover {
	color:#187F3F;
	text-decoration:underline;
}
#twitter_div p{
	font-size:12px;
	color:#999;
	margin:0 35px 7px;
	
	}
.form-back ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.form-back input,
.form-back textarea{
	padding:0 0 6px;
	border:1px solid #999;
	width:420px;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	margin:0 0 12px;
	}


.form-back textarea{
	overflow:auto;
	height:143px;
	}
.form-back label{
	color:#999;
	display:block;
	padding:0 0 6px;
	}
.form-back div{
	width:100%;
	overflow:hidden;
	}
.form-back div input{
	float:left;
	width:auto;
	margin-right:12px;
	border-style:none;
	}
.well-said-box {
	background: url(../images/popup-bg.png) no-repeat;
	width: 243px;
	height: 160px;		
	padding: 5px 10px 10px 20px;}
.well-said-box p {
	color: #333333;
	font-family: Garamond;
	font-size: 24px;
	width: 203px;}