body {
	padding: 40px 0 0 0;
	margin: 0;
	background: url(../images/bg_test.jpg) no-repeat #fff fixed;
}

a {
	text-decoration: none;
	border: 0;
}

a img {
	border: 0;
}

.clear_both {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

#container {
	width: 920px;
	padding: 0 20px;
	margin: 40px auto 0 auto;
	background: rgba(255,255,255, 0.55) url(../images/treebackground.png) no-repeat bottom left;
	border: 1px solid #fc9;
	border-bottom: 0;
}

acronym {
	border-bottom: 1px dotted #fc9;
}

acronym:hover {
	cursor: help;
	border-bottom: 1px dotted #069;
}

#header #about {
	float: right;
	font-size: 14pt;
	line-height: 18pt;
	color: #666;
	font-style: italic;
	position: relative;
	top: 88px;
	z-index: 99;
	text-shadow: 0 0 2px #fff;
	background: none;
	width: 225px;
	padding: 10px 65px 25px 10px;
	left: 65px !important;
	height: 175px;
	
	display: none;
}

#header #about a {
	color: #069;
	font-weight: bold;
}

#header #about a:hover {
	color: #069;
	text-shadow: 0 1px 5px #069;
}

#header {
	position: relative;
	top: -40px;
	margin-bottom: -30px;
}

#logo {
	width: 290px;
	margin-left: -20px;
	position: relative;
	left: -25px;
}

#sidemenu, #sidemenu_footer {
	float: left;
	clear: left !important;
	width: 250px;
}

#sidemenu {
	margin-top: 40px;
}

.sidebar_block {
	clear: left;
	background: rgba(255,255,255, 0.85);
	padding: 10px 8px 0px 8px;
	border: 1px solid #fc9;
	margin-bottom: 20px;
}

.sidebar_block:hover {
	background: rgba(255,255,255,1.0);
}

.sidebar_block h3 {
	margin-top: 0px !important;
}

.sidebar_block h3 a {
	color: #069;
	font-weight: 300;
}

.sidebar_block h3 a:hover {
	color: #f93 !important;
}

.sidebar_block p {
	margin-top: -15px;
	font-size: 10pt;
	line-height: 15pt;
}

#search {
	float: left;
	clear: left;
	width: 233px;
	padding: 10px 8px 10px 8px;
	margin: 10px 0 20px 0;
	background: rgba(255,255,255, 0.85);
	border: 1px solid #fc9;
}

#search input#search_value {
	border: 0;
	padding: 0 24px 0 0;
	color: #999;
	background: rgba(255,255,255, 0.25);
	width: 140px;
	font-size: 12pt;
	font-style: italic;
	border-bottom: 1px solid #fc9;
}

#search input#search_value:hover, #search input#search_value:focus {
	outline-color: #f93;
}

#search_button {
	margin-left: 10px;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: -20px;
}

#nav ul li a {
	color: #069;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	padding: 2px 20px 25px 45px;
	margin: 0 0 -26px -23px;
	width: 225px;
	display: block;
}

#nav ul li {
	margin-bottom: 5px;
}

#nav ul li a:hover {
	color: #f93;
	padding-bottom: 25px;
}

#nav ul li a.active {
	color: #fff;
	background: url(../images/menu_bg.png) no-repeat top left;
	padding-bottom: 25px;
}

#nav ul ul {
	padding-left: 10px;
	margin: 5px 0 5px 43px;
	border-left: 1px dotted #f93;
}

#nav ul ul li {
	margin-bottom: 5px;
}

#nav ul ul li a {
	color: #069;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	padding: 2px 3px !important;
	background: none;
	margin: 0 !important;
	width: auto;
}

#nav ul ul li a:hover {
	color: #f93;
	background: none;
}

#nav ul ul li a.active {
	color: #f93;
	background: none;
}

#nav ul ul ul {
	display: none;
	margin-bottom: 5px;
	margin-left: 30px;
}

#nav ul ul ul li a {
	font-size: 10pt;
}

#page {
	margin-left: 285px;
	margin-top: 40px;
	position: relative !important;
	top: -95px !important;
}

#page h2 a, .post h2, .sidebar_block h2 {
	font-weight: 400;
	font-size: 20pt;
	color: #069;
	letter-spacing: -1pt;
}

.post h3 {
	font-size: 16pt;
	font-weight: normal;
	color: #069;
}

.post h2 {
	margin-bottom: 10px;
}

#page h2 .more, #rfp h3 .more {
	padding-left: 10px;
	font-size: 10pt;
	color: #f93;
}

#page h2 a:hover {
	color: #f93;
	text-shadow: 2px 2px 3px #ccc;
}

#page p {
	font-size: 12pt;
	line-height: 18pt;
	padding-bottom: 15px;
}

