/*========================================================
 @site    Keepthinking.it
 @title   Presentation layer for standard 
          compliant browsers
 @company Keepthinking LTD
 @address http://keepthinking.it
 @author  Oskar Krawczyk (o.krawczyk@keepthinking.it)
 @rev     01/05/2007
 ========================================================*/


/* Global styles, applied across the whole page
 ========================================================*/
body {
	background: #fff;
	color: #5E5E5E;
	font: 14px/135% Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	position: relative;
}

a {
	color: #FF0000;
	text-decoration: none;
}

a:hover,
a:active {
	 /*text-decoration: underline; IE */
	border-bottom: solid 2px #FF0000;
	background: #fff;
}
	
/*a:focus {
	background-color: #FFD90B !important;
	color: #000 !important;
}*/
	
h2 {
	font-size: 1em;
}
	
p {
	line-height: 150%;
}
	
ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.func {
	font-size: 12px;
	font-weight: bold;
}

	.func a,
	.func a:hover  {
		background: url(../img/arr-red.gif) 100% 2px no-repeat;
		padding: 0 13px 0 0;
	}

	.func .ico_pdf  {
		background: url(../img/doc_types/icon_pdf.gif) 0 0 no-repeat;
		padding: 0 0 0 20px;
	}

.item {
	padding: 15px 0 0 0;
}

h3 {
	background: #fff;
	color: #5E5E5E;
	font-weight: normal;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

/* some assets need to be uber-hidden */
.hide {
	display: none;
}

/* The main wrapper
 ========================================================*/
#wrapper {
	margin: 20px 50px;
	width: 760px;
	height: 100%;
	overflow: hidden;
}

/* Styles for the header
 ========================================================*/
#header {
	height: 140px;
}

	#header h1 {
	
	}

	#header h1 a {

	}

	#header h1 a img,
	#header h1 a:hover  {
		border: none;
	}

/*   
 ========================================================*/
#content {
	
}

/*   
 ========================================================*/
#intro {
	font-size: 1.3em;
	color: #5E5E5E;
}

	/* hide this asset so only screen-readers can 'see' it */
	#intro h2 {
		position: absolute;
		top: -9000em;
		left: -9000em;
	}

	#intro p {
		line-height: 130%;
	}

/*   
 ========================================================*/
#main {
	width: 420px; /* LOOK OUT FOR IE */
	float: right;
}

/*   
 ========================================================*/
#news {

}

	#news .newsItem {
		border-bottom: solid 1px #D5D5D5;
	}

	#news .title {
		padding: 4px 0;
		font-size: 1em;
	}
	
	/* styles for the date in the news */
	#news .title strong {
		color: #ff0000;
		font-weight: normal;
		background: url(../img/arr-gray.gif) 100% 3px no-repeat;
		padding: 0 15px 0 0;
	}

	#news .accordion {
		font-size: .8em;
		line-height: 130%;
	}
	
	#news .go {
		padding: 3px 0 0 0;
		font-size: 1em;
	}
	
	#news .go a {
		background: url(../img/arr-red.gif) 100% 1px no-repeat;
		font-weight: bold;
		padding: 0 13px 0 0;
	}
	
	#news .bodytext ul {
		margin: 0 0 10px 0;
	}
	
	#news .bodytext ul li {
		list-style: disc;
		margin: 0 0 0 15px;
	}
	
	#news .image {
		margin: 5px 0 0 0;
	}
	
	#news .image a,
	#news .image a img {
		border: none;
		display: block;
	}	
	
	#news .image a img {
		border-left: solid 1px #fff;
	}
	
	#news .image a:hover {
		border: none;
	}
	
	#news .images {
		position: relative;
		height: 90px;
		overflow: hidden;
	}
	
		#news .images .image {
			position: absolute;
			top: 0;
			left: 0;
		}

/*   
 ========================================================*/
#side {
	width: 290px;
	float: left;
	background: url(../img/brand.gif) 50% 0 no-repeat;
	padding: 300px 0 0 0;
}

/*   
 ========================================================*/
#client-list {
	
}

	#client-list li {
		display: inline;
		padding: 0 4px 0 0;
	}
	
	/* light client color */
	#client-list li.cl0 {
		color: #2F2F2F;
	}
	
	/* dimm client color */
	#client-list li.cl1 {
		color: #909090;
	}

/*   
 ========================================================*/
#contact-form {
	margin: 10px 0 0 0;
	padding: 0;
}
	
	/* hide this asset so only screen-readers can 'see' it */
	#contact-form h2 {
		position: absolute;
		top: -9000em;
		left: -9000em;
	}

	#contact-form form,
	#contact-form fieldset {
		padding: 0;
		margin: 0;
		border: none;
	}

	/* hide this asset */
	#contact-form legend {
		display: none;
	}
	
	#contact-form p {
		
	}
	
	#contact-form label {
		display: block;
		font-size: .9em;
		display: none;
	}
	
	#contact-form p input,
	#contact-form p textarea {
		display: block;
		width: 265px;
		border-top: solid 2px #BBBBBB;
		border-left: solid 1px #BBBBBB;
		border-right: solid 1px #BBBBBB;
		border-bottom: solid 1px #dddddd;
		font-size: 1.0em;
		background: #F3F3F3;
		color: #5E5E5E;
		font: 14px/140% Helvetica, Arial, sans-serif;
		padding: 5px 8px;
		outline: none;
	}
	
	#contact-form p input {
		font-size: 1.0em;
	}
	
	#contact-form p textarea {
		font-size: .9em;
	}
	
	#contact-form p input:focus,
	#contact-form p textarea:focus {
		background: #fff;
		color: #2A2A2A;
	}
	
	#contact-form p textarea {
		height: 100px;
		overflow: auto;
	}
	
	#contact-form input#submit-inp {
		border: 0;
		background: #fff url(../img/submit.gif) 0 0 no-repeat;
		color: #5E5E5E;
		font: 11px/140% Helvetica, Arial, sans-serif;
		padding: 6px 0;
		width: 75px;
		text-transform: uppercase;
		cursor: pointer;
	}
	
	#contact-form #thanks {
		display: block;
		font-size: .9em;
		padding: 0;
		margin: 0;
	}
	
	#contact-form #thanks p {
		padding: 0;
		margin: 0;
	}	
	
	/* styles for 'loading' status */
	#contact-form #thanks p.loading {
		color: #555;
	}
	
		#contact-form #thanks p.loading img {
			margin: 0 5px 0 0;
		}
	
	/* styles for 'missing field' status */
	#contact-form #thanks p.oops {
		color: #D56F05;
	}	
	
	/* styles for 'ok' status */
	#contact-form #thanks p.dandy {
		color: #409826;
	}
	
	#contact-form .altField {
		overflow: hidden;
		height: 0px;
	}
	
/*   
 ========================================================*/
#footer {
	width: 290px;
	margin: 0;
	line-height: 130%;
	font-size: .8em;
}

	/* hide this asset so only screen-readers can 'see' it */
	#footer h2 {
		position: absolute;
		top: -9000em;
		left: -9000em;
	}
	
	#footer #c-tel,
	#footer #c-mail {
		margin: 8px 0 0 0;
	}