@charset "UTF-8";
/* CSS Document */

body {
	font-family:Tahoma, Verdana, Futura, Arial, sans-serif;
	font-weight:normal;
	margin:0;
	text-align:left;
	font-size:14px;
	line-height:1.4em;
	color:#000;
	background:#e7e7e7;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	}

h1 {
	font-size:1.5em;
	color:#000;
	font-weight:normal;
	line-height:1.2em;
	padding-bottom:10px;
	}

h2 {
	font-size:1.3em;
	color:#000;
	font-weight:normal;
	line-height:1.1em;
	padding-bottom:10px;
	}

h3 {
	font-size:1.2em;
	color:#000;
	font-weight:normal;
	line-height:1em;
	padding-bottom:10px;
	}
	
h4 {
	font-size:1.1em;
	color:#000;
	font-weight:normal;
	line-height:1em;
	padding-bottom:10px;
	}

ul{
	list-style: disc url(../images/bullet.gif) outside;
	}
	
ul li{
	margin:0;
	padding:0 0 14px 0;
	line-height:1.1em;
	}
	
ul li a, ul li a:VISITED{
	color:#285386;
	text-decoration:none;
	}
	
ul li a:HOVER, ul li a:ACTIVE  {
	color:#032143;
	text-decoration:none;
	}
	
.imgright {
	clear:right;
	float:right;
	margin:0 0 5px 10px;
	}
			
.imgleft {
	clear:left;
	float:left;
	margin:0 10px 5px 0;
	}
			
.required {
	color:#900;
	}


a, a:VISITED {
	color:#285386;
	text-decoration:none;
	}

a:HOVER, a:ACTIVE {
	color:#285386;
	text-decoration:underline;
	}

img, a img {
	border:0;
	padding:0;
	margin:0;
	}
	
.imgright {
	clear:right;
	float:right;
	margin:0 0 5px 10px;
	}
	
.imgleft {
	clear:left;
	float:left;
	margin:0 10px 5px 0;
	}
	
#thestage {
	background: #FFF url(../images/shadow_back.jpg) repeat-y;
	width:960px;
	margin:0 auto;
	padding:0;
	}
	
#centerstage {
	width:920px;
	margin:0 auto;
	padding:0;
	}
	
#content {
	clear:left;
	width:100%;
	}
	
#header {
	width:960px;
	height:80px;
	padding:0;
	margin:0;
	}
	
#logo {
	background-color:#ccc;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	height:80px;
	width:270px;
	}
	
#logo a {
	background:transparent url(../images/eyemg_logo_2010.png) no-repeat scroll center center;
	display:block;
	height:80px;
	margin:0 auto;
	text-indent:-5000px;
	width:270px;
	}

#navnew, #navnew ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navnew a {
	display: block;
	width: 100%;
	color:#900;
	text-decoration:none;
	font-weight:bold;
	visibility:visible !important;
}

#navnew ul a {
	width: 165px;
	padding:3px 5px;
}

#navnew ul a:hover {
	background-color:#CCC !important;
	color:#fff !important;
}

#navnew li {
	float: left;
	height:80px;
	line-height:80px;
	background-image:url(/siteflow/images/nav_back_bar.jpg);
	background-repeat:no-repeat;
	padding:0;
}

#navnew ul li { /* all list items */
	float: left;
	width: 175px; /* width needed or else Opera goes nuts */
	height:auto;
	line-height:normal;
}

#navnew li span {
	visibility:hidden;
}

#navnew li ul { /* second-level lists */
	position: absolute;
	background: transparent url(/siteflow/png/menuBackgroundTrans.png) top left repeat;
	width: 175px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid #818f99;
	border-top-width:0;
}

#navnew li ul div { /* need this so links are clickable in ie */
	background-image:none;
	height:auto;
	width: 175px;
	border:none;
}

#navnew li ul li {
	border-top:1px solid #818f99;
	background-image:none;
}

#navnew li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 175px;
}


#navnew #aboutnew {
	width:130px;
	background-position:0 0;
}

#navnew #aboutnew:HOVER {
	background-position:0 -80px;
}

#navnew #offernew {
	width:184px;
	background-position:-130px 0;
}

