/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Think Media Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:100%; margin:0 auto; text-align:left; font-size:120%; }   
#headerContainer { width:100%; height:495px; background:url(../images/layup/headerBg.gif) bottom left repeat-x;}
#headerContainer #header { position:relative; width:925px; height:185px; margin:0 auto;}
#headerContainer #header #logo { position:absolute; top:30px; left:30px;}
#headerContainer #header #contact { position:absolute; top:15px; right:30px;}
#headerContainer #banner { position:relative; width:935px; height:310px; margin:0 auto;}
#headerContainer #banner #bannerLeft { float:left; width:505px; height:310px;}
#headerContainer #banner #bannerRight { float:right; width:430px; height:310px;}
#contentContainer { width:925px; margin:50px auto 0 auto; padding-bottom:50px;}
#contentContainer #leftCol { float:left; width:470px; margin-left:30px;}
#contentContainer #leftCol .bluebox { width:440px; padding:15px 15px 60px 15px; background:#cce0f4 url(../images/layup/leftBoxClouds.gif) bottom left no-repeat;}
#contentContainer #leftCol .biogBoxLeft { position:relative; width:285px; padding-left:155px; margin-bottom:30px; }
#contentContainer #leftCol .biogBoxLeft .thumb { position:absolute; top:10px; left:0;}
#contentContainer #leftCol .biogBoxRight { position:relative; width:285px; padding-right:155px; text-align:right; margin-bottom:30px;  }
#contentContainer #leftCol .biogBoxRight .thumb { position:absolute; top:10px; right:0;}
#contentContainer #rightCol { float:right; width:360px; margin-right:30px;}
#contentContainer #rightCol .bluebox { width:330px; padding:15px 15px 60px 15px; background:#cce0f4 url(../images/layup/rightBoxClouds.gif) bottom left no-repeat;}
#contentContainer #rightCol .altBluebox { width:330px; padding:15px 15px 60px 15px; margin-bottom:20px; background:#cce0f4 url(../images/layup/rightBoxCloudsAlt.gif) bottom left no-repeat;}
#contentContainer #rightCol #clientLogos { position:relative; width:360px; height:200px; background:url(../images/layup/clientLogosBg.gif) no-repeat; margin-top:20px;}
#contentContainer #rightCol #clientLogos #logos { position:absolute; width:360px; height:200px; top:80px; left:0;}
#contentContainer #rightCol #clientLogos #logos img { float:left; margin-right:2px;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.title { color:#0071bc; font-size:140%; margin:0 40px;} 
.titleLeft { color:#0071bc; font-size:140%;} 
.whiteCircles { padding:10px 0 0 30px; background:url(../images/layup/whiteCircles.gif) 0 12px no-repeat; color:#0071bc;}
.quote { font-style:italic; clear:both; margin-bottom: 5px; padding-bottom:0;}
.quoteAuthor { font-style:normal; font-weight:bold; float:right; margin-bottom: 10px;}
.biogWhiteCircles { padding:10px 0 0 0; background:url(../images/layup/whiteCircles.gif) 0 8px no-repeat; color:#333333; text-indent:30px;}
.biogWhiteCirclesRight { padding:10px 0 0 0; background:url(../images/layup/whiteCircles.gif) 15px 8px no-repeat; color:#333333; text-indent:30px;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#nav { position:absolute; top:140px; left:20px; background:url(../images/layup/navBg.gif) no-repeat; width:880px; height:25px;}
#nav ul { list-style:none; padding:0; margin:0;}
#nav li { display:block; float:left; list-style:none; margin:0; padding-top:3px;}
#nav li a { text-decoration:none; font-weight:normal; padding:5px 10px 0 30px; color:#333333;}
#nav li a:hover { text-decoration:none; background:url(../images/layup/navCircles.gif) 14px 7px no-repeat;}
#nav li a.active { background:url(../images/layup/navCircles.gif) 14px 7px no-repeat; font-weight:bold;} 


/* ----- LEFT NAVIGATION ----- */


/* ----- LIST STYLE ----- */
.list { list-style:none; margin:0 0 15px 5px; padding:0;}
.list ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
.list li { background:url(../images/layup/whiteCircles.gif) 0px 11px no-repeat; padding:6px 25px 5px 35px; color:#0071bc; font-size:120%;}
.list li a { color:#4c4c4c; font-weight:normal;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/whiteCircles.gif) 0px 7px no-repeat; padding:6px 25px 5px 35px; color:#0071bc; font-size:120%;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footerContainer { width:100%; background:#29abe2; margin-top:108px; font-size:90%;}
#footer { position:relative; width:925px; height:140px; color:#FFFFFF; margin:0 auto;}
#footer #footerHorizon { position:absolute; top:-108px; left:0;}
#footer ul { list-style:none; padding:0; margin:0 0 0 35px;}
#footer li { display:block; float:left; list-style:none; padding:10px 33px 0 0; margin:0;}
#footer a { font-weight:bold; text-decoration:none; outline:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}
#footer p { padding:25px 0 15px 35px; margin:0; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#0071bc; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
form p {clear:both;}
form br{clear:left;}
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:100px; float:left; }
input {width:150px;margin-bottom:1em;float:left; font-size: 11px;}
textarea {width:250px;margin-bottom:1em;float:left; font-size: 11px;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }