/* GENERIC FONTS */
body, p, li, dd, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #444;
}
p {
	line-height: 1.6em;
}
li {
	line-height: 1.5em;
	margin-bottom: 5px;
}
h1, h2, h3, h4, h5, dt, th, legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #05b;
}
h1 {
	font-size: 1.9em;
	font-weight: normal;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}
span.label {
	font-weight: bold;
	color: #888;
}

/* Page Titles */
h1.page-title {
	margin: 20px 30px 10px;
}
h2.page-subtitle {
	margin: -12px 30px 10px;
	color: #888;
}

/* Other Titles */
h2.title {
	margin: 0;
	color: #244fa7;
}
h3.subtitle {
	margin: 0 0 10px;
	color: #888;
}



/* GENERIC MESSAGES */
div.messages {
	width: auto;
	margin: 10px 30px;
	padding: 10px;
}
div.status {
	background-color: #dfd;
	border: solid 1px #060;
	color: #060;
}
div.error {
	background-color: #fcc;
	border: solid 2px #f00;
	color: #900;
}

/* GENERIC FORMS */
#center form {
	margin: 0;
	padding-bottom: 30px;
}
fieldset {
	
}
label, input, select, option {
	font-family: Arial, Helvetica, sans-serif;
}
label {
	display: block;
	margin: 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #888;
}
input {
	background: #fdfdfd url('../images/input-bg.gif') repeat-x left top;
	border: solid 1px #999;
}
input {
	font-size: .9em;
}
input.form-text {
	color: #555;
}
input.form-submit {
	background: #42a5f0 url('../images/input-submit-bg.gif') repeat-x center center;
	border: solid 1px #1160a5;
	color: #fff;
	font-weight: bold;
}
#center .form-item {
	margin: 10px 30px 0;
}
#center input.form-submit {
	margin: 10px 30px 0;
}


/* LINKS */
a, a:link, a:visited {
	color: #125ca1;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/* MISC */
.clear {
	height: 0;
	clear: both;
}


/* LAYOUT */
body {
	margin: 0;
	background: #ffffff url('../images/body-bg.png') repeat-x center top;
}
#wrapper {
	margin: 0;
	padding: 20px 0 50px;
	width: auto;
	background: transparent url('../images/wrapper-bg.jpg') no-repeat center top;
}
#page {
	width: 1000px;
	margin: 0 auto;
}
#header,
#header-front {
	height: 50px;
	overflow: hidden;
	background: transparent url('../images/header.gif') no-repeat center top;
}
#header-front {
	background: transparent url('../images/header-front.gif') no-repeat center top;
}
#logo {
	float: left;
	padding: 7px 20px;
}
#menus {
	float: right;
}
#intro {
	height: 240px;
}

#top-bar {
	width: auto;
	height: 30px;
	background: transparent url('../images/top-bar.gif') no-repeat center top;
}

#body {
	background: #ffffff url('../images/page-bg.png') repeat-y center top;
}
#main {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
}
#main #left,
#main #right {
	width: 220px;
	overflow: hidden;
}
#main #center {
	width: auto;
	overflow: hidden;
	background: url('../images/center-bg.gif') no-repeat left top;
}
.frontpage #main #center {
	background: none;
}
#footer {
	width: auto;
	min-height: 120px;
	background: transparent url('../images/footer-bg.png') no-repeat center bottom;
}
#copyright {
	width: auto;
	height: 150px;
	background: transparent url('../images/reflection.jpg') no-repeat center top;
	padding: 0 10px;
}
#copyright p {
	font-size: .75em;
	color: #58d;
	margin: 0;
	padding: 20px;
}



