/* Built by Stephanie Sullivan 
		Last updated June 2010 
		
	Color chart:
		body text: #524743
		menu: #512b1b (image)
		pullquote and menu hover: #968b85
		headers/time stamp/links: #90d7e8
		dark headers #512B1B
		breadcrumbs/single links/form outlines: #877d76
		link hovers: #950e2e
		site map: #a39b97
		footer: #FFF
		
		*/


body {
	font: 100%/1.57 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #524743;
	border-top: 5px solid #90d7e8;
}
ul, ol, dl, dd, form {
	padding: 0;
	margin: 0;
}
ul {
	list-style: none;
}
ol {
	margin-left: 40px;	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
p, ol, ul, dl {
	font-size: 0.875em;
}
ul p, ol p, ul ul, dl ul, ol legend {
	font-size: 100%;	
}
h1, h2, h3, .h3, th {
	color: #90d7e8;
	padding-bottom: 10px;
}
h2.bdr_bott, h3.bdr_bott {
	padding-bottom: 10px;
}
h1, .h1 {
	
}
h2, .h2, h3, .h3, h4, .h4, th {
	font: bold 1.125em Arial, Helvetica, sans-serif;
}
.portfolio h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 0.875em;
	/* [disabled]font-weight: bold; */
}
.portfolio h3, .portfolio h4, .why_ovo h3 {
	color: #512B1B;
	font-weight: bold;
}
.portfolio h3, .why_ovo h3 {
	margin-bottom: 0;	
	padding-bottom: 0;
}
.item h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}
blockquote {
	margin: 0;	
	padding-bottom: 10px;
}
blockquote p {
	padding: 0;	
}
blockquote cite {
	text-align: right;
	font-style: normal;	
	display: block;
	font-size: .875em;
}

/* links */
a img {
	border: none;
}
a {
	color: #524743;
	text-decoration: underline;
}
.date a:link, .date a:visited {
	color: #90d7e8;
}
a:hover, a:active, a:focus, .date a:hover {
	color: #950e2e !important;
}
a.pdf {
	padding-left: 20px;
	color: #512B1B;
	background: url(../imgs/icon-pdf.gif) no-repeat;
	padding-bottom: 2px;
}
.portfolio table ul a:visited, .clients .alpha dd a:visited {
	color: #877d76;
	text-decoration: underline;
}
.alpha a:hover, .alpha a:active, .alpha a:focus {
	text-decoration: underline;	
	color: #950e2e;
}
.website a:hover {
	text-decoration: underline;	
}

/* ~~ This is the grids and layout structure ~~ */
.line {
	overflow: hidden;	
}
.unit, .lft {
	float: left;	
}
.one4th {
	width: 200px;
	margin-right: 25px;
}
.half { 
	width: 425px;
	margin-right: 25px;	
}
.pad4th {
	padding-left: 225px;	
}
.three4th {
	width: 650px;
	margin-right: 25px;	
}
table.three4th {
	margin-right: 0;	
}
.one6th {
	width: 125px;
	margin-right: 25px;	
}
.last {
	width: auto;
	float: none;
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
}
.item {
	padding-bottom: 10px;
}

/* ~ assorted classes ~ */
.bdr_top {
	border-top: 1px solid #90d7e8;
	padding-top: 20px;
}
.bdr_bott {
	border-bottom: 1px solid #90d7e8;
	margin-bottom: 20px; 
}
.bdr_less {
	margin-bottom: 10px;	
}
table .bdr_bott {
	margin-bottom: 0;
	padding-bottom: 9px;	
}
.three4th .bdr_bott {
	margin-bottom: 20px
}
.pad {
	padding-top: 10px;
	padding-bottom: 10px;	
}
.first p {
	padding-top: 0 !important;	
}
.marg_bott {
	margin-bottom: 10px;	
}
.pad_top {
	padding-top: 10px !important;	
}
.pad_bott {
	padding-bottom: 20px;	
}
.marg_header {
	margin-top: 2.2em; /* created the matching space for the headings */
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~ This is the top navigation ~ */
.header {
	position: relative;	
}
.nav {
	position: absolute;
	right: 15px;
	bottom: -5px;	
}
.nav li {
	float: left;	
}
.nav a {
	display: block;
	outline: none;	
}
.nav .work a {
	width: 100px;
	height: 33px;
	background: url(../imgs/nav_sprite.gif) no-repeat 0 -65px;
}
.nav .work a:hover, .nav .work a:active, .nav .work a:focus, #work .work a {
	background-position: 0 0;	
}
.nav .what a {
	width: 130px;	
	height: 33px;
	background: url(../imgs/nav_sprite.gif) no-repeat -100px -65px;	
}
.nav .what a:hover, .nav .what a:active, .nav .what a:focus, #what .what a {
	background-position: -100px 0;	
}
.nav .why a {
	width: 120px;	
	height: 33px;
	background: url(../imgs/nav_sprite.gif) no-repeat -230px -65px;	
}
.nav .why a:hover, .nav .why a:active, .nav .why a:focus, #why .why a {
	background-position: -230px 0;	
}
.nav .about a {
	width: 100px;
	height: 33px;
	background: url(../imgs/nav_sprite.gif) no-repeat -350px -65px;	
}
.nav .about a:hover, .nav .about a:active, .nav .about a:focus, #about .about a {
	background-position: -350px 0;
}
.nav .contact a {
	width: 120px;
	height: 33px;
	background: url(../imgs/nav_sprite.gif) no-repeat -450px -65px;	
}
.nav .contact a:hover, .nav .contact a:active, .nav .contact a:focus, #contact .contact a {
	background-position: -450px 0;	
}
.nav .extranet a {
	width: 80px;
	height: 33px;
	background: url(../imgs/nav_sprite.gif) no-repeat -570px -65px;	
}
.nav .extranet a:hover, .nav .extranet a:active, .nav .extranet a:focus, #extranet .extranet a {
	background-position: -570px 0;	
}
.work span, .what span, .why span, .about span, .contact span, .extranet span {
	display: block;
	text-indent: -9000em;	
	height: 33px;
}

