@charset "utf-8";
/* Nuadesign CSS Document */
/* General CSS */
* {
	margin:0;
	padding:0;
}
img {
	border: 0;
}
a {
	color: #379300;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #379300;
}
h1, h2, h3, h4, h5,h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 0.5em 0;
}
h1, h2, h3 {
	font-weight: normal;
	line-height: normal;
}	
ul { margin-left: 15px; }
ol { margin-left: 35px; }

ul li { 
	background: url(/images/interface/list_bullet.png) top left no-repeat;
	list-style-type: none;
	padding-left: 15px;
}
ol li {
	padding: 0px;
	margin: 0 0 2px 0;
	background: none;
}	
h1 {
	font-size:2.4em;
}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.65em;
}
h4 {
	font-size:1.3em;
}
h5 {
	font-size:1.15em;
}
h6 {
	font-size:.95em;
}
li, dd {
	margin-left:1em;
}
fieldset {
	padding:.5em;
}
html {
	height:100%;
}
body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center; /*center hack*/
	min-height: 100%;
	color: #000;
	background: #fff;
	line-height: 1.5;
}
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0!important;
    clear: both; 
    visibility: hidden;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0.1;
	height: 0px!important;
}
/* ---------------------- */
/* Template CSS */
#page-wrapper {
	width:100%;
	background: #fff;
}
/* Header */
#topper {
	background-color: #303a63;
	border-bottom: 1px solid #fff;
	height: 3px;
	line-height: 0.1;
}	
#header {
	clear: both;
	background: #fff url(/images/interface/header_bk.png) bottom left repeat-x;
	height: 106px;
	border-top: 3px solid #303a63;
}	
.header-inner, .nav-inner, .showcase-inner, .services-inner, .content-inner, .bottom-inner, .bottom-shadow-inner, .foot-inner {
	width: 960px;
	margin: 0 auto; /*center hack*/
	text-align:left; /*center hack*/
	position: relative;
}
.header-inner {
	height: 105px;
}	
.header-inner h1 {
	float: left;
	margin: 15px 0 5px 0;
	padding: 0;
}
.header-inner h1 span {
	font-size: 54%;
	font-weight: 600;
	color: #8f8f8f;
	line-height: 1.6;
}		
.header-inner .links {
	position: absolute;
	width: 540px;
	display: block;
	top: 5px;
	right: 0px;
	z-index: 99;
	visibility: inherit;
}
.links {
	text-align: right;
}		
.links ul {
	padding: 3px 0;
	margin: 0;
	clear: both;
}
.links ul li {
	display: inline;
	margin: 0 0 5px 7px;
	list-style-type: none;
	background: none;
	padding: 0;
}
.links ul li a {
	padding-right: 3px;
	color: #828282;
	text-decoration: underline;
}
.links ul li a:hover {
	text-decoration: none;
}		
.searchbox {
	float: right;
	clear: both;
	padding: 5px 0 11px 0;
	margin-top: 5px;
	background: transparent url(/images/interface/magnify_ico.png) center left no-repeat;
	height: 36px;
	width: 300px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;
}
.searchbox form {
	margin: 0;
}
.searchbox .txt {
	width: 200px;
	border: 1px solid #dfdfdf;
	padding: 5px 3px 0 3px;
	color: #666;
}		
.searchbox .go {
	background-color: #fff;
	color: #7f7f7f;
	font-weight: bold;
	font-size: 18px;
	border: none;
}
/* ---------------------- */
/* Main Navigation Bar */				
.navigation {
	clear: both;
	background: #222 url(/images/interface/nav_bar_bk.png) top left repeat-x;
	height: 45px;
	border-top: 2px solid #bcbcbc;
}
.nav-inner {
	height: 45px;
}
.nav-inner ul {
	margin: 0;
	padding: 0;
}
.nav-inner ul li {
	float: left;
	background: url(/images/interface/nav_separator.png) top right no-repeat;
	height: 45px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nav-inner ul li.active {
	float: left;
	height: 45px;
	list-style-type: none;
	margin: 0 2px 0 0;
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	display: block;
	line-height: 2.2;
	padding: 5px 20px;
	color: #fff;
	background: #f29d49 url(/images/interface/highlighted.png) top right repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 35px;
}
.nav-inner ul li.active a, .nav-inner ul li.active a:hover {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0;
	line-height: inherit;
	margin: 0;
	font-weight: normal;
	font-size: 100%;
	background: none;
}	
.nav-inner ul li a {
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	display: block;
	line-height: 2.2;
	padding: 5px 20px;
	margin-right: 2px;
}
.nav-inner ul li a:hover {
	background: #939392 url(/images/interface/highlighted_grey.png) top right repeat-x;
	margin-right: 2px;
	color: #fff;
}
/* ---------------------- */
/* Sub Navigation column */
.sub-nav {
	margin: 0;
	padding: 0;
	width: 211px;
}
.sub-nav li {
	list-style-type: none;
	margin: 0 0 1px 0;	
	padding: 0;
	background: none;
	}
.sub-nav li.active {
	list-style-type: none;
	margin-bottom: 1px;
	color: #fff;
	font-weight: bold;
	padding: 7px 10px 7px 25px;
	background: #21c9ff url(/images/interface/subnav_bullet_active.png) 10px 50% no-repeat;
	min-height: 32px;
	height: auto!important;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	min-height: 18px;
	height: auto!important;
	height: 18px;
	
}		
.sub-nav li a {
	background: #ececec url(/images/interface/subnav_bullet.png) 10px 50% no-repeat;
	display: block;
	padding: 7px 10px 7px 25px;
	color: #333;
	text-decoration: none;
	min-height: 32px;
	height: auto!important;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	min-height: 18px;
	height: auto!important;
	height: 18px;
}
.sub-nav li a:hover {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 7px 10px 7px 25px;
	background: #dedede url(/images/interface/subnav_bullet_hover.png) 10px 50% no-repeat;
	min-height: 32px;
	height: auto!important;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	min-height: 18px;
	height: auto!important;
	height: 18px;
}
/* ---------------------- */	
/* Homepage Showcase */
.showcase {
	clear: both;
	background: #a3ddff url(/images/interface/showcase_bk.png) bottom left repeat-x;
	min-height: 260px;
	height: auto!important;
	height: 260px;
}
.showcase-inner {
	clear: both;
	background: transparent url(/images/interface/home_image.png) bottom right no-repeat;
	display: block;
	min-height: 270px;
	height: auto!important;
	height: 270px;
	}
.showcase-inner h1 {
	width: 60%;
	margin: 0;
	padding: 20px 0 5px 0;
}
.showcase-inner p {
	font-size: 1.3em;
	width: 60%;
}
.showcase-inner a {
	color: #333;
}
.showcase-btn {
	background: #2293d6 url(/images/interface/blue_button_big.png) top left no-repeat;
	display: block;
	width: 164px;
	height: 32px;
	line-height: 1.8;
	padding: 0 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 134px;
}
.showcase-btn a, .showcase-btn a:hover { 
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
/* ---------------------- */
/* Services */						
#services {
	clear: both;
	min-height: 220px;
	height: auto!important;
	height: 220px;
	background: #0c8bd6 url(/images/interface/services_bk.png) top left repeat-x;
	border-top: 2px solid #c2c1c1;
	border-bottom: 1px solid #fff;
}
.services-inner {
	padding: 15px 0;
}
.services-inner h2 {
	margin: 0;
	padding: 0 0 10px 0;
}	

/* ----------------------
Edited by Patrick 02.12.2008
 ---------------------- */

.services-inner h2 a {
	color: #fff;
	text-decoration: none!important;
}	
/* ----------------------
 End Edit
 ---------------------- */

.services-inner ul {
	margin: 0;
	padding: 0;
}
.services-inner ul li {
	background: url(/images/interface/blue_separator.png) top right no-repeat;
	list-style-type: none;
	padding: 0 1%;
	color: #fff;
	float: left;
	display: block;
	width: 30%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 29%;
}
.services-inner ul li.last {
	background: none;
}
/* ---------------------- */
/* Buttons */
.home-contact-btn, .learn-btn, .read-btn { 
	display: block;
	width: 113px;
	height: 22px;
	line-height: 1.6;
	margin-top: 10px;
	padding: 0 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 93px;
}
.learn-btn a, .home-contact-btn a, .read-btn a, .learn-btn a:hover, .home-contact-btn a:hover, .read-btn a:hover, .case-btn a, .case-btn a:hover, .back-btn a, .back-btn a:hover { 
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.case-btn {
	background: #73bb00 url(/images/interface/case_btn.png) top left no-repeat;
	display: block;
	width: 193px;
	height: 25px;
	line-height: 1.7;
	font-size: 1.1em;
	margin-top: 10px;
	padding: 0 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 173px;
}
.back-btn {
	background: #73bb00 url(/images/interface/back_btn.png) top left no-repeat;
	display: block;
	width: 176px;
	height: 25px;
	line-height: 1.7;
	font-size: 1.1em;
	margin-top: 10px;
	padding: 0 13px 0 10px;
	text-align: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 153px;
}
.learn-btn {
	background: #73bb00 url(/images/interface/learn_btn.png) top left no-repeat;
}
.home-contact-btn {
	background: #73bb00 url(/images/interface/home_contact_btn.png) top left no-repeat;
}
.read-btn {
	background: #73bb00 url(/images/interface/read_btn.png) top left no-repeat;
}
.top-btn {
	background: #111 url(/images/interface/top_btn.png) top left no-repeat;
	display: block;
	width: 120px;
	height: 24px;
	line-height: 1.8;
	margin-top: 10px;
	padding: 0 10px 0 20px;
	float: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 90px;
}
.top-btn a, .top-btn a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
/* ---------------------- */		
/* Content */				
#content {
	clear: both;
	background: transparent url(/images/interface/content_shadow_top.png) top left repeat-x;
}
/* ---------------------- */
/* Breadcrumbs */
.breadcrumbs {
	margin: 3px 0 10px 0;
	line-height:1.25em;
	padding: 0;
}
.breadcrumbs li {
	display:inline;
	padding: 0;
	margin: 0;
	background: none;
}
.breadcrumbs li span {
	color: #999;
	font-weight: bold;
	padding: 0 2px;
}	
.content-inner {
	padding: 10px 0;
}
.content-inner h1 {
	color: #18b8ff;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 2px;
	border-bottom: 1px solid #dfdfdf;
}	
.content-inner h3 {
	padding: 0;
}
/* ---------------------- */
/* Layout */		
.left-col {
	display: block;
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-top: 0px;
	background: transparent url(/images/interface/subnav_shadow.png) top right no-repeat;
	min-height: 299px;
	height: auto!important;
	height: 299px;
}			
.middle-col-wide {
	width: 715px;
	display: block;
	float: left;
}
.middle-col-narrow {
	width: 470px;
	display: block;
	float: left;
}
.middle-col-full {
	width: 960px;
	display: block;
}
.contact-col {
	width: 495px; 
	float: left;
	display: block;
}	
.right-col {
	width: 220px;
	display: block;
	float: right;
	margin-left: 20px;
	border-left: 1px solid #dfdfdf;
}
.right-col-contact {
	width: 450px;
	display: block;
	float: left;
	margin-left: 15px;
}
/* ---------------------- */
/* Blog elements */
.blog-sidebar {
	padding-left: 10px;
}
.blog-sidebar h3 {
	margin-top: 0;
}		
.blog-nav {
	margin: 0 0 13px 0;
	padding: 0;
	width: 212px;
}
.blog-nav li {
	list-style-type: none;
	margin: 0 0 1px 0;	
	padding: 0;
	background: none;
	}
.blog-nav li.active {
	list-style-type: none;
	margin-bottom: 1px;
	color: #fff;
	font-weight: bold;
	padding: 7px 10px 7px 25px;
	background: #21c9ff url(/images/interface/subnav_bullet_active.png) 10px 50% no-repeat;
	min-height: 32px;
	height: auto!important;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	min-height: 18px;
	height: auto!important;
	height: 18px;	
}
.blog-nav li.active a, .blog-nav li.active a:hover {
	display: block;
	color: #fff;
	background: none;
	padding: 0;
	text-decoration: none;
	border: 0;
}		
.blog-nav li a {
	background: #fff url(/images/interface/subnav_bullet_blog.png) 10px 50% no-repeat;
	display: block;
	padding: 7px 10px 7px 25px;
	border-bottom: 1px solid #dfdfdf;
	color: #333;
	text-decoration: none;
	min-height: 32px;
	height: auto!important;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	min-height: 18px;
	height: auto!important;
	height: 18px;
}
.blog-nav li a:hover {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 7px 10px 7px 25px;
	background: #efefef url(/images/interface/subnav_bullet_blog_hover.png) 10px 50% no-repeat;
	min-height: 32px;
	height: auto!important;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	min-height: 18px;
	height: auto!important;
	height: 18px;
}
.divider {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #dfdfdf;
	}
.bluebox-body {
	width: 212px;
	min-height: 118px;
	height: auto!important;
	height: 118px;
	padding: 0 10px 10px 10px;
	background: #1589dd url(/images/interface/bluebox_bottom.png) bottom left no-repeat;
	color: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 192px;
	min-height: 108px;
	height: auto!important;
	height: 108px;
}
.bluebox-body a, .bluebox-body a:hover {
	color: #fff;
}
.cloud-body {
	background: #fffbda url(/images/interface/cloud_bk.png) left top repeat-y;
	padding: 5px 10px;
	color: #6e6157;
	width: 212px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 192px;
}
#twitter_update_list {
	padding: 0;
	margin: 0;
}
#twitter_update_list li {
	list-style-type: none;
	font-weight: bold;
	background: none;
	padding: 0;
	margin: 0;
}		
.uptodate {
	padding: 0;
	margin: 0;
}
.uptodate li {
	list-style-type: none;
	padding: 0;
	margin-bottom: 4px;
	background: none;
}
.intro {
	background-color: #e2f3fe;
	padding: 10px 15px;
}
.post-item {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #dfdfdf;
}
.post_date {
	color: #666;
	font-size: 95%;
	margin-bottom: 10px; 
}
.comments {
	padding: 0 0 10px 0;
}
.comments h3 {
	background-color: #f3f3f3;
	padding: 5px 10px;
}	
.comments .posted {
	padding: 0 0 0 20px;
	margin-left: 15px;
	font-weight: bold;
	color: #666;
	background: transparent url(/images/interface/post_ico.png) 0px 50% no-repeat;
}
.comment_body {
	padding: 0 0 5px 20px;
	margin-left: 15px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #e3e3e3;
}	
	
