/*
 * ======================================================================
 * Container
 * ======================================================================
 */

div#wrapper
{
	width: 950px;
	margin: 0 auto 0 auto;
	background: #fff;
	text-align: left;
}

/*
 * ======================================================================
 * Header
 * ======================================================================
 */

div#header
{
	height: 148px;
	background: #6c8bae;
}

div#header-left
{
	float: left;
	width: 278px;
	height: 137px;
}

div#header-middle
{
	float: left;
	width: 336px;
	height: 137px;
}

div#header-right
{
	float: left;
	width: 336px;
	height: 76px;
}

/**
 * Logo
 */

h1#logo 
{
	width: 336px;
	height: 76px;
	margin-bottom: 10px;
	position: relative;
	font-size: .75em;
}

h1#logo span 
{
	background: #6c8bae url('../images/header-logo.gif') no-repeat top right;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/**
 * Header nav
 */

div#header-nav
{
	width: 336px;
	height: 51px;
	background: url('../images/header-nav-background.gif') no-repeat top right;
}

div#header-nav ul
{
	list-style: none;
	margin-left: 20px !important;
	padding-top: 8px;
	height: 34px;
}

div#header-nav ul li
{
	display: block;
	float: left;
	height: 34px;
	background: #7b9ec5;
	text-align: center;
}

div#header-nav ul li.home
{
	width: 64px;
	background: url('../images/header-nav-item-home.gif') no-repeat top left;
}

div#header-nav ul li.contact
{
	width: 96px;
	background: url('../images/header-nav-item-contact.gif') no-repeat top left;
}

div#header-nav ul li.customer
{
	width: 125px;
	background: url('../images/header-nav-item-customer.gif') no-repeat top left;
}

div#header-nav ul li.pad
{
	margin: 0 10px 0 0;
}

div#header-nav ul li a
{
	height: 34px;
	line-height: 34px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
}

div#header-nav ul li a:hover
{
	text-decoration: underline;
}

/*
 * ======================================================================
 * Main nav
 * ======================================================================
 */

div#main
{
	clear: both;
}

div#main-nav
{
	clear: both;
}

div#main-nav-left
{
	float: left;
	width: 278px;
	height: 30px;
	border-left: 10px solid #6c8bae;
	background: #f4f7f9 url('../images/main-nav-left-inner-corner.gif') no-repeat top left;
}

div#main-nav-right
{
	float: left;
	width: 662px;
	height: 30px;
	background: #f3933d url('../images/main-nav-right-left-corner.gif') no-repeat top left;
}

ul#nav
{
	margin-left: 5px !important;
	list-style: none;
	font-size: .9em;
}

ul#nav li
{
	float: left;
	display: block;
	height: 30px;
	margin: 0 9px 0 9px;
	padding: 0 0 0 5px;
	line-height: 27px;
}

ul#nav li.selected
{
	background: url('../images/main-nav-item-left.gif') no-repeat top left;
}

ul#nav li a
{
	float: left;
	height: 30px;
	color: #fff;
	text-decoration: none;
}

ul#nav li a:hover
{
	text-decoration: underline;
}

ul#nav li a.selected
{
	padding: 0 5px 0 0;
	background: #fff url('../images/main-nav-item-right.gif') no-repeat top right;
}

ul#nav li a span
{
	padding: 0 2px 0 2px;
	height: 30px;
}

/*
 * ======================================================================
 * Main
 * ======================================================================
 */

div#main-content
{
	clear: both;
	overflow: hidden;
}

/*
 * ======================================================================
 * Nav home
 * ======================================================================
 */

div#main-content-nav
{
	float: left;
	width: 268px;
	height:auto !important;
	height: 475px;
	min-height: 475px;
	margin-right: 10px;
	margin-bottom: -30000px;
	padding-bottom: 30000px;
	border-left: 10px solid #6c8bae;
	background: url('../images/main-nav-home-back.gif') no-repeat top left;
}

h2#slogan 
{
	width: 268px;
	height: 203px;
	margin: 10px 0 0 0;
	position: relative;
	font-size: .75em;
}

h2#slogan span 
{
	background: #fff url('../images/main-nav-home-slogan.gif') no-repeat top left;
	position: absolute;
	width: 100%;
	height: 100%;
}

/**
 * Tip
 */

div#home-tip
{
	margin: 30px 0 0 48px;
	width: 168px;
}

div#home-tip div.top
{
	width: 168px;
	height: 12px;
	background: url('../images/home-tip-top.gif') no-repeat top left;
}

div#home-tip div.middle
{
	width: 168px;
	background: #fff;
	font-size: .75em;
}

div#home-tip div.middle h2
{
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #EAEDEF;
	font-size: 1em;
	color: #6C8BAE;
}

div#home-tip div.middle div.inner
{
	padding: 0 10px 0 10px;
	color: #535353;
}

div#home-tip div.bottom
{
	width: 168px;
	height: 12px;
	background: url('../images/home-tip-bottom.gif') no-repeat top left;
}

/*
 * ======================================================================
 * Nav content
 * ======================================================================
 */

div#main-content-nav-body
{
	float: left;
	width: 268px;
	height:auto !important;
	height: 475px;
	min-height: 475px;
	margin-right: 10px;
	margin-bottom: -30000px;
	padding-bottom: 30000px;
	border-left: 10px solid #6c8bae;
	background: url('../images/main-nav-con-back.gif') no-repeat top left;
}

div#main-content-nav-body div.inner
{
	padding: 35px 0 40px 35px;
	font-size: .75em;
}

div#main-content-nav-body div.inner ul
{
	list-style: none;
}

/**
 * Main category
 */

div#main-content-nav-body div.inner ul.main-category
{
	margin: 0;
	padding: 0;
}

div#main-content-nav-body div.inner ul.main-category li
{
	padding: 0 0 15px 15px;
	font-weight: bold;
}

div#main-content-nav-body div.inner ul.main-category li a
{
	color: #336699;
}

div#main-content-nav-body div.inner ul.main-category li.selected
{
	background: url('../images/con-nav-arrow.gif') no-repeat top left;
}

div#main-content-nav-body div.inner ul.main-category li.selected
{
	background-position: 0 4px;
}

div#main-content-nav-body div.inner ul.main-category li.selected a
{
	color: #999;
}

div#main-content-nav-body div.inner ul.main-category li.selected-parent a, 
span.sub-text
{
	color: #999;
}

/**
 * Sub category
 */

div#main-content-nav-body div.inner ul.sub-category
{
	margin: 0;
	/*padding: 0 0 0 15px;*/
	padding: 0 0 0 0;
}

div#main-content-nav-body div.inner ul.sub-category li
{
	padding: 4px 0 0 0;
	font-weight: normal;
	text-indent: 15px;
}

div#main-content-nav-body div.inner ul.sub-category li.selected-sub
{
	background: url('../images/con-nav-arrow.gif') no-repeat top left;
}

div#main-content-nav-body div.inner ul.sub-category li.selected-sub
{
	background-position: 4px 7px;
}

/**
 * Sub sub category
 */

div#main-content-nav-body div.inner ul.sub-sub-category
{
	margin: 0;
	padding: 0 0 0 15px;
}

div#main-content-nav-body div.inner ul.sub-sub-category li
{
	padding: 0 0 4px 0;
	font-weight: normal;
	text-indent: 15px;
}

div#main-content-nav-body div.inner ul.sub-sub-category li.selected-sub-sub
{
	background: url('../images/con-nav-arrow.gif') no-repeat top left;
}

div#main-content-nav-body div.inner ul.sub-sub-category li.selected-sub-sub
{
	background-position: 4px 5px;
}

div.player-right
{
	text-align: right;
}

/**
 * ========================================================================
 * Widgets
 * ========================================================================
 */

ul#widgets
{
	margin: 0;
	padding: 0;
}

ul#widgets li
{
	padding: 0 0 15px 15px;
	font-weight: bold;
}

ul#widgets li h2
{
	font-size: 1em;
	color: #336699;
}

ul#widgets li a
{
	color: #336699;
}

/**
 * Sub items
 */

ul#widgets li ul
{
	margin: 0 !important;
	padding: 0 0 0 15px !important;
}

ul#widgets li ul li
{
	padding: 4px 0 0 0;
	font-weight: normal;
}

/*
div#main-content-nav-body div.inner ul.main-category li.selected
{
	background: url('../images/con-nav-arrow.gif') no-repeat top left;
}

div#main-content-nav-body div.inner ul.main-category li.selected
{
	background-position: 0 4px;
}

div#main-content-nav-body div.inner ul.main-category li.selected a
{
	color: #999;
}
*/

/*
 * ======================================================================
 * Main
 * ======================================================================
 */

/**
 * Flash  
 */

div#gallery-spacer
{
	height: 10px;
	overflow: hidden;
}

div#gallery_div
{
	width: 643px;
	height: 276px;
}

div#main-content-body
{
	float: left;
	width: 662px;
	height:auto !important;
	height: 475px;
	min-height: 475px;
	margin-bottom: -30000px;
	padding-bottom: 30000px;
	background: #fff url('../images/main-body-right-back.gif') no-repeat top right;
}

div#splash
{
	padding-top: 10px;
}

/**
 * Home content boxes
 */

div#home-content
{
	clear: both;
	overflow: hidden;
}

div#home-content div.box
{
	float: left;
	width: 207px;
	margin: 10px 10px -20000px 0;
	padding-bottom: 20000px;
	background: #f4f7f9;
}

div#home-content div.box h3
{
	width: 197px;
	height: 39px;
	line-height: 39px;
	padding-left: 10px;
	background: #eaedef url('../images/main-body-home-header.gif') no-repeat top left;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	color: #6c8bae;
}

div#home-content div.box div.body
{
	width: 207px;
}

div#home-content div.box div.body div.inner
{
	padding: 8px 10px 4px 10px;
	font-size: .8em;
	line-height: 1.5em;
}

div#home-content div.box div.body div.inner p
{
	padding: 0 0 1em 0 !important;
}

div#home-content div.box div.body div.inner a
{
	color: #87b736;
	text-decoration: none;
	border-bottom: 1px dotted #759f2e;
}

div#home-content div.box div.body div.inner img
{
	border: none !important;
	display: block;
	margin-bottom: 5px;
}

/**
 * Home content footers
 */

div#home-content-footers
{
	position: relative;
	clear: both;
	overflow: hidden;
}

div#home-content-footers div.footer
{
	overflow: hidden;
	float: left;
	width: 207px;
	height: 8px;
	margin: 0 10px 0 0;
	background: #f4f7f9 url('../images/main-body-home-footer.gif') no-repeat top left;
}

div#home-content-footers
{
	overflow: hidden;
	position: relative; 
	clear: both; 
	height: 10px;
	background: #fff;
}

/*
 * ======================================================================
 * Content
 * ======================================================================
 */

div#body-content
{
	padding: 10px 20px 10px 0;	
	line-height: 1.3em;
	font-size: .9em;
}

div#body-content p
{
	padding: 0 0 1.15em 0;
}

div#body-content a
{
	color: #87b736;
	text-decoration: none;
	border-bottom: 1px dotted #759f2e;
}

div#body-content a:hover
{
	color: #87b736;
	border-bottom: 1px dotted #232323;
}

div#body-content h2
{
	padding-bottom: .85em;
	font-size: 1.65em;
	font-weight: normal;
	color: #f3933d;
}

div#body-content h3
{
	padding-bottom: .7em;
	font-size: 1.25em;
	font-weight: normal;
	color: #6C8BAE;
}

div#body-content h3.samples-title
{
	margin-bottom: .7em;
	padding-bottom: .7em;
	border-bottom: 1px dotted #aaa;
	font-size: 1.25em;
	font-weight: normal;
	color: #6C8BAE;
}

div#body-content h4
{
	padding-bottom: .7em;
	font-size: 1.1em;
	font-weight: normal;
	color: #6C8BAE;
}

div#body-content h5
{
	padding-bottom: .7em;
	font-size: 1em;
	font-weight: normal;
	color: #6C8BAE;
}

/**
 * Content call to action box
 */

div#body-content div.action-box
{
	float: right;
	width: 180px;
}

div#body-content div.action-box div.pad
{
	float: left;
	width: 10px;
	min-height: 20px;
}

div#body-content div.action-box div.content
{
	float: left;
	width: 170px;
}

div#body-content div.action-box h3
{
	width: 160px;
	height: 27px;
	line-height: 27px;
	padding: 0 0 0 10px;
	background: #eaedef url('../images/con-act-header.gif') no-repeat top left;
	font-size: 1em;
	color: #6c8bae;
}

div#body-content div.action-box div.body
{
	width: 170px;
	background: #f4f7f9;
}

div#body-content div.action-box div.body div.inner
{
	padding: 8px 10px 4px 10px;
	font-size: .8em;
	line-height: 1.3em;
}

div#body-content div.action-box div.body div.inner div.button
{
	width: 141px;
	height: 26px;
	line-height: 26px;
	margin: 10px 0 0 5px;
	background: #97cc3d url('../images/con-act-button.gif') no-repeat top left;
	text-align: right;
}

div#body-content div.action-box div.body div.inner div.button a
{
	width: 141px;
	height: 26px;
	display: block;
	border: none;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

div#body-content div.action-box div.footer
{
	overflow: hidden;
	width: 170px;
	height: 9px;
	background: #f4f7f9 url('../images/con-act-footer.gif') no-repeat top left;
}

/**
 * Fresh thinking padding
 */

div#fresh-thinking-padding
{
	height: 225px;
	min-height: 225px;
}

div#portfolio-padding
{
	height: 225px;
	min-height: 225px;
}

/**
 * Clients table
 */

table.clients td p
{
	padding: 0 !important;
}

table.clients td ul
{
	margin: 1em 0 1em 2.5em !important;
}

/**
 * ========================================================================
 * Blog posts
 * ========================================================================
 */

img.alignleft
{
	float: left; 
	padding: 5px 5px 0 0;
}

div#body-content div.post
{
	margin-bottom: 10px;
	border-bottom: 2px solid #6C8BAE;
}

div#body-content-page div.post
{
	border-bottom: none !important;
}

div#body-content div.post h2
{
	line-height: 1.25em;
}

div#body-content div.post-date-author
{
	margin-bottom: 1em;
	padding: 5px;
	background: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: .75em;
}

div#body-content p.postmetadata
{
	border-top: 1px solid #ddd;
	font-size: .75em;
}


/**
 * ========================================================================
 * Breadcrumb
 * ========================================================================
 */

div#breadcrumb, div#breadcrumb-full
{
	clear: left;
	padding: 0 0 5px 0;
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #e5e4e4;
	font-size: 10px;
	color: #b3b3b3;
}

div#breadcrumb
{
	width: 459px;
}

div#breadcrumb-full
{
}

div#breadcrumb span.title
{
	/*color: #666;*/
}

div#breadcrumb a, div#breadcrumb a:hover, div#breadcrumb-full a, div#breadcrumb-full a:hover
{
	border: none;
	text-decoration: underline;
	color: #b3b3b3;
}

/**
 * ========================================================================
 * Google maps
 * ========================================================================
 */

div#map
{
	width: 642px; 
	height: 375px
}

div#directions
{
	overflow:auto; 
	height:665px; 
	display:none;
}

div#map-no-directions
{
	display: none;
}

div#map-got-directions
{
	display: none;
}

div#error-notice 
{
	background: #FDB3B3 none repeat scroll 0 0;
	border: 1px solid #F94343;
	margin: 0 0 1.75em;
	padding: 10px;
	color: #232323;
}

div#error-notice h4
{
	font-weight: bold;
	color: #232323;
}

div#completion-notice 
{
	background: #99F39B none repeat scroll 0 0;
	border: 1px solid #1AD41D;
	margin: 0 0 1.75em;
	padding: 10px;
	color: #232323;
}

div#completion-notice h4
{
	font-weight: bold;
	color: #232323;
}

span.error-message
{
	display: block;
	font-size: .9em;
	color: red;
}

/**
 * ========================================================================
 * Sitemap
 * ========================================================================
 */

div.ddsg-wrapper
{
}

div.ddsg-wrapper h2
{
	padding-bottom: .7em !important;
	font-size: 1.25em !important;
	font-weight: normal !important;
	color: #6C8BAE !important;
}

/**
 * Top item
 */

div.ddsg-wrapper ul
{
	list-style: none;
}

div.ddsg-wrapper ul li
{
	padding-bottom: 5px;
	font-weight: bold;
}

/**
 * Subs
 */

div.ddsg-wrapper ul ul
{
	margin: 0 0 0 2.5em !important;
}

div.ddsg-wrapper ul ul li
{
	padding: 2px 0 0 0 !important;
	font-size: .9em;
	font-weight: normal;
}

/**
 * ========================================================================
 * Meet our team
 * ========================================================================
 */

table.meet-our-team td
{
	padding: 2px 0 2px 0;
}

/**
 * ========================================================================
 * Portfolio
 * ========================================================================
 */

div.portfolio-header
{
	clear: both;
}

div.portfolio-thumbs-traditional
{
	float: left;
	width: 321px;
}

div.portfolio-traditional-items
{
	width: 642px;
	text-align: center;
}

div.portfolio-title
{
	float: left;
	width: 321px;
	text-align: right;
}

div.portfolio-title div.title
{
	color:#6C8BAE;
	font-size:1.25em;
	font-weight: bold;
	padding-bottom:3px;
}

div.portfolio-title div.project
{
	font-size:.9em;
	font-weight: bold;
}

div.portfolio-traditional-items
{
	clear: both;
}

.hide
{
	display: none;
}

div.portfolio-thumbs,
div.portfolio-thumbs-traditional
{
	margin-bottom: 15px;
}

div.portfolio-thumbs a,
div.portfolio-thumbs-traditional a
{
	border: none !important;
}

div.portfolio-thumbs img,
div.portfolio-thumbs-traditional img
{
	border: 2px solid #87B736 !important;
	margin: 0 5px 5px 0;
}

div.portfolio-thumbs img.thumb-selected,
div.portfolio-thumbs-traditional img.thumb-selected
{
	border: 2px solid #F89C49 !important;
	margin: 0 5px 5px 0;
}

div.portfolio-items div.item
{
	clear: both;
	height: 350px;
}

div.portfolio-items div.item h3
{
	padding-top: 10px;
}

div.portfolio-items div.item div.desc
{
	float: left;
	width: 200px;
	height: 350px;
	background: url('../images/portfolio-left-back.jpg') no-repeat top right;
}

div.portfolio-items div.item div.desc div.inner
{
	padding: 0 10px 0 0;
}

div.portfolio-items div.item div.desc div.inner ul
{
	list-style: none;
	padding: 0 0 1em 0 !important;
	margin: 0 !important;
}

div.portfolio-items div.item div.desc div.inner h4
{
	margin: 0 0 5px 0 !important;
	padding: 0 0 5px 0 !important;
	font-size: .8em !important;
	color: #97CC3C !important;
	border-bottom: 1px dotted #aaa;
}

div.portfolio-items div.item div.desc div.inner a
{
	border: none !important;
}

div.portfolio-items div.item div.desc div.inner img
{
	margin: 0 5px 5px 0;
	border: 1px solid #ccc !important;
}

div.portfolio-items div.item div.content
{
	float: left;
	width: 442px;
	height: 250px;
}

div.portfolio-items div.item div.content div.inner
{
}

div.website-link
{
	padding: 7px 0 0 10px;
}

div.website-link a
{
	text-decoration: underline !important;
}

/**
 * COX 
 */

div.cox-microsites 
{
	padding: 0 0 0 8px;
}

div.cox-microsites a
{
	border: none !important;
}

div.cox-microsites img
{
	margin: 0 5px 5px 0 !important;
	border: none !important;
}

div.cox-microsites div.instructions
{
	font-size: .8em;
	font-weight: bold;
	color: #aaa;
}

/*
 * ======================================================================
 * Glossary of terms
 * ======================================================================
 */

a.glossary-anchor
{
	position: absolute;
}

h3.glossary-title
{
	margin-bottom: 15px;
	border-bottom: 1px dotted #454545;
	text-align: center;
	font-weight: bold !important;
}

ul#glossary-index
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

ul#glossary-index li
{
	display: inline;
	padding-right: 10px;
}

/*
 * ======================================================================
 * Campaigns
 * ======================================================================
 */

div.campaign-image
{
	/*position: relative;
	top: -40px;*/
}

/*
 * ======================================================================
 * Footer
 * ======================================================================
 */

div#footer
{
	position: relative;
	clear: both;
	width: 950px;
	margin: 0 auto 0 auto;
	border-top: 10px solid #6C8BAE;
	text-align: left;
}

div#footer img
{
	border: 0;
}

div#footer div.inner
{
	border-top: 2px solid #000;
	background: #fff;
}

div#footer div.inner div.body
{
	padding: 10px;
	font-size: .7em;
	color: #7c7c7c;
}

div#footer div.inner div.body div.left
{
	float: left;
	width: 465px;
}

div#footer div.inner div.body div.right
{
	float: left;
	width: 465px;
	text-align: right;
}

div#footer h4.small
{
	font-size: 1em;
	font-weight: normal;
}

div#footer div.right div.right-left
{
	float: left; 
	width: 345px;
}

div#footer div.right div.right-left div.inner
{
	padding-right: 10px; 
	border-top: 0;
}

div#footer div.right div.right-right
{
	float: left; 
	width: 119px;
	border-left: 1px dotted #aaa;
}

div#footer div.right div.right-right div.inner
{
	border-top: 0;
}

div#footer div.inner div.body a
{
	color: #7c7c7c;
}

div#footer div.inner div.body h5
{
	font-size: 1em;
	padding-bottom: 2px;
}

div#footer div.inner div.body ul
{
	list-style: none;
	margin: 0 !important;
	padding: 3px 0 3px 0;
}

div#footer div.inner div.body ul li
{
	display: inline;
	padding-left: 4px;
	background: url('../images/ul-sep.gif') no-repeat bottom left;
}

div#footer div.inner div.body ul li.first
{
	padding-left: 0 !important;
	background: none;
}

div#footer div#footer-img-bottom
{
	width: 268px;
	height: 240px;
	position: absolute;
	top: -250px;
	background: url('../images/main-nav-bottom.jpg') no-repeat;
}

div#footer div#footer-img-bottom
{
	margin-left: 10px;
}

div#footer-rss
{
	margin: 4px 0 0 0;
	padding: 0 0 0 20px;
	height: 16px;
	line-height: 16px;
	background: url('../images/rss-logo.gif') no-repeat left;
}

ul#follow-us
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#follow-us li
{
	background: none !important;
	display: inline;
}