body {
	margin: 0px;
	padding: 0px;
}
.home {	
	background: url(../img/layout/dropshadow.png) top center repeat-x;
   	background-color:#141414;
	color:#6e7073;	
	font: 14px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; 
}
a {
	color: #008598;
	outline: none;
    text-decoration:none;
}
ul, ol {
	margin-bottom: 0px;
}
/*	##################################
   	BASIC LAYOUT
	################################## */
#bg {
	width:auto;
	margin-left: auto;
	margin-right: auto;
}	
#page {
	width: 950px;
	margin:auto;
	margin-top:10px;
	position: relative;	
}	
#header {
	position: relative;
	height: 60px;
	width: 950px;
	border-top: 0px solid #007486;
	border-bottom: 0px solid #007486;
	background:transparent url(../img/layout/header.png)  center top;
}
#logo {
	position: relative;
	float:left;
	height: 50px;
	width: 200px;
	margin-top:5px;
	margin-bottom:0x;
	margin-left:20px;
}
#lang {
	height: 16px;
	width: 100px;	
	position:absolute;
	left:840px;
	top:3px;
	color:#fff; 
	font-size:10px;
}
#lang a{
	color:#fff; 
}
#lang a:hover{
	color:#008598; 
}
#content {
	padding: 0px 0 0 0;
	background: transparent;
	min-height: 480px;
}
#content-left {
	float: left;
	width: 950px;
}
#content-right {
	float: right;
	width: 320px;
}
#footer {
}
#footer_left {
float:left;margin-top: 10px; margin-left:10px; font-size: 10px;
}
#share {
float:left;margin-top: 15px; margin-left:20px; 
}
#impel {
float: left; margin-top: 15px; margin-left:420px; font-size: 10px;width:60px;
}
#impel a {
	display:block;
	width:65px;
	height:20px;
	text-indent:-9999px;
	background:transparent url(../img/layout/impel_logo.gif) top left no-repeat;
}
#impel a:hover {
	background:transparent url(../img/layout/impel_logo.gif) top right no-repeat;
}

/*	##################################
   	HEADINGS
	################################## */
	
h1 {
	margin: 0px 0 30px 0;
}

h3, h4, h6, h7 {
	margin: 0 0 10px 0;
}

h3 {
    /* border-bottom: 1px dotted #008598;*/
     max-width: 890px;
margin-bottom:20px;
color:#008598;
}

h3.white {
     border-bottom: 1px none lightGrey;
     max-width: 950px;
     color: #ffffff;
}

h5 {
   margin:10px 0 15px 10px;
}

h6 {
margin-bottom:0;
}


/*	##################################
   	FOOTER
	################################## */

#footer {
	position: relative;
	height: 60px;
	margin-top:0px;
	margin-bottom:50px;
	background:transparent url(../img/layout/header_footer.png) top center no-repeat;
}

#footer_content {
        margin: 0 auto;
        width: 950px;
}

#footer p {
	margin: 20px 0 50px 0;
}

/*	##################################
   	USEFUL
	################################## */	
.clear {
	clear: both;
}
.clearfix:after {  
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/** CSS BASIC ELEMENTS */
hr {
	clear: both;
	height: 1px;
	margin: 20px 0;
	background: #dedede;
	border: none;
}
blockquote {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #f7f7f7;}
fieldset {
	margin: 0 0 20px 0;
	padding: 0 20px 20px 20px;
	background: #f7f7f7;
	border: none;
}

legend {
	font-size: 14px;
	font-weight: bold;
}
table {
	width: 100%;
	margin: 0 0 20px 0;
	border: 1px solid #dadada;
	border-bottom: none;
	border-right: none;
}

th, td {
	padding: 2px 5px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
}
th {
	background: #6e7073;
	color: #fff;
	border: none;
}

pre {
	font-family: Courier, serif;
}
.smallbox {
background:#464545;
display:inline;
float:left;
margin-bottom:20px;
margin-right:4px;
width:170px;
height:203px;
position:relative;
cursor:pointer;
}

.smallbox h4 {
margin: 5px 0px 5px 10px;
color:#007587;
}
.smallbox img {
margin: 0px 10px 0px 10px;
}
.small {
position:relative;
float:left;
width:60px;height:20px;
margin: 3px 0px 0px 10px;
}
.large {
position:relative;
float:right;
width:60px;
height:20px;
margin: 3px 0px 0px 0px;
text-align:right;
padding-right:10px;
}

#projectrow {
display:block;
float:left;
left:0px;
position:relative;
width:880px;
}
#rightside {
display:block;
float:left;
left:40px;
position:relative;
width:710px;
}
#rightside ul {
list-style-type: none; 
margin-left:-37px;
}
#rightside li {
 padding-left: 8px;
 background-image: url('../img/layout/list.gif');
 background-repeat: no-repeat;
 background-position: -10px 0px;
}

