@charset "utf-8";
/* Infinity Marketing */

body {
margin: 0 0 20px 0;
padding: 0;
background: #8c7946 url(images/page_bkg.jpg) repeat-x;
color: #76663A;
height: 101%;
}

#pbwsp { display:none; }

/* typography */
body,td,p { font: normal 10pt Arial, Helvetica, sans-serif; }
p,ul,ol { line-height: 1.4em; margin-top: 0; }
li { margin-bottom: 0.25em; list-style: square; }
h1 {
font: normal 24px Arial, Helvetica, sans-serif;
color: #006096;
}
h1.pagetitle {
float: right;
margin: 30px 10px 0 0;
padding: 0;
text-transform: capitalize;
font-size: 36px;
font-weight: bold;
}
h1.portcatname { text-transform: none !important; }
h2 {
margin-top: 0;
color: #bfd4e2;
font: normal 26px Arial, Helvetica, sans-serif;
}
h2 a { color: #fff; text-decoration: none; }
h2.paneltitle {
margin: 15px 3px 5px 3px;
padding: 5px;
border-bottom: 1px solid #bfd4e2;
text-transform: capitalize;
color: #fff;
}
h3.bluetitle {
background: #256E9B url(images/bluetitle_bkg_2.jpg) repeat-x center;
color: #fff;
font: normal 26px "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
padding: 10px;
text-transform: capitalize;
}
h4 {
color: #006096;
margin-top: 0;
margin-bottom: 0.5em;
font: bold 15px "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
}
h5 {
color: #006096;
margin-top: 0;
margin-bottom: 0.5em;
font: bold 15px "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
text-transform: capitalize;
}
#foot { font-size: 10px; text-align: center; }
.leftcol ul,.leftcol li { margin: 0; padding: 0; list-style: none; }
.leftcol ul { margin-bottom: 1em; }
.leftcol li {
border-bottom: 1px dotted #ddd;
margin-bottom: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
.leftcol li ul { margin-bottom: 0; }
.leftcol li ul li { border: 0; }
.ename {
font: bold 18px Arial, Helvetica, sans-serif;
text-transform: capitalize;
color: #006096;
margin-bottom: 5px;
}
.etitle {
font: normal 14px Arial, Helvetica, sans-serif;
color: #006096;
margin-bottom: 10px;
}
blockquote.quote {
font: normal italic 20px/28px Georgia, "Times New Roman", Times, serif;
padding-top: 10px;
}
blockquote.quote div.byline {
clear: both;
text-align: right;
font: bold 12px Arial, Helvetica, sans-serif;
padding-bottom: 20px;
margin: 10px 0;
border-bottom: 1px solid #ddd;
}

/* common */
a img { border: 0; }
form { margin: 0; }
input,select,textarea { font: normal 14px Arial, Helvetica, sans-serif; }
label { line-height: 1.5; }
.bluepanel {
width: 219px;
float: left;
margin-right: 5px;
margin-bottom: 0;
background: #256E9B url(images/bluepanel_bkg.jpg) no-repeat;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix { /* Hides from IE-mac \*/
height: 1%;/* End hide from IE-mac */
}
.paneltext {
margin: 0 3px;
padding: 5px 5px 10px 5px;
border-bottom: 1px solid #bfd4e2;
color: #fff;
line-height: 20px;
font-size: 12px;
}
.panelaction {
padding: 10px 5px;
margin: 0 3px;
}
div.divider {
clear: both;
background-color: #c7bda4;
height: 4px;
line-height: 4px;
font-size: 4px;
margin: 10px auto;
}
table.grid {
border: 0;
background-color: #fff;
width: 100%;
border-left: 1px solid #e1dbcb;
border-bottom: 1px solid #e1dbcb;
}
table.grid td { padding: 6px; border-right: 1px solid #e1dbcb; }
table.grid tr.alt { background-color: #f8f5ee; }
table.grid th { padding: 6px; background-color: #e1dbcb; color: #333; font-size: 12px; text-align: left; }

/* web page catalog */
.webpage-wrap {
background: #fff;
color: #76663A;
border: 10px solid #fff;
line-height: 18px;
}
.webpage-title { display: none; }
.webpage-text {  }
.webpage-image {
float: left;
margin: 0 15px 15px 0;
}
#homecontent .webpage-wrap,
#homecontent .webpage-title {
display: block;
background: transparent;
border: 0;
}
#homepanels .webpage-wrap,
#homepanels .webpage-title {
color: #fff;
}
#homepanels .webpage-text { font-size: 12px; }

.leftcol { float: left; width: 190px; padding-right: 5px; border-right: 1px solid #ddd; }
.rightcol { margin-left: 200px; _margin-left: 190px; }
.colwrap { border: 10px solid #fff; background: #fff; color: #777; }

/* navigation */
a { color: #006096; text-decoration: underline; }
#mainmenu {
margin: 45px auto 0 62px;
width: 748px;
}
#pbwsp a { color: #777; text-decoration: none; }
ul.menulist {
margin: 15px 0 0 0;
padding: 0;
height: 30px;
}
ul.menulist li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
ul.menulist li a {
display: block;
padding: 5px 0;
margin-right: 15px;
margin-bottom: 5px;
font: bold 16px Arial, Helvetica, sans-serif;
text-transform: capitalize;
white-space: nowrap;
}
ul.menulist li a:hover { text-decoration: underline; }
#foot a { color: #fff; }

/* layout and positioning */
#wrap {
width: 855px;
margin: 0 auto;
/*background: url(images/header_bg.jpg) repeat-x;*/
}
#shadow1 {
background: url(images/shadow_top.png) no-repeat center top;
/*padding-top: 10px;*/
}
#shadow2 {
background: url(images/shadow_bkg.png) repeat-y center;
}
#shadow3 {
padding-bottom: 2px;
background: url(images/shadow_bot.png) no-repeat center bottom;
}
#contentwrap {
width: 748px;
}
#content {
padding: 15px 30px;
border: 5px solid #907c49;
background-color: #fff;
}
#masthead {
/*padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 5px solid #c7bda4;*/
}
#innercontent { background-color: #fff; color: #777; padding: 10px; }
#foot { clear: both; width: 748px; margin: 10px auto; color: #fff; }
#copyright { float: left; padding-left: 5px; }
#footmenu { float: right; }
#pbwsp { text-align: center; }
#homepanels {
border: 5px solid #fff;
background-color: #fff;
display: inline-block;
}
#welcometext { border-right: 1px solid #ddd; padding-right: 20px; }
#whatsnew { width: 206px; }
#portfolio {
background: #256E9B url(images/bluepanel_bkg2.jpg) repeat-x;
/*background: #016197 url(images/bluegrad_bkg.jpg) repeat-x;*/
color: #fff;
margin: 10px auto;
}
#portimages img { border: 5px solid #fff; }

