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

Title : Optima Consulting Partners CSS Styles
Author : Lucian Lature
URL : http://monkeehouse.com

Description : Optima Consulting Partners CSS Style defined here.

Created : 19.12.2008
Modified : 19.12.2008

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

/* ----- CSS ----- */

*{
	margin:0;
	padding:0;
}

html{
	margin:0;
	padding:0;
	background: #DEDEDE;
}

body {
	margin:0;
	padding:0;
	background: #DEDEDE url("images/bg.gif") repeat-x top left;
	/* text-align: center; */
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 10px;
}

/* ----- IDS ----- */

#container{
	width: 960px;
	margin:0 auto;
	padding:0;
	padding-top:10px;
	background:none;
	text-align:left;
	border: 0px solid red;
	min-height:738px;
	height:auto !important;
	height:738px;
}

#introduction{
	height:220px;
}

#contentWrap{
	background: #FFF;
	overflow: hidden;
	padding-top:7px;
}

#primaryContent{
	position:;
	float:left;
	margin:0px;
	display:inline;
	margin-bottom:15px;
	margin-left:20px;
	padding-top:0px;
	/*padding:0px 20px 10px 20px;*/
	border:0px solid red;
	width:553px;
	text-align:;
}

	#primaryContent{
		font-size:2em;
		font-weight:bold;
		margin:0 20px 15px;
	}
	
	#primaryContent h2, #contentWrap #primaryContent h2 a:link, #contentWrap #primaryContent h2 a:visited {
		font-size:20px;
		color:#036;
		font-family:Arial;
		text-decoration: none;
	}
	
#secondaryContent{
	position:;
	float: left;
	width:327px;
	margin:;
	padding:0px 0px 0px 40px;
	background: #FFF;
	text-align:;
}
#navigation{
	margin:0;
	padding:0;
	background: #4E4E4E url("images/navigation_bg.gif") no-repeat top left;
	height:49px;
	border:0px solid red;
	position: relative;
}

	/*
	#navigation ul{
		font-size: 11px;
		margin: 0;
		width: 600px;
		overflow: hidden;
		padding-left: 10px;
		position: absolute;
		top: 25px;
		left: 400px;
	}
	
		#navigation ul li{
			float: left;
			list-style: none;
			background: transparent url("images/point.gif") no-repeat 100% 84%;
			padding-right: 6px;
		}
		
		#navigation li.last{
			background: none;
		}
		
			#navigation ul li a{
				color: #E0E0E0;
				display: block;
				padding: 0px 12px;
				white-space: nowrap;
				/* font: bold italic small-caps 1em/1.5em verdana,sans-serif *
				font: normal normal normal 11px/16px Verdana,sans-serif;
				text-decoration: none;
			}

			#navigation ul li a:hover{
				color: #fff;
			}

			#navigation ul li.current a{
				color: #fff;
			}
	*/
		
#footer{
	margin:0;
	padding:0;
	padding-left:10px;
	clear:both;
	height:39px;
	background: #DEDEDE url("images/footer_bg.gif") repeat-x top left;
	color: #E0E0E0;
}

	#footer a {
		color: #E0E0E0;
	}

/* ----- CLASSES ----- */

.hide{
	display:none;
}
.show{
	display:block;
}

/* ----- HEADINGS ----- */

h1{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
position: relative;
}

	h1 a {
		text-indent: -9999em;
		display: block;
		width:101px;
		height: 64px;
		background: transparent url("images/logo.png") repeat-x top left;
		position: absolute;
		top: -4px;
		left:10px;
		z-index:1000;
	}
	
h2{
font-size:30px;
font-weight:normal;
font-family: Arial;
color:;
margin:0px 0px 10px 0px;
padding:;
}
h3{
font:;
font-size:;
font-weight:normal;
color:#404040;
margin:;
padding:;
}
h4{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
}

/* ----- PARAGRAPHS ----- */

p{
font:;
color:;

font-size:15px;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
font-variant:;

text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:normal;

letter-spacing:normal;
word-spacing:;
line-height: 16px;

}

#primaryContent p{
	padding:6px 0px;
	font-size:13px;
}