.thumb {
float:left;
margin-right:5px;
background:#FBFBFB;
padding:3px;
border:0px solid #fff;
border-bottom:1px solid #F1F1F1;
}
.thumb:hover {
border:0px solid #007587;
}
.read_more {
float:right;
margin-right:10px;
}
img {
      border: none;
}


#projectcontent {
margin: 0px 0 0 0;
display:block;
float:left;
position:relative;
width:890px;
padding:30px;
background:#252525;
border-top: 2px solid #007486;
border-bottom: 2px solid #007486;
}
.home #projectcontent {
margin: 0px 0 0 0;
}

#projectcontent h2{
margin: 0 0 25px 0;
}

/*	##################################
   	TOP MENU---------------------------------------------------------------------------------------
	################################## */

#menuholder {
width: 600px;
height: 40px;
float: right;
font-weight: bold;
margin-top:20px;
}
#menuholder ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; 
}
#menuholder ul li{
display: inline;
}
#menuholder ul li a{
color: #cdcdcd;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 0px solid #72716f; /*bottom border is 3px*/
}
#menuholder ul li a:hover, #menuholder ul li a.selected{
border-bottom-color: #007486;
}

#featurerow {
width: 950px;
margin: 0 auto;
}
#featureBox {
display:block;
height:420px;
margin:0px 0 0 0;
position:relative;
width:950px;
border-top: 2px solid #007486;

}
.home #featurerow {
margin: 0px 0 0 0;
}
.projects {
min-height:400px;
position:relative;
}
.home .projects {
min-height:190px;
}
iframe {margin-top:0px;}
.fixedRow {
margin:0;
height:591px;
}
.home .fixedRow {
height:100px;
}

#leftside {
display:block;
float:left;
height:auto;
position:relative;
width:155px;
}

#projectrow h3 {
width:880px;
}

#rightside h3 {
width:710px;
}

/*	##################################
   	LEFT MENU---------------------------------------------------------------------------------------
	################################## */