/* PRIMARY LINKS */
ul.primary-links {
	display: block;
	float: right;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 50px;
}
ul.primary-links li {
	display: block;
	float: left;
	padding: 0;
}
ul.primary-links li.first {
	padding-left: 10px;
}
ul.primary-links li.last {
	padding-right: 10px;
}
ul.primary-links li a,
ul.primary-links li a:active,
ul.primary-links li a:visited {
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
ul.primary-links li a:hover {
	text-decoration: underline;
}

/* SECONDARY LINKS */
ul.secondary-links {
	display: block;
	float: right;
	list-style: none;
	margin: 10px;
	padding: 0;
	height: 23px;
}
ul.secondary-links li {
	display: block;
	float: left;
	font-size: .75em;
}
ul.secondary-links li.first {
}
ul.secondary-links li a,
ul.secondary-links li a:active,
ul.secondary-links li a:visited {
	padding: 5px 10px;
	color: #05b;
	text-decoration: none;
}
ul.secondary-links li a:hover {
	text-decoration: underline;
}



/* CONTENT */
.node-page,
.node-client {
	padding: 10px 30px 20px;
}



/* RELATED LINKS */
#right {
	float: right;
	width: 190px;
	margin: 0 0 20px 10px;
	background: url('../images/related-bg.gif') repeat-y left top;
}
#right-header {
	background: url('../images/related-header.gif') no-repeat left top;
	height: 10px;
}
#right-body {
	padding: 10px 15px;
}
#right-footer {
	height: 10px;
	background: url('../images/related-footer.gif') no-repeat left bottom;
}
#right * {
	margin: 0;
}
#right h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	margin: 0 0 5px;
}
#right ul {
	list-style: none;
	padding: 0;
}
#right li {
	background: url('../images/related-arrow.gif') no-repeat 0 5px;
	padding: 0 0 0 8px;
	font-size: .85em;
}


/* BLOCK TEMPLATE */
#left .block {
	margin-bottom: 12px;
}
#left .block h2 {
	background: transparent url('../images/block-arrow.gif') no-repeat 10px 22px;
	margin: 0;
	padding: 20px 10px 10px 25px;
	font-size: 0.9em;
	font-weight: bold;
}
#left .block .content {
	padding: 0 15px;
}
#left .block-footer {
	/*
	width: 100%;
	height: 200px;
	background: url('../images/block-footer-bg.gif') repeat-x left top;
	*/
}


/* BLOCK MENU */
#left .block ul.menu,
#left .block-menu ul.menu,
#left .block-views .item-list ul {
	margin: 0;
	padding: 0 0 5px;
	border-bottom: solid 1px #ddd;
}

#left .block ul.menu li,
#left .block-menu ul.menu li,
#left .block-views .item-list ul li {
	list-style: none;
	margin: 0;
	padding: 1px 10px 8px;
}
#left .block ul.menu li.last,
#left .block-views .item-list ul li.last {
	border-bottom: 0;
}
#left .block ul.menu li a,
#left .block ul.menu li a:active,
#left .block ul.menu li a:visited,
#left .block-views .item-list ul li a,
#left .block-views .item-list ul li a:active,
#left .block-views .item-list ul li a:visited {
	display: block;
	text-decoration: none;
}
#left .block ul.menu li a:hover,
#left .block-views .item-list ul li a:hover {
	text-decoration: underline;
}

#left .block .more-link {
	padding: 0 10px;
	text-align: right;
}
#left .block .more-link a,
#left .block .more-link a:active,
#left .block .more-link a:visited {
	text-decoration: none;
	background: transparent url('../images/block-more-arrow.gif') no-repeat right center;
	padding: 10px;
	width: auto;
}
#left .block .more-link a:hover {
	color: #469ee6;
	text-decoration: none;
	background: transparent url('../images/block-more-arrow-over.gif') no-repeat right center;
}


/* FOCUS WINDOWS (GENERIC) */
#focus {
	width: 779px;
	background: transparent url('../images/focus-area-bg.gif') repeat-y left top;
}
#focus-header {
	width: auto;
	background: transparent url('../images/focus-area-header.gif') no-repeat left top;
}
#focus-footer {
	width: auto;
	padding: 20px 0;
	background: transparent url('../images/focus-area-footer.gif') no-repeat left bottom;
}
#focus .block {
	width: 360px;
	float: left;
	margin-left: 20px;
}
#focus .block h2 {
	padding: 20px 20px 10px;
	margin: 0;
}
#focus .block .content {
	padding: 0 20px 20px;
}



.block h2.focus-title {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1.1em;
	font-weight: normal;
}
.focus-area p {
	margin: 0;
}


/* SEARCH FORM BLOCK */
.block-search {
	background: #ebebeb url('../images/block-search-bg.gif') repeat-x left top;	
	border-top: 0;
}
.block-search .content {
	padding: 15px 10px;
	text-align: center;
}
#left .block-search .content {
	border-top: 0;
}
.block-search .form-text {
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	width: 100px;
}
.block-search .form-submit {
}