/* ---------------------- */	
/* Homepage Content */									 	
.content-inner .home-col1, .content-inner .home-col2, .content-inner .home-col3 {
	padding: 0 2%;
	float: left;
	display: block;
	width: 30%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 29%;
}
.home-col1 h2 {
	background: transparent url(/images/interface/news_ico.png) 0 50% no-repeat;
	padding-left: 32px;
	padding-top: 5px;
	margin-left: 0;
	float: left; 
}
.rss {
	float: right;
	width: 60px;
	text-align: right;
	margin: 20px 0 0 0;
	padding: 0;
}	
.home-col1 ul {
	margin: 0;
	padding: 0;
}
.home-col1 ul li {
	list-style-type: none;
	padding-bottom: 4px;
	padding: 0;
	background: none;
}
.date {
	font-weight: bold;
	color: #666;
}			
.home-col2 h2 {
	background: transparent url(/images/interface/links_ico.png) 0 50% no-repeat;
	padding-left: 32px;
	padding-top: 5px;
	margin-left: 0;
	width: 260px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 228px;
}
/* ---------------------- */
/* Tag Cloud */
#cloud { margin: 0; padding: 0; }
#cloud li { 
	display: inline;
	list-style-type: none; 
	padding: 0;
	background: none;
	margin: 0; 
}
#cloud a.tag1 { font-size: 0.9em;}
#cloud a.tag2 { font-size: 1.0em; }
#cloud a.tag3 { font-size: 1.1em; }
#cloud a.tag4 { font-size: 1.25em; }
#cloud a.tag5 { font-size: 1.45em; }
#cloud a.tag6 { font-size: 1.65em; }
#cloud a.tag7 { font-size: 1.75em; }
#cloud a.tag8 { font-size: 1.9em; }	
#cloud a, #cloud a:hover { color: #333333;}
.home-col3 h2 {
	background: transparent url(/images/interface/case_study_ico.png) center left no-repeat;
	padding-left: 49px;
	padding-top: 5px;
	margin-left: 0;
	width: 260px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 228px;
}		
.case-home {
	padding: 9px;
	border: 1px solid #dfdfdf;
}
/* ---------------------- */
/* Footer */
.bottom-shadow {
	clear: both;
	background: #fff url(/images/interface/contant_shadow_bottom.png) bottom left repeat-x;
	height: 36px!important; 
}
#bottom {
	clear: both;
	background: #466373 url(/images/interface/foot_bk.png) bottom left repeat-x;
	min-height: 173px;
	height: auto!important;
	height: 173px;
	color: #fff;
	border-top: 2px solid #94b1c0;
}
#bottom h2, #bottom p {
	margin: 0;
	padding: 0 0 5px 0;
}
.address {
	float: left;
	display: block;
	width: 400px;
	line-height: 1.4;
	padding-top: 7px;
}		

/* .address {
	float: left;
	display: block;
	width: 48%;
	line-height: 1.4;
	padding-top: 7px;
} */
.address-col1, .address-col2 {
	float: left;
	display: block;
	margin-right: 1%;
}
.address-col1 {
	width: 37%;
}
.address-col2 {
	width: 57%;
	margin-top: 12px;
}	
.social {
	padding: 0;
	margin: 0!important;
}
.social li img {
	display: block;
	float: left;
	margin-right: 10px;
}		
.social li {
	list-style-type: none;
	padding: 0!important;
	margin: 0 0 20px 0;
	clear: both;
	display: block;
	background: none;
}
.social li a, .social li a:hover {
	color: #fff;
}
.photostream {
	float: left;
	display: block;
	width: 212px;
	line-height: 1.4;
	padding-top: 7px;
}	
/* .audit {
	float: right;
	display: block;
	width: 48%;
	background: transparent url(/images/interface/audit_bk.png) top left no-repeat;
	width: 338px;
	height: 142px;
	color: #222;
	margin-top: 5px;
} */
.audit {
	float: right;
	display: block;
	background: transparent url(/images/interface/audit_bk.png) top left no-repeat;
	width: 338px;
	height: 142px;
	color: #222;
	margin-top: 5px;
}
.audit .inner {
	padding: 20px 10px 15px 95px;
}
.audit-btn {
	background: #73bb00 url(/images/interface/audit_btn.png) top left no-repeat;
	display: block;
	width: 205px;
	height: 22px;
	line-height: 1.5;
	margin-top: 5px;
	padding: 0 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 185px;
}
.audit-btn a, .audit-btn a:hover { 
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
}						
#footer {
	clear: both;
	background: #154360 url(/images/interface/footer_bk.png) repeat-x;
	height: 102px;
	border-top: 2px solid #90b7ca;
	color: #98b7cf;
}
.bottom-links {
	padding: 0;
	margin: 10px 0;
	width: 48%;
	float: left;
}
.bottom-links li {
	display: inline;
	margin: 0 0 5px 7px;
	list-style-type: none;
	background: none;
	padding: 0;
}
.bottom-links li a {
	padding-right: 3px;
	color: #fff;
	text-decoration: underline;
}
.bottom-links li a:hover {
	text-decoration: none;
}	