#navnew #offernew:HOVER {
	background-position:-130px -80px;
}

#navnew #worknew {
	width:174px;
	background-position:-314px 0;
}

#navnew #worknew:HOVER {
	background-position:-314px -80px;
}

#navnew #contactnew {
	width:162px;
	background-position:-488px 0;
}

#navnew #contactnew:HOVER {
	background-position:-488px -80px;
}



	
ul#twitter-post {
	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul#twitter-post li{
	margin:0;
	padding:0;
	}
ul#twitter-post li a{
	line-height:1.2em;
	}
	
li#about {
	width:129px;
	}
	
li#offer {
	width:183px;
	}

li#work {
	width:173px;
	}
	
li#contact {
	width:161px;
	}

li#about div {
	background:transparent url(../images/menu_about_us.png) no-repeat scroll center center;
	}
	
li#offer div{
	background:transparent url(../images/menu_what_we_offer.png) no-repeat scroll center center;
	}
	
li#work div{
	background:transparent url(../images/menu_see_our_work.png) no-repeat scroll center center;
	}
	
li#contact div{
	background:transparent url(../images/menu_contact_us.png) no-repeat scroll center center;
	}
	
li#about:HOVER, li#offer:HOVER, li#work:HOVER, li#contact:HOVER {
	background:#ccc url(../images/menu_back_on.jpg) repeat-x;
	}
	
#backgrounder{
	width:208px;
	padding:20px 31px 20px 31px;
	margin:0;
	float:left;
	}
	
div#leftcolumn{
	width:269px;
	padding:0;
	margin:0;
	float:left;
	}
	
div#leftcolumn h3{
	width:208px;
	padding:7px 30px 7px 31px;
	margin:0;
	background: #FFF url(../images/resource_back.jpg) no-repeat;
	font-size:1.1em;
	color:#666;
	}
	

	
	
	
ul.leftnav{
	width:208px;
	padding:20px 30px 20px 31px;
	margin:0;
	list-style:none;
	}
	
ul.leftnav li{
	margin:0;
	padding:0 0 14px 0;
	line-height:1.1em;
	}
	
ul.leftnav li a, ul.leftnav li a:VISITED{
	color:#285386;
	text-decoration:none;
	}
	
ul.leftnav li a:HOVER, ul.leftnav li a:ACTIVE  {
	color:#032143;
	text-decoration:none;
	}


div#search {
	width:208px;
	padding:0 30px 20px 31px;
	margin:0;
	}
	
div#rightresources{
	width:190px;
	margin:0 0 5px 10px;
	float:right;
	border:1px solid #666;
	}
	
div#rightresources ul{
	width:170px;
	padding:10px;
	margin:0;
	list-style:none;
	}
	
div#rightresources ul li{
	line-height:1.2em;
	padding:4px 0;
	}
	
div#rightresources h3{
	width:170px;
	padding:5px 10px;
	margin:0;
	background-color:#999;
	font-size:1.2em;
	color:#fff;
	}


div#relatedresources{
	clear:both;
	background: #FFF url(../images/project_back.jpg) no-repeat;
    padding:10px;
	margin:10px 0;
	}
	
div#relatedresources h3{
	color:#666;
	}
	
	
div.thirds {
	float:left;
	width:292px;
	border-right:1px solid #ccc;
	}
	
div.thirds img{
	width:250px;
	margin:0 10px 0 10px;
	}
	
div.thirdinner {
	padding:15px;
	font-size:0.9em;
	}
	
div.homecolumn img, div.homecolumnlong img{
	
	}
	
div.homecolumn {
	padding:10px 0;
	margin:0 0 0 15px;
	float:left;
	width:240px;
	border-right:1px solid #ccc;
	}


div.homecolumnlong	{
	padding:0;
	margin:10px 0 0 15px;
	float:left;
	width:370px;
    border-right:1px solid #ccc;
	}
	
div.homeinner {
	clear:both;
	padding:0 15px 15px 0;
	font-size:0.9em;
	}
	
div.teaminner {
	clear:both;
	padding:0;
	font-size:0.9em;
	height:200px;

	}

div.bernie {
	margin-top:10px;background: url('../images/peek_drew.jpg') top right no-repeat;
	}
	