/* people section */
iframe#ppl-detail {
width: 100%;
height: 265px;
border: 0;
background: #fff;
color: #777;
overflow: auto;
}
iframe#ppl-thumbs {
width: 100%;
height: 400px;
border: 0;
background: transparent;
color: #777;
}
ul#ppl-menu {
margin: 0;
padding: 0;
list-style: none;
clear: both;
height: 44px;
}
ul#ppl-menu li {
margin: 0 0 0 10px;
padding: 0;
list-style: none;
float: left;
margin-right: 32px;
}
ul#ppl-menu li a {
display: block;
padding: 5px 0;
font: bold 16px Arial, Helvetica, sans-serif;
text-transform: capitalize;
text-decoration: underline;
border-bottom: 5px solid #fff;
}
ul#ppl-menu li a:hover,
ul#ppl-menu li a.active {
border-bottom: 3px solid #ddd;
text-decoration: underline;
}
.thumbitem {
float: left;
margin-right: 20px;
margin-bottom: 20px;
font-size: 11px;
text-transform: capitalize;
text-align: center;
}
.thumbitem a { text-decoration: none; }
.thumbitem img {
display: block;
border: 4px solid #eee;
width: 70px;
height: 70px;
margin-bottom: 3px;
}


/* Lightbox 2.0 */
#lightbox {
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 1010;
text-align: center;
line-height: 0;
}
#lightbox a img { border: none; }
#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer { padding: 10px; }
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink {
width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink {
left: 0;
float: left;
background: url(images/prevlabel.gif) left 2px no-repeat;
}
#nextLink {
right: 0;
float: right;
background: url(images/nextlabel.gif) right 2px no-repeat;
}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 2px no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 2px no-repeat; }
#imageDataContainer {
font-size: 12px;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData { padding:0 10px; }
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
}
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #ccc;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