.copyright {
	padding: 0;
	margin: 10px 0;
	width: 48%;
	height: 21px;
	float: right;
	text-align: right!important;
}
.copyright li {
	display: inline;
	margin: 0 0 5px 7px;
	list-style-type: none;
	background: none;
	padding: 0;
}
.copyright li a {
	padding-right: 3px;
	color: #fff;
	text-decoration: underline;
}
.copyright li a:hover {
	text-decoration: none;
}
/* ---------------------- */
/* Forms */
.contact-form {
	margin: 10px 0;
	padding: 10px 0 15px 0;
	background: transparent url(/images/interface/corner_shadow.jpg) bottom right no-repeat;
}
form {
	margin: 0;
	padding: 0;
}
form fieldset {
	border: 1px solid #e0eefb;
	padding: 5px 0;
}
form fieldset legend {
	font-size: 120%;
	color: #1b518f;
	font-weight: bold;
}			
.inputbox {
	padding: 1px 3px;
	border: 1px solid #a7a6aa;
	background-color: #fff;
	color: #666;
}
input.inputbox {
	height: 20px;
}	
.inputbox:hover, .inputbox:focus, .txt:hover, .txt:focus {
	border: 1px solid #a1d7ea;
	background: #f1fbff;
}
input.required {
	border: 1px solid #237600;
	padding: 0 3px;
	border: 1px solid #bbb;
	background-color: #fff;
	color: #666;
	height: 20px;
}
form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
form p {
margin-bottom: 4px;
}
.required {
	color: #237600;
}
.comment-form {
	background-color: #e2f3fe;
	border-top: 2px solid #a1d7ea;
	border-bottom: 2px solid #a1d7ea;
	padding: 1px 10px 10px 10px;
}
.comment-form  .inputbox {
	padding: 1px 3px;
	border: 1px solid #a1d7ea;
	background-color: #fff;
	color: #666;
}
.comment-form  input.inputbox {
	height: 20px;
}	
.comment-form  .inputbox:hover, .comment-form .inputbox:focus {
	border: 1px solid #4e97b1;
	background: #fff;
}	
/* ---------------------- */
/* Portfolio & Case Study */
.project-item {
	background: transparent url(/images/interface/full_separator.png) bottom left repeat-x;
	padding: 10px 20px 40px 20px;
	margin-bottom: 10px;
}
.case-study-item {
	background: transparent url(/images/interface/full_separator.png) bottom left repeat-x;
	padding: 10px 0px 40px 0px;
	margin-bottom: 10px;
}
.project-summary {
	width: 365px;
	margin-left: 10px;
	float: right;
}
.case-sidebar {
	width: 345px;
	margin-left: 30px;
	float: right;
}
.project-summary  h2 {
	padding-top: 0;
	margin-top: 0;
}	 
.client-screen {
	float: left; 
	padding: 10px; 
	border: 2px solid #dfdfdf;
	display: block;
}
.services {
	padding: 0;
	margin: 0;
}	
.services li { 
	background: url(/images/interface/checkbox.png) 0px 50% no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin: 0 0 3px 0;
}
.yellowbox {
	padding: 10px;
	background-color: #f7f4e7;
	border: 1px solid #e8dfb8;
}