div.bernie span{
	display:block;
	width:200px;
	padding-top:10px;
	}

#homewrapper {
	width:900px;
	padding:10px 0px  10px 20px;
	margin:0;
	}
	

#services h2 {
	background: #CCC;
	color:#000;
	text-align:center;
	padding:5px 0;
	}
	
#services div {
	font-size:0.9em;
	float:left;
	width:30%;
	padding:15px;
	}

.thecaption {
	font-size:1em;
	line-height:1.3em;
	}
	
.caption {
	font-size:0.9em;
	color:#666;
	font-style:italic;
	}
	
#projectmeat {
	width:880px;
	padding:10px 20px;
	}
	
#themeat {
	width:580px;
	padding:10px 10px 30px 30px;
	float:left;
	line-height:1.5em;
	border-left:1px solid #ccc;
	}

#clientlogo {
	width:200px;
	float:left;
	margin:0 20px 20px 0;
	}
	
p.seofooter {
	font-size:0.9em;
	color:#666;
	font-style:italic;
	}
	
img#pagetop {
border-bottom:10px solid #000;
}

	
#breadcrumb {
	font-size:11px;
	line-height:1.3em;
	color:#666;
	margin:0 0 15px 0;
	padding:10px 0;
	text-transform:uppercase;
	}
	
#breadcrumb a, #breadcrumb a:VISITED{
	text-transform:uppercase;
	font-size:11px;
	line-height:1.3em;
	text-decoration:none;
	color:#666;
	}
	
#breadcrumb a:HOVER, #breadcrumb a:ACTIVE{
	color:#285386;
	}
	
span#printshare {
	display:block;
	width:120px;
	float:right;
	text-align:right;
	}
	
hr.thinmint {
height:1px;
color:#ccc;
}

	
#clients {
	border-top:1px solid #ccc;
	clear:left;
	background-color: #fff;
	margin:0;
	padding:5px 0;
	}
	
#minifeatures {
	width:920px;
	background: #418be0 url(../images/blue_back_blend.jpg) repeat-x;
	color:#000;
	margin:0;
	padding:0;
	overflow: hidden;
	}
	
#minifeatures h3 {
	margin:0;
	padding:0;
	color:#fff;
	}
	
#mfone, #mftwo, #mfthree {
	float:left;
	padding:15px 15px 15px 15px;
	}

#mfone p, #mftwo p, #mfthree p{
	padding:5px 0 0 0;
	margin:0;
	}
	
#mfone {
	width:240px;
	}
	
	
#mftwo {
	width:290px;
	}
	
	
#mfthree {
	width:290px;
	}
	
#footer {
	clear:left;
	background-color: #000;
	color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	height:50px;
	overflow: hidden;
	font-size:0.9em;
	}
	
#footersocials {
	clear:left;
	background-color: #FFF;
	color:#000;
	margin:0 0 0 200px;
	padding:0 0 0 30px;
	text-align:center;
	overflow: hidden;

	}
	
#footer a, #footer a:VISITED{
	color:#418be0;
	line-height:50px;
	
	}
	
#footer a:HOVER, #footer a:ACTIVE{
	color:#FFF;
	}
	
/* NEWS */

.newsdate {
clear:left;
float:left;
width:80px;
padding-top:10px;
color:#666;
}

.newsitem {
float:left;
width:430px;
margin-left:10px;
padding-top:10px;
}

/* PROJECTS */

.projectarea {
clear:both;
background: #FFF url(../images/project_back.jpg) no-repeat;

padding:10px;
margin-bottom:10px;
}

.projectimage {
clear:left;
float:left;
width:250px;
border:1px solid #CCC;
}

.projectdetails {
float:left;
width:230px;
margin-left:20px;
}

#identitylogoblock {
	margin-top:20px;
	}

.identity {
margin:0 25px 15px 10px;
float:left;
width:150px;
text-align:center;
}

.identity img {
width:150px;
	}

.thelatest {
	color:#666;
	text-align:center;
	border-bottom:1px solid #ccc;
	margin-right:20px;
	padding:0 4px 10px 4px;
	}
span.latesttitle {
	text-transform:uppercase;

	}