/* ~~ This is the general page information. ~~ */
.container {
	width: 875px;
	background: url(../imgs/back_page.png) repeat-y;
	margin: 0 auto;
	padding: 25px 70px;
	min-height: 1200px;
}
.fma {
	margin: 18px 0 15px;	
	border: 1px solid #d7d1cc;
	width: 873px;
	float: left;
}
.breadcrumb_nav {
	padding-bottom: 13px;
	clear: both;
}
.breadcrumb_nav p {
	float: right;
	font-size: .75em;
}
.breadcrumb_nav ul {
	font-size: .75em;	
}
.breadcrumb_nav li {
	display: inline;	
	color: #90d7e8;
	padding-right: 4px;
}
.breadcrumb_nav, li.desc, .breadcrumb_nav a {
	color: #877d76;
}
.callout p {
	font-size: 1.5em;
	line-height: 1.23;
	color: #968b85;
	padding-bottom: 15px;
	margin-bottom: 0;
	font-weight: normal;
	padding-right: 20px;
}
.news_item {
	padding-bottom: 6px	
}
.news_item p {
	margin-bottom: 5px;
}
.date {
	color: #90d7e8;
	font-size: .75em;
}
.privacy {
	color: #877d76;
	padding-top: 5px;
	font-size: 0.7857em;
}
.singleton {
	color: #877d76;
	padding-top: 5px;
	font-size: 0.75em;
}
.singleton a, .privacy a {
	color: #877d76;	
}

/* ~ clients page styles ~ */

.alpha dt {
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid #90d7e8;
	color: #90d7e8;
	font-weight: bold;
	font-size: 1em;
}
.alpha dt.first {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

/* ~ table markup ~ */
th {
	text-align: left;
	font-weight: bold;	
}
td {
	vertical-align: top;
	color: #877D76;
	padding-bottom: 15px;
}

/* ~ lists with markers ~ */

.marker dd {
	padding-left: 14px;
	background: url(../imgs/list_marker.gif) no-repeat 0 11px;	
	line-height: 2;
	padding-top: 2px;
}
.marker li a {
	padding-left: 14px;
	background: url(../imgs/icon_list_marker.gif) no-repeat 3px 13px;		
	line-height: 2;
	padding-top: 2px;
	display: block;
}
.marker li li a {
	padding-left: 28px;	
	background: url(../imgs/icon_list_marker.gif) no-repeat 17px 13px;	
}
.current a {
	color: #950e2e !important;
	text-decoration: none;
	background: url(../imgs/icon_list_marker.gif) no-repeat 3px -60px !important;	
}
li .current a {
	background: url(../imgs/icon_list_marker.gif) no-repeat 17px -60px !important;	
}
.marker a:hover, .marker a:active, .marker a:focus {
	text-decoration: underline;	
	color: #950e2e;
}

/* ~ side definition lists ~ */

.sidebar dl {
	/* [disabled]padding-bottom: 10px; */
}
.sidebar dt {
	font-weight: bold;
	margin-bottom: 5px; /* watch */
}
.sidebar dd {	
	color: #877D76;
}
.sidebar dd a {
	color: #877D76;	
}

/* ~ form elements ~ */
form.contact {
	/* [disabled]padding-top: 5px; */
}
.contact label {
	display: block;
	font-size: .8em;
	font-weight: bold;
	padding-bottom: 3px;
}

#submit2 {
	float: none;
	position: absolute;
	bottom: -1px;
	right: 0;	
	padding: 0;
	margin: 0;
}
.sticky_inside form {
	padding-left: 15px;
	margin-right: 20px;
	position: relative;
	width: 300px;
	padding-top: 10px;
	height: 25px;
}
.sticky_inside input {
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	right: 31px;
	padding-bottom: 4px;
}

/* ~ footer styles ~ */
.footer {
	padding-bottom: 60px;
	margin-top: 25px;
}
.footer dt a {
	color: #90d7e8 !important;
	font-weight: bold;	
}
.footer dl {
	font-size: .8125em;
}
.footer dd {
	width: auto;
	margin-right: 0;	
	float: none;	
}
.footer a {
	color: #a39b97;
	text-decoration: none;
}
.footer a:hover {
	color: #950e2e !important;
	text-decoration: underline;
}
.footer_inner {
	background: url(../imgs/back_six.gif) repeat-y;
}

/* ~ sticky footer ~ */
.sticky_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	background: url(../imgs/back_sticky.png) repeat-x top left;
	width: 100%;
	padding-top: 28px;
	padding-bottom: 6px;	
	z-index: 101; /*kh added*/
}

@media screen and (max-device-width: 1024px) {
	body {
		width: 105%;	
	}
	.sticky_footer {
		position: static;
		width: auto;
	margin-top: -28px;
	}
}
.sticky_inside {
	padding: 0 30px 10px 0;
	width: 905px;
	margin:  0 auto;
}
.sticky_inside img {
	display: block;
	padding-top: 5px;	
}
.sticky_inside, .sticky_inside a {
	color: #FFF !important;
}
.sticky_inside ul, .sticky_inside label, .sticky_inside input {
	font-size: .775em;
}
.contact_list {
	padding-top: 10px;
}
.contact_list li {
	display: inline;
	border-right: 1px solid #C6C0BB;
	padding-right: 6px;
	margin-left: 3px;
	line-height: 1.3;
}
.contact_list span {
	color: #C6C0BB;	
}
li.final {
	border-right: none;
	padding-right: 0;
}

/* kh added */
#featureContainer
{
	width: 873px;
	height: 398px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#featureContainer #featureDisplay
{
	width: 873px;
	height: 398px;
	text-align: center;
}

#featureContainer #featureFileContainer
{
	width: 873px;
	height: 398px;
	overflow: hidden;
	text-align: center;
}

#featureContainer #featureTitle
{
	width: 100%;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 1pt;
	margin: 0 0 0 20px;
	padding-top: 20px;
}

#featureContainer #featureSubtitle
{
	width: 100%;
	text-align: left;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1pt;
	color: #999;
	line-height: 21px;
	text-decoration: none;
	margin: 4px 0 0 20px;
}

#featureContainer #featureDescription
{
	float: left;
	width: 250px;
	text-align: left;
	margin: 10px 0 0 20px;
	font-size: 13px;
	color: #333;
	line-height: 18px;
}

#featureContainer #featureCustom
{
	float: right;
	margin: 10px 20px 0 0;
	border: 1px solid #ccc;
	padding: 1px;
}

#featureContainer #featureNumbers
{
	float: left;
}

#featureContainer .featureNumber
{
	float: left;
	width: 30px;
	height: 29px;
	font-size: 16px;
	color: #999999;
	text-decoration: none;
	margin: 0 0 0 4px;
	padding: 5px 4px 0 0;
	cursor: pointer;
}

#featureContainer .featureNumberSelected
{
	float: left;
	width: 30px;
	height: 29px;
	font-size: 16px;
	color: #990000;
	text-decoration: none;
	margin: 0 0 0 4px;
	padding: 5px 4px 0 0;
}

#featureContainer #featureArrows
{
	/*width: 70px;
	height: 29px;
	float: right;
	background-image: url(../imgs/widget/arrow_bg.gif);
	background-repeat: no-repeat;
	padding: 6px 0 0 0;
	z-index: 100;*/
	text-align: left;
	cursor: pointer;
	position: relative;
	bottom: 401px;
}
#featureContainer #feature {
	width: 875px;
	float: left;	
}
#featureArrows #prevImg {
	position: relative;
	left: -1px;	
	bottom: -1px;
}
#featureArrows #nextImg {
	position: relative;
	right: -1px;	
	bottom: -1px;
}
#featureArrows #viewImg {
	position: relative;
	bottom: -1px;	
}

input, textarea, select {
	border: 1px solid #877D76;
	width: 188px;
	padding: 5px;
	background: url(../imgs/back_form.gif) no-repeat;
	margin-bottom: 5px;	
}
.admin .content input, .admin .content textarea, .admin .content select { width: 225px; }
.admin .content input.checkbox, input.checkbox { width: 20px; }
.admin .content select { height: 120px; }
.admin .content option { border-bottom: 1px dotted #ccc; padding: 4px; }
.admin .content select.single { height: 30px; }
.admin .content textarea { height: 80px; }
.admin .container { min-height: 1200px; }
.admin table td { color: #524743; }
.admin .marker li, .admin .marker dd {
	padding-left: 14px;
	/* [disabled]background: url(../imgs/list_marker.gif) no-repeat 0 11px; */
	line-height: 2;
	padding-top: 0px;
}

#industry {
	margin-bottom: 10px;
}	
#submit, #submit2, #submitLeft {
	border: none;
	background: none;
	cursor: pointer;
	float: right;
	padding-right: 0;
}
#submitLeft { float: none; }
/* end kh added */