/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	vertical-align: baseline;
}

a img { border: none; }
div.clear { clear: both; }
strong { font-weight: bold; color: #000000; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* general
------------------------------------------------------------------*/
h1 { font-size:20px; color:#000000; font-weight: normal; }
h2 { font-size:18px; font-weight: bold; margin: 0 0 15px 0; }
div.postedcomments h2 a {text-decoration:none;color:black;}
h3 { font-size:16px; }
h3.agency-function { padding-bottom:15px; font-weight: normal; }
h4 { }

body { background-image: url(../images/bg.jpg);background-repeat: repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;line-height: 180%;font-size:11px;}

a { color:#000000;text-decoration:underline; }
a:hover { color:#666666;text-decoration:none; }

p { margin-bottom:18px; }

input, textarea { border: 1px solid #e6e6e6; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height: 13px; background-color:transparent; color:#666666; padding: 2px; } 
ul, ol { margin: 10px 0 18px 20px; }

hr { background: #ececec; height: 1px; margin-bottom:25px; border: 0; }
.intro { font-size:18px; padding-bottom:15px; line-height:134%; color:#000000; }

em {font-style: italic;}

/* page structure
------------------------------------------------------------------*/
#container { margin:22px auto 0 auto; width:900px; }
#header { margin-top:7px; width: 900px; position: relative; }
#wrapper { width:900px;}
/* before change content width  */
/* #content { width:605px; float:left; padding-right:25px; border-right:1px solid #ececec; margin-right:15px; } */
#content { width:625px; float:left; padding-right:25px; border-right:1px solid #ececec; margin-right:15px; } 
#content.widecolumn { border: 0px solid white;}

/* navigation
------------------------------------------------------------------*/
ul#topnav { list-style:none; position: absolute; top: 90px; left: -6px; width: 920px;  margin: 0; }
ul#topnav li { float:left; text-indent: -9999px; margin: 0 21px 0 0; }
ul#topnav li a { display:block;height:28px; margin-right:2px; }
ul#topnav li li { display: none; }

ul#topnav li.page-item-4 a { width:63px; background:url(../images/nav/blog-normal.jpg) no-repeat; }
ul#topnav li.page-item-4 a:hover,  ul#topnav li.page-item-4 a.current_page_item,
ul#topnav li.page-item-4 a.blog-active { background-image:url(../images/nav/blog-active.jpg); }
ul#topnav li.page-item-4 a.blog-active { margin-left: 6px; margin-right: 0; }

ul#topnav li.page-item-80 a { width:68px;background: url(../images/nav/work-normal.jpg) no-repeat; }	
ul#topnav li.page-item-80 a:hover, ul#topnav li.page-item-80 a.current_page_item,
ul#topnav li.page-item-80 a.work-active { background:url(../images/nav/work-active.jpg) no-repeat; }

ul#topnav li.page-item-87 a { width:87px;background:url(../images/nav/clients-normal.jpg) no-repeat; }	
ul#topnav li.page-item-87 a:hover,  ul#topnav li.page-item-87 a.current_page_item,
ul#topnav li.page-item-87 a.clients-active { background-image:url(../images/nav/clients-active.jpg); }

ul#topnav li.page-item-89 a { width:125px;background:url(../images/nav/lovemarks-normal.jpg) no-repeat; }	
ul#topnav li.page-item-89 a:hover,  ul#topnav li.page-item-89 a.current_page_item,
ul#topnav li.page-item-89 a.lovemarks-active  { background-image:url(../images/nav/lovemarks-active.jpg); }

ul#topnav li.page-item-84 a { width:134px;background:url(../images/nav/theagency-normal.jpg) no-repeat; }	
ul#topnav li.page-item-84 a:hover,  ul#topnav li.page-item-84 a.current_page_item,
ul#topnav li.page-item-84 a.theagency-active { background-image:url(../images/nav/theagency-active.jpg); }
			
ul#topnav li.page-item-91 a { width:111px;margin-right:1px;background:url(../images/nav/network-normal.jpg) no-repeat;}
ul#topnav li.page-item-91 a:hover,  ul#topnav li.page-item-91 a.current_page_item,
ul#topnav li.page-item-91 a.network-active { background-image:url(../images/nav/network-active.jpg);}
			
ul#topnav li.page-item-85 { margin-right: 18px; }	
ul#topnav li.page-item-85 a { width:105px; margin-right:1px; background:url(../images/nav/contact-normal.jpg) no-repeat; }
ul#topnav li.page-item-85 a:hover,  ul#topnav li.page-item-85 a.current_page_item,
ul#topnav li.page-item-85 a.contact-active { background-image:url(../images/nav/contact-active.jpg); }
				
ul#topnav li.page-item-93 { margin-right:0px; }
ul#topnav li.page-item-93 a { background:url(../images/nav/jobs-normal.jpg) no-repeat;width:56px;margin:0; }
ul#topnav li.page-item-93 a:hover,  ul#topnav li.page-item-93 a.current_page_item,
ul#topnav li.page-item-93 a.jobs-active { background-image:url(../images/nav/jobs-active.jpg); }



/* header
------------------------------------------------------------------*/
#topheader { padding-bottom:60px;margin-bottom:20px; }	
#topheader .saatchilogo { float:left; }	
#topheader .searchbox { float:right; } 	
.searchbox { height: 40px; }
.searchbox input { height: 15px; float:left; margin: 0 3px 0 0; background-color:#fff}		
.searchbox input#searchsubmit { height: 21px; }
#bottomheader { height: 50px; border-bottom: 2px solid #ececec; margin-bottom:30px; width:905px; }
#topheader .gottosplash{float:right;margin-right:20px;}
.gottosplash a{
	display:block;
	background:url("../images/splash.gif") no-repeat;
	width:154px;
	height:38px;
	margin-top:-8px;
}

.gottosplash a:hover{
	background:url("../images/splashhover.gif") no-repeat;
}



/* blog
------------------------------------------------------------------*/
.blog { color: #000000; }
.blog a { color: #666666; }
.blog a:hover { color: #000000; text-decoration: none; }

.blog .blogpostdate { width:49px; height: 26px; background-color:#000000; color:#FFFFFF; float:left; padding: 4px 2px 0 5px; margin-right: 5px; font-size: 18px; text-align: center; font-family:Geneva, Arial, Helvetica, sans-serif; }
/* before change content width  */
/* .blog .blogposttitle { background-color:#f0f0f0; font-size:18px; color:#000000; float:left; padding:5px 5px 5px 10px; width: 528px; }  */
.blog .blogposttitle { background-color:#f0f0f0; font-size:18px; color:#000000; float:left; padding:5px 5px 5px 10px; width: 548px; }
.blog .blogposttitle a { text-decoration:none; color:#000000; }
.blog .blogposttitle a:hover { color:#666666; }

.blog .textblock { padding: 15px 0 50px 62px; }
.blog #content img { display: block; margin-bottom: 10px; }
.blog #content img.imageLeft { float:left; margin: 0 16px 10px 0; }
.blog #content img.imageRight { float:right; margin: 0 0 10px 16px; }

.blog .detail-blog-post { border-bottom: 1px solid #ececec; }
.blog .comment-date { font-style: italic; font-size: 10px; }
.blog .commentblog { margin: 50px 0 50px 62px; }
.blog .commentblog label { display: block; }
.blog .commentblog input#submit { cursor:pointer; }

.blog .postedcomments { margin: 50px 0 60px 62px; color:#000; }			
.blog .postedcomments .comment { border-bottom: 1px dashed #e7e7e7; margin-bottom:20px; padding-bottom:20px; margin-left:-18px;}
.blog .comment-message { margin-bottom:0px; }

.blog #socialmedia ul { list-style: none; margin: 0; }
.blog #socialmedia ul li { text-indent: -999px; float: left; margin: 0 5px 0 0; }
.blog #socialmedia ul li a { background: url(../images/socialmedia_icons.png) no-repeat; display: block; width: 18px; height: 18px; }
.blog #socialmedia ul li a#digg { width: 19px; }
.blog #socialmedia ul li a:hover#digg { background-position: 0 -20px; }
.blog #socialmedia ul li a#facebook { background-position: -25px 0;}
.blog #socialmedia ul li a:hover#facebook { background-position: -25px -20px;}
.blog #socialmedia ul li a#twitter { background-position: -47px 0;}
.blog #socialmedia ul li a:hover#twitter { background-position: -47px -20px;}
.blog #socialmedia ul li a#linkedin { background-position: -70px 0;}
.blog #socialmedia ul li a:hover#linkedin { background-position: -70px -20px;}
.blog #socialmedia ul li a#delicious { background-position: -93px 0;}
.blog #socialmedia ul li a:hover#delicious { background-position: -93px -20px;}
.blog #socialmedia ul li a#stumble { background-position: -118px 0;}
.blog #socialmedia ul li a:hover#stumble { background-position: -118px -20px;}

/* clients
------------------------------------------------------------------*/
.clients ul.clientlist { list-style:none; margin: 0; }
.clients ul.clientlist li { float:left; width:149px; height:84px; text-align:center; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }	
.clients ul.clientlist li.lastclientlogo { border-right: none;border-bottom: 1px solid #f0f0f0; }			
.clients ul.clientlist li.lowestclientlogo { border-right: 1px solid #f0f0f0;border-bottom: none; }			
.clients ul.clientlist li.lowlastclientlogo { border-right: none;border-bottom: none; }

/* lovemarks
------------------------------------------------------------------*/	
.lovemarks #content img { float:left; margin: 0 16px 10px 0; }
	
/* the agency - detail
------------------------------------------------------------------*/							
.agency-detail #content p { padding-left:236px; }
.agency-detail #content img { float:left; margin: 0 16px 4px 0; }

/* network
------------------------------------------------------------------*/	
.network h1 { margin-bottom: 10px; }
.network #content ul { margin:0 0 18px 16px; }
.network #content .kevinroberts  p { padding-left:236px; }
.network #content .kevinroberts img { float:left; margin: 0 16px 4px 0; }								

/* contact
------------------------------------------------------------------*/	
/*.contact #content  p { padding-left:236px; }*/
.contact #content img { float:left; margin: 0 16px 4px 0; }								

/* jobs
------------------------------------------------------------------*/		
.jobs h1 { margin-bottom: 18px; }
.jobs #content ul { margin:0 0 18px 16px; }

/* search results
------------------------------------------------------------------*/		
.searchresults h1 { margin-bottom: 10px; }
.searchresults #content { border: 0; }
.searchresults #content ol { margin: 10px 0 18px 20px; }
.searchresults #content ol li { margin: 0 0 18px 0; }
#searchwrapper { margin:0 auto;width:900px; }

.searchbox input.searchboxsubmit {height:21px;}

/* archive */
.archive p.year{font-size:18px; margin-bottom: 0; background: #F0F0F0; padding: 5px; }
.archive ul {list-style:none; margin-left: 0;}
.archive h1 {margin-bottom:10px;}

.archive { color: #000000; }
.archive a { color: #666666; }
.archive a:hover { color: #000000; text-decoration: none; }

/* rightcolumn
------------------------------------------------------------------*/
a.rss { background: url(../images/del_feedIcon.gif) no-repeat; padding: 0 0 2px 20px; }

/* before change content width  */
/* #rightcolumn{ float: left; width:248px; line-height:170%; } */
#rightcolumn{ float: left; width:231px; line-height:170%; }

#rightcolumn img.title { display: block; margin-bottom: 18px; }
#rss-subscribe { margin-bottom:50px; }
#rightcolumn ul, #rightcolumn ol  { margin: 0}

.blog #rightcolumn ul,
.archive #rightcolumn ul { margin-bottom: 50px; list-style: none; }
.blog #rightcolumn ul li,
.archive #rightcolumn ul li  { margin-bottom: 18px; }
.blog #rightcolumn .date { display: block; }
.blog #rightcolumn img.title,
.archive #rightcolumn img.title { margin-bottom: 8px; }

.lovemarks #rightcolumn ul { list-style:none; }
.lovemarks #rightcolumn ul li { }
.lovemarks #rightcolumn ul img { float: left; margin: 4px 7px 0 0; border: 1px solid #d6d6d6; }
.lovemarks #rightcolumn .lovemarks-item { float: left; width: 190px; padding: 0 0 18px 0;  }
.lovemarks #rightcolumn .lovemarks-item a { display:block; }
.lovemarks  #rightcolumn  a { font-weight:bold; }

.agency #rightcolumn ul, 
.agency-detail #rightcolumn ul { list-style: none; line-height:120%; }
.agency #rightcolumn ul img, 
.agency-detail #rightcolumn ul img { float: left; margin: 0 10px 3px 0; }
/* before change content width  */
/* .agency #rightcolumn	div.agency-person,
.agency-detail #rightcolumn	div.agency-person { float: left; width: 117px; } */
.agency #rightcolumn	div.agency-person,
.agency-detail #rightcolumn	div.agency-person { float: left; width: 100px; }

.agency #rightcolumn div.agency-person a,
.agency-detail #rightcolumn div.agency-person a { display:block; font-weight:bold; margin-bottom: 5px; }

.network #rightcolumn ul { margin-bottom: 50px; list-style: none; }
.network #rightcolumn ul li { margin-bottom: 18px; }
.network #rightcolumn .date { display: block; }
.network #rightcolumn #bookmarks ul { margin-bottom: 18px; }
.network #rightcolumn #bookmarks ul li { margin: 0; }
	
.jobs #rightcolumn ul { margin: 0 0 36px 0; list-style: none; color:red;}	
.jobs #rightcolumn ul a { font-weight:bold; }
.jobs #rightcolumn ul li.active a { font-weight: normal; text-decoration: none;}


/* Extra blog code
------------------------------------------------------------------*/
div.postedcomments ol {list-style-type: none;}
div.comment-author, div.comment-meta  {float: left;}

cite.fn {font-weight:800;font-style:normal;}
div.comment-meta a
{
	text-decoration: none;
	color:  gray;
	font-style: italic;
	padding-left: .4em;
}

div.postedcomments p {clear: both;}
img.alignright
{
	float:  right;
	padding: 0 0 0 15px;
}

/* addThisBox
-------------------------------------------------------------------*/
div.addThisBox {width:125px;}


/* footer
------------------------------------------------------------------*/
#footer { color: #9a9a9a; font-size:10px; clear:both; border-top:1px solid #ececec; padding-top:5px; margin-top:40px; margin-bottom:15px; width:900px; }
#footer a { color: #408aa7; font-weight:bold; }