#primaryContent.client p {
	padding:6px 0px;
	font-size:13px;
}

#secondaryContent p{
	padding:12px 0px;
	font-size:13px;
}

/* ----- QUOTES ----- */

blockquote{
margin:;
padding:;
background-color:;
font:;
color:;
}
blockquote p{
}
cite{
font:;
color:;
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
margin:;
padding:;
background-color:;
border:;
font-size:;
overflow:;
}
code{
font-size:;
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
list-style:;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
}
li p{
}
ol{
width:;
margin:;
padding:;
}
ul{
width:;
margin:;
padding:;
}
ol li{
}
ul li{
}

#navigation li{
}

#navigation ul{
}

#navigation ul li{
}

#navigation ol{
}

#navigation ol li{
}

/* ----- IMAGES ----- */

img{
	border:;
	margin:0;
}
img a{
border:;
text-decoration:;
}
img a:hover{
border:;
}

/* BREAK */

hr{
	display:none;
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
font:;
color:;
text-decoration:;
border-bottom:;
outline: none;
}
a:hover{
color:;
background-color:;
border-bottom:;
}
a:visited, a:active, a:focus{
color:;
background-color:;
border-bottom:;
}
a:visited{
color:;
background-color:;
border-bottom:;
}
a:active{
color:;
background-color:;
border-bottom:;
}
a:focus{
color:;
background-color:;
border-bottom:;
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
width:;
margin:;
padding:;
text-align:;
}
caption{
font:;
color:;
position:;
text-align:;
display:;
}
thead{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tbody{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tfoot{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tr{
font:;
color:;
background-color:;
}
tr .alt{
font:;
color:;
background-color:;
}
th{
}
td{
width:;
margin:;
padding:;
}

/* ----- FORMS ----- */

form{
width:;
margin:;
padding:;
}
fieldset{
border:;
width:;
margin:;
padding:;
}
legend{
font:;
color:;
margin:;
padding:;
}
label{
margin:;
padding:;
font-size:;
font-family:;
display: block;
}
input{
border:1px solid #E0E0E0;
margin:;
padding:;
font-size:;
font-family:;
}
textarea{
border:1px solid #E0E0E0;
margin:;
padding:;
font-size:;
font-family:;
}
select{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
optgroup{
font:;
}
option{
font:;
}

/* ----- DEFINITIONS ----- */

dl{
font-size:;
margin:;
padding:;
}
dt{
color:;
margin:;
padding:;
}
dd{
color:;
margin:;
padding:;
}


/* ----- CUSTOM CLASSES ----- */
div.boxy{
	margin-bottom:15px;
	background: #FFF url("images/boxy.gif") repeat-x top left;
	width:283px;
	padding: 10px;
	margin-left: 5px;
	height:180px;
}

	div.boxy h2 {
		font-size:18px;
		margin:0px 0px 4px 4px;
		margin-top:0px; 
		padding-top:0px;
		color:#003366;
		font-family:Arial;
	}

	#contentWrap div.boxy h2 a:link, #contentWrap div.boxy h2 a:visited {
		color:#003366;
		text-decoration: none;
	}
	
	div.boxy p {
		margin:0px 0px 4px 4px;
		padding:12px 0px;
		font-size:12px;
	}
	
	div.boxy ul {
		margin-right:16px;
		margin-left:4px;
		margin-top:12px;
	}
	
	div.boxy ul li{
		padding:7px 0px;
		font-size: 12px;
	}
	
	div.boxy form {
		display: block;
		margin:16px 6px 4px 4px;
		font-size: 12px;
		color: #444;
	}
	
		div.boxy form input {
			margin:4px 0px 6px 0px;
			font-size: 12px;
			color: #444;
		}
	
	
#newsletter-box	{
	background: #FFF url("images/boxy_newsletter.gif") repeat-x top left;
}

#home_boxes {
	padding-left:12px;
}

#home_boxes div.boxy {
	float: left; 
	margin-right: 4px;
}