#samplecreative img { margin-left: 5px; }

/* nctc catalog */
#nctc-menu { float: left; margin-right: 20px; }
#nctc-menu a {
text-decoration: underline;
}
#nctc-menu a,#nctc-menu a font {
font: bold 18px Arial, Helvetica, sans-serif;
color: #006096;
}

.record-item { height: 170px !important}

/* Portfolio Page Styles */


.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

div#xresults_pagelist {
	float:left !important;
	margin:0px !important;
	padding:0px !important;
	clear:both;
}

ul.xresults_pagelist {
margin: 0px 0px 10px 0px;
padding: 0;
float:left;
width:400px;
list-style: none;
clear:both;
}

ul.xresults_pagelist li {
float: left;
text-align: center;
margin: 0px 2px 0px 0px;
padding: 0px;
list-style-type: none;
font-size: 11px;
}

ul.xresults_pagelist li strong {
display: block;
padding: 3px 6px;
border: 1px solid #8c7946;
background-color: #8c7946;
color: #fff;
}

ul.xresults_pagelist li a {
display: block;
padding: 3px 6px;
border: 1px solid #8c7946;
background-color: #eee;
text-decoration: none;
color:#8c7946;
}

ul.xresults_pagelist li a:hover { 
background-color: #fff; 
border-color: #8c7946; 
}

.xresults_infobar {
background-color: #ccc;
color: #333;
font-weight: bold;
font-size: 11px;
padding: 3px 6px;
clear:both;
margin-top:10px;
}

ul#results p.result_brand {
padding:0px;
font-size:14px;
height:40px;
margin:10px 0px 5px 10px;
text-align:left;
width:230px;
font-weight:bold;
border-top:1px solid #8c7946;
}

ul#results p.result_brand a {
padding:0px;
font-size:12px;
text-decoration:none;
margin:20px 0px 5px 0px;
text-align:left;
font-weight:bold;
}

div#browse_results {
width:750px;
}

ul#results {
padding:0px;
margin:20px 0px 10px 0px;
width:750px;
}

ul#results li {
list-style:none;
text-align:left;
float:left;
height:200px;
width:250px;
margin:0px 0px 20px 0px;
padding:0px;
}


div#container {
width:750px;
margin:auto;
}

ul#results img {
padding:0px;
margin:0px;
}

ul#results p.result_description {
width:230px;
margin-left:10px;
display:none;
text-align:left;
height:54px;
}

ul#results p.result_description a {
text-decoration:none;
font-size:11px;
width:230px;
text-align:left;
}

.keysearch {  }

.keysearch input { width: 365px; }

.dropsearch {
float:left;
margin:10px 30px 20px 0px;
font-size:13px;
}

.searchbtn {
float:left;
margin:6px 30px 20px 0px;
}

#search_content input,
#search_content select {
font-family:Arial, Helvetica, sans-serif;
color:#8c7946;
font-size:12px;
}

ul.button2 { margin: 0; padding: 0; list-style: none; }
ul.button2 li { margin: 0; padding: 0; float: left; list-style-type: none; }
ul.button2 li.left,ul.button2 li.right { width: 7px; height: 28px; overflow: hidden; }
ul.button2 li.left { background: url(images/btn_left.gif) no-repeat; }
ul.button2 li.right { background: url(images/btn_right.gif) no-repeat; margin-right: 5px; }
ul.button2 li.bkg { background: url(images/btn_bkg.gif) repeat-x; height: 28px; overflow: hidden; }
ul.button2 li a {
display: block;
font: bold 11px Arial, Helvetica, sans-serif;
color: #333;
text-decoration: none;
text-align: center;
padding: 6px 2px;
white-space: nowrap; font-size:10px;
}
ul.button2 li a:hover { color: #8c7946; }

div.result_thumb {
	height:110px;
	overflow:hidden;
	margin:0px auto;
	text-align:center;
}

div#record-img { text-align: center; PADDING-LEFT: 50px! important; }

ul.catlist a {
	font-size:12px !important;
}