/* -------------------- Colors -------------------- */

/* -------------------- General -------------------- */


html, body {
	}
body {
	background: #ffffff repeat-x url(../../images/backgrounds/clouds.jpg) center 0;
	color: #6ba8db;
	}
a.dashed {
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px #6ba8db none;
	}
	a.dashed:hover {
		border-bottom: 1px #90bfe5 dashed;
		}

.send {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background: #6ba8db;
	padding: 5px 8px 4px;
	margin: 0;
	border: 0 white none;
}
	
/* -------------------- Links -------------------- */

#pop-overlay {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgb(87,150,211);
	opacity: .25;
	filter: alpha(opacity=25);
	/* overflow: hidden; */
	}
	#popup {
		visibility: hidden;
		position: absolute;
		z-index: 101;
		}
	#close-listener {
		visibility: hidden;
		position: absolute;
		z-index: 102;
		}

#header-wrapper {
	background-color: #ffffff;
	margin: 18px auto 0;
	width: 778px;
	height: 92px;
	}
	#header {
		padding: 21px 11px 0 22px
		}
		#logo {
			float: left;
			width: 247px;
			height: 60px;
			}
		#nav {
			color: #6ba8db; /* 68ace5 */
			float: right;
			font-size: 13px;
			letter-spacing: 1px;
			vertical-align: middle;
			text-align: center;
			}
			#nav ul {
				margin: 0;
				padding: 0;
				margin-top: 7px;
				}
			#nav li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#nav li a {
					padding-top: 3px;
					height: 32px;
					display: block;
					text-decoration: none;
					text-indent: -9999px;
					}
					#nav-who-and-what {
						background: transparent no-repeat url(../../images/navigation/who-and-what.gif) 0 0;
						width: 98px;
						}
					#nav-news {
						background: transparent no-repeat url(../../images/navigation/news.gif) 0 0;
						width: 57px;
						}
					#nav-careers {
						background: transparent no-repeat url(../../images/navigation/careers.gif) 0 0;
						width: 74px;
						}
					#nav-contact {
						background: transparent no-repeat url(../../images/navigation/contact.gif) 0 0;
						width: 71px;
						}
					#nav-who-and-what:hover,
					#nav-news:hover,
					#nav-careers:hover,
					#nav-contact:hover {
						background-position: 0 -35px;
						}
					#nav-who-and-what.selected,
					#nav-news.selected,
					#nav-careers.selected,
					#nav-contact.selected {
						background-position: 0 -70px;
						}
		#subnav {
			color: #6ba8db; /* 68ace5 */
			font-size: 13px;
			letter-spacing: 1px;
			vertical-align: middle;
			text-align: center;
			margin-bottom: 40px;
			}
			#subnav ul {
				margin: 0;
				padding: 0;
				margin-top: 0px;
				}
			#subnav li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#subnav li a {
					padding-top: 3px;
					height: 22px;
					display: block;
					text-decoration: none;
					text-indent: -9999px;
					}
					#subnav-engaged-individuals {
						background: transparent no-repeat url(../../images/navigation/engaged-individuals.gif) 0 0;
						width: 137px;
						}
					#subnav-creative-atmosphere {
						background: transparent no-repeat url(../../images/navigation/creative-atmosphere.gif) 0 0;
						width: 146px;
						}
					#subnav-collaborative-partnerships {
						background: transparent no-repeat url(../../images/navigation/collaborative-partnerships.gif) 0 0;
						width: 184px;
						}
					#subnav-strategic-thinking {
						background: transparent no-repeat url(../../images/navigation/strategic-thinking.gif) 0 0;
						width: 130px;
						}
					#subnav-break-out-creativity {
						background: transparent no-repeat url(../../images/navigation/break-out-creativity.gif) 0 0;
						width: 137px;
						}
					#subnav-engaged-individuals:hover,
					#subnav-creative-atmosphere:hover,
					#subnav-collaborative-partnerships:hover,
					#subnav-strategic-thinking:hover,
					#subnav-break-out-creativity:hover {
						background-position: 0 -25px;
						}
					#subnav-engaged-individuals.selected,
					#subnav-creative-atmosphere.selected,
					#subnav-collaborative-partnerships.selected,
					#subnav-strategic-thinking.selected,
					#subnav-break-out-creativity.selected {
						background-position: 0 -50px;
						}
				
#page-wrapper {
	background-color: #ffffff;
	margin: 7px auto 0;
	width: 778px;
	}
	#page {
		padding: 22px;
		overflow: hidden;
		}
	#page {
		}
		#home-feature {
			float: left;
			width: 531px;
			margin-bottom: 20px;
			}
		#home-twitter {
			float: right;
			width: 180px;
			margin-bottom: 20px;
			}
		#twitter-feed {
			border:2px solid #6BA8DB;
			height:180px;
			margin-bottom:15px;
			margin-top:4px;
			overflow:hidden;
			width:180px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			position: relative;
			}
			#twitter-feed ul {
				margin: 0;
				padding: 0;
				position: absolute;
				top: 0;
				}
			#twitter-feed li {
				display:block;
				font-size:13px;
				height:150px;
				line-height:18px;
				margin:0;
				padding:15px;
				text-align:center;
				width:150px;
				}
			#twitter-feed li span {
				display: block;
				}
			#twitter-back {
				position: absolute;
				left: 10px;
				bottom: 10px;
				cursor: pointer;
				z-index: 40;
				}
			#twitter-next {
				position: absolute;
				right: 10px;
				bottom: 10px;
				cursor: pointer;
				z-index: 41;
				}
		


/* -------------------- Showcase -------------------- */

#showcase {
	width: 734px;
	position: relative;
	}
#left-arrow {
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 50;
	width: 18px;
	height: 20px;
	cursor: pointer;
	}
#right-arrow {
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 51;
	cursor: pointer;
	}
#artwork-scroll {
	width: 734px;
	overflow: hidden;
	}
	#artwork {
		background: transparent repeat-x url(../../images/showcase/clothes-line.gif) 0 35px;
		height: 175px;
		width: 1468px;
		}
		#screen-1 {
			position: relative;
			width: 734px;
			height: 175px;
			float: left;
			}
		#screen-2 {
			position: relative;
			width: 734px;
			height: 175px;
			float: left;
			}
/* -------------------- Tables -------------------- */


table {
	color: #216c9e;
	background: white;
	}
	caption {
		background: #216c9e;
		color: #f0f6f8;
		}
	th, td {
		}
	th {
		background: #dae7ed;
		font-weight: normal;
		}


/* -------------------- Forms -------------------- */

	
	label {
		font-size: 1.1em;
		font-weight: bold;
		}	
	.note, .instruction {
		font-size: 0.9em;
		line-height: 1.3em;
		margin-bottom: 0.5em;
		display: inline-block;
		color: #a6926c;
		}
	.optional, .required {
		color: #4AAB27;
		font-size: 0.7em;
		text-transform: uppercase;
		font-weight: bold;
		}
		.required { color: red; }
	
	textarea {
		font-size: 1.1em;
		line-height: 1.4em;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		}