/* GLOBAL */
body {font-family:arial, Helvetica, sans-serif; font-size:0.75em; color:#666; line-height:1.3em; margin:0; background-image:url(../images/interface/background-gradient.jpg); background-repeat:repeat-x;}
.container {width:760px; margin:0 auto; background-color:#fff; border:1px solid #999;}
.footer {width:740px; margin:0px; padding:10px; background-color:#ac2e06; clear:both; color:#000; font-size:1em; text-align:center;}
#clear {clear:both;}

a {text-decoration:none;}
a:link, a:visited {color:#666; font-weight:bold; text-decoration:none;}
a:hover, a:active {color:#000; text-decoration:underline;}
a.nav:link, a.nav:visited {color:#fff; font-weight:normal; text-decoration:none;}
a.nav:hover, a.nav:active {color:#ac2e06; font-weight:normal; text-decoration:none;}
a.footerlink:link, a.footerlink:visited {color:#fff;}
a.footerlink:hover, a.footerlink:active {color:#fff; text-decoration:underline;}
.navigation {margin:210px 0 0 157px; color:#fff; font-size:0.9em; line-height:1.3;}
.navcol1 {width:120px; float:left; margin:0 8px 0 0; text-transform:uppercase;}
.navtitle {margin:0 0 10px 0; color:#ac2e06; font-weight:bold;}


.login {margin:3px 0; padding:0 0 0 2px; background-color:#fff; border:1px solid #999; font-size:11px;}
.loginbutton {margin:5px 0 0 0; background-color:#fff; border:1px solid #ccc; color:#333; font-size:x-small;} 
.bodysubtitle {color:#ac2e06; font-size:1em; font-weight:bold; text-transform:uppercase;}
.bodysubtitle-small {color:#ac2e06; font-size:0.9em; font-weight:bold; text-transform:uppercase;}
p {margin:0em 0 1em 0;}
.siteinfo {width:440px; margin:30px; padding:0px; background-color:#fff;}
.siteinfopad {margin:10px;}


/* WORK SAMPLES */
.samples .head {height:35px; background-color:#f1f1f1; margin:0 0 10px 0;}
.samples .head a{padding:20px 0 0 5px; height:15px; text-transform:uppercase; color:#ac2e06; font-weight:normal; font-size:0.8em; display:block;}
.samples .head a:hover{ text-decoration:none; color:#666;}
.samples .content{margin:0 0 20px 0;}

/* JOB ADVERTS */

.jobadvert {box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); margin:0 0 20px 0;}

/* GUIDANCE NOTES */
.guidanceform {clear:both;}
.guidance-form-one {width:271px; margin:0 0 0 10px; float:left; display:inline; background-color:#fff; padding:10px; border:2px #CCC solid;}
.guidance-form-two {width:410px; margin:0 0 10px 10px; float:left; display:inline; padding:10px; border:2px #CCC solid;}
h2.steps {font-size:1.2em; font-weight:bold; color:#666; text-transform:uppercase; margin-bottom:0em;}


/* NEWS */
.newsheadline {margin:0; color:#ac2e06; font-size:1em; font-weight:bold; text-transform:uppercase;}
.newsdate {color:#333;}


/* MEMBERS */
.headerpic {width:760px; height:330px; float:left; margin:0 0 20px 0; background-image:url(../images/header_images/header.jpg); background-repeat:no-repeat;}
.searchcolumn {width:291px; margin:0 0 0 10px; float:left; display:inline; background-color:#fff;}
.displaycolumn {width:440px; margin:0 0 10px 10px; float:left; display:inline;}
.leftcolumn {width:137px; margin:0 0 10px 10px; float:left; background-color:#fff;}
.columncontent {margin:0 0 10px 0; padding:5px; border:1px solid #ebebeb; font-size:0.9em;}
.columncontentgrey {margin:0 0 10px 0; padding:5px; background-color:#f8f8f8; border:1px solid #ebebeb; font-size:0.9em; color:#000;}

.bodytext {height:295px; margin:0 0 10px 0; line-height:1.6em;}
.membercol1 {width:215px; float:left; line-height:1.3em;}
.formbox {width:180px; height:20px; margin:3px 0; padding:4px 0 0 4px; background-color:#333; border:none; color:#fff; font-size:11px; text-transform:uppercase; vertical-align:middle;}
.formbutton {height:20px; margin:5px 0 0 0; background-color:#333; border:none; color:#fff; font-size:x-small;}
.membercol2 {width:215px; margin:0 0 0 10px; float:left; line-height:1.3em;}
.formboxddlist {width:180px; height:20px; margin:3px 0; padding:2px; background-color:#333; border:none; font-size:11px; color:#fff; text-transform:uppercase; vertical-align:middle;}
.membertitle {width:420px; height:10px; margin:0 0 1em 0; padding:40px 10px 10px; background-color:#ac2e06; color:#fff; font-size:1.2em; font-weight:normal; text-transform:uppercase;}
.columncontentgrey1 {margin:0 0 10px 0; padding:5px; background-color:#ebebeb; border:1px solid #ebebeb; color:#000; font-size:9px;}
.headerpica {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header2.jpg) no-repeat;}
.headerpicb {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header3.jpg) no-repeat;}
.headerpicc {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header15.jpg) no-repeat;}
.headerpicd {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header5.jpg) no-repeat;}
.headerpice {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header6.jpg) no-repeat;}
.headerpicf {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header7.jpg) no-repeat;}
.headerpicg {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header8.jpg) no-repeat;}
.headerpich {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header16.jpg) no-repeat;}
.headerpici {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header10.jpg) no-repeat;}
.headerpicj {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header11.jpg) no-repeat;}
.headerpick {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header12.jpg) no-repeat;}
.headerpicn {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header16.jpg) no-repeat;}
.headerpico {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header17.jpg) no-repeat;}
.headerpicp {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header18.jpg) no-repeat;}
.headerpicq {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header19.jpg) no-repeat;}
.headerpicr {width:760px; margin:0 0 20px 0; height:330px; float:left; background:url(../images/header_images/header20.jpg) no-repeat;}
.formreq {color:#0066ff;}
.formboxemail {width:180px; height:20px; margin:3px 0; padding:4px 0 0 4px; background-color:#333; border:none; color:#fff; font-size:11px; vertical-align:middle;}
.headerpicl {width:760px; height:330px; margin:0 0 20px 0;  float:left; background:url(../images/header_images/header13.jpg) no-repeat;}
.headerpicm {width:760px; height:330px; margin:0 0 20px 0;  float:left; background:url(../images/header_images/header14.jpg) no-repeat;}
.formboxMulti {width:180px; font-size:11px; margin:3px 0; padding:4px 0 0 4px; background-color:#333; border:none; color:#fff; text-transform:uppercase; vertical-align:middle;}



/* This is the accordian style sheet */
div.accordion {width:291px; position:relative; /* required for bounding */}
div.accordion-toggle{	
    position:relative; /* required for effect */
    z-index:10;		/* required for effect */  
    cursor:pointer; width:281px; height:30px; padding:10px 0 0 10px; border-top:1px solid #dedede; font-size:1em; color:#000; font-family:Trebuchet MS, calibri, helvetica; text-transform:uppercase; font-weight:bold;}
div.accordion-toggle span {color:#666; font-size:0.8em; text-transform:uppercase;}
div.accordion-toggle:hover, div.accordion-toggle-active {background:url(../images/accordian/hover.gif) repeat-x; color:#ac2e06;}
div.accordion-content {width:291px; overflow: hidden; /* required for effect */}
/* end accordian */


/* This is the accordian style sheet */
div.samples {width:440px; position:relative; /* required for bounding */}
div.samples-toggle{	
    position:relative; /* required for effect */
    z-index:10;		/* required for effect */  
    cursor:pointer; width:281px; height:30px; padding:10px 0 0 10px; border-top:1px solid #dedede; font-size:1em; color:#000; font-family:Trebuchet MS, calibri, helvetica; text-transform:uppercase; font-weight:bold;}
div.accordion-toggle span {color:#666; font-size:0.8em; text-transform:uppercase;}
div.accordion-toggle:hover, div.accordion-toggle-active {background:url(../images/accordian/hover.gif) repeat-x; color:#ac2e06;}
div.accordion-content {width:291px; overflow: hidden; /* required for effect */}
/* end accordian */


/* MembersList */
.membername {font-weight:normal; margin:0 0 3px 0; padding:2px 2px 2px 8px;}
.membername a {font-weight:normal;}
.membername a:hover {color:#000;}
.member-description {color:#ac2e06; font-size:0.7em; font-weight:bold; text-transform:uppercase;}
.ccd {background-color:#ddd; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(border-radius.htc);}




.memberPhoto {margin:0 20px 0 0; float:left;}
.memberText {width:205px; float:left;}

.memcontainer {width:700px; background-color:#fff; margin:0px auto 0 auto; padding:0 20px 20px 20px; border-right:1px solid #ac2e06; border-left:1px solid #ac2e06;}
.memcontent {margin:20px 20px 0px 20px;}
.memfooter {width:500px; margin:0 auto; background-color:#fff;}
.fltright {float:right; padding:0 0 10px 10px;}

.membersarea-left {width:440px; float:left; display:inline; margin:0 0 10px 10px;}
.membersarea-right {width:291px; margin:0 0 0 10px; display:inline; float:left; background-color:#fff;}

.membersarea-left h1, .membersarea-right h1, .memcontent h1 {width:430px; height:20px; background-color:#333; margin:0 0 20px 0; padding:40px 0 0 10px; color:#fff; font-family:Trebuchet MS, calibri, helvetica; font-size:0.9em; text-transform:uppercase;}
.membersarea-right h1 {width:281px;}
.membersarea-left h2, .membersarea-right h2, .memcontent h2 {margin:60px 0 10px 0; padding:0 0 10px 0; border-bottom:solid #ac2e06 3px; color:#ac2e06; font-family:Trebuchet MS, calibri, helvetica; font-size:1.1em; text-transform:uppercase;}
.membersarea-left h3, .membersarea-right h3, .memcontent h3 {width:430px; height:20px; margin:60px 0 10px 0; padding:40px 0 0 10px; background-color:#333; color:#fff; font-family:Trebuchet MS, calibri, helvetica; font-size:0.9em; text-transform:uppercase;}
.membersarea-right h3 {width:281px;}
.membersarea-left a, .membersarea-right a, .memcontent a {color:#222; font-weight:normal;}
.membersarea-left a:after, .membersarea-right a:after, .memcontent a:after {content:" »"}
.membersarea-left a:hover, .membersarea-right a:hover, .memcontent a:hover {text-decoration:underline;}
.membersarea-left ol, .memcontent ol {padding:0; margin:0; margin:30px 50px 30px 60px;}
.membersarea-left ol li, .memcontent ol li {margin:0 0 20px 0; color:#ac2e06; font-weight:bold;}
.membersarea-left ol li p, .memcontent ol li p {margin:0 0 20px 0; color:#666; font-weight:normal;}

.membersarea-left ul.member-navigation {margin:0; padding:0;}
.membersarea-left ul.member-navigation li {margin:0 0 2px 0; background-color:#ac2e06; color:#fff; font-family:Trebuchet MS, calibri, helvetica; font-weight:bold; text-transform:uppercase;}
.membersarea-left ul.member-navigation li a {height:15px; padding:15px 0 0 10px; display:block; color:#fff; text-decoration:none;}
.membersarea-left ul.member-navigation li a:hover {background-color:#000;}
  
.membersarea-right ul, .membersarea-left ul, .memcontent ul {padding:0; margin:0; margin:30px 50px 0 60px; list-style:none;}
.membersarea-right ul li, .membersarea-left ul li, .memcontent ul li {margin:0 0 8px 0;}

.membersarea-right .votelink {margin:30px 20px 0 20px}
.membersarea-right .votelink a {width:251px; height:40px; line-height:40px; color:#fff; text-decoration:none; background-color:#ac2e06; display:block; font-family:Trebuchet MS, calibri, helvetica; font-size:1.4em; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(border-radius.htc); text-align:center;}
.membersarea-right .votelink a:hover {background-color:#000;}




/* END MEMEBRS */

/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */


/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:250px; font-family Arial, Helvetica, sans-serif;; font-size:11px; text-align:left;}
#contact-container .contact-content {background-color:#FFFFFF; color:#333333; height:10px;}
#contact-container h1 {color:#FFFFFF; margin:0px 0 10px 0; padding:50px 0 6px 10px; font-size:12px; text-align:left; text-transform:uppercase; background:url(../img/contact/registration.gif) no-repeat; letter-spacing: -1px;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:88%; background:#F1F1F1; border:none; font-size:11 px; margin:0 auto; padding:5px;color:#333333; height:15px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0; padding-top:10px;}
#contact-container label {clear:left; display:block; width:50px; text-align:left;margin-left: 10px; font-size:10px; color:#333333; font-weight: bold;}
#contact-container .contact-input {padding:10px 0 0 5px; margin:5px 10px 5px 10px; background-color:#333333; border:none; width:225px; height:20px; font-size:11px; color:#FFFFFF;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; }
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {height:24px; border:0;}
#contact-container .contact-send {width:83px; background:url(../img/contact/send.gif) no-repeat; margin:0 0 0 10px;}
#contact-container .contact-cancel {width:80px; background:url(../img/contact/cancel.gif) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {font-family:Arial,Helvetica,;position:absolute;top:6px;right:20px;color:#333;width:10px;font-size:9px;color:#FFFFFF;}
#contact-container a.modalCloseX:hover {background-color:#ac2e06; color:#000000;}
p.please {padding: 10px 10px 0 10px; color:#000000; font-size: 11px; margin: 0;}

.guidance-video {width:420px; height:350px; background:#f7eae6 no-repeat; padding:10px; margin:0 0 10px 0px; float:left; border-bottom:solid 5px #eed5cd; display:inline; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); position:relative;}