ul#slide {padding:0; margin:0; list-style:none; width:155px; height:400px; border:1px solid #888; position:relative; overflow:hidden;}
ul li div {position:absolute; left:-9999px; background:#464545;}
#slide li.top {display:block; float:left; height:24px; line-height:24px; width:155px; color:#000; background:#7E7F82; text-decoration:none; font-family: verdana, sans-serif; font-size:12px; border-bottom:1px solid #eee; text-indent:10px; overflow:hidden;}
#slide li {color:#eee; background:#89a; cursor:pointer;}
#slide li.clicked {color:#fff; background:#008598;}
#slide li div {position:static; height:326px; width:140px; padding:10px 15px 15px 3px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}
#slide li div img {display:block; margin:0px 0 0px 0px;}
#slide li div h3 {font-size:13px; color:#000; width:148px; padding:0; margin-bottom:5px;}
#slide li div a {color:#008598; text-decoration:none; font-size:11px;}
#slide li div a:hover {text-decoration:none;color:#808285;}
/* Page Numbers */
.pages {	
	font-size: 1em;
	color: #fff;
	border: 1px solid #008598;
	background-color: #787A7C;
	clear: both;
	float: left;
	width: 660px;
	height: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 14px;
	padding-left: 5px;
	text-align: center;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #EBEBEB;
   color: #fff!important;
}
.pages span.current {
    border: 1px solid #008598;
    font-weight: bold;
    color: #000000;
}
.pages span.stats {
	margin-right:15px;
}
.pages a {
    border: 1px solid #ccc;
    text-decoration: none;
}
.pages a:hover {    border-color: #008598;
	text-decoration:none;
}
.pages a.nextprev {
    font-weight: normal;
}
.pages span.nextprev {
	border: 1px solid #ddd;
    color: #999;}
.pages .nextprev {
    float: right;
    margin-left: 10px;
}

.pages .pagenum {
    text-align:center;
    margin-left: 2px;
	border-color: #008598;
}
.pages .prev, .pages .next {
    float: right;
    margin-left: 10px;
	text-align:center;
	border: 1px solid #008598;
	padding: 0.2em 0.5em;
}
/* Contact */
.form {margin-left:20px;height:400px;}
#contact{
	padding: 0px 0px 0px 0px;
	margin: 0px;		
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 0px;
	height:9px;
	width: 11px;
	text-indent:-9000px;
	background-position: 0 0px;
}
#contactform, #loginform{
	padding:0px;
}
#contactform h4, #loginform h4{
	color:#008598;
	margin:5px 0 5px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:1em;
}
#contactform input, #contactform textarea, #loginform input, #loginform textarea{
	background-color: #747577;
	border:1px #080808 solid;
	padding:2px;
	margin:0 0 3px 0px;
	color:#fff;
	border-top:1px #008598 solid;
}
#contactform input, #loginform input{
	width:192px;
}
#contactform input.chkbox{
	width:20px;
	vertical-align:middle;
	padding:0 0px 0 0;
	margin:0 5px 0 0!important;
}
#contactform textarea, #loginform textarea{
	width:402px;
}
#contactform input:hover, #contactform textarea:hover, #loginform input:hover, #loginform textarea:hover  {
	border:1px #008598 solid;
}
#contactform input:focus, #contactform textarea:focus, #loginform input:focus, #loginform textarea:focus {
	border:1px #008598 solid;
}
.submitbtn{	color:#fff!important;
	font-weight:bold;
	padding:5px!important;
	cursor:pointer;
	font-size:14px!important;
	background-color:#008598!important;
	border:1px #ccc solid;
	padding:2px;
	margin:0 0 25px 12px;
}
.contactsub{
	float:left;
	margin:10px 0 0 0px;
	padding:0px 0 0 0px;
	width:210px;
}
.contactsub p{
	padding-top:15px;
}

div.contactsub{
	vertical-align:middle;
}
.validation-advice {
	margin: 0px 0 0 0px;
	padding: 2px 2px 2px 2px;
	color:#008598;
	font-size:11px;
}
#captcha{
	position:relative;
	top:-30px;
	left:55px;
}
/* CAROUSEL*/
.carousel{ 
width: 880px;
margin-top:0px;
margin-bottom:0px;
float:left;
border-top:1px solid #0B6D7B;
border-bottom:1px solid #0B6D7B;
}
.jCarouselLite{
overflow: hidden; 
visibility: visible;
position: relative; 
z-index: 2; 
left: 50px; 
width: 830px!important;
}
.jCarouselLite ul{
margin: 0pt; 
padding: 0pt; 
position: relative; 
list-style-type: none; 
z-index: 1; 
width: 2890px; 
left: -830px;
}

.jCarouselLite li{
overflow: hidden; 
float: left; 
width: 200px; 
height: 70px;
margin-left:6px;
margin-right:20px;
margin-top:6px;
margin-bottom:6px;
}
.previousbutton{
float:left;
margin-top:30px;
padding-right:2px;
text-decoration: none;
}

.nextbutton{
float:right;
margin-top:30px;
text-decoration: none;
}