/******************************************************************************
* Generic CSS
 ******************************************************************************/
body {
	font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #6c6c6c;
	border: 0px; margin: 0px auto 0px auto; padding: 0px;
	text-align: center; background-color: #ededed;
	background-repeat: no-repeat; background-position: center 0px;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
******************************************************************************/
p { line-height: 18px; margin: 0px 0px 10px 0px; }

a { color: #737373; }

a:hover { color: #555555; }

h1 { font-size: 18px; margin: 0px 0px 15px 0px; }
div#map h1 { font-size: 16px; margin: 0px 0px 5px 0px; }

h2 { font-size: 11px; margin: 0px 0px 20px 0px; color: #000000; }

div#map h2 { margin: 0px 0px 0px 0px; }

h3 { font-size: 12px; }

.hidden { display: none; }

hr { color: #eeeeee; background-color: #eeeeee; }
div#hr { margin: 20px 0; }

/******************************************************************************
* Specific Formatting
******************************************************************************/
p.left { float: left; width: 32%; text-align: left; }
p.right { float: right; width: 68%; text-align: right; }

p.clear { clear: both; }

p.leftClients { float: left; width: 33%; text-align: left; background-color: #f6f6f6; }
p.leftClients a:hover { color: #000000; }

p.middleClients { float: left; width: 33%; text-align: left; background-color: #f6f6f6; }
p.middleClients a:hover { color: #000000; }

p.rightClients { float: right; width: 33%; text-align: left; background-color: #f6f6f6; }
p.rightClients a:hover { color: #000000; }

/******************************************************************************
* Normal Images
******************************************************************************/
img { border: none; margin: 0px; padding: 0px; }

/******************************************************************************
* Normal Unordered List
******************************************************************************/
ul.normal {
	display: block; float: left; list-style: none;
	padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px;
}

ul.normal li {
	display: block;
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px;
	/*background-image: none; url(../_images/ul_bullet.gif);
	background-repeat: no-repeat; background-position: 0px 5px;*/
}

/******************************************************************************
* Accessibility Features
******************************************************************************/
p#skipToMainContent { display: none; }

/******************************************************************************
* Misc
******************************************************************************/
div.centered { text-align: center; }

.upload input { margin: 6px; }

div#map {
	width: 100%; height: 500px; border: 4px #CCCCCC solid;
}

/******************************************************************************
* wrapper
******************************************************************************/
div#wrapper { width: 900px; text-align: left; margin: 0px auto 0px auto; }

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i {
	width: 867px; float: left; background-color: #ffffff;
	padding: 16px 16px 17px 17px;
}

/******************************************************************************
* header
******************************************************************************/
div#header {
	float: left; width: 867px; height: 91px;
}

div#header h1 span { display: none; }

div#header h1 {
	float: left; padding-left: 0px; margin: 0px;
	background-image: url(../_images/logoImageBig.jpg); background-repeat: no-repeat;
	width: 180px; height: 70px;
}

div#header p#header-tel {
	display: none;
	float: right; text-align: right;
	margin: 10px 0px 0px 0px; padding-right: 20px;
}

/******************************************************************************
* head-images (banner)
******************************************************************************/
div.banner {
	width: 867px; height: 185px;
	background-repeat: no-repeat;
	margin: 0; background-position: 0;
}

/*div#servicesindex { background-image: url(../_images/servicesImage.jpg); }
div#servicesseo { background-image: url(../_images/servicesImage.jpg); }
div#servicescreative { background-image: url(../_images/servicesImage.jpg); }*/

/*div#companyindex { background-image: url(../_images/companyImage.jpg); }
div#companymission { background-image: url(../_images/companyMissionImage.jpg); }*/
div#companypeople { background-image: url(../_images/companyPeopleImage.jpg); }

div#case_studies { background-image: url(../_images/clientsDavinaImage.jpg); }
div#case_studiesdavina { background-image: url(../_images/clientsDavinaImage.jpg); }
div#case_studieskorda { background-image: url(../_images/clientsKordaImage.jpg); }
div#case_studiestrenchermans { background-image: url(../_images/clientsTrenchermansImage.jpg); }
div#case_studiesmapleton { background-image: url(../_images/clientsMapletonImage.jpg); }
div#case_studiesfortuna { background-image: url(../_images/clientsFortunaImage.jpg); }
div#case_studiesbridges { background-image: url(../_images/clientsBridgesImage.jpg); }
div#case_studieskattenElljay { background-image: url(../_images/clientsKattenElljayImage.jpg); }
div#case_studiesai { background-image: url(../_images/clientsAiImage.jpg); }
div#case_studiescastlehill { background-image: url(../_images/clientsCastlehillImage.jpg); }
div#case_studieschildsure { background-image: url(../_images/clientsChildsureImage.jpg); }
div#case_studiesclients { background-image: url(../_images/companyImage.jpg); }


/*div#galleryindex { background-image: url(../_images/galleryImage.jpg); }
div#galleryprint { background-image: url(../_images/galleryImage.jpg); }
div#galleryweb { background-image: url(../_images/galleryImage.jpg); }
div#galleryother { background-image: url(../_images/galleryImage.jpg); }*/

div#contactindex { background-image: url(../_images/contactImage.jpg); }
div#contactmap { background-image: url(../_images/contactImage.jpg); }
div#contactbrief { background-image: url(../_images/contactImage.jpg); }

div#careersindex { background-image: url(../_images/careersImage.jpg); }
div#careerscv { background-image: url(../_images/careersImage.jpg); }

/******************************************************************************
* slideshow
****************************************************************************
div#companyindex1 { background-image: url(../_images/companyImage.jpg); }
div#companyindex2 { background-image: url(../_images/companyImage1.jpg); }
div#companyindex3 { background-image: url(../_images/companyImage2.jpg); }*/

/******************************************************************************
* breadcrumb
******************************************************************************/
div#breadcrumb { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; 
	float: left; width: 50%; padding: 24px 0 10px 0;
}

div#header-email {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;
	float: right; text-align: right; padding: 24px 0 10px 0; width: 50%;
}

/******************************************************************************
* main-content
******************************************************************************/
div#main-content { float: left; width: 867px; }

div#content-body { 
	float: right; background-color: #f6f6f6; 
	width: 715px; padding: 30px 25px 30px 33px;
	margin-top: 17px;
}

.tick { padding: 0px 6px 0px 0px; }

.bodyImage { width: 681px; height: 200px; margin-right: 28px; }

span#davinaBodyImage { float: left; background-image: url(../_images/davinaBodyImage.jpg); }
span#kordaBodyImage { float: left; background-image: url(../_images/kordaBodyImage.jpg); }
span#trenchermansBodyImage { float: left; background-image: url(../_images/trenchermansBodyImage.jpg); }
span#mapletonBodyImage { float: left; background-image: url(../_images/mapletonBodyImage.jpg); }
span#fortunaBodyImage { float: left; background-image: url(../_images/fortunaBodyImage.jpg); }
span#bridgesBodyImage { float: left; background-image: url(../_images/bridgesBodyImage.jpg); }
span#kattenElljayBodyImage { float: left; background-image: url(../_images/kattenElljayBodyImage.jpg); }
span#aiBodyImage { float: left; background-image: url(../_images/aiBodyImage.jpg); }
span#castlehillBodyImage { float: left; background-image: url(../_images/castlehillBodyImage.jpg); }
span#childsureBodyImage { float: left; background-image: url(../_images/childsureBodyImage.jpg); }

div.peopleLeft { float: left; width: 45%; display: block; }
div.peopleRight { float: right; width: 45%; display: block; }

/******************************************************************************
* blog
******************************************************************************/
p.date { color: #494949; font-size: 10px; margin: 14px 0 0 0; }
h1.blogHeader { color: #00aacc; font-size: 14px; margin: -2px 0 12px 0; }

span.blogTextDark { color: #2f2e2d; line-height: 12px; }
p.blogText { color: #7e7c7a; line-height: 12px; margin-bottom: 2px; }

div.blogImgWrap { float: left; width: 715px; margin-bottom: 4px; min-height: 170px; }

div.blogImg {
	float: left; width: 232px; height: 170px; margin: 12px 4px 12px 0; 
	border: 1px solid #a1a1a1; background-color: #ffffff; }
div.blogImgHidden { float: left; width: 232px; height: 170px; margin: 12px 4px 12px 0; }
	
div.blogImg#pumpkinPicture { background-image: url(../_images/pumpkinPicture.png); width: 139px; margin: 0 47px; }
div.blogImg#darranPicture { 
	background-image: url(../_images/darranPicture.png);
	float: none; width: 320px; height: 240px; margin: 12px auto 12px auto; }

div.line { float: left; background-color: #828282; width: 715px; height: 1px; margin: 10px 0 16px 0; }

h2.monthTitle { color: #393939; font-weight: bold; font-size: 11px; margin: 8px 0 4px 0; }

h1.monthGroupTitle { color: #00aacc; font-size: 14px; margin: 20px 0 4px 0; height: 16px; }

p.monthInset { margin: 2px 0 0 6px; line-height: 12px; }

a.monthDark { color: #393939; line-height: 12px; }

/******************************************************************************
* gallery
******************************************************************************/
div.thumbnail {
	float: left;
	width: 117px;
	height: 117px;
	margin: 0px 8px 17px 3px;
	border: 6px solid #eeeeee;
}

html>body div.thumbnail {
	margin-left: 7px;
	border: 4px solid #eeeeee;
}

/******************************************************************************
* section-nav
******************************************************************************/
div.section-nav { float: left; width: 94px; padding-top: 17px; }

div.section-nav span { display: none; }

div.section-nav ul {
	display: block; float: left; list-style: none;
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}

div.section-nav ul li {
	display: block; width: 94px; height: 17px;
	margin: 0px; padding: 0px;
}

div.section-nav a#homePage_index { background-image: url(../_images/buttons/homeSectionButton.jpg); }
div.section-nav a#homePage_blog { background-image: url(../_images/buttons/blogSectionButton.jpg); }
div.section-nav a#homePage_twitter { background-image: url(../_images/buttons/twitterSectionButton.jpg); }
div.section-nav a#homePage_section1 { background-image: url(../_images/buttons/section1SectionButton.jpg); }
div.section-nav a#homePage_section2 { background-image: url(../_images/buttons/section2SectionButton.jpg); }
div.section-nav a#homePage_section3 { background-image: url(../_images/buttons/section3SectionButton.jpg); }
div.section-nav a#homePage_section4 { background-image: url(../_images/buttons/section4SectionButton.jpg); }
div.section-nav a#homePage_section5 { background-image: url(../_images/buttons/section5SectionButton.jpg); }
div.section-nav a#homePage_blogArchive { background-image: url(../_images/buttons/blogArchiveSectionButton.jpg); }
div.section-nav a#homePage_o-d08 { background-image: url(../_images/buttons/o-d08SectionButton.jpg); }
div.section-nav a#homePage_j-s08 { background-image: url(../_images/buttons/j-s08SectionButton.jpg); }
div.section-nav a#homePage_a-j08 { background-image: url(../_images/buttons/a-j08SectionButton.jpg); }
div.section-nav a#homePage_j-m08 { background-image: url(../_images/buttons/j-m08SectionButton.jpg); }
div.section-nav a#homePage_o-d07 { background-image: url(../_images/buttons/o-d07SectionButton.jpg); }
div.section-nav a#homePage_j-s07 { background-image: url(../_images/buttons/j-s07SectionButton.jpg); }

div.section-nav a#company_index { background-image: url(../_images/buttons/backgroundSectionButton.jpg); }
div.section-nav a#company_mission { background-image: url(../_images/buttons/missionSectionButton.jpg); }
div.section-nav a#company_people { background-image: url(../_images/buttons/peopleSectionButton.jpg); }

div.section-nav a#services_index { background-image: url(../_images/buttons/webSectionButton.jpg); }
div.section-nav a#services_seo { background-image: url(../_images/buttons/seoSectionButton.jpg); }
div.section-nav a#services_creative { background-image: url(../_images/buttons/creativeSectionButton.jpg); }

div.section-nav a#case_studies_index { background-image: url(../_images/buttons/caseStudiesSectionButton.jpg); }
div.section-nav a#case_studies_davina { background-image: url(../_images/buttons/davinaSectionButton.jpg); }
div.section-nav a#case_studies_korda { background-image: url(../_images/buttons/kordaSectionButton.jpg); }
div.section-nav a#case_studies_trenchermans { background-image: url(../_images/buttons/trenchermansSectionButton.jpg); }
div.section-nav a#case_studies_mapleton { background-image: url(../_images/buttons/mapletonSectionButton.jpg); }
div.section-nav a#case_studies_fortuna { background-image: url(../_images/buttons/fortunaSectionButton.jpg); }
div.section-nav a#case_studies_bridges { background-image: url(../_images/buttons/bridgesSectionButton.jpg); }
div.section-nav a#case_studies_kattenElljay { background-image: url(../_images/buttons/kattenElljaySectionButton.jpg); }
div.section-nav a#case_studies_ai { background-image: url(../_images/buttons/aiSectionButton.jpg); }
div.section-nav a#case_studies_castlehill { background-image: url(../_images/buttons/castlehillSectionButton.jpg); }
div.section-nav a#case_studies_clients { background-image: url(../_images/buttons/clientsSectionButton.jpg); }
div.section-nav a#case_studies_childsure { background-image: url(../_images/buttons/childsureSectionButton.jpg); }

div.section-nav a#gallery_index { background-image: url(../_images/buttons/brandSectionButton.jpg); }
div.section-nav a#gallery_print { background-image: url(../_images/buttons/printSectionButton.jpg); }
div.section-nav a#gallery_web { background-image: url(../_images/buttons/webSectionButton.jpg); }
div.section-nav a#gallery_other { background-image: url(../_images/buttons/otherSectionButton.jpg); }

div.section-nav a#contact_index { background-image: url(../_images/buttons/detailsSectionButton.jpg); }
div.section-nav a#contact_map { background-image: url(../_images/buttons/mapSectionButton.jpg); }
div.section-nav a#contact_brief { background-image: url(../_images/buttons/briefSectionButton.jpg); }

div.section-nav a#careers_index { background-image: url(../_images/buttons/jobsSectionButton.jpg); }
div.section-nav a#careers_cv { background-image: url(../_images/buttons/cvSectionButton.jpg); }

div.section-nav ul li a {
	width: 94px; height: 17px; float: left;
	padding: 0px 0px 0px 0px;
}

div.section-nav ul li a:hover { background-position: 0px -17px; }

div.section-nav ul li a.current { background-position: 0px -17px; }

div.section-nav ul li a.uncurrent {	background-position: 0px -34px; }

/******************************************************************************
* GoogleInsert
******************************************************************************/
div.googleInsert {
	float: left; width: 703px; height: 205px;
	margin: 0px 0px 25px 0px; padding: 0px;
}
div.googleInsert p { font-size: 10px; }

div.googleImage {
	float: left; width: 262px; height: 205px;
	margin: 0px; padding: 0px; display: block;
}

div#image01 { float: left; background-image: url(../_images/googleImage1.jpg); }
div#image02 { float: left; background-image: url(../_images/googleImage2.jpg); }

div.googleText { 
	float: right; width: 382px; height: 173px;
	background-image: url(../_images/seoFade.jpg);
	background-position: right; background-repeat: no-repeat;
	padding: 24px 16px 24px 16px;
}

/******************************************************************************
* footer
******************************************************************************/
div#footer {
	float: left; width: 900px; height: 60px; padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #666666; margin-bottom: 60px;
	background-color: #dbdbdb;
}

div#footer-i {
	float: left; width: 900px;
}

div#footer p, div#footer p a {
	margin: 0px;
}

div#footer a.w3c {
	width: 26px; height: 13px; margin: 4px; float: left;
	background-repeat: no-repeat; margin-right: 10px;
	background-image: url(../_images/w3cImg.gif);
}
html>body a.w3c { background-image: url(../_images/w3cImg.png); }

div#footer p a { text-decoration: none; }

div#footer p#footer-left {
	float: left; width: 180px; margin: 0px; padding: 20px 0px 0px 20px;
}

html>body div#footer p#footer-left { margin: 0px; }

div#footer p#footer-right {
	float: right; width: 570px; text-align: right; padding: 20px 30px 0px 0px;
}

/******************************************************************************
* debug
******************************************************************************/
p.debug {
	background-color: red;	padding: 2px; margin: 0px;
}

/*****************************************************************************
* Twitter
*****************************************************************************/
ul#twitter_update_list {
	border-top: 1px dashed #ccc;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 685px; }
	
ul#twitter_update_list li {
	border-bottom: 1px dashed #ccc;
	float: left;
	padding: 20px 10px 20px 40px;
	width: 635px; }
	
ul#twitter_update_list li:hover {
	text-decoration: none;
	background: #ededed; }
	
div.avatar {
	border: 1px solid #ccc;
	float: left;
	height: 48px;
	width: 48px; }
	
div.msg {
	display: block;
	line-height: 14px;
	margin: 0 0 5px 58px;
	width: 547px; }
	
div.info {
	display: block;
	margin: 0 0 5px 58px;
	width: 557px; }

span.actions {
	float: right;
	height: 48px;
	margin: -12px 0 0 0;
	visibility: hidden;
	width: 20px; }
	
span.actions a {
	float: left;
	height: 16px;
	padding: 0 2px 6px 2px;
	width: 16px; }

ul#twitter_update_list li:hover span.actions { visibility: visible; }

span.actions .non-fav {
	background: url(http://static.twitter.com/images/icon_star_empty.gif) no-repeat 50% 50%; }

span.actions .reply {	
	background: url(http://static.twitter.com/images/icon_reply.gif) no-repeat 50% 50%; }