/* GENERAL SETTINGS */
body { margin:0; padding:0; font:0.8em "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:center; background-color:#333; }
a { text-decoration:underline; color:#608BB6; }
a:hover { text-decoration:underline;  color:#3D6185; }
img { border:0; border-width:0; }

/* HEADER RELATED */
#layout { margin:0px auto; width:777px; text-align: left; overflow: hidden; vertical-align:top; background-color:#FFF;}
#logo { position:relative; float:left; margin-left:20px; margin-top:15px; }
#topMenu { position:relative; top:35px; float:left; height:80px; vertical-align:middle; }
#topMenu ul { display:inline; list-style:none; }
#topMenu li { display:inline; float:left; margin-left:20px; font:1.2em normal "Trebuchet MS",Arial,Helvetica,sans-serif;  }
#langSelector { position:relative; width:27px; height:28px; float:right; margin:0; padding:0; top:0; }
#header { position: relative; float:left; clear:left; padding-left:1px; padding-right:1px; width:777px; height:299px; }
	#header #imgContainer { position:relative; width:775px; height:299px; background-color:#5A87B1; background: url(/images/hp_header.jpg); background-repeat: no-repeat; }
	#header #imgContainer2 { position:relative; width:775px; height:299px; background-color:#5A87B1; background: url(/images/hp_header2.jpg); background-repeat: no-repeat; }
	#header #imgContainer3 { position:relative; width:775px; height:299px; background-color:#5A87B1; background: url(/images/hp_header3.jpg); background-repeat: no-repeat; }
	#header a { text-decoration:none; color:#DBE1EE;}
	#header a:hover { color:#FFF;}
	#header p { position:relative; float:left; clear:left; margin:0; margin-top:170px; margin-left:20px; }
	#header h1 { position:relative; float:left; font:1.8em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; margin-left:20px; margin-top:30px; letter-spacing:0em; font-weight: bold;  color:#FFF;}
	#header h2 { position:relative; float:left; clear:left; font:0.9em normal Arial,Helvetica,sans-serif; text-align:left; margin:0; margin-top:2px; margin-left:20px; letter-spacing:0; font-weight: bold; color:#DBE1EE;}
.dashed { position:relative; float:left; clear:both; width:777px; height:20px; margin:0; padding:0; background: url(/images/simpleline.gif); background-repeat: no-repeat; }

/* MAIN PAGE */
#content { position:relative; float:left; clear:both; width:777px; background-color:#FFF;}
	#content .dashed { position:relative; float:left; clear:both; width:777px; height:30px; margin:0; padding:0; background: url(/images/dashed_divider.gif); background-repeat: no-repeat; }
	#content .dashed2 { position:relative; float:left; clear:both; width:777px; height:30px; margin:0; padding:0; background: url(/images/dashed_divider2.gif); background-repeat: no-repeat; }
	#content .solidLine { width:777px; height:1px; float:left; clear:both; background-color:#CCC; padding:0; margin-top:15px; margin-bottom:5px; overflow: hidden; }
	#content ul { display:inline; list-style:none; }
	#content li { display:inline; list-style:none; float:left; margin:0; }
		#content li h3 { position:relative; float:left; font:1.3em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; letter-spacing:-0.02em; font-weight: bold;  }
		#content li p { clear:left; margin:0; }
		#content li span { position:relative; display:block; float:right;  }
		#content .promo { width:190px; margin-left:60px; }
		#content .folio { width:435px; position:relative; display:inline; float:left; margin-left:40px; }

/* PORTFOLIO */
#content #portfolio { position:relative; float:left; clear:both; width:777px; background-color:#FFF; }
	#portfolio ul { display:inline; list-style:none; }
	#portfolio li { display:inline; list-style:none; float:left; margin:0; }
		#portfolio li h1 { position:relative; float:left; font:1.5em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; letter-spacing:-0.02em; font-weight: bold;  }
		#portfolio li p { clear:left; margin:0; }
		#portfolio .intro { width:600px; margin-left:60px; margin-top:10px; }
	#portfolio .wrap { width:777px; position:relative; display:block; clear:both; text-align:center; }
	#portfolio .cycle { position:relative; display:block; clear:both; text-align:center; margin:0 auto; width:323px; height:45px; background: url(/images/folio_cycle1.gif); background-repeat: no-repeat; }
	#portfolio .cycle2 { position:relative; display:block; clear:both; text-align:center; margin:0 auto; width:323px; height:45px; background: url(/images/folio_cycle2.gif); background-repeat: no-repeat; }
		#portfolio #cycle ul { display:inline; list-style:none; }
		#portfolio #cycle li { display:inline; list-style:none; float:left; margin:0; }
			#portfolio #cycle li span { position:relative; display:block; float:left; clear:both;  }
			#portfolio #cycle .pitstop { width:330px; margin-left:60px; }
				#portfolio #cycle .pitstop .dotted { float:left; width:275px; height:12px; padding:2px; overflow: hidden; background: url(/images/line_dots.gif); background-repeat:repeat-x;}
				#portfolio #cycle .pitstop p { clear:left; margin:0; }
				#portfolio #cycle .pitstop h2 { position:relative; font:1.3em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:center; margin:0 auto; letter-spacing:-0.02em; font-weight: bold;  }
			#portfolio #cycle .completed { width:330px; margin-right:20px; }
				#portfolio #cycle .completed .dotted { float:right; width:278px; height:12px; padding:2px; overflow: hidden; background: url(/images/line_dots.gif); background-repeat:repeat-x;}
				#portfolio #cycle .completed p { float:right; clear:right; margin:0; }
				#portfolio #cycle .completed h2 { position:relative;  font:1.3em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:center; margin:0 auto; letter-spacing:-0.02em; font-weight: bold;  }
					#portfolio #cycle .completed .work { float:right; text-align:right; }
					#portfolio #cycle .completed .work span {width:278px; float:right; text-align:right; }
/* CASE STUDIES */
#content #cases { position:relative; float:left; clear:both; width:777px; background-color:#FFF; }
	#cases .intro { width:670px; margin-left:60px; margin-top:10px; }
	#cases ul { display:inline; list-style:none; }
	#cases li { display:inline; list-style:none; float:left; margin:0; }
		#cases li h1 { position:relative; float:left; font:1.5em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; letter-spacing:-0.02em; font-weight: bold;  }
		#cases li h2 { position:relative; font:1.2em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0 auto; letter-spacing:0.01em; font-weight: bold;  }
		#cases li p { clear:left; margin:0; padding-top:5px;  }
		#cases li span { position:relative; padding:10px; margin:10px; display:block; float:right; background-color:#EEF1F7;  }
		#cases li .posImage { float:right; margin-left:10px; margin-bottom:5px;  }
		#cases li .posImage2 { float:left; margin-right:10px; margin-bottom:5px; margin-top:5px; }

/* PHILOSOPHY */
#content #philo { position:relative; float:left; clear:both; width:777px; background-color:#FFF; }
	#philo .intro { width:670px; margin-left:60px; margin-top:10px; }
	#philo ul { display:inline; list-style:none; }
	#philo li { display:inline; list-style:none; float:left; margin:0; }
		#philo li h1 { position:relative; float:left; font:1.5em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; letter-spacing:-0.02em; font-weight: bold;  }
		#philo li h2 { position:relative; font:1.2em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0 auto; letter-spacing:0.01em; font-weight: bold;  }
		#philo li p { clear:left; margin:0; padding-top:5px;  }
		#philo li span { position:relative; padding:10px; margin:10px; display:block; float:left; background-color:#EEF1F7;  }
		#philo li .posImage { float:right; margin-left:10px; margin-bottom:5px;  }

/* PROMO */
#content #promo { position:relative; float:left; clear:both; width:777px; background-color:#FFF; }
	#promo .intro { width:670px; margin-left:60px; margin-top:10px; }
	#promo ul { display:inline; list-style:none; }
	#promo li { display:inline; list-style:none; float:left; margin:0; }
		#promo li h1 { position:relative; float:left; font:1.5em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; letter-spacing:-0.02em; font-weight: bold;  }
		#promo li h2 { position:relative; font:1.2em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0 auto; letter-spacing:0.01em; font-weight: bold;  }
		#promo li p { clear:left; margin:0; padding-top:5px;  }
		#promo li span { position:relative; padding:10px; margin:10px; display:block; float:left; background-color:#EEF1F7;  }
	#promo .myLabel { float:left; clear:left; width:100px; height:20px;  margin:2px; margin-left:60px; padding:2px; text-align:left; font-weight: bold;  background-color:#EEF1F7;}
	#promo .info { padding:4px; margin:0; position:relative; float:left; }

/* CONTACT PAGE */
#content #contact { position:relative; float:left; clear:both; width:777px; background-color:#FFF; }
	#contact .intro { width:670px; margin-left:60px; margin-top:10px; }
	#contact ul { display:inline; list-style:none; }
	#contact li { display:inline; list-style:none; float:left; margin:0; }
		#contact li h1 { position:relative; float:left; font:1.5em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; letter-spacing:-0.02em; font-weight: bold;  }
		#contact li p { clear:left; margin:0; padding-top:5px;  }
		#contact li span { position:relative; clear:both; padding:10px; margin:10px; display:block; float:right; background-color:#EEF1F7;  }
	#contact #form { padding:4px; margin:0; position:relative; clear:left; }
	#contact .myLabel { float:left; clear:left; width:100px; height:20px;  margin:2px; padding:2px; text-align:left; font-weight: bold;  }
	#contact .info { padding:4px; margin:0; position:relative; clear:left; float:left; }
	#contact #contactInfo {  width:200px; vertical-align:top; margin-top:0; position:relative; float:right; }
		#contact #contactInfo .emails { padding:15px; width:200px; vertical-align:top; margin-top:20px; position:relative; float:right; clear:both; background-color:#EEF1F7;}
		#contact #contactInfo .emails div { clear:right; position:relative; }
		
	
/* ERROR BOXES */
.errorBox {display:block; float:left; clear:both; width:650px; position:relative; margin:0; background-color:#FFA8A8; text-align:center; }
.errorBox p { background-color:#FFA8A8; font-size:1.2em; font-weight: bold; color:#000; padding:5px; }
.msgBox {display:block; float:left; clear:both; width:650px; position:relative; margin:0; background-color:#EDF3E4; text-align:center; }
.msgBox p { background-color:#EDF3E4; font-size:1.2em; font-weight: bold; color:#000; padding:5px; }

/* FOOTER */
#footer { position: relative; float:left; clear:left; width:777px; }
	#footer a { text-decoration:none; }
	#footer a:hover { text-decoration:underline; }
	#footer ul {  display:inline; list-style:none;  }
	#footer li { display:inline; list-style:none; }
		#footer li h4 { position:relative; float:left; font:1.1em normal "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; margin:0; letter-spacing:-0.02em; font-weight: bold;  }
		#footer .contact { width:400px; margin-left:60px;}
		#footer .sitemap { width:300px; margin-left:-180px;}
		#footer .listItems { margin:0; padding:0; clear:left; }
		#footer .item { margin:0; padding:0; clear:left;}
#copyright { position:relative;  vertical-align:top; padding:0; margin:0px auto; width:777px; background-color:#333; }
#copyright p { color:#666; padding:5px;}
#copyright a { text-decoration:none; }