/* Initial reset
---------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd {
		margin: 0;
		padding: 0;
		font: 100%/120% "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, "Trebuchet MS", sans-serif;
}
p, blockquote {
        margin: 0;
        padding: 0;
}
ol, ul {
		list-style: none;
}
fieldset, img {
		border:0;
}
/* General
---------------------------------------------------------- */
html {
		font-size:100.01%; 
		text-align: center;   /* (1) Explorer 5.5 */
} 
body {
		background:#fff;
		color:#333;
}
.wrapper {
		width: 920px;
		margin: 0 auto;
		text-align: left;   /* (2) Explorer 5.5 */
		position:relative;  /* to avoid problems with badge */
}
a {
		color:#008be4;
		text-decoration:none;
}
a:hover {
		text-decoration:underline;
}
/* Header
---------------------------------------------------------- */
#header {		
		overflow:hidden;
}
h1 {	
		background:url(../img/telio-logo.gif) no-repeat;
		float:left;
		margin-top:16px;
}
h1 a { 
		text-indent:-9000px; 
		display:block; 
		width:194px; 
		height:67px; 
		margin-bottom:17px;
}
#header-contents {
		float:right;
}
#submenu {
		margin-top:10px;
		background:url(../img/submenu-left.gif) no-repeat top left;  
		padding-left:12px;    	
}
#submenu ul {
		width:auto !important; /* standard browsers */		
		width:140px; /* Explorer needs width */			
		background:url(../img/submenu-right.gif) no-repeat top right;
		overflow:hidden;
		height:24px;	
		padding-right:12px;	
}
#submenu ul li {
		float: left;	
		padding:0 10px;
		margin-top:1px;
		background:url(../img/submenu-separate.gif) no-repeat top right;
}
#submenu a {
		font-size:.75em;
		color:#fff;
		display:block;
}
#submenu ul li.submenu-last {
		background:none;	
}
#languages {
		margin-top:68px;
		font-size:.8125em;
		text-align:right;
}
/* Navigation
---------------------------------------------------------- */
#navigation {
		overflow:hidden;
		background:#154b7e;
}
#navigation li {
		float: left;	
		padding:8px 14px 7px 14px;
		margin-right:12px;
}
#navigation a {
		font-size:.875em;
		color:#fff;
		text-transform:uppercase;
		display:block;		
}
body#home #m-home, body#services #m-services, body#products #m-products, body#clients #m-clients, body#contact #m-contact {
		background:#306ea7;	
}
body#home #m-home a, body#services #m-services a, body#products #m-products a, body#clients #m-clients a, body#contact #m-contact a {
		text-decoration:none;
}
/* Navigation out
---------------------------------------------------------- */
#navigation-out {
		float:left;
		background:url(../img/navigation-out-separate.gif) no-repeat 0 4px;
		margin-top:5px;
		margin-left:74px;
}
#navigation-out a {
		float:left;
		font-size:.875em;
		line-height:14px;
		color:#fff;				
		background:url(../img/button-out-right.gif) no-repeat top right;	
		padding-right:12px;
		height:24px;
		margin-left:12px;
}
#navigation-out a span {
		background:url(../img/button-out-left.gif) no-repeat top left;	
		display:block;	
		padding:5px 0 5px 12px;
		text-transform:none;
}
#navigation-out a:hover {
		background:url(../img/button-out-right.gif) no-repeat bottom right;	
		text-decoration:none;
		color:#f0ff82;
}
#navigation-out a:hover span {
		background:url(../img/button-out-left.gif) no-repeat bottom left;	
} 
/* Contents
---------------------------------------------------------- */
#contents {
		overflow:hidden;
}
#contents span.more {
		display:block;
}
#breadcrumb {
		font-size:.8125em;
		margin-bottom:16px;
}
#main-contents {
		float: left; 
		width: 530px; 
		margin-top:20px;
		margin-right:38px;
}
#main-contents p {
		font-size:.8125em;
		padding:6px 0;
}
#main-contents ul {
		margin:12px 0;
		font-size:.8125em;
		margin-left:16px;
}
#main-contents ul li {
		margin-top:12px;
		background:url(../img/icon-list.gif) no-repeat 0px 5px;
		padding-left:12px;
}
blockquote {		
		font-size:110%;
}
blockquote p {
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
		font-style:italic;
		line-height:150%;
		color:#444;	
}
blockquote .first {
		background:url(../img/left-blockquote.gif) no-repeat 0 4px;
		text-indent: 20px;		
}
.last-letter { 
		background: url(../img/right-blockquote.gif) no-repeat top right;
		padding-right:20px;
}
blockquote cite {
		font-style:normal;
		color:#000;
}
#main-contents p.first-paragraph {
		background:url(../img/line-dots.gif) repeat-x top left;
}
#box-info {
		border:1px solid #e6e6e6;
		margin-top:20px;
}
#box-info-inner {
		background:#f0f5c5;
		margin:3px;
		padding:12px;
}
#sidebar { 
		float: right; 
		width: 352px;
		margin-top:20px;
}
#sidebar p { 
		padding:6px 0;
		font-size:.75em;
		color:#666;
}
#sidebar #box {
		background:url(../img/sidebar-box-bottom.gif) no-repeat bottom left;
		padding-bottom:21px;
}
#sidebar #box-inner {
		background:url(../img/sidebar-box-top.gif) no-repeat top left;
		padding:14px 14px 0 14px;
}
#case-studies {
		width:324px;
		overflow:hidden;
}
.case-study {
		overflow:hidden;
		margin-top:12px;
		padding-bottom:16px;
		float:left;
		background:url(../img/sidebar-separate.gif) no-repeat bottom left;
}
.case-study-last {
		background:none;
}
.case-study img.logo {
		float:left;
}
.case-study p {
		float:right;
		width:210px;
}
#client-logos {
		width: 520px;
		overflow:hidden;
		margin-top:20px;
}
#client-logos img{
		float:left;
		background:#ddd;
		padding:3px;
		margin:0 16px 16px 0;	
}
#featured-works {
		width:324px;
		overflow:hidden;
}
.featured-work {
		overflow:hidden;
		margin-top:12px;
		padding-bottom:16px;
		background:url(../img/sidebar-separate.gif) no-repeat bottom left;
		height:100%;
}
.featured-work-last {
		background:none;
}
.featured-work img.logo {
		float:right;
}
.featured-work p {
		float:left;
		font-size:.75em;
		color:#666;
}
#products img.docunit {
		margin:20px 0;
}
.sidebar-section {
		margin-top:12px;
		padding-bottom:16px;
		background:url(../img/sidebar-separate.gif) no-repeat bottom left;
		height:100%;
}
.sidebar-section p {
		font-size:.75em;
		color:#666;
}
.sidebar-section-last {
		background:none;
}
/* Case Studies
---------------------------------------------------------- */
#case-studies-contents dl {
		margin:12px 0;
		font-size:.8125em;
		border-bottom:1px solid #ddd;
		padding-bottom:12px;
}
#case-studies-contents dl dt {
		font-weight:bold;
		color:#0053a0;
		margin-top:12px;
		display:inline;
}
#case-studies-contents dl dd {
		display:inline;
}
#case-studies-contents h3 {
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
		font-size:1.5em;
		font-weight:bold;
		color:#134e84;	
		margin-top:12px;
		/* different h3 for homepage - reset properties*/
		text-indent:0; 
		height:auto; 
		margin:0;			
}
/* Headings
---------------------------------------------------------- */
h2 {
		text-indent:-9000px; 
		height:28px; 
		border-bottom:4px solid #ebebeb;
}
#services h2 {
		background:url(../img/heading-services.gif) no-repeat;		
}
#case-study h2 {
		background:url(../img/heading-case-studies.gif) no-repeat;		
}
#featured-work h2 {
		background:url(../img/heading-featured-works.gif) no-repeat;		
}
#products h2 {
		background:url(../img/heading-products.gif) no-repeat;		
}
#clients h2 {
		background:url(../img/heading-clients.gif) no-repeat;		
}
#contact h2 {
		background:url(../img/heading-contact.gif) no-repeat;		
}
#about h2 {
		background:url(../img/heading-about.gif) no-repeat;		
}
#partners h2 {
		background:url(../img/heading-partners.gif) no-repeat;		
}
h3 {
		text-indent:-9000px; 
		height:26px; 
		margin-top:20px;
}
#services h3#consulting {
		background:url(../img/heading-consulting.gif) no-repeat;		
}
#services h3#custom-development {
		background:url(../img/heading-custom-development.gif) no-repeat;		
}
h4 {
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
		font-size:1.25em;
		color:#0053a0;	
}
h4 strong {
		font-weight:normal;
		color:#333;
}
#products h4 strong {
		font-weight:bold;
		color:#0053a0;
}
h4.more-sections {
		margin-top:12px;
}
h5 {
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
		font-size:1.25em;
		color:#79880e;		
}
/* Home welcome
---------------------------------------------------------- */
#welcome {
		background:url(../img/homepage-bg.gif) repeat-x top left;
		padding-top:20px;
}
#welcome .wrapper{
		background:url(../img/welcome-bg.jpg) no-repeat top left;
		padding:24px 30px;
		width:860px;
}
#home h2 {
		font-size:2.5em;
		color:#fff;
		width:470px;
		/* different h2 for homepage - reset properties*/
		text-indent:0;	
		height:auto;
		border:none;
}
#welcome p {
		font-size:1.875em;
		color:#fff;
		width:470px;
		margin-top:16px;
		line-height:120%;
}
#welcome p.welcome-last {
		font-size:1.2em;
		margin-bottom:4px;
}
/* Home Contents
---------------------------------------------------------- */
#home #main-contents {
		width: 600px; 
}
#home #main-contents #columns {
		overflow:hidden;
		height:100%;
}
#home #main-contents #column1{
		float:left;
		width:280px;
		padding-right:38px;
}
#home #main-contents #column2{
		float:right;
		width:280px;
}
#home #main-contents .homepage-picture{
		margin: 20px 0 20px 60px;
}
#home h3 {
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
		font-size:1.125em;
		color:#0053a0;
		text-transform:uppercase;
		border-bottom:4px solid #ebebeb;
		padding-bottom:3px;
		/* different h3 for homepage - reset properties*/
		text-indent:0; 
		height:auto; 
		margin:0;	
}
#home #sidebar { 
		width: 282px;
}
#home #sidebar #box {
		background:url(../img/homepage-sidebar-box-bottom.gif) no-repeat bottom left;
		padding-bottom:21px;
}
#home #sidebar #box-inner {
		background:url(../img/homepage-sidebar-box-top.gif) no-repeat top left;
		padding:14px 14px 0 14px;
}
/* Contact Contents
---------------------------------------------------------- */
#contact #main-contents {
		width: 600px; 
}
#contact #main-contents p.address {
		padding:0;
}
#contact #sidebar { 
		width: 282px;
}
#contact #sidebar #box {
		background:url(../img/homepage-sidebar-box-bottom.gif) no-repeat bottom left;
		padding-bottom:21px;
}
#contact #sidebar #box-inner {
		background:url(../img/homepage-sidebar-box-top.gif) no-repeat top left;
		padding:14px 14px 0 14px;
}
#map {
		margin-top:8px;
		width:580px;
		border:3px solid #ddd;
}
/* Form
---------------------------------------------------------- */
form {  
		font-size:.8125em;
		color:#555;
		margin:0;
}
fieldset {  
		margin: 0;  
		padding: 0;
}
label {  
		display: block;
		margin-top:12px;
}
input.text {
		width:240px;
		font-family: Verdana, Arial, Georgia, sans-serif;
		border:1px solid #ccc;
		background:url(../img/input-bg.gif) no-repeat top left;
		padding:3px;
}
textarea {
		width:240px;
		font-family: Verdana, Arial, Georgia, sans-serif;
		border:1px solid #ccc;
		background:url(../img/input-bg.gif) no-repeat top left;
		font-size:100%;
		padding:3px;
}
input.send {
		display: block;
		margin-top:12px;
}
/* Twitter
---------------------------------------------------------- */
#twitter {
		margin-top:24px;
		text-align:center;
}
#twitter img {
		vertical-align:middle;
		margin-right:8px;
}
#twitter a {
		font-size:0.8125em;
}
/* Footer
---------------------------------------------------------- */
#footer {
		background:#013666;
		margin-top:30px;
		padding:6px 0 50px 0;
}
#footer p {
		font-size:.75em;
		color:#fff;
}
/* Badge
---------------------------------------------------------- */
#badge {
		position:absolute;
		top:0;
		left:0;
		width:100%;
}
.wrapper-badge {
		width: 300px;
		padding-left:620px;
		margin: 0 auto;
		text-align: left;   /* (2) Explorer 5.5 */
}