body { background: url(../images/bg.png) no-repeat center top;
	background-color: #fff; 
	color: #555; 
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:		100%; }
	
h1 {
	display: none;
}

h2 {
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:		16px;
}

p {
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:		14px;
}

a {
	color: #555;
}

a:hover {
	color: #334ea2;
}

li {}

/* RUBY */

.video {
	margin-top: 10px;
	background: #fff;
	width: 940px;
	margin-left: 10px;
}

.video .back {
	margin: 0 auto;
	width: 720px;
	padding-top: 20px;
}

#video {
	width: 720px;
	padding: 15px;
	margin: 0 auto;
}

div.collapse_flashnotice {
	display:		none;
	position:		relative;
	float:			left;
	height:			50px;
	padding-top:    10px;
	margin-bottom:	10px;
	width:			100%;
	line-height:	30px;
	font-size:		100%;
	background-color:			#fff;
	color:			#555;
	z-index:		200;
}
	
div.collapse_flashnotice p {
	margin-top: 20px;
	color:			#555;
	float:			left;
	line-height:	40px;
}
	
div.collapse_flashnotice img {
	float:			left;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* APPLICATION */

#logged_in {
	background-color:	#8cc63f;
	width: 100%;
	height: 30px;
}

#logged_in a {
	color:	#fff;
}

#logged_in a:hover {
	color:	#5a7636;
}

#logged_in p {
	color:	#fff;
	float: right;
	line-height: 25px;
	margin-right: 5px;
}

.wrapper {
  width: 960px;
  margin: 0 auto;
}

.wrapper #logo {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.wrapper #navigation {
	float: right;
	margin-top: 25px;
	margin-right: 5px;
}

.wrapper #navigation .seo {
	display: none;
}

.wrapper #navigation ul {
	padding-left: 10px;
}

.wrapper #navigation li {
	display: inline;
	padding-left: 10px;
}

.wrapper #navigation li:hover {
	background:	url(../images/navigation_hover.png) center bottom no-repeat;
}

.wrapper #content {
	float: left;
	background: url(../images/shadow.png) no-repeat;
	margin-top: 5px;
	width:	960px;
	height: 100%;
}

/* HOME */

#home {
	float: left;
	background: url(../images/home_dots.png) no-repeat ;
	background-position: 0 195px;
	background-color:	#fff;
	margin-left: 10px;
	margin-top: 10px;
	width: 940px;
	height: 100%;
}

#home #top {
	float: 	left;
	width:	940px;
	height: 200px;
	background: url(../images/content_top_bg.png);
}

#home #top .image {
	position:	absolute;
	margin-top: 15px;
	margin-left: -10px;
	float: 		left;
	width:		440px;
	height: 	150px;
}

#home #top .image img {
	border: 10px solid;
	border-color: #e9e9f2;
}

#home #top #intro {
	margin-top: 20px;
	margin-right: 30px;
	float: 		right;
	width:		440px;
	height: 	165px;
}

#home #top #expertise {
	position: absolute;
	margin-top: 162px;
	margin-left: 790px;
	width:		137px;
	height: 	23px;
}

#home #content_left {
	float: 	left;
	width:	600px;
	padding: 15px;
}

#home #content_left h2 {
	margin-top: 10px;
	line-height: 18px;
}

#home #content_left p {
	margin-top: 15px;
}

#home #content_left li {
	font-size: 14px;
	margin-top: 20px;
	padding-left: 15px;
	line-height: 18px;
	background: url(../images/li_dot.jpg) no-repeat left top;
}

#home #content_right {
	float: 	left;
	margin-top: 10px;
	width:	280px;
	padding: 15px;
}

#home #content_right #spine p {
	width: 280px;
	margin-top: 5px;
	line-height: 18px;
	font-size:	14px;
}

#home #content_right #spine #more_spine {
	margin-top: 5px;
	margin-left: 176px;
}

#home #content_right #quote {
	float: left;
	margin-top:	27px;
	width: 280px;
}

#home #content_right #quote .image img {
	float: left;
	border: 3px solid;
	border-color: #f7f7f7; 
}

#home #content_right #quote .content {
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

#home #content_right #quote #more_reference {
	float: left;
	width: 165px;
	height: 23px;
	margin-top: -3px;
	margin-left: 112px;
}

#home #content_right #quote #quote_bg {
	background: url(../images/quote_bg.png) no-repeat;
	width:	280px;
	height: 80px;
	padding: 10px 20px 10px 50px;
}

#home #content_right #quote #quote_bg p {
	font-size: 14px;
	line-height: 20px;
	width: 220px;
}

#home #actual {
	margin-top: 10px;
	float: 	left;
	width:	595px;
	padding: 0px 15px 15px 15px;
}

#home #actual .title {
	margin-bottom: 10px;
	float: left;
	width: 595px;
}

#home #actual .content h2  {
	margin-top: 5px;
}

#home #actual .content p {
	margin-top: 6px;
	line-height: 17px;
}

#home #actual .image {
	float: left;
	width:	165px;
}

#home #actual .date {
	font-size: 10px;
	margin-top: 3px;
	line-height: 16px;
}

#home #actual .image img {
	border:		5px solid;
	border-color:	#e9e9f2;
}