/* FOOTER MENUS */
.footer-menu, .footer-menu-last {
	width: 160px;
	padding: 20px 40px;
	float: left;
}
.footer-menu-last {
	background: none;
}
.footer-menu h3 {
	color: #fff;
	margin: 0 0 8px;
	font-size: .9em;
}
.footer-menu p {
	color: #fff;
	font-size: .75em;
}
.footer-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu li {
	margin: 0 0 3px;
	font-size: .75em;
}
.footer-menu a {
	color: #fff;
	text-decoration: none;
}
.footer-menu a:hover {
	text-decoration: underline;
}
.footer-menu .address {
	margin: 0 0 10px;
}
.footer-menu .contact {
	margin: 0;
}
.footer-menu .contact .name {
	font-weight: bold;
	color: #acf;
	display: block;
	float: left;
	width: 60px;
}


/* PAGE VIEWS */
#center .view {

}
#center .view-header {
	padding: 0 30px;
}
#center .view-content {
	padding: 0 30px;
}
#center .view-footer {
	padding: 0 30px 30px;
}


/* CAREERS */
.view-careers {
	
}
.view-careers ul {
	
}
.view-careers li {
	
}
.view-careers .views-field-title {
	
}
.view-careers .views-field-title .field-content {
	
}


/* PERSONNEL VIEW */
#center .view-personnel .view-content {
	padding: 0;
}
.view-personnel .picture {
	padding: 0 30px 0 10px;
	float: right;
}
.view-personnel .picture img {
	border: 0;
}
.view-personnel h2.name {
	margin: 15px 30px 0;
	color: #244fa7;
}
.view-personnel h3.title {
	margin: 0 30px 20px;
	color: #999;
}
.view-personnel .bio {
	background-color: #eee;
	padding: 20px 30px;
}
.view-personnel .bio p {
	margin: 0;
	color: #666;
	height: 250px;
	height: auto!important;
	min-height: 250px;
}


/* PERSONNEL PAGE */
.personnel {
	
}


/* PRODUCTS VIEW */
.view-products {
	
}


/* PRODUCT PAGE */
.product {
	
}


/* PROJECTS VIEW */
.view-projects a img {
	border: none;
}
.view-projects div.more-link {
	float: right;
}

/* PROJECT PAGE */
.project-content-center {
	float: left;
	border-top: 1px solid #eee;
}
.project-focus {
	background: transparent url('../images/project_focus_area_bg_body.gif') repeat-y left top;
	width: 575px;
	margin: 0;
	padding: 0;
}
.project-focus-header {
	background: transparent url('../images/project_focus_area_bg_header.gif') no-repeat left top;
	margin: 0;
	padding: 0;
}
.project-focus-footer {
	background: transparent url('../images/project_focus_area_bg_footer.gif') no-repeat left bottom;
	padding: 30px;
}
.project-focus-left,
.project-focus-right {
	width: 200px;
	overflow: hidden;
	padding: 10px 20px;
}
.project-focus-left {
	float: left;
}
.project-focus-right {
	float: right;
}
.project-focus h2.focus-title {
	margin-top: 0;
}
.project-focus p {
	margin-bottom: 0;
}
.project-content-right {
	float: right;
	width: 199px;
	overflow: hidden;
	border-top: 1px solid #eee;
}
.project p.client {
	font-weight: bold;
}
.project-focus {
	border-right: dashed 1px #ddd;
	background-color: #f6f6f6;
}
.project-focus p {
	margin: 0;
}
.project-focus .goal {
	width: 45%;
	float: left;
}
.project-focus .result {
	width: 45%;
	float: right;
}
.project .specs {
	padding-top: 27px;
	padding-left: 30px;
	margin-bottom: 20px;
}
.project .specs h4 {
	margin: 0;
	font-size: .9em;
	color: #888;
}
.project .specs p {
	margin: 2px 10px 14px;
}
ul.terms {
	list-style: none;
	padding: 0;
	margin: 2px 2px 14px;
}
ul.terms li {
	background: url('../images/terms-arrow.gif') no-repeat 0 5px;
	padding: 0 0 0 8px;
	font-size: .85em;
}


