/* GLOBAL STYLES ======================*/
/*
FONT COLOR: #9FA1A4
A ROLLOVER: #212528
*/

body {
/*background:url(/assets/img/SteezGuide_Home.jpg) no-repeat;*/
font-family: helvetica;
font-size: 11px;
color: #9FA1A4;
margin: 20px 0 0 40px;
width: 1123px;
}


a {
text-decoration:none;
color: #9FA1A4;
}

a:hover {
color: #212528;
}

.header {
border-bottom: 1px solid #9FA1A4;
float:left;
width: 975px;
margin-right:148px;
margin-top: 5px;
margin-bottom: 10px;
}

.header h1 {
margin-bottom: 17px;
}

.header h2 {
float: left;
font-size: 18px;
font-weight: bold;
}

.header h2 a {
color: #212528;
}

.header dl {
float: right;
text-transform: uppercase;
font-size:10px;
font-weight: bold;
margin-top: 8px;
}

.header dd {
float: left;
margin-left: 14px;
font-size: 11px;
color: #8C8A8C;
}

.header dd a {
color: #8C8A8C;
}

.header dd a:hover {
color: #212528;
}



.subnav {
clear:both;
color: #9FA1A4;
text-transform: uppercase;
font-size:10px;
font-weight: bold;
width: 975px;
margin-right: 148px;
}

.subnav ul.navigation li a {
font-weight: bold;
color: #8C8A8C;
}

.subnav ul.navigation li a:hover {
color: #212528;
}

.subnav span {
margin-right: 4px;
}

.subnav ul.navigation {
float:left;
}

.subnav ul.navigation li {
float:left;
margin-right: 7px;
font-size: 11px;
color: #8C8A8C;
}

.subnav ul.follow-us {
float:right;
}

.subnav ul.follow-us li {
display: inline;
text-transform: none;
margin: 0;
padding: 0;
}

.subnav ul.follow-us li img {
margin-left:1px;
}

.subnav ul.follow-us li span {
line-height:20px;
vertical-align:top;
margin-left:4px;
}

.content {
float: left;
width: 1024px;
margin: 22px 0px 0px 0px;
overflow:hidden !important;
}

.contentnav {
float: left;
width: 1024px;
height: 15px;
margin: 0 0 3px 0;
}

#previous_link {
margin: 0 2px 0 598px;
}

.homepage-follow a.a2a_dd{
margin-left:-3px;
}

.homepage-news {
height: 405px;
width: 100%;
}

.homepage-news dl.news dt {
font-weight: bold;
font-size: 10px;
}

.homepage-news dl.news dd {
font-size: 10px;
}

.homepage-news dl.news dd.title {
color: #9FA1A4;
padding-bottom: 20px;
padding-left: 0;
display:block;
}

.homepage-news h2 {
text-transform:uppercase;
font-weight:bold;
margin: 0px 0px 20px 0px;
padding: 0;
line-height:10px;
}


.homepage-news dl.news dd.title a {
font-size:11px;
}

.homepage-news dl.news dd.title a:hover {
color:#000000;
}

.homepage-news dl.news dd.body {
border-bottom: 1px dotted #9FA1A4;
padding-bottom: 15px;
margin-bottom: 15px;
font-weight: normal;
}

.homepage-follow {
margin: 41px 0px 0px 0px;
}

.homepage-follow h2 {
text-transform:uppercase;
font-weight:bold;
margin: 0px 0px 17px 0px;
padding: 0;
}

.homepage-follow img {
margin: 0px 10px 0px 0px;
}

.main-image {
margin-top:1px;
}

.image-credit {
margin: 6px 0 50px 0;;

}

.image-credit a {
font-weight: bold;
color: #222;
}



/* CATEGORY BROWSE ======================*/

.cat-browse {
float:left;
}

.cat-browse dl.image-grid-lg,
.sub-cat-browse dl.image-grid-lg {
float: left;
width: 820px;
}

.cat-browse .image-grid-lg dd,
.sub-cat-browse .image-grid-lg dd {
float: left;
margin: 0 14px 12px 0;
}

.cat-browse .image-grid-lg dd img,
.sub-cat-browse .image-grid-lg dd img {
width: 100px;
height: 100px;
border: 1px solid #FFFFFF;
}

.cat-browse .col-one,
.sub-cat-browse .col-one {
font-weight: bold;
}

/* LEFT COLUMN MENU */

ul.menu {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px dotted #dedede;
text-transform:uppercase;
}

ul.menu li {
cursor:pointer;
}

ul.menu li a, span#names {
color:#9FA1A4;
font-weight:bold;
}

ul.menu li.list-title {
text-transform:capitalize;
}


/* ACTIVE MENU ITEM */
ul.menu li.ui-tabs-selected a, a.ui-tabs-selected, span.nonlink {
color: #212528 !important;
font-weight:bold;
}

ul.menu li.ui-state-hover a, ul.menu li a:hover {
color: #212528 !important;
font-weight:bold;
}