#home #actual .content {
	float: 	left;
	width: 430px;
}

#home #values {
	float: 	left;
	margin-top: 10px;
	margin-left: 20px;
	width: 280px;
}

#home #values #more_values {
	float: right;
	margin-top: 23px;
}

/* EXPERTISE, TEAM, REFERENCE */

#slide {
	float: left;
	background-color:	#fff;
	margin-top: 10px;
	width: 940px;
	margin-left: 10px;
}

#slide #top {
	background: url(../images/content_top_small_bg.jpg);
	width: 910px;
	height: 90px;
	padding: 15px;
}

#slide #carousel {
	float:			left;
	width:			940px;
	margin-right:	20px;
	overflow:		hidden;
}

/* SPINE */

#spinep {
	float: left;
	background-color:	#fff;
	margin-top: 10px;
	width: 940px;
	margin-left: 10px;
}

#spinep #top {
	background: url(../images/dots_hor.png) repeat-x bottom;
	width: 910px;
	height: 20px;
	padding: 15px;
}

#spinep .content {
	float: left;
	width: 920px;
	background-position: 0 130px;
	padding: 15px 15px 15px 15px;
	float: left;
}

#spinep .content h2{
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 20px;
}

#spinep .content p {
	font-size: 14px;
	margin-bottom: 10px;
}

#spinep .content li {
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 15px;
	line-height: 18px;
	background: url(../images/li_dot.jpg) no-repeat left top;
}

/* VALUES */

#valuesp {
	float: left;
	background-color:	#fff;
	margin-top: 10px;
	width: 940px;
	margin-left:10px
}

#valuesp #top {
	background: url(../images/dots_hor.png) repeat-x bottom;
	width: 910px;
	height: 20px;
	padding: 15px;
}

#valuesp #slide {
	float: left;
	background-color:	#fff;
	margin-top: 0px;
	margin-left: -0px;
	width: 940px;
}

/* CONTACT */

#contact {
	float: left;
	background-color:	#fff;
	margin-top: 10px;
	width: 940px;
	margin-left: 10px;
}

#contact #top {
	background: url(../images/dots_hor.png) repeat-x bottom;
	width: 910px;
	height: 20px;
	padding: 15px;
}

#contact #content_left {
	background: url(../images/dots_vert.png) repeat-y;
	background-position: 170px 0px;
	float: left;
	width: 443px;
	padding: 15px;
}

#contact #content_left h2 {
	margin-bottom: 15px;
}

#contact #content_left textarea {
	border: 1px #eaedf6 solid;
	margin-top: 5px;
	height: 100px;
	width: 420px;
	color:	#555;
	margin-bottom: 15px;
	padding: 4px 2px 0px 5px;
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#contact #content_left textarea:focus {
	border: 2px #eaedf6 solid;
	height: 100px;
	margin-left: -1px;
	margin-bottom: 14px;
	margin-top: 4px;
}

#contact #content_left input {
	border: 1px #dddddd solid;
	margin-top: 5px;
	height: 30px;
	width: 420px;
	color:	#555;
	margin-bottom: 15px;
	padding: 4px 2px 0px 5px;
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#contact #content_left input:focus {
	border: 2px #dddddd solid;
	margin-left: -1px;
	margin-bottom: 14px;
	margin-top: 4px;
}

#contact #content_left .submit {
	margin-left: -5px;
	margin-top: -10px;
}

#contact #content_left .submit input {
	border: none;
	width: 86px;
	height: 34px;
}

#contact #content_right {
	float: left;
	padding: 15px;
	width: 420px;
}

#contact #content_right .map {
	float: left;
}

#contact #content_right a {
	margin-top: 10px;
}

#contact #content_right .adress {
	margin-left: 10px;
	float: left;
}


/* ACTUAL */

#actualp {
	float: left;
	background-color:	#fff;
	margin-top: 10px;
	width: 940px;
	margin-left: 10px;
}

#actualp #top {
	background: url(../images/dots_hor.png) repeat-x bottom;
	width: 910px;
	height: 20px;
	padding: 15px;
}

#actualp .back {
	padding: 10px 0px 0px 15px;
}

#actualp .content {
	padding: 15px;
	width: 900px;
}

#actualp .content img {
	float: left;
	padding: 0px 10px 10px 0px;
	display: inline;
}

#actualp .content h2 {
	margin-bottom: 3px;
	font-size: 18px;
	float: left;
	width: 575px;
}

#actualp .content .date {
	font-size: 10px;
	margin-bottom: 9px;
	width: 575px;
	float: left;
}

#actualp .content p {
	line-height: 16px;
	margin-top: 10px;
	font-size: 14px;	
}

/* FOOTER */

.wrapper #footer {
	float: left;
	margin-left: 10px;
	background: url(../images/footer.jpg);
	width:	940px;
	height: 46px;
}

.wrapper #footer #copyright {
	padding: 15px;
	margin-top: 5px;
	float: left;
}

.wrapper #footer #copyright p {
	color: #fff;
}

.wrapper #footer .links {
	padding: 15px;
	margin-top: 2px;
	float: right;
	color:	#fff;
}

.wrapper #footer .links a {
	font-size:	14px;
	color:	#fff;
}

.wrapper #footer .links a:hover {
	color:	#e9e9f2;
}