/* SERVICES PAGE */
div.services {
}
div.service {
	width: 240px;
	margin: 0 7px 10px;
	float: left;
}
div.service a,
div.service a:active,
div.service a:visited,
div.service a:hover {
	color: #333;
	text-decoration: none;
}
div.services a span {
	cursor: pointer;
}
div.service span.icon {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.service img {
	border: 0;
}
div.service span.description {
	display: block;
	width: 170px;
	float: right;
	text-align: left;
}
div.service span.title {
	display: block;
	margin: 0 0 5px;
	color: #888;
	font-size: 1em;
	font-weight: bold;
}
div.service a:hover span.title {
	color: #244fa7;
}
div.service span.body {
	display: block;
	margin: 0 0 8px;
}
div.service span.link {
	display: block;
	margin: 0 0 8px;
}
div.service a:hover span.link {
	color: #244fa7;
	text-decoration: underline;
}


/* PRODUCTS VIEW */
div.products {
	margin-bottom: 20px;
}
div.product {
	width: 520px;
	height: 155px;
	margin-bottom: 5px;
	text-align: left;
}
div.product h3.product-subtitle {
	font-size: 0.9em;
	color: #fff;
	padding: 40px 0 0 155px;
	margin: 0 0 2px;
}
div.product div.product-body {
	padding: 0 0 0 155px;
	color: #fff;
}
div.product div.product-body p {
	margin: 2px 0;
}
div.product div.more-link {
	padding: 0 155px;
	float: left;
}
div.product div.more-link a {
	display: block;
	width: 158px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	text-decoration: underline;
	color: #fff;
}
div.product div.more-link a:hover {
	background-position: 0 -26px;
	text-decoration: underline;
}
div.product-0 {
	background: transparent url('../images/products/transio-cms-bg.jpg') no-repeat left top;
}
div.product-0 div.more-link a {
	background: transparent url('../images/products/more-blue.gif') no-repeat left top;
}
div.product-1 {
	background: transparent url('../images/products/transio-lms-bg.jpg') no-repeat left top;
}
div.product-1 div.more-link a {
	background: transparent url('../images/products/more-green.gif') no-repeat left top;
}
div.product-2 {
	background: transparent url('../images/products/transio-slideshower-bg.jpg') no-repeat left top;
}
div.product-2 div.more-link a {
	background: transparent url('../images/products/more-purple.gif') no-repeat left top;
}
div.product-3 {
	background: transparent url('../images/products/transio-media-center-bg.jpg') no-repeat left top;
}
div.product-3 div.more-link a {
	background: transparent url('../images/products/more-red.gif') no-repeat left top;
}


/* CASE STUDIES VIEW */
div.view-projects {
	
}
div.project-teaser {
	margin-bottom: 20px;
}
div.project-image {
	float: left;
}
div.project-body {
	width: 480px;
	float: right;
}
div.project-body div.more-link {
	text-align: left;
}
a.project-button {
	display: block;
	width: 120px;
	height: 30px;
	overflow: auto;
	background: transparent url('../images/project-button.png') no-repeat left top;
	border: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
a.project-button:hover {
	background-position: left -30px;
	text-decoration: none;
}
a.project-button span {
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size: 9pt;
}

/* CLIENTS VIEW */
div.client-list {
	margin: 20px 0 30px;
}
div.client-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.client-list li {
	display: block;
	float: left;
	margin: 0 30px 30px 0;
	padding: 0;
}
div.client-list li.views-row-4,
div.client-list li.views-row-8,
div.client-list li.views-row-12,
div.client-list li.views-row-16,
div.client-list li.views-row-20,
div.client-list li.views-row-24,
div.client-list li.views-row-28,
div.client-list li.views-row-32,
div.client-list li.views-row-36,
div.client-list li.views-row-40,
div.client-list li.views-row-44 {
	margin-right: 0;
}
div.client-list a {
	
}
div.client-list img {
	border: solid 1px #ddd;
}
div.client-list a:hover img {
	border: solid 1px #888;
}


/* PRESS RELEASES AND BLOGS */
div.node-story,
div.node-blog {
	margin: 0 30px 30px;
	padding: 10px 20px;
	border: solid 1px #ccc;
	background-color: #fff;
}
div.date {
	float: right;
	margin: -10px -20px 10px 20px;
	text-align: center;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #eee;
}
div.date span.day {
	font-weight: bold;
	color: #666;
	padding: 5px 2px;
	line-height: 18pt;
}
div.date span.month {
	font-weight: bold;
	padding: 5px 2px;
	line-height: 18pt;
}
div.date span.year {
	display: block;
	padding: 3px 10px;
	background-color: #36c;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
}

/* View Nodes for Story and Blog */
.view div.node-story,
.view div.node-blog {
	margin: 0 0 30px;
	overflow: hidden;
}
.view div.node-story div.date,
.view div.node-blog div.date {
	margin-top: -58px;
}



#block-views-projects-block_1 .view-projects .more-link{
	background: transparent;
	padding-top: 2px;
	border-top: 0;
}

/* CLIENT */
.node-client {
	padding-top: 0;
/*	margin-top: -5px;*/
}
.node-client .client-logo {
	float: right;
	margin: 0 8px 8px 8px;
	border: 1px solid #DDD;
}
.node-client .client-link {
	float: right;
}