/*-------------------------------
Stylesheet for Marketing Partners
-------------------------------*/

body{
	background:#232C33;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	line-height:1.5;
}
a:link, a:visited{
	color:#09C;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#F60;
}
img {
	border:0;
}
h2{
	color:#693;
	font-size:1.2em;
}
h3{
	color:#693;
	font-size:1em;
	border-bottom:1px solid;
}
.author{
	text-align:right;
	font-size:80%;
}
.block{
	width:200px;
	float:left;
	margin:100px 0 30px 30px;
	font-size:80%;
}
.block ul{margin:0; padding:10px 0 0 0; border-top:1px solid #ccc;}
.block li{
	color:#666;
	list-style:none;
}
.block .clientlogo{
	margin-bottom:20px;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	border:0;
	font-size:0;
}
hr.clear{
	color:#690;
	background:#690;
	border-top:1px solid #690;
	height:1px;
}
.clients{
	padding:80px 0 40px 0;
	margin:0;
	float:left;
}
.clients li{
	float:left;
	list-style:none;
	width:200px;
	height:100px;
	margin:20px 40px 10px 0;
}
.clients .case{
	font-size:80%;
}
#container{
	background:#fff;
	margin:0;
	padding:0;
}
/*Diagram on home page----------------------------*/
#diagram{
	float:left;
	width:460px;
	height:288px;
	background:url(images/diagram.gif);
	margin:50px 0 0 0;
	padding:0;
}
#diagram li{
	list-style:none;
	padding:0;
	margin:0;
}
#diagram em{
	visibility:hidden;
}
#diagram a{
	display:block;
	position:absolute;
}
#d_design a{width:126px; height:70px; top:150px; }
#d_branding a{width:100px; height:60px; top:120px; margin-left:155px;}
#d_web a{width:105px; height:70px; top:175px; margin-left:315px; }
#d_marketing a{width:165px; height:115px; top:205px; margin-left:125px; }
#d_ppc a{width:65px; height:65px; top:227px; margin-left:40px; }
#d_seo a{width:65px; height:65px; top:300px; margin-left:65px }
#d_analytics a{width:85px; height:65px; top:343px; margin-left:155px }
#d_pr a{width:95px; height:65px; top:315px; margin-left:255px }
#d_database a{width:105px; height:75px; top:325px; margin-left:357px }
#d_dev a{width:105px; height:75px; top:245px; margin-left:357px }

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

#footer{
	width:100%;
	background:url(images/border.gif) repeat-x top;
	clear:both;
}
#footer ul{
	float:left;
	width:170px;
	margin:0 0 0 30px;
}
#footer li{
	list-style:none;
	margin:0;
	padding:0;
	font-size:90%;
}
#footer a:hover{
	color:#F60 !important;
}
#footer blockquote{
	float:left;
	color:#888;
	width:440px;
	padding:30px 20px 20px 20px;
	margin:0;
	font-size:90%;
}
#red a:link, #red a:visited{color:#F03;}
#orange a:link, #orange a:visited{color:#F60;}
#green a:link, #green a:visited{color:#9C0;}
#blue a:link, #blue a:visited{color:#09C;}

#left{
	float:left;
	width:460px;
	padding-top:40px;
	margin-bottom:30px;
}
#header{
	height:40px;
}
#logo{
	width:460px;
	height:51px;
	text-indent:-9999em;
	margin:20px 0 0 0;
	padding:0;
	float:left;
}
#logo a{
	background:url(images/logo.png) no-repeat;
	display:block;
	width:460px;
	height:51px;
	overflow:hidden;
}
.inner{
	width:960px;
	margin:0 auto;
	padding:0 20px;
	text-align:left;
}
#main{
	clear:both;
}
#main blockquote{
	background:#690;
	color:#fff;
	padding:10px;
	margin:0;
}
#right{
	float:right;
	width:460px;
	padding:40px 0 0 0;
	margin-bottom:30px;
}
.right{
	float:right;
	margin-right:20px;
}
#services{
	background:url(images/serviceslist.png) no-repeat;
	width:420px;
	height:277px;
	text-indent:-9999em;
	list-style:none;
	margin:6em 0 0 0;
	padding:0;
}
#footer #services{
	background:url(images/services_footer.gif) no-repeat;
	width:960px;
	height:126px;
	text-indent:-9999em;
	list-style:none;
	margin:1em 0 0 0;
	padding:0;
}
#top{
	margin:50px 0 -20px 0;
	border-bottom:1px solid #690;
	padding:0 0 10px 0;
	float:left;
	width:960px;
}
	
#top h2{
	margin-top:0;
	border-bottom:1px solid;
}
#top img{
	float:left;
}
#top #desc{
	width:460px;
	float:right;
	margin:0 0 10px 0;
}
#top #desc p{
	padding:0 0 10px 0;
	margin:1px;
}
	
/*Nav-------------------------------*/
#nav{
	float:right;
	width:320px;
	margin:50px 0 0 0;
	padding:0;
}
#nav li{
	float:left;
	list-style:none;
	margin:0 ;
	padding:0 0 0 20px;
	width:60px;
	text-indent:-9999em;
}
#nav a{
	display:block;
	width:60px;
	height:10px;
	background-repeat:no-repeat !important;
	overflow:hidden;
}
#nav a:hover{
	background-position:-60px !important;
}
#navhome a:link, #navhome a:visited{background:url(images/nav_home.gif);}
#navmeet a:link, #navmeet a:visited{background:url(images/nav_meet.gif);}
#navservices a:link, #navservices a:visited{background:url(images/nav_services.gif);}
#navclients a:link, #navclients a:visited{background:url(images/nav_clients.gif);}
#navcontact a:link, #navcontact a:visited{background:url(images/nav_contact.gif);}
/*Partners--------------------------*/
#partners{
	clear:both;
	background:#fff;
	margin:0;
	padding:0;
}
#partners a{
	display: block;
	height: 165px; 
	width:170px;
	background-position: 180px bottom;
}
#partners a:hover{
	background-position:0 bottom;
}
#partners span{
	display:none;
}
#partners li{
	list-style:none;
	padding:0;
	margin:0 30px;
	float:left;
}
.jeremy a:link, .jeremy a:visited{
	background:url(images/jeremy.jpg);
	display:block;
}
.mark a:link, .mark a:visited{
	background:url(images/mark.jpg);
	display:block;
}
.sarah a:link, .sarah a:visited{
	background:url(images/sarah.jpg);
	display:block;
}
.zoe a:link, .zoe a:visited{
	background:url(images/zoe.jpg);
	display:block;
}
.moveface{
	background-position:0 -35px;
}
/*Forms-------------------------*/
#forms label, input, textarea, select {
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 5px;
}
#forms fieldset{
	border:0;
}
#forms{
	background:#eee;
	border:1px solid #ccc;
	padding:5px;
}
#forms label {
	text-align: right;
	width: 70px !important;
	padding-right: 20px;
	color:#555;
}
#forms br {
	clear: left;
}
#submit{
	width:auto;
}
.none{
	visibility:hidden;
}
/*Profile pages---------------------*/
#profileshot{
	position:absolute;
	margin:-360px 0 0 600px;
}