#news-box, #casestudy-box, #news-content {
	color: #444;
}

	#news-box  h2, #casestudy-box h2, #news-content h2 {
		/* color: #111; */
	}
	
	#news-box ul li, #news-content ul li {
		margin:4px 0px 2px 0px;
		overflow: hidden;
	}
	
	#news-box ul li a, #news-content ul li a {
		font-weight: bold;
		font-size:11px;
		color: #024574;
	}

	#news-box ul li span.date, #news-content ul li span.date {
		font-size:11px;
		margin-right: 7px;
		color: #222;
		display: block;
		float: left;
		width: 50px;
	}

	div.news p {
		margin:0;
		padding:0;
	}
	
#services {
	margin-top:32px;
}	

#services h2 {
	color: ##003366;
}
	
#services ul li {
	/* float: left; */
	list-style: none;
	background: transparent url("images/services_li_bg.gif") no-repeat 0px 10px;
	padding-left: 14px;
}
	#services ul li strong {
		display: block;
		float: left;
		width: 206px;
		border:0px solid red;
		font-weight: bold;
	}
	
	#services ul li span a {
		font-weight: bold;
		font-size:8px;
		color: #024574;
		text-decoration: none;
		margin-left:3px;
	}
	
#casestudy-box	{
	background: #FFF url("images/boxy_casestudies.gif") repeat-x top left;
}

#casestudy-box li.pdf {
	/* float: left; */
	list-style: none;
	background: transparent url("images/famfam/page_white_acrobat.png") no-repeat 0px 6px;
	padding-left: 24px;
}

	#casestudy-box li.pdf a{
		font-weight: bold;
	}
	
#footer {
	text-align: center;
	position:relative;
}

	#footer p {
		font-size:11px;
		padding-top:5px;
	}
	
	#footer span {
		position: absolute;
		top:6px;
		left:12px;
	}
		#footer span  a{
			color: #888;
		}
		
		#footer span  a:hover{
			color: #CCC;
		}
		
div.error {
	font-weight:bold; color:#900;
}
div.unsuccess, div.error-message{ background-color:#fff;border:1px solid #ddd; margin:0 0 15px; padding:3px 7px; overflow:hidden; font-weight:bold; color:#900;}
div.success{ background-color:#fff;border:1px solid #ddd; margin:0 0 15px; padding:3px 7px; overflow:hidden; font-weight:bold; color:#50AC50;}

div.pdf {
	background:#EEE;
	border:1px solid #CCC;
	padding:10px;
	margin:10px 0 5px 0px;
}

	div.pdf h3 {
		font-size:14px;
		color: #444;
	}
 
	div.pdf h3  a {
		text-decoration: none;
	}
	
	div.pdf p {
		margin:6px 0px;
	}
  
	div.pdf span{
		display: block;
		background: transparent url("images/famfam/page_white_acrobat.png") no-repeat 0px 0px;
		padding-left: 24px;
		color: #bbb;
		font-size:11px;
		height:16px;
		line-height:12px;
		margin:10px 0px 4px 0px;
	}
	
ul.clientform {
	margin-top:20px;
}

ul.clientform li {
	margin-bottom:6px;
}
	
ul.clientform label {
	font-size:13px;
	font-weight: normal;
}

#client_submit {
	background: #0093a0;
	padding:2px;
}

#contentWrap a:link, #contentWrap a:visited {
    color: #000;
}
#contentWrap a:hover {
    text-decoration: none;
}

a.english {
	color: #FFF;
	padding-top:5px;
	padding-left: 20px;
	background: transparent url(/css/images/flags/flag_great_britain.png) 0px 6px no-repeat;
	display: block;
	float: left;
	margin-right:20px;
}

a.german {
	color: #FFF;
	padding-top:5px;
	padding-left: 20px;
	background: transparent url(/css/images/flags/flag_germany.png) 0px 6px no-repeat;
	display: block;
	float: left;
}

/* Get rid of inline CSS */

li div.news a {
	display: block;
	float: left;
	border:0px solid red;
}

div#news-box li div.news a {
	width: 160px;
}

/* Ugly hacks, to be fixed properly later on */

body.news.index div#introduction {
	height: 200px;
}