/* ---------------------- */
/* Awards */
.award-sidebar {
	background-color: #f5f5f5;
	padding: 1px 10px 10px 10px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 15px;
}
.award-item {
	margin-top: 10px; 
}
.award-item-wide {
	margin: 10px 0;
	border-bottom: 1px dotted #dfdfdf;
	padding: 10px; 
}
.a-img {
	float: left; 
	width: 64px; 
	border: 1px solid #d3d3d3;
}
.a-img img {
	border: 5px solid #fff; 
	display: block;
}
.a-txt {
	float: right; 
	width: 610px;
	margin-left: 15px;
}
.a-txt-wide {
	margin-left: 15px;
	width: 610px;
	float: right; 
}
.a-txt-wide h4, .a-txt h4 {
	padding: 0;
	margin: 0;
	line-height: normal;
}	
.a-txt p {
	padding: 0;
}
.a-txt-wide p, .a-txt p {
	padding: 0;
	margin: 0;
}	
.a-txt-wide p span, .a-txt p span {
	color: #2176d6;
	font-weight: bold;
}	
/* ---------------------- */
/* Messages  */
.success {
	color:#3d6611;
}
.error {
	color:#df280a;
}
.notice {
	color:#e26703;
}
.success, .error {
	font-weight:bold;
}
.messages {
	width:100%;
	overflow:hidden;
}
.error-msg, .success-msg, .notice-msg, .note-msg {
	min-height:23px !important;
	margin-bottom:1em !important;
	border-style:solid !important;
	border-width:1px !important;
	background-repeat:no-repeat !important;
	background-position:10px 10px !important;
	padding:8px 8px 8px 32px !important;
	font-size:.95em !important;
	font-weight:bold !important;
}
.error-msg li, .success-msg li, .notice-msg li {
	margin-bottom:.2em;
}
.error-msg {
	border-color:#f16048;
	color:#df280a;
	background-color:#faebe7;
	background-image:url(/images/interface/error_msg_icon.gif);
}
.success-msg {
	border-color:#446423;
	color:#3d6611;
	background-color:#eff5ea;
	background-image:url(/images/interface/success_msg_icon.gif);
}
.notice-msg, .note-msg {
	border-color:#fcd344;
	color:#3d6611;
	background-color:#fafaec;
	background-image:url(/images/interface/note_msg_icon.gif);
}
/* Case studies */
.slideshow {
	margin-bottom: 15px;
	border-bottom: 1px dotted #dfdfdf;
	padding-bottom: 5px; }

