/* Reset & Hacks */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,address,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

a:focus { -moz-outline-style: none; }
a,
a:active,
a:link { text-decoration: none; color: #666666; }
a:hover { text-decoration: underline; } 
.selected a:hover { text-decoration: none; cursor: default;  }

a.disabled {color:#ccc!important;text-decoration:none!important;cursor: default;  }

body { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 1em; color: #666666; margin: 16px 0; background: url(/images/common/background-grid.gif) repeat top center; margin: 8px 0; }
.wrapper { width: 897px; margin: 0 auto; }
img { display: block; }


/*///////  HEADER */
.header { width: 897px; }
.header .left { width: 767px; float: left; }
.header .right { width: 119px; float: right; }
.header .left,
.header .right { background: #FFFFFF; border: 1px #dadfd5 solid; }

h2.sponsor { width: 157px; height: 10px; background: url(/images/common/ideal-standard.gif) center center no-repeat; border: #B6BFAC 1px solid; margin: -1px 0 0 -1px; padding: 7px 9px 6px; display: block; }
h2.sponsor span { width: 100%; height: 100%; display: block; text-indent: -5000px; }

h3.strapline { font-size: 1.5em; margin: 22px 0 20px 260px; }

h2.logo { width: 119px; height: 119px; background:url(/images/common/logo.gif) left top no-repeat; }
h2.logo span { width: 100%; height: 100%; display: block; text-indent: -5000px; }

.nav-main ul { font-size: .8em; text-align: center; border-bottom: #b6bfac 1px solid; border-left: #b6bfac 1px solid; margin: 0 0 -1px -1px; display: inline-block; }
.nav-main ul li { width: 71px; padding: 2px 0 3px 0; float: left; background: #f0f2ee; border-top: #b6bfac 1px solid; border-right: #b6bfac 1px solid; min-height: 18px; }
.nav-main ul li a { color: #666666; }
.nav-main ul li.selected { background: #b6bfac; }
.nav-main ul li.selected a { color: #FFFFFF; }
.nav-main ul li.selected:hover { background: #b6bfac; }
.nav-main ul li a:hover { text-decoration: none; }
.nav-main ul li:hover { background: #DADFD5; }


/*///////  PRIMARY */

.col1, .col2 { margin-top: 18px; margin-bottom: 18px; }
#hero { margin-top: 8px; }
p.leader { font-size: 1.1em; font-family: Trebuchet MS,Arial,Helvetica,sans-serif; }
p { font-size: .85em; font-family: Arial, Helvetica, sans-serif; margin-top: 8px; }


/*///////  HOME */
body.home .primary { width: 895px; border: #dadfd5 1px solid; background: #ffffff; margin-top: 7px; min-height: 351px; }
body.home .primary .col1 { width: 416px; margin-left: 23px; float: left; margin-top: 16px; }
body.home .primary .col2 { width: 400px; margin-right: 23px; float: right; margin-top: 16px; }


/*///////  PROMO */
.promo { margin-top: 7px; font-size: .9em; background: #FFFFFF; border: #DADFD5 1px solid; padding: 7px; }
.promo ul { }
.promo ul li { float: left; margin-left: 7px; }
.promo ul li h2 { width: 25px; height: 89px; display: block; float: left; }
.promo ul li h2 span { width: 100%; height: 100%; display: block; text-indent: -5000px; }
.promo ul li p { float: right; margin: 16px 8px 0 8px; }
.promo ul li .form { float: right; margin: 0px 8px 0 8px; padding: 9px 0 0 0; }
.promo ul li .form p { margin: 0; }

.promo li.events { width: 313px; background: #B6BFAC; margin-left: 0px; }
.promo li.events h2 { background: #666666 url(/images/common/promo-events-title.gif) center center no-repeat; }
.promo li.events p { width: 270px; }

.promo li.resource { width: 169px; background: #E6E6E6; }
.promo li.resource h2 { background: #999999 url(/images/common/promo-resource-title.gif) center center no-repeat; }
.promo li.resource p { width: 126px; }

.promo li.register { width: 153px; background: #DADFD5; }
.promo li.register h2 { background: #666666 url(/images/common/promo-register-title.gif) center center no-repeat; }
.promo li.register p { width: 112px; }

.promo li.search { width: 225px; background: #E6E6E6; }
.promo li.search h2 { background: #999999 url(/images/common/promo-search-title.gif) center center no-repeat; }
.promo li.search p { width: 184px; }
.promo li.search .form { width: 184px; }
.promo li.search .form input[type="text"] { border: none; width: 147px; padding: 5px 6px 4px; float: left; }
.promo li.search .form .search-field { background: #FFFFFF; }
a.btn-go { width: 25px; height: 25px; display: block; background: #FFFFFF url(/images/common/btn-go.gif) left top no-repeat; float: left; }
a.btn-go span { width: 100%; height: 100%; display: block; text-indent: -5000px; }


/*///////  DESIGNERS */
body.designers .primary { width: 895px; border: #dadfd5 1px solid; background: #ffffff; margin-top: 7px; }
/*body.designers .primary ul { padding: 40px 0 0  24px; }*/
body.designers .primary ul li { padding-bottom: 24px; }
body.designers .primary ul li img { float:left; }
body.designers .primary ul li .copy { width:745px; float:left; background-color:#DADFD5; min-height: 102px; padding:10px 0 0 10px; }
body.designers .primary ul li .copyPodcast { width:745px; float:left; background: url(/images/common/podcast-title.gif) right top no-repeat #DADFD5; min-height: 102px; padding:10px 0 0 10px; }
body.designers .primary ul li .copyPodcast h3,
body.designers .primary ul li .copy h3 { color:#333333; font-size: .9em; }
body.designers .primary ul li .copyPodcast p,
body.designers .primary ul li .copy p { width:655px; }
body.designers .primary ul li .copyPodcast p a,
body.designers .primary ul li .copy p a { padding: 0 15px 0 0; color:#3E3E3E; background: url(/images/common/arrow-grey-bg.gif) right 5px no-repeat; }


/*///////  DESIGNER */
body.designer .primary { width: 895px; border: #dadfd5 1px solid; background: #ffffff; margin-top: 7px; }
body.designer .primary .col1 h3 { color:#333333; font-size: .9em; }
body.designer .primary .col1 { width: 454px; margin-left: 23px; float: left; }
body.designer .primary .col2 { width: 362px; margin-right: 23px; float: right; }
body.designer .primary .col2 #hero { margin-top: 2px; }
body.designer .primary .col2 #hero img { float:right; }
body.designer .primary .designerPortfolio { width:895px; margin: 48px 0 5px 0; float:left; }
body.designer .primary .designerPortfolio ul li { width: 169px; padding: 0 0 0 8px; float:left; }
body.designer .primary .bottomLinks { width:875px; margin: 0 0 16px 8px; float:left; }
body.designer .primary .bottomLinks ul li { font-size: .85em; }
body.designer .primary .bottomLinks ul li.leftLink { width:400px; float:left; }
body.designer .primary .bottomLinks ul li.leftLink a { padding: 0 0 0 12px; background:url(/images/common/arrow-l-white-bg.gif) left no-repeat; }
body.designer .primary .bottomLinks ul li.rightLink { float:right; padding: 0 0 0 16px; background:url(/images/common/magnifying-glass-icon.gif) left no-repeat; }


/*///////  PORTFOLIO */
body.portfolio .primary { min-height: 351px; width: 897px; margin-top: 7px;}
body.portfolio .primary .col1,
body.portfolio .primary .col2 { float: right; border: #dadfd5 1px solid; background: #ffffff; margin-top: 0; }
body.portfolio .primary .col1 { width: 391px; float: left; padding: 8px 20px 22px; margin-bottom: 0; }
body.portfolio .primary .col2 { width: 414px; float: right; padding: 16px 16px 6px 24px; margin-bottom: 0; }

ul.gallery { margin: 24px 0 4px; }
ul.gallery li { float: left; margin: 0 16px 16px 0; }


/*///////  NEWS */
body.news .primary { width: 897px; margin-top: 7px;}
body.news .primary h2 { font-size: 1.5em; color: #B6C1BB; }
body.news .primary .col1,
body.news .primary .col2 { float: right; border: #dadfd5 1px solid; background: #ffffff; margin-top: 0; }
body.news .primary .col1 { width: 608px; float: left; padding: 12px 20px 24px; margin-bottom: 0; }
body.news .primary .col1 hr { background-color:#B6C1BB; border:medium none; height:1px; }
body.news .primary .col1 p a { color: #009999; }
body.news .primary .col1 .newsHeader { width: 608px;}
body.news .primary .col1 .newsHeader h2 { float: left; }
body.news .primary .col1 .newsHeader a { float:right;  border: #B6C1BB 1px solid; font-size: .85em; color: #737A7F; background:#FFFFFF; padding: 2px 6px; margin: 4px 0 4px 0; }
body.news .primary .col1 .newsHeader a:hover { background: #F0F2EE; text-decoration: none; }
body.news .primary .col1 h3 a { color: #444B4C; font-size: .85em; font-weight: bold; padding:0; margin:0; } 
body.news .primary .col1 p { padding:0 0 16px 0; margin: 0;} 
body.news .primary .col1 p.date { color: #444B4C; font-size: .7em; padding: 8px 0 5px 0; }
body.news .primary .col1 .smallImage { width: 608px; }
body.news .primary .col1 .smallImage .copy { width:470px; float:left; }
body.news .primary .col1 .smallImage img { float:right; padding-bottom: 16px; }
body.news .primary .col1 .largeImage { width: 608px; }
body.news .primary .col1 .largeImage .copy { width:238px; float:left; }
body.news .primary .col1 .largeImage img { float:right; padding-bottom: 16px; }
body.news .primary .col2 { width: 206px; float: right; padding: 12px 16px 24px; margin-bottom: 0; min-height: 20px; }
body.news .primary .col2 p { padding:0 0 8px 0; margin: 0;} 
body.news .primary .col2 p.date { padding:4px 0 8px 0; margin: 0; color: #737A7F; font-weight: bold; } 
body.news .primary .col2 h3 { color: #444B4C; font-size: .85em; font-weight: bold; padding:0; margin:0; }
/*body.news .primary .col2 a { color: #009999; font-size: .85em; background: url(/images/common/arrow-r-white-bg.gif) right 5px no-repeat; padding: 0 14px 0 0; }*/


/*///////  CONTACT */
body.contact .primary { width: 897px; margin-top: 7px;}
body.contact .primary h2 { font-size: 1.5em; color: #B6BFAC; }
body.contact .primary .col1,
body.contact .primary .col2,
body.contact .primary .col3 { float: right; border: #dadfd5 1px solid; background: #ffffff; margin-top: 0; }
body.contact .primary .col1 { width: 480px; float: left; padding: 12px 20px 27px; margin-bottom: 0; min-height: 20px; }
body.contact .primary .col1 p span { color: #333333; font-weight: bold; }
body.contact .primary .col1 img { padding-top: 20px; }
body.contact .primary .col2,
body.contact .primary .col3 { width: 326px; float: right; padding: 12px 16px 16px 24px; margin-bottom: 7px; min-height: 20px; }
body.contact .primary .col2 p,
body.contact .primary .col3 p { font-size: .9em; }
body.contact .primary .col2 p.address { color: #6A737B; }
body.contact .primary .col2 a,
body.contact .primary .col3 a { color: #00A5B5; }
body.contact .primary .col3 p.press { padding-top: 8px; }
body.contact .primary .col3 h3 { font-size: 1em; color: #B6BFAC; font-weight: bold; padding: 16px 0 0 0; }
body.contact .primary .col3 .form { padding: 8px 0 0 0; }
body.contact .primary .col3 .form label { display:block; font-size: .85em; color: #333333; padding-bottom: 2px; }
body.contact .primary .col3 .form input[type="text"] { border: #dadfd5 1px solid; width: 302px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; }
body.contact .primary .col3 .form a { float:right;  border: #dadfd5 1px solid; font-size: .85em; color: #666666; background:#F0F2EE; padding: 2px 6px; margin: 4px 10px 4px 0; }


/*///////  RESOURCES */

body.resources .primary { margin-top: 7px; }
body.resources .primary .col1,
body.resources .primary .col2,
body.resources .primary .col3 { float: left; border: #dadfd5 1px solid; background: #ffffff; margin-top: 0; }
body.resources .primary .col1 { padding: 12px 12px 18px; width: 271px; }
body.resources .primary .col2 { padding: 12px; width: 271px; margin-left: 7px; }
body.resources .primary .col3 { padding: 12px; width: 263px; margin-left: 7px; }

ul.filter { font-size: .8em; margin-top: 14px; }
ul.filter li.form-field {  width: 271px; margin-top: 7px; }
ul.filter li.form-field a.btn { border: #dadfd5 1px solid; background: #ffffff url(/images/common/dropdown-btn.gif) right top no-repeat; width: 260px; height: 100%; display: block; min-height: 18px; padding: 4px 0 3px 8px; }
ul.filter li.form-field a.btn:hover { background-color: #f0f2ee; }
ul.drop-list { background: #f0f2ee; border: #dadfd5 1px solid; padding: 8px 0 4px 8px; border-top: none; width: 235px; position: absolute; }
ul.drop-list li.drop-item { margin-bottom: 4px; }

ul.drop-list li.drop-item a:hover,
ul.filter a:hover,
ul.filter-results a:hover { color: #333333; text-decoration: none; }

#range-dd { z-index: 10; }
#product-dd { z-index: 9; }

ul.filter-results { background: #dadfd5; border: #dadfd5 1px solid; padding: 8px 0 4px 8px; width: 260px; margin-top: 15px; font-size: .8em; }
ul.filter-results li { margin-bottom: 4px; background: url(/images/common/arrow-grey-bg.gif) left 4px no-repeat; padding: 0 12px; }

ul.publications { margin-top: 19px; }
ul.publications li.publication { clear: left; margin-bottom: 8px; }
ul.publications li.publication img { float: left; margin-right: 8px; }
ul.piblications li.publication div.text-block {  }
ul.publications li.publication a { }
ul.publications li.publication h3 { font-size: .85em; font-weight: bold; }
ul.publications li.publication p { margin-top: 0px; font-size: .75em; }

ul.publications li.publication .text-block { float: left; width: 198px; }

hr { border: none; height: 1px; background: #B6BFAC; margin: 10px 0 11px; }

a.icon-movie { background: url(/images/common/video-icon.gif) right center no-repeat; padding-right: 50px; display: block; }