/* DEFAULT MENU ITEM */
ul.menu li.ui-state-default a {
color: #9FA1A4;
font-weight:bold;
}

.ui-widget { font-family: Arial; font-size: 11px; }
.ui-widget-content { border: 0; background: #FFFFFF url(images/ui-bg_highlight-soft_100_FFFFFF_1x100.png) 50% top repeat-x; color: #9FA1A4; }
.ui-widget-content a { color: #9FA1A4; }
.ui-widget-header { border: 0; background: #FFFFFF url(images/ui-bg_flat_35_FFFFFF_40x100.png) 50% 50% repeat-x; color: #FFFFFF; font-weight: bold; }
.ui-widget-header a { }
.ui-state-default, .ui-widget-content .ui-state-default { border: 0; background: #FFFFFF url(images/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #9FA1A4; outline: none; }
.ui-state-default a, .ui-state-default a:link { color: #9FA1A4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 0; background: #FFFFFF url(images/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #212528212528; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212528212528; text-decoration: none; outline: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-corner-top, ui-tabs-selected, ui-state-active {
border:none !important;
}

.ui-tabs .ui-tabs-panel a:hover { 
color: #212528;
}

/*
.col-one  .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #FFFFFF; background: #FFFFFF url(images/ui-bg_flat_65_FFFFFF_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #212528212528; outline: none; }
.col-one  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212528212528; outline: none; text-decoration: none; 
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative;  }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
*/

li.ui-state-default span {
color: #FFFFFF;
}

/* SUB-CAT BROWSE TWEAKS =======*/

.sub-cat-browse .image-grid-lg dd {
margin:0 10px 5px 0;
}

.sub-cat-browse .image-grid-lg dd img {
width: 150px;
height: 150px;
}

.sub-cat-browse .col-two-lg {
margin:0 0 0 14px;
}


/* ARTIST ======================*/

.image-grid-sm {
float: left;
width: 354px;
}

.image-grid-sm dd {
float: left;
margin: 0 12px 12px 0;
}

.image-grid-sm a{
line-height: 0;
border: 1px solid #FFFFFF;
display:block;
}

.image-grid-sm a:hover{
border: 1px solid #212528;
}

#caption {
text-align:right;
}

.artist-title {
font-weight:bold;
margin-bottom: 30px;
border-bottom: 1px solid #dedede;
}

.artist-title h2 {
font-size:18px;
font-family:helvetica;
color: #212528;
margin: 0 0 20px 0;
}

.artist-bio {
width: 278px;
float:left;
padding-right: 20px;
margin-bottom: 30px;
}

.artist-bio span {font-size: 11px;}
.artist-bio span.clients {color: #9FA1A4;}
.artist-bio span.bio {color: #212528;}
.artist-bio span.client-list {color: #212528;}

.artist-bio p {
margin-top: 20px;
line-height: 18px;
color: #9FA1A4;
}


.portfolio-list li {
text-align: right;
}


.portfolio-list a {
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: #9FA1A4;
}

.portfolio-list a:hover {color:#212528;}

.portfolio-list span {
color:#FFFFFF;
}

.portfolio-list li.ui-tabs-selected a,
.portfolio-list li.ui-tabs-selected span {
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: #212528;
}


/* NEWS ======================*/

div.news {
float:left;
width: 642px;
}

dl.news-item {
float: left;
width: 200px;
margin-bottom: 35px;
margin-right: 14px;
}

dl.news-new-row {
clear: both;
}

dd.image {
float: left;
width: 200px;
height: 200px;
}

dd.image img {
width: 200px;
height: 200px;
}

dl.news-body {
float: left;
margin-top: 15px;
width: 200px;
}

dd.category {
text-transform: uppercase;
font-weight: bold;
display:inline;
font-size: 12px;
}

dd.title {
display:inline;
/*padding-left: 5px;*/
}

dd.title a {
color: #212528;
font-weight:bold;
font-size: 12px;
}


dd.body {
padding-bottom: 0px;
}

.homepage-news dl.news dd.title a {
color: #9FA1A4;
font-size:10px;
}

div.pagination {
clear:both;
float:left;
font-weight:bold;
font-size: 11px;
margin-right: 20px;
_margin-left: 185px;
_float: left;
_width: 280px;
}


div.pagination a {
color: #212528;
font-weight: normal;
}

/* ABOUT ======================*/

dl.contact-list dt, dl.contact-list dd.city, dl.contact-list dd {
font-weight:bold;
text-transform:uppercase;
color: #212528;
font-family:helvetica;
}

dl.contact-list dt {
border-bottom: 1px dotted #9FA1A4;
padding-bottom: 8px;
}

dl.contact-list dd.city {
margin: 16px 0 4px 0;
}

dl.contact-list dd {
font-size:11px;
color: #9FA1A4;
text-transform: capitalize;
}

.about h2  {
font-family: helvetica;
font-weight:bold !important;
color: #212528;
text-transform: uppercase;
font-size: 10px !important;
}

.col-two-lg .about {
font-size: 11px;
line-height: 20px;
margin-bottom: 20px;
color: #9FA1A4;
font-family:helvetica;
width: 481px;
}


 
/* CONTACT ======================*/

.contact-info dt {
text-transform:uppercase;
font-weight:bold;
color: #212528;
}

.contact-info dd {
font-weight:bold;
margin: 0 !important;
padding: 0 !important;
}

.contact-page {
text-transform: uppercase;
font-weight:bold;
color: #212528;
}

.contact-page input, .contact textarea {
background: url(/assets/img/form_bg.gif) repeat-x #efefef;
}

.contact-page input {
margin-bottom: 10px;
padding: 3px;
width: 260px;
border-top: 1px solid #8e8e8e;
border-left: 1px solid #bebebe;
border-right: 1px solid #bebebe;
border-bottom: 1px solid #d7d7d7;
}

.contact-page textarea {
height: 150px;
width: 265px;
border-top: 1px solid #8e8e8e;
border-left: 1px solid #bebebe;
border-right: 1px solid #bebebe;
border-bottom: 1px solid #d7d7d7;
}

.contact-page select {
margin: 10px 0;
width: 265px;
}

.contact-page .button {
border: 0;
background: none;
text-align:right;
padding: 5px 0 0 0;
cursor:pointer;
color: #9fa1a4;
font-weight:bold;
width: 270px;
margin-bottom: 20px;
font-family:helvetica;
}

.contact-page .checkbox {
font-weight: normal;
color: #9fa1a4;
text-transform: none;
font-size: 10px;
}

.contact-page .checkbox input {
width: 10px;
margin: 0 2px 0 0;
}

.contact-page label {
margin: 0 !important;
padding: 0 !important;
}


/* FOOTER ======================*/


.footer {
clear: both;
padding-top: 0px;
margin-bottom: 60px;
font-size: 10px;
width: 975px;
margin-right: 148px;
}

.footer-nav {
width: 100%;
float:left;
border-bottom: 1px solid #9FA1A4;
}

.footer-nav ul li {
float:left;
}

.footer-nav-bottom {
clear:both;
}

.footer .left {
float:left;
}

.footer .right {
float: right;
}

.footer-nav {
clear:both;
margin-bottom: 8px;
padding-bottom: 8px;
color: #9FA1A4;
text-transform: uppercase;
font-size:10px;
font-weight: bold;
}

ul.footer-sub-nav li {
margin-right: 7px;
}

ul.footer-sub-nav {
float:left;
}

span.right dl.footer-aux-nav {
float: right;
text-transform: uppercase;
font-size:10px;
font-weight: bold;
}

span.right dl.footer-aux-nav dd {
float: left;
margin-left: 14px;
}

.global-foot {
padding-top:80px;
}


div.footer-nav ul.follow-us {
float:right;
}

div.footer-nav ul.follow-us li {
display: inline;
text-transform: none;
margin: 0;
padding: 0;
}

div.footer-nav ul.follow-us li img {
margin-left:6px;
}

div.footer-nav ul.follow-us li span {
line-height:20px;
vertical-align:top;
margin-left:6px;
}




/* UTILITY ======================*/

.hide {display:none;}

a.on {
color: #212528 !important;
}

dd.on {
background: url(/assets/img/dots.png);
z-index: 1000;
}

/*
dl.off img {
filter:alpha(Opacity=40);
-moz-opacity:0.4;
opacity: 0.4;
}
img.on {
border-color:#212528 !important;
z-index: 1;
filter:alpha(Opacity=100) !important;
-moz-opacity:1 !important;
opacity: 1 !important;
}
*/

img.on {
border-color:#212528 !important;
z-index: 1;
}


.error {
margin: 20px 0 500px 0;
}

.error strong {
text-transform: uppercase;
color: #212528;
}

.error a {
color:#212528;
font-weight:bold;
}

.search-module {
margin: 20px 0 500px 0;
}

.search-module input {
padding: 5px;
}

hr {
background: #fff;
color: #fff;
border-bottom: 1px dotted #9fa1a4;
border-top: none;
border-left: none;
border-right: none;
}

div.ui-dialog-titlebar  {
background: #000;;
}

.ui-dialog {
background:#000;
}

span#ui-dialog-title-dialog {
color:#000;
}

.ui-dialog-titlebar-close {
background: #000;
}
.ui-dialog-titlebar-close:hover {
background: #000;
}




.download-title {
margin-top: 20px;
color: #000;
font-size: 10px;
}

.ui-dialog a {
color: red;
}

.flash_notice {
color: green;
}

.flash_error {
color: red;
}

.tool_tip_narrow {
position: relative;
margin-top:20px;
float:left;
width:148px;
display:none;
}

.tool_tip_wide {
position: absolute;
top: 180px;
left: 1035px;
width:148px;
z-index:100;
display:none;
}

.tool_tip_wide, .tool_tip_narrow {
color:#212528;
line-height:18px;
font-size:11px;
font-weight:normal;
}

.tool_tip_wide b, .tool_tip_narrow b {
font-weight: bold;
color:#212528;
}