.slideshow ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	position:relative;
}
.slideshow ul li {
	display:inline; 
	float:left; 
	margin:0 15px 10px 0;
	background: none;
	list-style-type: none;
	padding: 0;
}
.slideshow ul li a {
	display:block; 
	text-decoration:none; 
}
.slideshow ul li a img {
	display:block; 
	border: 2px solid #dfdfdf; 
}
/* Sitemap */
ul#sitemap {
	margin: 20px 0 0 20px !important;
	padding: 0;
}
ul#sitemap li {
	margin: 15px 0 2px 0;
	background: transparent url(/images/interface/folder_ico.png) 0px 5px no-repeat;
	padding: 0 2px 0 25px;
	font-weight: bold;
}
ul#sitemap ul {
	margin: 5px 0 -10px 0;
}
ul#sitemap ul ul, ul#sitemap ul ul ul {
	margin: 5px 0 -10px 0;
}
ul#sitemap ul li {
	background: transparent url(/images/interface/file_ico.png) 0px 5px no-repeat;
	font-weight: normal;
	padding: 0 0 0 25px;
	margin: 0 0 2px 0;
}
.magento_websites {
	padding: 0;
	margin: 0;
}
.magento_websites li {
	float: left;
	display: inline-block;
	margin: 8px 20px 8px 0;
	background: none;
	padding: 0;
}
.magento_websites li img {
	border: 1px solid #d3d3d3;
	padding: 1px;
}
.caption {
	background-color: #f4f4f4;
	padding: 3px 10px;
	width: 304px;
	margin-top: 3px;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 284px;
}