/* IE6 PNG FIX */
/* div, img, a {
	behavior: url(resources/js/iepngfix.htc);
} */

/* GENERAL */
html
{
	background-color: #efe0bb;
	background: url(/Images/backgrounds/orange_circles.gif) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 10px;
}

/* WRAPPER */
.wrapper
{
	width: 920px;
	height: 550px;
	margin: 0 auto;
	padding-top: 30px;
}

/* TOP NAV */
.top-nav
{
	width: 470px;
	margin-bottom: 10px;
	float: right;
}

.top-nav a
{
	height: 12px;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #eadfc3;
}

.top-nav a:hover
{
	color: #d94f30;
}

.top-nav .active
{
	color: #d94f30;
}

.top-nav_active
{
	color: #d94f30 !important;
}

.top-nav ul
{
	margin-top: 6px;
}

.top-nav li
{
	display: inline;
	margin-right: 24px;
}

.top-nav #home
{
	float: left;
}

.top-nav #contact-info
{
	float: left;
}

.top-nav #client-area
{
	float: left;
}

.top-nav #facebook
{
	float: left;
}

.top-nav #burnt-carrot
{
	float: left;
}

/* CONTENT AREA */
.content-area
{
	width: 950px;
	height: 504px;
	background: url(/resources/img/background.png);
	background-repeat: no-repeat;
	clear: both;
}

/* LEFT COLUMN */
.left-column
{
	width: 182px;
	height: 403px;
	margin-top: 36px;
	margin-left: 24px;
	border-right: 1px solid #703b23;
	position: absolute;
}




.logo
{
	margin-left: 10px;
	width: 153px;
	height: 77px;
	/*background: url(/resources/img/logo.png);
	background-repeat: no-repeat; */
}

.logo a
{
	display: block;
	width: 153px;
	height: 77px;
}

/* MAIN NAV */
.main-nav
{
	width: 153px;
	margin-top: 32px;
	margin-left: 10px;
}

.main-nav li
{
	margin-top: 16px;
}

.main-nav li a
{
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #713d23;
	height: 15px;
	width: 140px;
}

.main-nav li a:hover
{
	color: #61C1CA;
}

.main-nav li .active
{
	color: #61C1CA;
}

/* MIDDLE COLUMN */
.middle-column
{
	margin-left: 217px;
	margin-top: 34px;
	position: relative;
	width: 145px;
	min-height: 404px;
	font-weight: bold;
	color: #713D23;
	text-transform: uppercase;
	text-align: center;
	border-right: 1px solid #703B23;
	float: left;
}

.middle-column a
{
	text-decoration: none;
	color: #713D23;
}

.middle-column a:hover
{
	color: #61C1CA;
}

.middle-column .active
{
	color: #61C1CA;
}

.up-arrow
{
	width: 135px;
}

/* MIDDLE CONTENT AREA */
.middle-content-area
{
	width: 135px;
	height: 372px;
}

/* CLIENT / PROJECT LIST */
.search-by
{
	padding-top: 5px;
	padding-bottom: 10px;
}

.search-by .client
{
	color: #e66438;
}

.search-by a
{
	color: #61C1CA !important;
	text-transform: lowercase;
}

.search-by a:hover
{
	text-decoration: underline;
}

.search-by .project
{
	color: #e66438;
	font-size: 12px !important;
	text-transform: lowercase;
}

.client-group
{
	padding-bottom: 10px;
}

.client
{
	font-size: 14px;
}

.project
{
	font-size: 10px;
}

.up-arrow a
{
	display: block;
	width: 135px;
	height: 14px;
	background: url(/resources/img/up-arrow-off.png);
	background-repeat: no-repeat;
	background-position: center;
}

.up-arrow a:hover
{
	background: url(/resources/img/up-arrow-on.png);
	background-repeat: no-repeat;
}

.down-arrow
{
	width: 135px;
}

.down-arrow a
{
	display: block;
	width: 135px;
	height: 14px;
	background: url(/resources/img/down-arrow-off.png);
	background-repeat: no-repeat;
}

.down-arrow a:hover
{
	background: url(/resources/img/down-arrow-on.png);
	background-repeat: no-repeat;
}

/* RIGHT COLUMN */
.right-column
{
	margin-left: 225px;
	margin-top: 34px;
	position: absolute;
	width: 664px;
	min-height: 404px;
}

/* MAIN CONTENT AREA */
.main-content-area
{
	margin-left: 32px;
	margin-top: 68px;
	width: 600px;
}

.left-arrow
{
	width: 14px;
	margin-top: 36px;
	float: left;
}

.left-arrow a
{
	display: block;
	width: 14px;
	height: 135px; /* background: url(/resources/img/left-arrow-off.png); 	background-repeat: no-repeat; */
}

.left-arrow a:hover
{
	/* background: url(/resources/img/left-arrow-on.png); 	background-repeat: no-repeat; */
}

.wysiwyg
{
	width: 540px;
	padding-left: 16px;
	padding-right: 16px;
	float: left;
}

.right-arrow
{
	width: 14px;
	margin-top: 36px;
	float: left;
}

.right-arrow a
{
	display: block;
	width: 14px;
	height: 135px; /* background: url(/resources/img/right-arrow-off.png); 	background-repeat: no-repeat; */
}

.right-arrow a:hover
{
	/* background: url(/resources/img/right-arrow-on.png); 	background-repeat: no-repeat; */
}

