/* YUI reset 2.6.0 */ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* Global */ html {height:100%;color:#231f20; background:#ffffff; font-family:Arial;font-size:11px;} body {height:100%; margin: 0;} strong { font-weight:bold !important; } .invisible {display:none} .right {float:right} .left {float:left} /*div {border: 1px solid red;}*/ div.fullscreen {width:100%; height: 100%;margin:auto;} /* HOMEPAGE */ div.fullscreen div.maincontainer {width:970px; height:auto; margin-left:auto; margin-right:auto} div.fullscreen div.maincontainer div.header {width:970px; height:99px; background-color:#d7df21} div.fullscreen div.maincontainer div.header div.logo {float:left;padding-left:30px; padding-top:21px;} div.fullscreen div.maincontainer div.header div.contact {float:right; margin-right:10px; margin-top:75px;} div.fullscreen div.maincontainer div.header div.download {float:right; margin-right:10px; margin-top:74px;} div.fullscreen div.maincontainer div.slide {width:970px; max-width:970px; height:210px; margin-top:6px;color:#ffffff; overflow:hidden; background-color:#231f20;} /* slider */ div.slide ul{ list-style: none; margin: 0px; padding: 0px;} div.slide ul li{ float: left; padding: 0px; display: block; margin-right: 0px;} div.slide #a1{ width: 490px;height: 210px; background-image: url(../images/slide_closed.gif); background-repeat:no-repeat; } /*div.slide #a1:hover{ width: 490px;height: 210px; background-image: url(../images/slide_open.gif); background-repeat:no-repeat;}*/ div.slide ul li img{ position: absolute; } div.slide ul li div.contentslide {float:left;padding: 0; width: 480px; display: block; margin-left: 0px; margin-top:0px;} div.slide ul li div.contentslide div.img {float:left; width:120px; height:210px;} div.slide ul li div.contentslide div.title {float:left;margin-left:20px; margin-top:20px; width: 310px; font-family:Georgia; font-size:20px;} div.slide ul li div.contentslide div.desc {float:left;margin-left:20px;width: 310px; font-size:10px; margin-top:5px; line-height:17px;} div.slide ul li div.contentslide div.btn {float:left;margin-left:20px; width: 310px; margin-top:5px; border-top:1px solid #3d3a3b; } div.slide ul li div.contentslide div.btn img {margin-left:212px; margin-top:-1px;} .kwicks { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0; } .kwicks li{ /* these are required, but the values are up to you (must be pixel) */ width: 194px; height: 210px; /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicks.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 5px; /*Set to same as spacing option. */ float: left; } .kwicks.vertical li{ /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-bottom: 5px; /*Set to same as spacing option. */ } #kwick_1 { background-color: #2a2627; background-image:url(../images/1slide_closed.jpg); background-repeat:no-repeat} #kwick_1.active {background-color: #2a2627; background-image:url(../images/1slide_open.jpg); background-repeat:no-repeat } #kwick_2 { background-color: #2a2627; background-image:url(../images/2slide_closed.jpg); background-repeat:no-repeat} #kwick_2.active {background-color: #2a2627; background-image:url(../images/2slide_open.jpg); background-repeat:no-repeat } #kwick_3 { background-color: #2a2627; background-image:url(../images/3slide_closed.jpg); background-repeat:no-repeat} #kwick_3.active {background-color: #2a2627; background-image:url(../images/3slide_open.jpg); background-repeat:no-repeat } #kwick_4 { background-color: #2a2627; background-image:url(../images/4slide_closed.jpg); background-repeat:no-repeat} #kwick_4.active {background-color: #2a2627; background-image:url(../images/4slide_open.jpg); background-repeat:no-repeat } #kwick_5 { background-color: #2a2627; background-image:url(../images/5slide_closed.jpg); background-repeat:no-repeat} #kwick_5.active {background-color: #2a2627; background-image:url(../images/5slide_open.jpg); background-repeat:no-repeat } .kwicks.horizontal #kwick_5 { margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */} .kwicks.vertical #kwick_5 { margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */} /* slider END */ div.fullscreen div.maincontainer div.content {width:970px; height:auto; padding-top:23px; } div.fullscreen div.maincontainer div.content div.left {float:left; width:220px; height:auto; } div.fullscreen div.maincontainer div.content div.left div.leftheader {width:220px; height:55px; border-bottom:1px solid black } div.fullscreen div.maincontainer div.content div.left div.leftheader p {padding-top:15px; font-family:Georgia; font-size:26px;} div.fullscreen div.maincontainer div.content div.left div.item {width:220px; min-height:50px; height:auto; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #e9e9e9} div.fullscreen div.maincontainer div.content div.left div.item div.title {color:#c2cb1e; font-weight:bold;} div.fullscreen div.maincontainer div.content div.left div.item div.posted {margin-top:3px;} div.fullscreen div.maincontainer div.content div.left div.item div.desc {margin-top:17px; line-height:15px;} div.fullscreen div.maincontainer div.content div.left div.item div.link {margin-top:10px; text-align:right} div.fullscreen div.maincontainer div.content div.left div.item a {color:#c2cb1e; font-weight:bold; text-decoration:none} div.fullscreen div.maincontainer div.content div.left div.item a:hover {color:#c2cb1e; font-weight:bold; text-decoration:underline} div.fullscreen div.maincontainer div.content div.left div.read img {margin-top:-1px;} div.fullscreen div.maincontainer div.content div.right {float:left; width:720px; height:auto; margin-left:30px; } div.fullscreen div.maincontainer div.content div.right div.btns {width:720px;; height:55px; } div.fullscreen div.maincontainer div.content div.right div.btns ul {} div.fullscreen div.maincontainer div.content div.right div.btns ul li {display:inline; margin-right:6px;} div.fullscreen div.maincontainer div.content div.right div.boxcontainer {float:left; width:680px; height:auto; margin-top:40px; padding-left:60px;} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box {float:left; width:120px; height:auto; margin-left:10px;} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box h1 {font-family:Georgia; font-weight:bold; height:35px; background-image: url(../images/arrow.png); background-repeat:no-repeat; padding-left:10px;} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box h1 a {color:#231f20; text-decoration:none} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box h1 a:hover {color:#231f20; text-decoration:none} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box ul {margin-top:0px;} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box ul li {margin-top:7px;} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box ul li a {color:#4c4c4c; text-decoration:none} div.fullscreen div.maincontainer div.content div.right div.boxcontainer div.box ul li a:hover {color:#c2cb1e; text-decoration:underline} div.fullscreen div.maincontainer div.footercontainer {float:left; width:970px; height:50px; margin-top:55px; border-top:1px solid #d3d4d5; text-align:center} div.fullscreen div.maincontainer div.footercontainer div.footer {} div.fullscreen div.maincontainer div.footercontainer div.footer ul {margin-top:12px;} div.fullscreen div.maincontainer div.footercontainer div.footer ul li {display:inline; margin-left:5px; margin-right:5px;} div.fullscreen div.maincontainer div.footercontainer div.footer ul li a {color:#a7a9ac; text-decoration:none; } div.fullscreen div.maincontainer div.footercontainer div.footer ul li a:hover {color:#c2cb1e; text-decoration:none;} div.fullscreen div.maincontainer div.footercontainer div.footer h2 {margin-top:5px;color:#a7a9ac;} div.fullscreen div.maincontainer div.footercontainer div.footer h2 a {color:#a7a9ac; text-decoration:none;} div.fullscreen div.maincontainer div.footercontainer div.footer h2 a:hover {color:#00FF00; text-decoration:underline;} div.fullscreen div.maincontainer div.footercontainer div.footer p {margin-top:30px;} /* company profile */ div.fullscreen div.maincontainer div.subheader {width:970px; height:70px; margin-top:6px; background-color:#231f20} div.fullscreen div.maincontainer div.subheader div.left {float:left; width:240px; height:70px} div.fullscreen div.maincontainer div.subheader div.right {float:left; width:730px; height:70px; color:#ffffff} div.fullscreen div.maincontainer div.subheader div.right h1 {margin-left:18px; margin-top:16px; font-size:20px; font-family:Georgia} div.fullscreen div.maincontainer div.subheader div.right ul {margin-left:18px;margin-top:3px;} div.fullscreen div.maincontainer div.subheader div.right ul li {display:inline; padding-right:2px;} div.fullscreen div.maincontainer div.subheader div.right ul li a {color:#ffffff; text-decoration:none; font-size:10px;} div.fullscreen div.maincontainer div.subheader div.right ul li a:hover {color:#ffffff;text-decoration:underline} div.fullscreen div.maincontainer div.content div.left div.leftmenu {border-top:1px solid #e9e9e9} div.fullscreen div.maincontainer div.content div.left div.leftmenu ul {font-family:georgia; font-weight:bold; font-size:12px; } div.fullscreen div.maincontainer div.content div.left div.leftmenu ul li {color:#231f20; height:15px; margin-top:10px} div.fullscreen div.maincontainer div.content div.left div.leftmenu ul li a {color:#231f20; text-decoration:none} div.fullscreen div.maincontainer div.content div.left div.leftmenu ul li a.alt {color:#c2cb1e; text-decoration:none} div.fullscreen div.maincontainer div.content div.left div.leftmenu ul li.hairline {height:1px;border-bottom:1px solid #e9e9e9;} div.fullscreen div.maincontainer div.content div.left div.leftmenu ul.internal {margin-left:15px; margin-top:10px;} div.fullscreen div.maincontainer div.content div.left div.leftmenu ul.internal li {border-bottom:none;height:auto; font-family:arial; line-height:10px; } div.fullscreen div.maincontainer div.content div.left div.leftmenu ul.internal li a {font-size:11px;color:#231f20;text-decoration:none; font-weight:normal; } div.fullscreen div.maincontainer div.content div.left div.leftmenu ul.internal li a:hover {color:#231f20; text-decoration:underline} div.fullscreen div.maincontainer div.content div.right div.profile {float:left; width:720px; height:auto; border-top:1px solid #c1c3c5; } div.fullscreen div.maincontainer div.content div.right div.profile div.profileleft {float:left; width:240px; height:auto; margin-top:20px; text-align:center; } div.fullscreen div.maincontainer div.content div.right div.profile div.profileright {float:right; width:470px; height:auto; margin-top:20px; margin-left:10px;} div.fullscreen div.maincontainer div.content div.right div.profile div.profileright div.title {font-family:georgia; font-weight:bold;font-size:15px;} div.fullscreen div.maincontainer div.content div.right div.profile div.profileright div.desc {padding-right:40px;color:#4c4c4c; margin-top:10px; line-height:15px;} div.fullscreen div.maincontainer div.content div.right div.profile div.profileright div.footer {width: 480px; margin-top:30px; border-top:1px solid #dfdfdf; text-align:right} div.fullscreen div.maincontainer div.content div.right div.profile div.profileright div.footer img {margin-top:-1px;} /* our people landing */ div.fullscreen div.maincontainer div.content div.right div.people {float:left; width:720px; height:auto; border-top:1px solid #c1c3c5; } div.fullscreen div.maincontainer div.content div.right div.people div.left {float:left; width:240px; height:auto; margin-top:20px; text-align:center; } div.fullscreen div.maincontainer div.content div.right div.people div.middle {float:left; width:350px; height:auto; margin-top:20px; margin-left:10px; } div.fullscreen div.maincontainer div.content div.right div.people div.middle div.title {font-family:georgia; font-weight:bold; font-size:15px;} div.fullscreen div.maincontainer div.content div.right div.people div.middle div.desc {color:#4c4c4c; margin-top:10px; line-height:15px;} div.fullscreen div.maincontainer div.content div.right div.people div.middle div.desc ul {} div.fullscreen div.maincontainer div.content div.right div.people div.middle div.desc ul li {list-style-type: disc; margin-left:15px;} div.fullscreen div.maincontainer div.content div.right div.people div.middle div.desc span {color:#ff0000} div.fullscreen div.maincontainer div.content div.right div.people div.middle div.footer {width: 480px; margin-top:30px; border-top:1px solid #dfdfdf; text-align:right} div.fullscreen div.maincontainer div.content div.right div.people div.middle div.footer img {margin-top:-1px;} div.fullscreen div.maincontainer div.content div.right div.people div.right {float:right; width:110px; height:auto; margin-top:0px; margin-left:10px; } div.fullscreen div.maincontainer div.content div.right div.people div.right img {margin-top:-1px} /* traineeships */ div.fullscreen div.maincontainer div.content div.right div.traineecontainer { border-top:1px solid #c1c3c5;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer .desc strong { font-weight:bold; } /* this is temp while we dont have the CMS */ div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp {float:left; width:100%; height:auto; margin-top:20px;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.img {float:left; width:120px;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.img img {border:1px solid black} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.title {float:left;width:580px; font-family:georgia; font-size:14px; font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.course {float:left;width:580px;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.course a {color:#c2cb1e; text-decoration:none;font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.course a:hover {color:#c2cb1e;text-decoration:underline;font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.subtitle {float:left;width:580px;font-family:georgia; font-size:14px; font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.text {float:left;width:580px; color:#4c4c4c; margin-top:10px; line-height:15px;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.link {float:left;width:580px; margin-top:10px; border-top:1px solid #c1c3c5; text-align:right} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box_temp div.link img {margin-top:-1px;} /* this is when we have the cms */ div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box {float:left; width:360px; height:auto; margin-top:20px; /*border:1px solid red;*/} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.img {float:left; width:120px; } div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.title {float:left;width:220px; font-family:georgia; font-size:14px; font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.code {float:left;width:220px; font-size:12px; font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.subtitle {float:left;width:220px;font-family:georgia; font-size:14px; font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.text {float:left;width:220px; color:#4c4c4c; margin-top:10px; line-height:15px;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.link {float:left;width:340px; margin-top:10px; border-top:1px solid #c1c3c5; text-align:right} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.link img {margin-top:-1px;} /* barista */ div.fullscreen div.maincontainer div.content div.right div.people div.middle div.subtitle {font-weight:bold; font-size:12px;} /* RSA */ div.fullscreen div.maincontainer div.content div.right div.people div.middle div.desc a {color:#c2cb1e; text-decoration:none;font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.people div.middle div.desc a:hover {color:#c2cb1e;text-decoration:underline;font-weight:bold;} /* testimonials */ div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.course {float:left;width:220px; font-size:11px; font-weight:bold; color:#4c4c4c; margin-top:10px;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.course a {color:#c2cb1e; text-decoration:none;font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.traineecontainer div.box div.course a:hover {color:#c2cb1e;text-decoration:underline;font-weight:bold;} /* contact */ div.fullscreen div.maincontainer div.content div.right div.contact {float:left; width:720px; height:auto; border-top:1px solid #c1c3c5; } div.fullscreen div.maincontainer div.content div.right div.contact div.left {float:left; width:470px; height:auto;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.title {width:220px; font-family:georgia; font-size:14px; font-weight:bold; margin-top:20px;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.subtitle {color:#4c4c4c; margin-top:10px;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.subtitle p { margin:0 0 1em 0; line-height:1.3 } div.fullscreen div.maincontainer div.content div.right div.contact div.left .error { font-weight:bold; margin:2em 0; text-align:center; font-style: italic;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table {margin-top:10px;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table table {width:480px;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table table tr td {font-weight:bold;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table table tr td.spacer {height:15px;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table table tr td input {width:220px; background-color:#eee; border:0px; margin-top:2px; font-size:1em;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table table tr td select {width:220px; background-color:#eee; border:0px; margin-top:2px; height:20px; font-size:1em;} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table table tr td input.big {width:465px; height:150px; } div.fullscreen div.maincontainer div.content div.right div.contact div.left div.table table tr td span {color:#c2cb1e} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.footer {border-top:1px solid #dfdfdf; text-align:right} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.footer img {margin-top:-1px;} div.fullscreen div.maincontainer div.content div.right div.contact div.right {float:right; width:211px;height:auto;} div.fullscreen div.maincontainer div.content div.right div.contact div.right div.title {width:220px; font-family:georgia; font-size:14px; font-weight:bold; margin-top:20px;} div.fullscreen div.maincontainer div.content div.right div.contact div.right div.subtitle {color:#4c4c4c; font-weight:bold; margin-top:10px;} div.fullscreen div.maincontainer div.content div.right div.contact div.right div.desc {color:#4c4c4c;margin-top:5px; margin-bottom:20px;} div.fullscreen div.maincontainer div.content div.right div.contact div.right div.desc a {color:#c2cb1e; text-decoration:none;font-weight:bold} div.fullscreen div.maincontainer div.content div.right div.contact div.right div.desc a:hover {color:#c2cb1e;text-decoration:underline;font-weight:bold;} /* FAQ */ div.fullscreen div.maincontainer div.content div.right div.contact div.left div.title {width:470px; font-family:georgia; font-size:14px; font-weight:bold; margin:20px 0 6px 0; } div.fullscreen div.maincontainer div.content div.right div.contact div.left strong {width:470px; font-size:11px; font-weight:bold; margin-top:10px; color:#4c4c4c; line-height:1.8} div.fullscreen div.maincontainer div.content div.right div.contact div.left div.ans {width:470px; font-size:11px; margin-top:0px; color:#4c4c4c; margin-bottom:20px;} div.fullscreen div.maincontainer div.content div.right div.contact div.left a {color:#c2cb1e; text-decoration:none;font-weight:bold} div.fullscreen div.maincontainer div.content div.right div.contact div.left a:hover {color:#c2cb1e;text-decoration:underline;font-weight:bold;} /* NEWS PAGE */ div.fullscreen div.maincontainer div.content div.right .newscontent h1.title { font-family:georgia; font-size:18px; font-weight:bold; margin-bottom:10px; } div.fullscreen div.maincontainer div.content div.right .newscontent .item {border-top:1px solid #dfdfdf; margin:0.2em 0 0.5em 0; padding:1em 0; clear:both; min-height:1em; } div.fullscreen div.maincontainer div.content div.right .newscontent .item .title { font-weight:bold; margin-bottom:0.3em; font-weight:bold; font-size:12px; float:left; } div.fullscreen div.maincontainer div.content div.right .newscontent .item .posted { float:right; } div.fullscreen div.maincontainer div.content div.right .newscontent .item .desc { clear:both;} div.fullscreen div.maincontainer div.content div.right .newscontent .item .desc a { color:#c2cb1e; font-weight:bold; }