/* ***** RESET CSS ***** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{border:0; font-family:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
/* ***** RESET CSS ***** */

/* ***** COLOURS *****
Grey / Blue BG		40505f
Blue Dark footer	11222f
Pink				b4006b
***** COLOURS ***** */

/* ***** GENERIC ***** */
body {background-color:#11222f; font-family:Helvetica; font-size:86%;}

#holdMainContent {background-color:#40505f;}
#holdMainContent #mainContent {margin:0px auto; width:925px;  /* bmh */ voice-family: "\"}\""; voice-family:inherit; left:50%;}

h1, h2, h3 {font-weight:normal;}
ul {list-style:none;}
a {text-decoration:none;}

.clear {clear:both; font-size:0px; height:0px;}
.fillForm {background-color:#90125c; color:#ffffff;}

#preloadImages {display:none;}
/* ***** GENERIC ***** */

/* ***** LEFT ***** */
#left {float:left; padding:43px 0px 0px 0px; width:235px;}
#left p a {background:url(../images/logo.gif) repeat-x top left; display:block; height:76px; margin:0px 0px 35px 0px; text-indent:-4000px; width:212px;}

#left ul {padding:0px 0px 15px 0px;}
#left ul li a {color:#ffffff; display:block; height:33px; margin:0px 0px 13px 0px; text-indent:-4000px; width:205px;}
#left ul #home a {background:url(../images/menuh1.gif) no-repeat top left;}
#left ul #about a {background:url(../images/menua1.gif) no-repeat top left;}
#left ul #work a {background:url(../images/menuw1.gif) no-repeat top left;}
#left ul #contact a {background:url(../images/menuc1.gif) no-repeat top left;}
#left ul #stuff a {background:url(../images/menus1.gif) no-repeat top left;}

#left ul #home a:hover {background:url(../images/menuh2.gif) no-repeat top left;}
#left ul #about a:hover {background:url(../images/menua2.gif) no-repeat top left;}
#left ul #work a:hover {background:url(../images/menuw2.gif) no-repeat top left;}
#left ul #contact a:hover {background:url(../images/menuc2.gif) no-repeat top left;}
#left ul #stuff a:hover {background:url(../images/menus2.gif) no-repeat top left;}

#left ul #home.menuOn a {background:url(../images/menuh2.gif) no-repeat top left;}
#left ul #about.menuOn a {background:url(../images/menua2.gif) no-repeat top left;}
#left ul #work.menuOn a {background:url(../images/menuw2.gif) no-repeat top left;}
#left ul #contact.menuOn a {background:url(../images/menuc2.gif) no-repeat top left;}
#left ul #stuff.menuOn a {background:url(../images/menus2.gif) no-repeat top left;}
/* ***** LEFT ***** */

/* ***** RIGHT ***** */
#right {float:left; padding:36px 0px 40px 0px; width:690px;}

#right #topSection {background-color:#d7dee3; height:151px; position:relative;}
#right #topSection.admin {height:100px;}
#right #topSection div {display:none; left:0px; position:absolute; top:0px; width:461px;}
#right #topSection div.firstTest {display:block;}
#right #topSection img {display:none; left:461px; position:absolute; top:0px;}
#right #topSection img.firstTest {display:block;}
#right #topSection h2 {color:#11222f; font-size:1.3em; padding:30px 30px 10px 30px;}
#right #topSection h2.contactPage {color:#395057;}
#right #topSection h2 strong {color:#0f191b; font-weight:normal;}
#right #topSection p {color:#616d79; font-size:1.1em; padding:0px 30px 0px 30px;}
#right #topSection p.contactPage {font-family:Century Gothic; font-size:1.6em;}
#right #topSection p strong {color:#b4006b; font-weight:normal;}

#right #homePage {height:560px; position:relative; width:690px;}
#right #homePage img {display:none; left:0px; position:absolute; top:0px;}
#right #homePage img.firstSlide {display:block;}
#right #homePage div {display:none; height:120px; left:25px; position:absolute; top:411px; width:308px;}
#right #homePage div.firstSlide {display:block;}
#right #homePage div h2 {color:#9e0564; font-family:Century Gothic; font-size:1.5em; margin:10px 0px 10px 12px;}
#right #homePage div p {color:#ffffff; font-size:1.0em; margin:0px 0px 0px 12px;}

#right #aboutPage {background-color:#ffffff; padding:30px 30px 30px 30px; width:630px;}
#right #aboutPage h1 {color:#b4006b; font-family:Century Gothic; font-size:2.5em; letter-spacing:-1px; margin:0px 0px 15px 0px;}
#right #aboutPage h2 {color:#b4006b; font-family:Century Gothic; font-size:1.4em; margin:0px 0px 15px 0px;}
#right #aboutPage p {color:#3c5359; font-size:1.1em; margin:0px 0px 15px 0px;}
#right #aboutPage p strong {color:#101a1c; font-weight:normal;}

#right #workPage {background-color:#ffffff; padding:0px 0px 30px 0px; width:690px;}
#right #workPage img {cursor:pointer; display:block; float:left; margin:30px 0px 0px 30px;}

#right #contactPage {background:#ffffff url(../images/jaffa.jpg) no-repeat bottom right; padding:30px 30px 30px 30px; width:630px;}
#right #contactPage div {width:330px;}
#right #contactPage div label {color:#0f191b; float:left; font-size:1.1em; margin:0px 0px 10px 0px;}
#right #contactPage div span {color:#000000; font-weight:bold;}
#right #contactPage div input {border:1px solid #5366d; float:right; font-size:16px; margin:0px 0px 10px 0px;}
#right #contactPage div input.txtName {width:240px;}
#right #contactPage div input.txtCompany {width:230px;}
#right #contactPage div input.txtEmail {width:250px;}
#right #contactPage div input.txtEmailConfirm {width:250px;}
#right #contactPage div input.txtPhone {width:230px;}
#right #contactPage div input.txtBiscuit {width:150px;}
#right #contactPage div input.btnSend {border:0px; float:none; margin:0px 0px 10px 0px;}
#right #contactPage div textarea {border:1px solid #5366d; font-size:16px; height:80px; margin:0px 0px 10px 0px; width:327px;}
#right #contactPage div p {color:#2f474e; font-size:1.0em; font-style:italic; margin:0px 0px 10px 0px;}
#right #contactPage div.warning {background-color:#eeeeee; border:1px solid #90125c; margin:0px 0px 30px 0px; padding:10px 10px 0px 10px; width:auto;}
#right #contactPage div.warning p {color:#90125c; font-size:1.1em; margin:0px 0px 10px 0px;}

#right #contactPage div.formSent {background-color:#eeeeee; border:1px solid #90125c; margin:0px 0px 400px 0px; padding:10px 10px 0px 10px; width:auto;}
#right #contactPage div.formSent p {color:#90125c; font-size:1.1em; margin:0px 0px 10px 0px;}


#right #stuffPage {background-color:#ffffff; padding:22px 0px 30px 0px; width:690px;}
#right #stuffPage #holdStuff {background:url(../images/dot.gif) repeat-y 343px 0px; padding:8px 0px 0px 0px;}
#right #stuffPage #holdStuff div {background:url(../images/dot2.gif) repeat-x bottom left; float:left; margin:0px 20px 20px 20px; width:304px;}
#right #stuffPage #holdStuff div img {cursor:pointer; display:block; float:left; margin:0px 0px 5px 10px;}
#right #stuffPage #holdStuff div h2 {font-family:Century Gothic; font-size:1.2em; margin:0px 10px 5px 10px;}
#right #stuffPage #holdStuff div h2 a {color:#b4006b;}
#right #stuffPage #holdStuff div p {font-size:0.9em; margin:0px 10px 10px 10px;}
#right #stuffPage #holdStuff div p a {color:#616d79;}
#right #stuffPage #stuffNav {position:relative; width:690px;}
#right #stuffPage #stuffNav p {color:#616d79; font-size:1.0em; margin:15px 0px 0px 0px; text-align:center;}
#right #stuffPage #stuffNav #prevButton {left:30px; position:absolute; top:0px;}
#right #stuffPage #stuffNav #nextButton {left:641px; position:absolute; top:0px;}
/* ***** RIGHT ***** */

/* ***** FOOTER ***** */
#holdFooter {background:url(../images/bgfooter.gif) repeat-x top left;}
#holdFooter #footer {margin:0px auto; width:925px;  /* bmh */ voice-family: "\"}\""; voice-family:inherit; left:50%;}

#holdFooter #footer #tshirt {position:relative;}
#holdFooter #footer #tshirt a {left:0px; position:absolute; top:-111px;}
#holdFooter #footer #tshirt a img {float:none; margin:0px;}

#holdFooter #footer p {color:#616d79; float:left; font-size:0.9em; margin:25px 72px 70px 0px; text-transform:uppercase; width:375px;}

#holdFooter #footer #footerRight {float:right; margin:25px 0px 0px 0px; text-align:right; width:auto;}
#holdFooter #footer #footerRight span {color:#a2acb5;}
#holdFooter #footer #footerRight span.smaller {color:#616d79; font-size:0.9em;}

#holdFooter #footer img {float:left; margin:26px 0px 0px 0px;}
/* ***** FOOTER ***** */

/* ***** POP CONTENT ***** */
#overlayLayer {background-color:#11181e; display:none; height:100%; left:0px; position:fixed; top:0px; width:100%; z-index:50;
filter: alpha(opacity=50); /*older IE*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
-moz-opacity: .5; /*older Mozilla*/
-khtml-opacity: 0.5;   /*older Safari*/
opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
}

#popContent {display:none; left:0px; position:absolute; top:0px; width:640px; z-index:100;}

#popContent #popNavButtons {background-color:#d8dfe3; display:block; height:40px; letter-spacing:-1px; padding:25px 0px 0px 0px; text-align:center; text-transform:uppercase; width:640px;}
#popContent #popNavButtons a {color:#616e7a; font-size:1.1em; font-weight:bold;}
#popContent #popNavButtons a:hover {color:#9e0564;}
#popContent #popNavButtons #prevButton {background:url(../images/btnprev.gif) no-repeat top left; display:block; font-weight:normal; left:20px; padding:0px 0px 0px 25px; position:absolute; top:25px;}
#popContent #popNavButtons #nextButton {background:url(../images/btnnext.gif) no-repeat top right; display:block; font-weight:normal; left:557px; padding:0px 25px 0px 0px; position:absolute; top:25px;}
#popContent #popNavButtons #prevButton:hover {background:url(../images/btnprev1.gif) no-repeat top left;}
#popContent #popNavButtons #nextButton:hover {background:url(../images/btnnext1.gif) no-repeat top right;}

#popContent div {background-color:#ffffff; display:none; height:530px; position:relative; width:640px;}
#popContent div img {display:none; left:20px; position:absolute; top:20px;}

#popContent div div {background-color:Transparent; display:none; height:117px; left:38px; padding:0px; position:absolute; top:366px; width:560px;}
#popContent div div h2 {color:#9e0564; font-family:Century Gothic; font-size:1.4em; margin:10px 0px 10px 12px;}
#popContent div div p {color:#ffffff; font-size:1.0em; margin:0px 0px 0px 12px;}
/* ***** POP CONTENT ***** */

/* ***** ADMIN ***** */
#left #adminMenu li a {color:#ffffff; font-size:1.5em; height:28px; padding:5px 0px 0px 10px; text-indent:0px; text-transform:lowercase; width:205px;}
#left #adminMenu li a:hover, #left #adminMenu li.menuOn a {background-color:#ffffff; color:#90125c;}

#right #holdAdmin {background-color:#ffffff; padding:30px 30px 30px 30px; width:630px;}
#right #holdAdmin div.warning {background-color:#eeeeee; border:1px solid #90125c; margin:0px 0px 30px 0px; padding:10px 10px 0px 10px;}
#right #holdAdmin div.warning p {color:#90125c; font-size:1.1em; margin:0px 0px 10px 0px;}
#right #holdAdmin h1 {color:#b4006b; font-family:Century Gothic; font-size:2.5em; letter-spacing:-1px; margin:0px 0px 15px 0px;}
#right #holdAdmin h2 {color:#b4006b; font-family:Century Gothic; font-size:1.4em; margin:0px 0px 15px 0px;}
#right #holdAdmin p {color:#3c5359; font-size:1.1em; margin:0px 0px 15px 0px;}
#right #holdAdmin p strong {color:#101a1c; font-weight:normal;}
#right #holdAdmin label {color:#616d79; float:left; font-size:1.2em; margin:0px 10px 15px 0px; width:140px;}
#right #holdAdmin input {border:1px solid #435563; float:left; font-family:Helvetica; font-size:16px; margin:0px 0px 15px 0px; width:240px;}
#right #holdAdmin input.fileUpload {border:0px; width:auto;}
#right #holdAdmin span.checkBox input {height:13px; padding:0px; width:13px;}
#right #holdAdmin textarea {border:1px solid #435563; float:left; font-family:Helvetica; font-size:16px; height:80px; margin:0px 0px 15px 0px; width:450px;}
#right #holdAdmin select {border:1px solid #435563; float:left; font-size:14px; margin:0px 0px 15px 0px;}

#right #holdAdmin div.holdTextEditor {float:left; margin:0px 0px 15px 0px; width:450px;}

#right #holdAdmin p.floatingLinks {float:left; margin:0px 0px 15px 0px; width:auto;}
#right #holdAdmin p.floatingLinks a {color:#11222f;}
#right #holdAdmin p.floatingLinks a:hover {color:#b4006b;}

#right #holdAdmin div.frmSummary {color:#5f5f5f; float:left; margin:0px 0px 15px 0px; width:450px;}
#right #holdAdmin div.frmSummary p {font-size:1.0em; margin:0px; padding:0px;}
#right #holdAdmin div.frmSummary a {color:#5f5f5f; text-decoration:underline;}
#right #holdAdmin div.frmSummaryTextEditor {color:#4d4d4d; float:left; margin:0px 0px 15px 0px; width:450px;}
#right #holdAdmin div.frmSummaryTextEditor p {margin:0px 0px 10px 0px;}

#right #holdAdmin p.formLink {float:left; margin:5px 0px 0px 15px; width:auto;}
#right #holdAdmin p.formLink a {color:#40505f; font-weight:bold;}
#right #holdAdmin p.formLink a:hover {color:#b4006b;}

#right #holdAdmin div.frmButton {margin:0px 0px 0px 150px;}
#right #holdAdmin div.frmButton input {background-color:#ffffff; border:1px solid #90125c; color:#90125c; float:left; font-size:1.2em; font-weight:bold; margin:0px 15px 0px 0px; padding:3px 10px 3px 10px; text-align:left; width:auto;}
#right #holdAdmin div.frmButton input.frmButtonOn {background-color:#90125c; border:1px solid #90125c; color:#ffffff; cursor:pointer; float:left; font-size:1.2em; font-weight:bold; margin:0px 15px 0px 0px; padding:3px 10px 3px 10px; text-align:left; width:auto;}

#right #holdAdmin table {border-collapse:collapse; border-spacing:0; margin:0px 0px 15px 0px; width:630px;}
#right #holdAdmin tr.tableHeader td {background-color:#40505f; border-bottom:none; color:#ffffff; padding:5px 5px 5px 5px;}
#right #holdAdmin tr.tableHeader td a {color:#ffffff; text-decoration:underline;}
#right #holdAdmin td {border-bottom:1px solid #616d79; color:#616d79; padding:5px 5px 5px 5px;}
#right #holdAdmin td a {color:#e94735; text-decoration:none;}
#right #holdAdmin td a:hover {text-decoration:underline;}
#right #holdAdmin tr.alt td {background-color:#d7dee3; border-bottom:1px solid #11222f; color:#11222f;}
#right #holdAdmin table input {float:none; margin:0px 0px 0px 0px; width:auto;}

#holdAdmin #siteMap ul {font-size:1.2em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#holdAdmin #siteMap ul li {background:url(../images/bullet.gif) no-repeat center left; font-size:1.0em; margin:0px 0px 20px 0px; padding:0px 0px 0px 30px;}
#holdAdmin #siteMap ul li a {color:#435563;}
#holdAdmin #siteMap ul li a:hover {color:#90125c;}
/* ***** ADMIN ***** */