/* layout */

/* home and general */
.edit { border: thin dashed #3100FF; text-decoration: none; }
body { background: #ffffff; text-align: center; margin: 0; padding: 0; }
#container { width: 760px; margin-right: auto; margin-left: auto; margin-top: 10px; padding: 0px; text-align: left; background: #ffffff; /*		margin: 0 auto; 		background-image: url(../images/container_bg.jpg); 		background-repeat: repeat-y; */ text-align: left; }
#contentleft { width: 245px; height: 360px; padding: 0px; float: left; background: #ffffff; }
#contentcenter { width: 305px; padding: 37px 0px 0px 0px; float: left; background: #ffffff; margin-bottom: 15px; background: #ffffff; }
#contentcenter-2 { width: 515px; padding: 37px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/blue_grad2.jpg); background-position: top right; background-repeat: no-repeat; display: block; float: left; }
#contentcenter-3 { width: 515px; padding: 37px 0px 0px 0px; float: left; background: #ffffff; display: block; float: left; }
#HomePageMessage { width: 285px; background-color: #00718F; font-weight: bold; text-align: center; padding-top: 9px; padding-left: 4px; padding-bottom: 9px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#HomePageMessage a { font-weight: bold; text-decoration: none; color: #FFFFFF; }
#HomePageMessage a:hover { text-decoration: underline; color: #FFFFFF; }

/* team photos */
#contentteam-a { width: 515px; padding: 37px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/janet.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 385px; float: left; }
#team-164 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/pam.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
#team-165 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/janet.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
#team-166 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/shirley.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
#team-167 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/sheena.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
#team-169 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/dorothy.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
#team-170 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/gemma.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
#team-186 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/nigel_blue_grad.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
#team-189 { width: 515px; padding: 0px 0px 0px 0px; float: left; background: #ffffff; background-image: url(../images/team/heather_blue_grad.jpg); background-position: top right; background-repeat: no-repeat; display: block; height: 422px; float: left; }
.teamcontent { width: 305px; padding: 37px 0px 0px 0px; float: left; margin-bottom: 15px; }

/* ------- */
.sidepanel { background-image: url(../images/tagline.gif); background-repeat: no-repeat; background-position: top left; width: 183px; padding-bottom: 10px; }
#rightarea { background-image: url(../images/blue_grad2.jpg); background-repeat: no-repeat; background-position: top left; display: block; min-height: 422px; height: auto !important; height: 422px; width: 210px; float: left; }
#rightareapic { display: block; height: 422px; width: 210px; float: left; }
#contentright1 { width: 180px; padding: 44px 15px 0px 15px; float: left; text-align: left; margin-bottom: 0px; background: #ffffff; }
#contentright1a { width: 180px; padding: 44px 15px 15px 15px; float: left; text-align: left; margin-bottom: 0px; }
#contentright2 { width: 180px; padding: 0px 15px 30px 15px; float: left; text-align: left; }
#contentright3 { padding: 79px 0px 0px 0px; margin-bottom: 0px; display: block; float: left; }
/*#contentright3 { padding: 79px 15px 20px 15px; margin-bottom: 0px; display: block; float: left; }*/
#contentright3pic { padding: 0px; margin-bottom: 0px; display: block; }
.panelheader { width: 180px; background: #00718F; }
.panelarea { width: 176px; float: left; background: #D0B5C9; padding: 0px 2px 2px 2px; }
.panelbox { width: 176px; float: left; background: #D0B5C9; }
.panelimage { width: 176px; float: left; background: #ffffff; padding: 5px 0px 5px 0px; margin-bottom: 5px; overflow: hidden; }
.panelimage2 { width: 66px; float: right; display: block; background: #ffffff; margin-bottom: 0px; height: 100%; overflow: hidden; }
.iipimage { float: left; display: block; padding-left: 0px; margin-bottom: 0px; overflow: hidden; }
.panelimage3 { background: #cccccc; padding: 0px; margin: 0px 0px 10px 10px; }
.paneltext { display: block; }
.paneltext2 { display: block; float: left; width: 110px; padding-top: 10px; }
#navheader { display: block; float: left; width: 515px; }
#footer { float: left; width: 760px; }
.footerbar { float: right; width: 515px; padding-top: 12px; padding-bottom: 4px; border-top: solid #C4C4C4 1px; margin-top: 0px; }
.navbutton { height: 20px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: lighter; text-align: center; border-left: 1px solid #ffffff; background-color: #00718F; text-decoration: none; display: block; vertical-align: bottom; line-height: 19px; }
a.navbutton { height: 20px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: lighter; text-align: center; border-left: 1px solid #ffffff; background-color: #00718F; text-decoration: none; display: block; vertical-align: bottom; line-height: 19px; }
a:hover.navbutton { background-color: #d0b5c9; text-decoration: none; }
a:active.navbutton { }
a:visited.navbutton { }
.navselected { height: 20px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: lighter; text-align: center; border-left: 1px solid #ffffff; background-color: #d0b5c9; text-decoration: none; display: block; vertical-align: bottom; line-height: 19px; }
.navline { background: #ffffff; height: 3px; }
.whitebar { background: #ffffff; }
.siderule { float: left; width: 187px; height: 1px; border-top: solid #C4C4C4 1px; overflow: hidden; }
.homequote { width: 155px; margin: 106px 15px 7px 1px; display: block; }
.quoter { width: 155px; margin: 0px 15px 25px 1px; display: block; }
.clientlistcontainer { text-align: left; display: block; float: left; width: 500px; }
.clientlistbox1 { text-align: left; display: block; float: left; width: 240px; }
.clientlistbox2 { text-align: left; display: block; float: left; width: 240px; padding-left: 10px; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* sidemenu */
.menupanel { margin: 85px 15px 20px 1px; }
.topmenubutton { padding-top: 3px; padding-bottom: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; color: #323232; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; border-bottom: solid #C4C4C4 1px; width: 125px; }
a.topmenubutton { padding-top: 3px; padding-bottom: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; color: #323232; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; border-bottom: solid #C4C4C4 1px; width: 125px; }
a:hover.topmenubutton { color: #00718F; text-decoration: none; }
a:active.topmenubutton { }
a:visited.topmenubutton { }
.menubuttondown { padding-top: 3px; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; color: #00718F; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; }
.menubuttondownred { padding-top: 3px; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; color: #00718F; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; }
.menubutton { padding-top: 3px; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; color: #323232; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; }
a.menubutton { padding-top: 3px; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; color: #323232; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; }
a:hover.menubutton { color: #00718F; text-decoration: none; }
a:active.menubutton { }
a:visited.menubutton { }
.menubutton2down { width: 120px; padding-top: 3px; padding-bottom: 3px; margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; color: #B487A9; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; }
.menubutton2 { width: 120px; padding-top: 3px; padding-bottom: 3px; margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; color: #323232; font-weight: bold; text-align: left; background-color: #ffffff; text-decoration: none; display: block; }
a.menubutton2 { width: 120px; padding-top: 3px; padding-bottom: 3px; margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; color: #323232; font-weight: normal; text-align: left; background-color: #ffffff; text-decoration: none; display: block; }
a:hover.menubutton2 { color: #B487A9; text-decoration: none; }
a:active.menubutton2 { }
a:visited.menubutton2 { }

/* Side menu buttons and indents \*/
.margin1 { margin-left: 15px; }
.margin2 { margin-left: 25px; }
.margin3 { margin-left: 35px; }
.margin4 { margin-left: 45px; }
.margin5 { margin-left: 55px; }

/* Added SMCM 21/10/08 */
.eZineSignUp { margin: 10px 0px 0px 0px; float: left; }
.eZineForm  { margin: 0px; width: 75%; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; }
.eZineForm label { float: left; width: 25%; margin: 5px 10px 3px 0px; text-align: right;}
.eZineForm .textBox { float: left; width: 50%; margin: 3px 0px 3px 0px;}
.eZineForm .formRow { float: left; margin: 0px 0px 10px 0px; width: 100%;}
.eZineForm .formButton { margin: 0px 0px 0px 105px; display: inline;}