#page p a, .sidebar_block p a {
	color: #f93;
}

#page p a:hover, .sidebar_block p a:hover {
	color: #069;
}

span.fin {
	position: relative;
	top: 2px;
}

.ongoing {
	font-size: 10pt;
	font-style: italic;
	color: #069;
}

#footer {
	clear: both;
	float: right;
	width: 600px;
	color: #666;
	padding: 40px 0 20px 0;
	margin: 0 0;
}

.clean_code {
	clear: right;
	float: right;
	margin-top: 20px;
	text-align: right;
}

#sidemenu_footer a, .clean_code a {
	color: #069;
}

#footer .nav_footer a:hover, .clean_code a:hover, #sidemenu_footer a:hover {
	color: #069;
}

#footer .clean_code {
	clear: left;
	float: right;
}

.clean_code {
	font-size: 9pt;
}

p.mailaddress, p.emailaddress, p.ephemeria {
	padding-right: 35px;
}

p.mailaddress {
	background: url(../images/icon_mail.png) no-repeat right 5px;
}

p.emailaddress {
	background: url(../images/icon_email.png) no-repeat right 5px;
}

p.ephemeria {
	background: url(../images/icon_ephemeria.png) no-repeat right 5px;
}

p.icon_rfp, p.icon_noteworthy, p.icon_testimonials {
	padding-left: 35px;
}

p.icon_rfp {
	background: url(../images/icon_rfp.png) no-repeat left 5px;
}

p.icon_noteworthy {
	background: url(../images/icon_noteworthy.png) no-repeat left 5px;
}

p.icon_testimonials {
	background: url(../images/icon_testimonials.png) no-repeat left 5px;
}


/* Link Roll */

#linkroll, #clientlist, #featured, #contact, .skinny {
	clear: right;
	width: 225px;
	margin-left: 415px;
}

#linkroll em, #clientlist p, #featured p, #linkroll em a, #props ul em, .skinny ul {
	font-style: normal;
	font-size: 10pt;
	line-height: 15pt;
}

#linkroll a, #featured a {
	font-size: 12pt;
}

#linkroll i, #featured i, #contact i, #downloads i {
	float: right;
	font-size: 8pt;
	color: #f93;
	margin-top: 1px;
	clear: right;
}

#linkroll p, #featured p, .skinny p {
	padding: 3px 5px 5px 2px;
}

/* Client List */

#clientlist a, #props ul a, #contact ul a, .skinny a, #snaps_list li a {
	color: #f93;
}

#clientlist a:hover, #props ul a:hover, #contact ul a:hover, .skinny a:hover, #snaps_list li a:hover {
	color: #069;
}

#clientlist ul, #props ul, #contact ul, .skinny ul {
	font-size: 10pt;
	line-height: 15pt;
	list-style: none;
	margin-left: 5px;
	padding-left: 10px;
	border-left: 1px dotted #fc9 !important;
}

#props ul {
	margin-left: 0;
	margin-top: 0;
	font-size: 12pt;
	color: #069;
}

#clientsspeak p {
	padding-bottom: 20px;
}

/* News Titles (testimonials as well) */
strong.news_title {
	font-weight: normal;
	font-size: 16pt;
	letter-spacing: -1pt;
	color: #069;
}

/* Portfolio Items */
.show {
	width: 380px;
	float: left;
	margin-top: -22px;
}

.skinny h2 {
	font-size: 14pt;
	padding-top: 8px;
}

.skinny ul {
	margin-left: 0;
	color: #666;
}

.skinny p {
	font-size: 10pt !important;
	line-height: 15pt !important;
}

ul.quote em {
	
}

ul.quote {
	font-style: italic;
}

ul.quote li.byline {
	font-style: normal;
	font-size: 9pt;
}

.client_label a {
	font-size: 12pt;
}

.client_label img {
	float: right;
	padding-top: 3px;
}

/* Video Player */
#player {
	border: 1px solid #069;
	margin-top: -15px;
}

/* Bird Watching */
.bird_down {
	float: left;
	position: relative;
	top: -40px;
	margin-bottom: -35px;
	display: none;
}

/* Timeline */
#timeline {
	margin-top: 60px;
}

#timeline .intervals, #timeline .disciplines {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

#timeline .intervals {
	clear: left;
	z-index: 9;
	position: relative;
	top: -310px;
	margin-bottom: 60px;
}

#timeline .disciplines {
	z-index: 999;
	position: relative;
}

#timeline .intervals li {
	display: inline;
	float: left;
	width: 12.2%;
	border-left: 1px dotted #069;
	text-align: center;
	padding: 330px 0 5px 0;
	color: #069;
	font-size: 9pt;
	margin-bottom: -330px;
}

#timeline .intervals li.last {
	border-right: 1px dotted #069;
}

