/* author: Colin Harrison Design Limited */
/* Iwan Thomas Associates Creation date: 6/10/2008 */

/* Global Styles */
html, body {background-image:url(../images/common/iwan_thomas_associates_bg.gif); background-repeat: repeat-x; background-color: #E2001A; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #000; height: 100%; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;} 

a {font-weight:bold; color: #E2001A; text-decoration: none;}
a:hover {color: #009035; text-decoration: underline;}
a img {border-width: 0px;}
p {font-size: 80%; text-align: left; line-height: 110%; }
h1 {font-size: 120%; font-weight: bold; text-align:left; color: #009035;}
h2 {font-size: 100%; font-weight: bold; text-align:left; color: #009035;}
h3 {font-size: 80%; font-weight: bold; text-align:left; color: #009035;}
h4 {font-size: 50%; font-weight: bold; text-align:left; color: #009035;}

/* Main Divs */
#maincontainerindex {background-image:url(../images/common/iwan_thomas_associates_index_bg.jpg); width: 975px; min-height: 590px; background-color:#FFF; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}

#maincontainer {background-image:url(../images/common/iwan_thomas_page_bg.jpg); background-repeat:no-repeat; width: 975px; min-height: 590px; background-color:#FFF; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}

#header {position: relative; z-index: 1; width: 975px; height: 100px; background-image:url(../images/common/iwan_thomas_associates_header_bg.gif); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px;}
#header a {font-weight:bold; color: #E2001A; }
#header a:hover {color: #009035; text-decoration: underline;}
#header ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#header li {display: inline; list-style-type: none; vertical-align: middle}

/* Main Menu Styles */
#mainmenu {position: absolute; bottom: 10px; width: 973px; text-align:center; color: #E2001A; font-size: 100%; font-weight: bold;}
#mainmenu .leftitem {background-image: none; padding-left: 0px; padding-right: 3px; height: 20px}

#mainmenu div ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#mainmenu div ul ul {font-size: 100%;}
#mainmenu div li {display: inline; list-style-type: none; vertical-align: middle}
#mainmenu div {position: absolute; width: 100%; z-index: 1; text-align: center; margin-top: 7px; color: #009035; display: none;}
#mainmenu div a {font-weight:bold; color: #009035; }
#mainmenu div a:hover {color: #E2001A; text-decoration: underline;}

/* drop-downs */
#dropdown_one {margin-left: 0px}
#dropdown_two {margin-left: 0px}
#dropdown_three {margin-left: 0px}
#dropdown_four {margin-left: 0px}
#dropdown_clear {visibility: hidden; height: 0px; width: 0px; position: absolute; left: -200px}

#submenu {width: 975px; height: 25px; border-width: 1px 0px 1px 0px; border-color:#000; border-style: solid;}


/* Left Menu Styles */
#leftmenu {width: 180px; height: 403px; float: left; margin: 16px 0px 16px 0px; padding: 0px 0px 0px 0px; overflow: auto; }
#leftmenu ul {font-weight: bold; color: #000; text-align: left; font-size: 80%; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; list-style-type: none; text-align:left; line-height: 190%}
#leftmenu p {margin: 4px 0px 10px 10px; width: 160px;}
#leftmenu h1 {margin: 2px 0px 10px 10px; width: 160px; color: #E2001A;}
#leftmenu p {text-align:justify;}
#leftmenu a {font-weight:bold; color: #009035; }
#leftmenu a:hover {color: #E2001A; text-decoration: underline;}


/* Page Content */
#contentindex {float:left; width: 550px; min-height: 403px; margin: 16px 0px 16px 15px; padding: 0px 15px 0px 15px; text-align:left; border-width: 0px 0px 0px 1px; border-color:#000; border-style: solid; background-color: #FFFFFF;}
* html #contentindex {width: 581px; w\idth: 550px; height: 403px; he\ight: 403px;}

#content {position:relative; float:left; width: 729px; min-height: 403px; margin: 16px 0px 16px 15px; padding: 0px 15px 0px 15px; text-align:left; border-width: 0px 0px 0px 1px; border-color:#000; border-style: solid; background-color: #FFFFFF; }
* html #content {width: 760px; w\idth: 729px; height: 403px; he\ight: 403px;}

#content ul, ol {font-size: 75%; text-align:left; line-height: 130%}
#findmore {position: absolute; bottom: 0;}
.imgright {float: right; margin-left: 20px; border:1px solid #000000;}

.titleblock {width: 100%; height: 22px; margin: 0px 0px 0px 0px; padding: 0px; background-image:url(../images/common/title_fade.jpg); background-repeat: repeat-x; }
.titleblock h3 {color: #FFF; margin: 0px 0px 0px 6px; padding: 3px 0px 0px 0px;}

#contentleftcol {width: 240px; height: 205px; float:left; margin: 20px 0px 0px 0px; padding: 0px;background-color:#FFF;}
#contentrightcol {width: 240px; height: 205px; float:right; margin: 20px 0px 0px 0px; padding: 0px; background-color:#fff;}

.scrollbox {width: 240px;  height: 162px; margin: 20px 0px 0px 0px; padding: 0px; font-size: 80%; overflow: auto; background-color:#FFF; border-width: 2px 0px 2px 0px; border-color:#0355BA; border-style: solid;}

/* Index Page Content Background */
.contentindex{background-image:url(../images/index/iwanthomas_index_bg.jpg); background-position:bottom right; background-repeat:no-repeat;}

/* Page Content Backgrounds */
.contentredundancycoach {background-image:url(../images/backgrounds/redundancy_coach.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentexeccoach {background-image:url(../images/backgrounds/exec_coaching.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentcoachlawyer {background-image:url(../images/index/iwanthomas_index_bg.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentmanconsult {background-image:url(../images/backgrounds/manage_consult.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentconsultlawyer {background-image:url(../images/backgrounds/consult_lawyers.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentaboutus {background-image:url(../images/backgrounds/about_us.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentusefullinks {background-image:url(../images/backgrounds/useful_links.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentbook {background-image:url(../images/backgrounds/book_month.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentnewsletter {background-image:url(../images/backgrounds/newsletter.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentfactsheets {background-image:url(../images/backgrounds/fact_sheets_tall.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentcontact {background-image:url(../images/backgrounds/home.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentfind {background-image:url(../images/backgrounds/home.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentaccess {background-image:url(../images/backgrounds/home.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentprivacy {background-image:url(../images/backgrounds/home.jpg); background-position:bottom right; background-repeat:no-repeat;}
.contentsitemap {background-image:url(../images/backgrounds/home.jpg); background-position:bottom right; background-repeat:no-repeat;}


/* Address */
#address {clear:both; width: 975px; height: 28px; margin: 0px; padding: 0px; border-width: 1px 0px 0px 0px; border-color:#000; border-style: solid;}
* html #address {width: 975px; w\idth: 975px; height: 29px; he\ight: 28px;}

#addressleft {width: 200px; margin: 7px 0px 0px 6px; padding: 0px; float: left; font-size: 70%; font-weight: bold; color: #000; text-align: left; }
* html #addressleft {width: 206px; w\idth: 200px;}
#addressleft ul {margin: 0px; padding: 0px;}
#addressleft li {display: inline; list-style-type: none; vertical-align: middle}

#addresscentre {width: 563px; margin: 7px 0px 0px 0px; padding: 0px; float: left; font-size: 70%; font-weight: bold; color: #000; text-align: center; }
* html #addresscentre {width: 563px; w\idth: 563px;}
#addresscentre ul {margin: 0px; padding: 0px;}
#addresscentre li {display: inline; list-style-type: none; vertical-align: middle}

#addressright {width: 150px; margin: 3px 6px 0px 0px; padding: 0px; float: right; font-size: 70%; font-weight: bold; color: #000; text-align: right; }
* html #addressright {width: 156px; w\idth: 150px;}
#addressright ul {margin: 0px; padding: 0px;}
#addressright li {display: inline; list-style-type: none; vertical-align: middle;}

/* Footer */
#footer {clear:both; width: 975px; height: 28px; margin: 0px; padding: 0px; margin: 0px auto 0px auto;}

#footer a{color: #FFF;}

#footerleft {width: 300px; margin: 6px 0px 0px 0px; padding: 0px; float: left; font-size: 70%; font-weight: bold; color: #FFF; text-align: left;}
#footerleft ul {margin: 0px; padding: 0px;}
#footerleft li {display: inline; list-style-type: none; vertical-align: middle}

#footercentre {width: 520px; margin: 6px 0px 0px 0px; padding: 0px; float: left; font-size: 70%; font-weight: bold; color: #FFF; text-align: right;}
#footercentre ul {margin: 0px; padding: 0px;}
#footercentre li {display: inline; list-style-type: none; vertical-align: middle}

#footerright {width: 130px; margin: 6px 0px 0px 0px; padding: 0px; float: right; font-size: 70%; font-weight: bold; color: #FFF; text-align: right;}
#footerright ul {margin: 0px; padding: 0px;}
#footerright li {display: inline; list-style-type: none; vertical-align: middle;}

/* Form Details */
.mandatoryfield {color: #ff0000;}
label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block}
input {color: #000033; background: #EF9BA0; border: 1px solid #000033}
textarea {color: #000033 ; background: #EF9BA0; border: 1px solid #000033}
.submit input {margin-bottom: 2.0em; margin-right: 0.5em; color: #FFFFFF ; background: #EF9BA0; font-weight: bold;} 
fieldset {width: 75%; border: 1px solid #000033;}
legend {font-size: 90%; color: #FFF; font-weight: bold; text-align: left;}

/* Spacing */
.space8 {padding: 8px;}

/* Skip Navigation */
.skip {position:absolute; top:0px; left:-1000px;}
.skip:focus,.skip:active {position: absolute; top: 10px; left: 10px; background: #E2383B; color: #FFFFFF; font-weight: bold; padding: 10px}
#skip {position:absolute; top:0px; z-index: 1000;}