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

   global.css
   * Defines the structure and overrides Blueprint values
   
-------------------------------------------------------------- */

/* Typography overrides
-------------------------------------------------------------- */

body { 
  color: #3D4D59; 
  background: #eef0ef;
  font-family: Georgia;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #3c3c3c; }

h2 {
	color: #F68D65;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom:12px;
}

h3 {
	font-size: 25px;
	font-style: italic;
	margin-bottom: 16px;
}

h3 a {
	color: #3c3c3c;
}

h3 a:hover {
	color: #6d6f72;
}

h3 a:active {
	color: #F68D65;
}

h4 {
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 18px;
	margin-top: 18px;
}

a:focus, 
a:hover     { color: #3c3c3c; }
a           { color: #F68D65; text-decoration: none; }


p.primary-links {
	text-align: right;
}

a.primary {
	display: block;
	float: right;
	margin: 0 0 18px 0;
	clear: both;
}

p.primary-links a,
a.primary {	
	font-style: italic;
	font-size: 13px;
	color: #3c3c3c;
	border-bottom: 1px dotted #F68D65;
}
p.primary-links a:hover,
a.primary:hover {
	color: #F68D65;
	border-bottom: 1px solid #F68D65;
}

img.border {
	border-bottom: 8px solid #F68D65;
}

div.map iframe {
	border-bottom: 8px solid #F68D65;
	margin-bottom: 1.5em;
}

p.breadcrumb {
	font-size: 10px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

p.breadcrumb a {
	color: #3c3c3c;
}
p.breadcrumb a:hover {
	color: #F68D65;
}

/* Structure
-------------------------------------------------------------- */

.container {
	border-top: 8px solid #3D4D59;
	border-bottom: 8px solid #3D4D59;
}

#global-header {
	border-bottom: 1px dotted #6d6f72;
}

#global-header h1 {
	background-image: url('/style/images/logos/peach.png');
	margin:36px 0 18px 216px;
}

#global-header h1,
#global-header h1 a {
	display: block;
	height: 79px;
	width: 242px;
}

#global-header h1 span {
	display: none;
}

#sidebar-left {
	width: 230px;
}

#main-column {
	margin-bottom:200px;
	margin-top:36px;
}

#sidebar-right {
	margin-top:61px;
	margin-bottom: 200px;
}

div.sidebar-item {
	border-bottom: 1px dotted #6d6f72;
	margin-bottom: 18px;
}

#global-footer {
	border-top: 1px dotted #6d6f72;
}

ul#twitter_update_list {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#twitter_update_list li {
	margin-bottom: 18px;
}
ul#twitter_update_list li a.status-link {
	text-transform: uppercase;
	color: #3c3c3c;
	display: block;
	font-size: 10px;
}
ul#twitter_update_list li a.status-link:hover {
	color: #F68D65;
}


/* Navigation
-------------------------------------------------------------- */

ul#navigation {
	top:243px;
	position:fixed;
	border-bottom: 1px dotted #6d6f72;
	background-color: #eef0ef;
}

ul#navigation,
ul#navigation li,
ul#navigation ul.sub-nav,
ul#navigation ul.sub-nav li
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#navigation li.header a,
ul#navigation ul.sub-nav li a {
	color: #3c3c3c;
	outline: none;
}
ul#navigation li.header a:hover,
ul#navigation li.header a.selected,
ul#navigation ul.sub-nav li a:hover
ul#navigation ul.sub-nav li a.selected {
	color: #F68D65;
}

ul#navigation li.header {
	font-size: 17px;
	text-transform: uppercase;
	width: 230px;
	border-top: 1px dotted #6d6f72;
	color: #3c3c3c;
	position: relative;
}
ul#navigation li.header a.header {
	display: block;
	padding:6px 0;
}

ul#navigation ul.sub-nav {
	background-color: #eef0ef;
	margin-bottom:18px;
	display: none;
}
ul#navigation ul.sub-nav.selected {
	display: block;
}

ul#navigation ul.sub-nav li {
	background-image:url(/style/images/arrow-right.png);
	background-position:0 6px;
	background-repeat:no-repeat;
	font-size:10px;
	margin-bottom:2px;
	padding-left:12px;
}
ul#navigation ul.sub-nav li a.all {
	border-bottom: 1px solid #6d6f72;
}

/* News
-------------------------------------------------------------- */

div.post {
	border-bottom: 1px dotted #6d6f72;
	margin-bottom: 42px;
}

div.post div.content {
	margin-bottom:42px;
}

div.post div.content p img {
	background-color: #eef0ef;
	display: block;

}

div.post p.post-stamp {
	text-transform: uppercase;
	font-size: 10px;
}


/* Sitemap
-------------------------------------------------------------- */

#sitemap {
	font-size: 11px;
}

#sitemap ul,
#sitemap ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sitemap ul li a {
	color: #3D4D59;
}
#sitemap ul li a:hover {
	color: #F68D65;
}

#copyright {
	margin-top: 18px;
	border-top: 1px dotted #6d6f72;
}

#copyright p {
	font-size: 10px;
	margin-top: 18px;
	margin-bottom: 54px;
	text-transform: uppercase;
}


/* Case studies
-------------------------------------------------------------- */

#case-study-thumbs {
	margin-top:20px;
}

#case-study-thumbs .case-study {
	margin-bottom: 18px;
}

#case-study-thumbs .case-study p.thumb {
	margin-bottom: 8px;
}

#case-study-thumbs .case-study p.thumb a,
#case-study-thumbs .case-study p.thumb a img {
	display: block;
	width: 190px;
	height: 143px;	
}

#case-study-thumbs .case-study p.thumb a {
	border-bottom: 8px solid #eef0ef;
}

#case-study-thumbs .case-study p.thumb a:hover {
	border-bottom: 8px solid #F68D65;
}

#case-study-thumbs .case-study p.link a {
	color: #3D4D59;
}
#case-study-thumbs .case-study p.link a:hover {
	color: #F68D65;
}

#case-study {
	margin-bottom: 18px;
	border-bottom: 1px dotted #3c3c3c;
	padding-bottom: 18px;
}

div.browser .bottom {
	margin-bottom: 44px;
}
div.browser .top {
	background-image: url(/style/images/browser_top.png);
	height: 29px;
	width: 470px;
}
div.browser .bottom {
	background-image: url(/style/images/browser_bottom.png);
	height: 9px;
	width: 470px;
}
div.browser .mid {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 468px;
}
div.browser .mid img {
	padding: 0px;
	margin-bottom:-5px;
}