#timeline .disciplines li {
	background: url(../images/timeline_grad.jpg) repeat-x top #fc9;
	position: relative;
	border: 1px solid #f93;
	margin: 10px 0;
	text-align: center;
	font-size: 10pt;
	color: #069;
	padding: 3px 0;
}

#timeline .disciplines li:hover {
	cursor: pointer;
	border: 1px solid #069;
}

#timeline .disciplines li em {
	font-size: 8pt;
}

#timeline .disciplines li.html {
	width: 98.5%;
}

#timeline .disciplines li.graphic, #timeline .disciplines li.type {
	width: 86.3%;
	left: 12.2%;
}

#timeline .disciplines li.motiondes {
	width: 49.2%;
	left: 12.2%;
}

#timeline .disciplines li.cms {
	width: 61.4%;
	left: 37%;
}

#timeline .disciplines li.jquery {
	width: 49.1%;
	left: 49.4%;
}

#timeline .disciplines li.wcag {
	width: 74%;
	left: 24.6%;
}

#timeline .disciplines li.training, #timeline .disciplines li.webcopy {
	width: 36.8%;
	left: 61.7%;
}

#timeline li.active {
	background: url(../images/timeline_grad_active.jpg);
	border: 1px solid #069;
	color: #f93;
}

#timeline_results {
	position: relative;
	left: -285px;
	top: 40px;
	z-index: 1000;
	margin-bottom: -400px;
	height: 340px;
	width: 235px;
}

.examples {
	display: none;
}

#timeline_results_help {
	display: block;
}

#timeline_results img.full_width {
	float: left;
	margin: 5px 10px 0 0;
}

#timeline_results h3 {
	line-height: 16pt;
	margin-bottom: 0;
}

#timeline_results p {
	margin-top: 0;
}

/* RFP */

.hire_progress {
	font-size: 11pt;
}

.hire_progress ol {
	margin-left: 0;
	padding-left: 21px;
}

.hire_progress li.active {
	font-weight: bold;
	color: #f93 !important;
	background: url(../images/bird_block.png) no-repeat right 1px;
}

.hire_progress li.incomplete {
	color: #069;
}

.hire_progress li.complete {
	color: #f93;
	text-decoration: line-through;
}

#hire fieldset {
	width: 620px;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	display: none;
}

#hire fieldset#contactinfo_segment {
	display: block;
}

#hire legend {
	font-size: 14pt;
	font-weight: normal;
	color: #069;
}

#hire label {
	width: 150px;
	text-align: right;
	float: left;
	clear: left;
	padding-right: 20px;
	font-size: 11pt;
	color: #f93;
	margin-top: 18px;
	height: 20px;
	vertical-align: bottom;
}

#hire input {
	float: left;
	margin-top: 15px;
	border: 0;
	border-bottom: 1px dotted #069;
}

#hire select {
	float: left;
	margin-top: 25px;
}

#hire #clientname, #hire #clientemail, #hire #clientcompany, #hire #clientweb, #hire #clientphone, #hire #startdate, #hire #enddate, #hire #budget {
	width: 250px;
}

.form_nav {
	clear: both;
	width: 420px;
	height: 25px;
	padding-top: 20px;
}

.form_nav .previousbutton, .form_nav .nextbutton, .form_nav .submitbutton {
	background: none;
	font-size: 10pt;
	font-weight: bold;
	float: right !important;
	margin-left: 20px;
	color: #f93;
	padding: 3px 5px;
}

.form_nav .previousbutton:hover, .form_nav .nextbutton:hover, .form_nav .submitbutton:hover {
	cursor: pointer;
	background: #069;
	color: #fc9;
}

#rfp fieldset p {
	margin-bottom: 0;
}

#rfp fieldset {
	margin-bottom: 20px;
}

#hire input, #hire textarea {
	background: rgba(255,255,255, 0.25);
	font-size: 12pt;
	color: #069;
	margin-top: 15px;
}

#rfp fieldset textarea {
	width: 420px;
	height: 200px;
	border: 1px dotted #069;
	padding: 7px 5px;
	background: url(../images/bird_block.png) no-repeat 410px 190px rgba(255,255,255, 0.25);
}

#rfp #validation_no, #rfp #validation_yes {
	float: none;
	margin: 0;
}

#rfp #validation_no {
	margin-top: 20px;
}

/* SLIDER */

.anythingSlider h4 {
	z-index: 9999;
	position: relative;
	top: -47px;
	background: #069;
	padding: 5px 10px;
	font-size: 14pt;
}

.anythingSlider h4 a {
	color: #f93;
}

.anythingSlider h4 a:hover {
	color: #fc9;
}

.anythingSlider h4 i {
	font-weight: normal;
	font-size: 10pt;
	padding: 0 0 2px 10px;
	color: #fc9;
}

#search label {
	display: none;
}