/* SECONDARY NAV */
.secondary-nav
{
	clear: both;
	text-align: center;
	width: 570px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	margin: auto;
	color: #713d23;
}

.secondary-nav li
{
	display: inline;
	border: none;
}

.secondary-nav .seperator
{
	color: #703B23;
	white-space: nowrap;
}

.secondary-nav .last
{
	border: none;
}

.secondary-nav .active
{
	color: #61c1ca;
}

.secondary-nav a
{
	font-size: 10px;
	text-decoration: none;
	color: #713d23;
	text-transform: uppercase;
	font-weight: bold;
}

.secondary-nav a:hover
{
	color: #61c1ca;
}

/* FLAIR */
.flair
{
	width: 227px;
	height: 189px;
	top: 324px;
	left: 36px;
	position: relative;
	float: right;
	z-index: 1;
}

.flair img
{
	bottom: 0;
	right: 0;
	position: absolute;
}


/* MAIN CONTENT AREA */

div.main-content-area #page-headline
{
	padding: 0 0 8px 28px;
}

div.main-content-area p
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 12.74px;
	line-height: 1.6em;
	padding-bottom: 10px;
}

div.main-content-area p a
{
	color: #713d23;
}

div.main-content-area h2
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div.main-content-area p.contactus
{
	font-size: 15px;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

/* COHORTS */

#cohorts-left-column
{
	float: left;
	width: 260px;
	font-size: 13px;
}

#cohorts-right-column
{
	float: left;
	width: 235px;
	font-size: 13px;
}

/* STORIES/AWARDS */

#awards-col
{
	float: left;
	width: 172px;
	font-size: 13px;
}

#news-list
{
	width: 600px;
	color: #713d23;
	font-size: 12px;
}

#news-list a
{
	color: #713d23;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

#news-list a:hover
{
	font-size: 12px;
	text-decoration: underline;
}

#news-list .news-item
{
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 10px 0;
	float: left;
	color: #713d23;
	width: 266px;
}

#news-list .news-pipe
{
	font-size: 12px;
	padding: 0 0 10px 0;
	float: left;
	color: #713d23;
}

#news-list .news-item-break
{
	clear: left;
}

/* SECONDARY NAV */
.newsdetail-nav
{
	width: 540px;
	text-align: center;
	padding-top: 20px;
	color: #713d23;
}


.newsdetail-nav a
{
	font-size: 10px;
	text-decoration: none;
	color: #713d23;
	text-transform: uppercase;
	font-weight: bold;
}

.newsdetail-nav a:hover
{
	color: #61c1ca;
}

.newsdetail-nav span
{
	white-space: nowrap;
}

#news-detail a
{
	text-decoration: none;
	color: #713d23;
}

#news-detail a:hover
{
	text-decoration: underline;
}

/* SHOWCASE */

.scroll-pane
{
	height: 220px;
}

.scroll-pane p
{
	padding-bottom: 20px;
}


.news-scroll-pane
{
	height: 220px;
}

.generic-scroll-pane
{
	height: 224px;
}


.showcase-secondary-nav
{
	clear: both;
	text-align: center;
	width: 602px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	margin: auto;
	color: #713d23; 
}

.showcase-secondary-nav a
{
	font-size: 10px;
	text-decoration: none;
	color: #713d23;
	text-transform: uppercase;
	font-weight: bold;
}

.showcase-secondary-nav a:hover
{
	color: #61c1ca;
}

.showcase-secondary-nav a.active
{
	color: #61c1ca;
}

.showcase-wysiwyg 
{
	width: 600px;
	height: 300px;
	padding-left: 16px;
	padding-right: 16px;
	float: left;
}


.showcase-headline
{
	padding-left: 28px;
	padding-bottom: 10px;
}

.showcase-view-work
{
	width: 600px;
	text-align: right;
	padding: 14px 0 0 0;
	z-index: 10;
	position: absolute;
	height: 11px;
}


#showcase-video
{
	width: 400px;
	margin: auto;
	padding-top: 10px;
}

#showcase-audio
{
	width: 400px;
	margin: auto;
	padding-top: 10px;
}

#showcase-img
{
	width: 520px;
	text-align: center;
	margin: auto;
}
#showcase-img .img-table
{
	width: 520px;
	height: 344px;
}

#portfolio-img .img-table td
{
	vertical-align: middle;
}

#portfolio-wysiwyg .portfolio-img img
{
	vertical-align: middle;
	margin: auto;
}

.media-description
{
	width: 400px;
	font-size: 10px;
	padding-top: 4px;
	text-align: center;
	margin: auto;
}


.client-area-container
{
	padding-top: 10px;
	border: none;
}

.client-area-gridview th
{
	padding: 0 4px 4px 0;
	border: 0;
	border: none;
}

.client-area-gridview td
{
	padding: 4px 4px 4px 0;
	border: none;
}

.client-area-gridview a
{
	color: #713d23;
	font-weight: bold;
}

.client-area-gridview a:hover
{
	color: #61C1CA;
	font-weight: bold;
}

.login-header
{
	font-size: 14px;
	font-weight: bold;	
}

.checkbox input
{
	padding-right: 2px;	
}

.login-input
{
	background-color: #efe0bb;
	border: solid 1px #713d23;
	color: #713d23;
	width: 150px;
	font-size: 14px;
}

.login-button
{
	background-color: 	#713d23;
	color: #efe0bb;
	border: solid 1px #713d23;
	text-transform: uppercase;
}

strong
{
	font-weight: bold;
}

em
{
	font-style:italic;
}