@charset "utf-8";
/* CSS Document */

html { height: 100%; }

body {
	text-align: center;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(/images/main-background.png) repeat-x #102027;
}

/******* Sophie *******/

#title{
	font-style: italic;
  font-weight: bold;
 }

a {
  text-decoration: bold;
  color: #315f72;
}

a:hover {
  text-decoration: bold;
  color: #ffffff;
}

#company {
	width: 490px;
	float: left;
	border-collapse: collapse;
	border: 1px solid #315F72;
 }
#company .rowa {
	background: #1E2B31;
	height: 80px;
}

#company .rowb {
	background: #1E2B31;
	height: 80px;
	column-span: all;
}

#company .col1 {
	width: 280px;
}
#company .col2 {
	width: 210px;
}
#company .cell {
	padding: 5px;
	border: 2px solid #315F72;
}



/******* End Sophie *******/

a img {border: none;}

.ResultBarGood{font-family:Arial,Sans-Serif;background:#BBF587;color:#1C4508;font-size:12px;font-weight:bold;}
.ResultBarBad{font-family:Arial,Sans-Serif;background:#F59787;color:#450E08;font-size:12px;font-weight:bold;}

.fl {
  float: left;
}

.fr {
  float: right;
}

#wrapper {
  margin: 0px auto;
  width: 768px;
}

#header {
  width: 758px;
  background: url(/images/header-background.jpg) no-repeat;
  text-align: left;
  padding-right: 10px;
}

#header img {
  float: left;
  margin-top: 19px;
}

#login-box {
  float: right;
  width: 177px;
  margin: 12px 0px;
  background: url(/images/login-background.gif) no-repeat; 
  padding: 8px;
}

#login-box label {
  display: block;
  width: 80px;
  float: left;
  font-size: 13px;
  color: #595959;
  margin: 2px 0px;
}

#login-box input {
  float: left;
  width: 86px;
  height: 14px;
  border: none;
  padding: 2px 0px;
  margin: 1px 0px;
  background-color: #363d41;
  color: #a8a8a8;
}

#login-box input.fr {
  float: right;
  width: 42px;
  height: 16px;
  font-size: 11px;
  margin-right: 6px;
  margin-top: 5px;
  background-color: #17262d;
  color: #676767;
}

#navigation {
  list-style: none;
  margin: 0px 0px; padding: 0px;
  font-size: 13px;
  padding: 6px 2px 0px 2px;
  background: url(/images/menu-background.png) center top no-repeat;
}

#navigation a {
  color: #96aab5;
  text-decoration: none;
  padding: 0px 0px 10px 0px;
  display: block;
}

.BoxFormText{font-family:Arial,Sans-Serif;background:#96aab5;color:black;font-size:12px;}

#navigation a:hover {
  color: #FFF;
  display: block;
  padding: 0px 0px 10px 0px;
}

#navigation li { /* main list items */
	float: left;
	position: relative;
	padding: 0px 6px;
	border-right: 1px solid #223138;
}

#navigation li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px 2px 10px 10px;
	list-style: none;
	font-weight: normal;
	font-size: 12px;
	background-color: #223138;
	border: 1px solid #3b5561;
}

#navigation li ul li {
  margin: 0px;
  width: 100%;
  text-align: left;
  padding: 2px 0px;
}

#navigation li ul li a {
  padding-left: 8px;
  background: url(/images/menu-arrow.gif) 0px 6px no-repeat;
}

#navigation li ul li a:hover {
  padding-left: 8px;
}

#navigation li ul {
	top: auto;
	left: auto;
}

/* \*/
* html #navigation li ul {
    top: 26px;
	left: 7px; /* equivalent to padding main list item */
}
/* */

#navigation li:hover ul, #navigation li.over ul { 
	display: block;
	width: 190px;
	margin: 0px;
}

#navigation li.last {
  border: none;
}

#quote {
  text-align: left;
  height: 218px;
  background: url(/images/quote.png) no-repeat #272727;
}

#quote img {
  margin: 35px 0px 0px 35px;
}

#quote p {
  margin: 0px; padding: 0px;
  font-size: 13px;
  font-style: italic;
  text-align: right;
  padding-right: 50px;
  font-weight: bold;
  color: #b0b0b0;
}

#portfolio {
  margin: 0px auto;
  width: 766px;
  background: url(/images/bottom-curve.gif) center bottom no-repeat #1e2b31;
  font-size: 13px;
  color: #96aab5;
  padding-bottom: 10px;
}

.portfolio {
  background: url(/images/3col-background.png) left top no-repeat;
  padding-bottom: 30px;
  margin: 0px;
  padding: 20px 20px;
}

/******* Sophie *******/

.portfolio a {
  color: #a6a6a6;
  text-decoration: bold;
}

.portfolio a:hover {
  text-decoration: none;
  color: #a6a6a6;
}

/******* End Sophie *******/


.portfolio li {
  float: left;
  text-align: left;
  display: block;
  width: 220px;
  padding: 4px 0px;
}

.spacer2 {
  margin-right: 44px;
}

.spacer1 {
  margin-right: 15px;
}

#footer {
  margin: 20px 0px;
  font-size: 13px;
  color: #a6a6a6;
}

#footer a {
  text-decoration: underline;
  color: #a6a6a6;
}

#footer a:hover {
  text-decoration: underline;
  color: #ffffff;
}


#content {
  padding: 10px 30px 10px 30px;
  background: url(/images/content-background.png) center top no-repeat #1E2B31;
  font-size: 13px;
  color: #a0a8ad;
  text-align: left;
}

#content p {
}

#left-content {
  width: 490px;
  padding-right: 30px;
  background: url(/images/separator.png) 490px 20px no-repeat;
  text-align: justify;
}



#left-content h1 {
  font-size: 18px;
  font-weight: bold;
  color: #315f72;
}

#left-content h2 {
  font-size: 14px;
  font-weight: bold;
  color: #3A738D;
  margin-bottom: 5px;
}

#left-content h3 {
  font-size: 12px;
  font-weight: bold;
  color: #315f72;
  margin-bottom: 0px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
    margin-right: 20px; 
}


/* \*/
* html #left-content h1 {
  margin-top: 10px;
}
/* */

#left-content h1 em {
  color: #8e8e8e;
  font-style: normal;
}

#right-content {
  width: 170px;
}



#right-content h1 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 15px;
}

#right-content ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: 1.5em;
  margin-bottom: 15px;
}

#right-content ul a {
  text-decoration: none;
  color: #8e8e8e;
}

#right-content ul a:hover {
  text-decoration: none;
  color: #ffffff;
}

.content-image {
  margin: 10px;
}

/******* fonts *******/

#login-box, #navigation, #quote, #portfolio, #footer, #content {
  font-family: Arial, Helvetica, sans-serif;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */