body { margin:0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-size:90%; } .highlight{font-weight:bold; color:#3faad8;} a {color:#3faad8; text-decoration:none;} a:hover {color:#ff7f18; text-decoration:none;} #skip { position : absolute; left : -9999px; font-size : small;} /*------------ ### MAIN CONTAINER ### ----------------*/ #wrapper { width:100%; min-width:980px; padding:0; margin:0; float:left; position:relative;} #holder { width:100%; padding:0; margin:0; float:left; clear:both; position:relative; } #holder .header {width:100%; float:left; clear:both; display:block; position:relative; padding:0; margin:0;} #holder .header .banner{width:100%; float:left; clear:both; display:block; position:relative; padding:0; margin:0; background:url(../images/topright_bg.gif) bottom right no-repeat;} #holder .header .banner .logo{width:auto; float:left; clear:left; display:block; position:relative; padding:0; margin:0 0 0 15px;} #holder .header .banner .banner_right{width:422px; float:right; clear:right; display:block; position:relative; padding:0; margin:15px 15px 0 0; } #holder .header .banner .banner_right .date{width:422px; float:right; clear:none; display:block; position:relative; padding:0; margin:0; color:#000; font-size:180%; } #holder .header .banner .banner_right .date .theday{width:auto; float:right; clear:none; display:block; position:relative; padding:0; margin:0; text-align:right;} #holder .header .banner .banner_right .date .monthyear{width:auto; float:right; clear:none; display:block; position:relative; padding:2px 7px 3px 7px; margin:0 0 0 5px; background-color:#ff5c00; color:#fff; font-weight:bold; font-size:40%; text-align:center; letter-spacing:2px;} #holder .header .navigation{width:100%; float:left; clear:both; display:block; position:relative; padding:0; margin:0; background:#ff5c00 url(../images/navbg.gif) center left repeat-x; text-align:center;} #holder .header .navigation ul{list-style:none; margin:0 0 0 25px; padding:0; display:block; position:relative; float:left;} #holder .header .navigation ul li{list-style:none; margin:0; padding:0; float:left; display:block; color:#fff; font-size:95%;} #holder .header .navigation ul li a{margin:0; padding:12px 12px 18px 12px; float:left; display:block; position:relative; color:#fff; text-decoration:none; background:url(../images/nav_spacer.gif) center right no-repeat; } #holder .header .navigation ul li a:hover{text-decoration:none; background: url(../images/nav_over.gif) center right no-repeat;} #holder .header .navigation ul li a.menuend{margin:0; padding:12px 12px 18px 12px; float:left; display:block; position:relative; color:#fff; text-decoration:none; background:none;} #holder .header .navigation ul li a.menuend:hover{text-decoration:none; background: url(../images/nav_over_last.gif) center left repeat-x;} /*#holder .header .navigation{width:100%; float:left; clear:both; background:#ff5c00 url(../images/navbg.gif) center repeat-x; display:block; position:relative; } #holder .header .navigation ul{list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; text-align:center;} #holder .header .navigation ul li{color:#000000; display:inline; font-size:95%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0pt; } #holder .header .navigation ul li a{background:transparent url(../images/nav_spacer.gif) no-repeat right center; color:#FFFFFF; display:inline; margin:0; padding:12px 12px 18px 12px; text-decoration:none; } #holder .header .navigation ul li a:hover{text-decoration:none; background: url(../images/nav_over.gif) center right no-repeat;} #holder .header .navigation ul li a.menuend{background:none; color:#FFFFFF; display:inline; margin:0; padding:12px 12px 18px 12px; text-decoration:none;} #holder .header .navigation ul li a.menuend:hover{text-decoration:none; background: url(../images/nav_over_last.gif) center left repeat-x;}*/ #holder .header .subnav{width:100%; float:left; clear:both; display:block; position:relative; padding:0; margin:0; background:url(../images/subnav_bg.gif) top left repeat-x; } #holder .header .subnav .specoffer_holder{width:35%; float:left; display:block; position:relative; padding:0; margin:0; background:url(../images/sn_offer_bg.gif) top no-repeat; min-height:125px; height:125px; text-align:center;} #holder .header .subnav .port_holder{width:64.7%; float:right; display:block; position:relative; padding:8px 0 8px 0; margin:0; background:#e1e1e1 url(../images/sn_port_bg.gif) top repeat-x; min-height:109px;} #holder .header .subnav .port_holder .p_panels{width:17%; float:left; clear:none; display:block; position:relative; padding:2px; margin:0 0 0 8px; background-color:#dedede; border:1px solid #9c9c9c;} #holder .header .subnav .port_holder .p_panels span{display:block; float:left; clear:both; margin:0; padding:0; color:#a2a2a2; font-size:100%; font-weight:bold;} #holder .header .subnav .port_holder .p_panels img.holder{display:block; width:111px; float:left; clear:both; margin:0; padding:0;} #container .main .maincontent .text{width:545px; float:left; clear:both; display:block; position:relative; padding:0; margin:0 0 15px 0; font-size:90%; color:#525151;} #container .main .maincontent .text h1{color:#ff7f18; font-weight:bold; font-size:150%; margin:0 0 10px 0; padding:15px 0 2px 44px; background:url(../images/h_start.gif) bottom left no-repeat;} #holder .maincontent {width:100%; float:left; clear:both; display:block; position:relative; padding:15px 0 15px 0; margin:0;} #holder .maincontent .content{width:50%; float:left; clear:left; display:block; position:relative; padding:0; margin:0 0 0 17px;} #holder .maincontent .content a{text-decoration:none; color:#3faad8;} #holder .maincontent .content a:hover{text-decoration:none; color:#ff7f18;} #holder .maincontent .content h1{color:#ff7f18; font-weight:bold; font-size:150%; margin:0 0 10px 0; padding:15px 0 2px 44px; background:url(../images/h_start.gif) bottom left no-repeat;} #holder .maincontent .content .text {width:93%; float:right; clear:both; display:block; position:relative; padding:0; margin:0; color:#7a7a7a; text-align:justify;} #container .maincontent .content .text .news_img{float:right; clear:none; display:block; position:relative; padding:0; margin:0 0 10px 10px;} #holder .maincontent .content .text .contact_det {display:block; float:left; width:49.7%; padding:0; margin:0 0 15px 0; position:relative; clear:right;} #holder .maincontent .content .text .contact_det .highlight{color:#3faad8; font-weight:bold; } #holder .maincontent .content .text .contact_det a{color:#7a7a7a; text-decoration:none; } #holder .maincontent .content .text .contact_det a:hover{color:#3faad8; text-decoration:none; } #holder .maincontent .content .text .testimonial {display:block; float:left; width:100%; padding:0; margin:0; position:relative; clear:both;} #holder .maincontent .content .text .testimonial .speech_start{display:block; float:left; width:10%; padding:0; margin:0; position:relative;} #holder .maincontent .content .text .testimonial .speech_end{display:block; float:right; width:88%; padding:0; margin:0; position:relative; background:url(../images/speech_end.gif) bottom right no-repeat;} #holder .maincontent .content .text .testimonial .speech_end .testcontent{display:block; float:left; width:87%; padding:20px 0 15px 0; margin:0; position:relative; } #holder .maincontent .content .text .speech_by{display:block; float:left; clear:both; width:90%; padding:0; margin:0 0 15px 0; position:relative; text-align:right; font-size:85%; font-weight:bold;} #holder .maincontent .content .text .alert{font-weight:bold; color:#ff7f18;} #holder .maincontent .content .text .highlight{font-weight:bold; color:#3faad8;} #holder .maincontent .content .text .jobshove{width:auto; float:left; clear:both; display:block; position:relative; padding:5px; margin:0; text-align:left; } #holder .maincontent .content .text form.jobshove{width:306px; float:left; clear:both; display:inline; position:relative; padding:5px; margin:0; text-align:left; font-weight:bold; color:#3faad8;} #holder .maincontent .content .text form.jobshove input{width:300px; font-size:115%; padding:2px; margin:10px 0 0 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-weight:bold; color:#666;} #holder .maincontent .content .text form.jobshove input.submit{width:auto; font-size:115%; padding:2px; margin:10px 0 0 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-weight:bold; color:#666; float:right;} #holder .maincontent .content .text form.jobshove select{width:306px; font-size:115%; padding:2px; margin:10px 0 0 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-weight:bold; color:#666;} #holder .maincontent .content .text form.jobshove textarea{width:300px; font-size:105%; padding:2px; margin:10px 0 0 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-weight:bold; color:#666;} #holder .maincontent .content .text form.contact{width:306px; float:left; clear:both; display:inline; position:relative; padding:5px; margin:0; text-align:left; font-weight:bold; color:#3faad8;} #holder .maincontent .content .text form.contact input{width:300px; padding:2px; margin:0 0 5px 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; color:#666;} #holder .maincontent .content .text form.contact input.reset{width:auto;} #holder .maincontent .content .text form.contact input.submit{width:auto; padding:2px; margin:0 0 5px 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; color:#666; float:right; font-weight:bold; } #holder .maincontent .content .text form.contact select{width:306px; padding:2px; margin:0 0 5px 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; color:#666;} #holder .maincontent .content .text form.contact textarea{width:300px; padding:2px; margin:0 0 5px 0; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; color:#666;} #holder .maincontent .content .text .staffdet{width:100%; float:left; clear:both; display:block; position:relative; padding:0 0 15px 0; margin:15px 0 0 0; font-size:90%;} #holder .maincontent .content .text .staffdet img{display:block; float:right; padding:0; margin:0 0 10px 10px;} #holder .maincontent .content .text .staffdet .question{color:#3faad8; font-weight:bold; font-size:110%;} #holder .maincontent .content .text .history{width:100%; float:left; clear:both; display:block; position:relative; padding:0 0 15px 0; margin:15px 0 0 0; border-bottom:1px solid #666;} #holder .maincontent .content .text .history img{display:block; float:left; padding:0; margin:0 10px 10px 0;} #holder .maincontent .content .text .history .date{font-weight:bold; font-size:110%;} #holder .maincontent .content .text .history .hentry{font-size:85%;} #holder .maincontent .content .text .dept_title{width:100%; float:left; clear:both; display:block; position:relative; padding:0; margin:15px 0 0 0; font-weight:bold; color:#3faad8; font-size:110%;} #holder .maincontent .content .text .staff_img{width:33%; float:left; display:block; position:relative; padding:0; margin:15px 0 0 0; text-align:center;} #holder .maincontent .content .text .staff_img .staffname{font-weight:bold; font-size:110%;} #holder .maincontent .content .text .staff_img .jobtitle{font-weight:normal; font-size:85%;} #holder .maincontent .content .text .port_img{width:24.5%; float:left; display:block; position:relative; padding:0; margin:15px 0 0 0; text-align:center;} #holder .maincontent .content .text .oraheader{display:block; clear:both;color:#ff7f18; font-weight:bold; font-size:110%; margin:0 0 10px 0; } #holder .maincontent .content .text fieldset{margin:0; padding:5px 5px 10px 5px; } #holder .maincontent .content .text fieldset legend{font-weight:bold; font-size:110%; color:#666; margin:0 0 10px 0;} #holder .maincontent .content .text fieldset .portlink{display:block; position:relative; float:left; clear:none; padding:0; margin:0 15px 0 0; width:130px; text-align:center;} #holder .maincontent .content .text .service_main{width:100%; float:left; display:block; position:relative; clear:both; padding:0; margin:15px 0 0 0;} #holder .maincontent .content .text .service_main .img_area{width:150px; float:left; display:block; position:relative; clear:both; padding:0; margin:0;} #holder .maincontent .features{width:440px; float:right; clear:right; display:block; position:relative; padding:0; margin:0 0 0 20px;} #holder .maincontent .features .panelareas{width:49.5%; float:left; display:block; position:relative; padding:0; margin:0; text-align:center; } #holder .maincontent .features .panelareas a{text-decoration:none; color:#fff;} #holder .maincontent .features .panelareas a:hover{text-decoration:none; color:#000;} #holder .maincontent .features .panelareas .grey{width:177px; clear:both; display:block; position:relative; padding:11px 14px 0 14px; margin:0; text-align:center; background:#8b8b8b url(../images/panels/grey_bg.gif) top left no-repeat; color:#fff; text-align:left;} #holder .maincontent .features .panelareas .grey .header{width:160px; clear:both; display:block; position:relative; padding:0 0 0 17px; margin:0; background:url(../images/panels/icon_insection.gif) center left no-repeat; font-size:115%; font-weight:bold;} #holder .maincontent .features .panelareas .grey .headeremail{width:160px; clear:both; display:block; position:relative; padding:0 0 0 17px; margin:0; background:url(../images/panels/icon_emailstatus.gif) center left no-repeat; font-size:115%; font-weight:bold;} #holder .maincontent .features .panelareas .grey .content{width:160px; clear:both; display:block; position:relative; padding:0 0 0 17px; margin:13px 0 0 0; font-size:100%; float:none; } #holder .maincontent .features .panelareas .grey .content a{display:block; position:relative; margin:10px 0 0 0; padding:10px 0 0 0; clear:both; text-decoration:none; color:#fff; font-size:80%; width:143px;} #holder .maincontent .features .panelareas .grey .content a:hover{text-decoration:none; color:#000;} #holder .maincontent .features .panelareas .grey .content .traffic{width:32px; float:right; clear:right; display:block; position:relative; padding:0 0 0 8px; margin:0; } #holder .maincontent .features .panelareas .grey .content .trafficstatus{width:103px; float:left; clear:left; display:block; position:relative; padding:0; margin:0; font-size:80%; text-align:left;} #holder .maincontent .features .panelareas .grey ul{padding:0; margin:5px 0 0 17px; display:block; list-style-type:none; clear:both;} #holder .maincontent .features .panelareas .grey ul li{width:100%; padding:8px 0 8px 0; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/grey_linespacer.gif) bottom right no-repeat;} #holder .maincontent .features .panelareas .grey ul li.selected{width:100%; padding:8px 0 8px 0; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/grey_linespacer.gif) bottom right no-repeat; font-weight:bold;} #holder .maincontent .features .panelareas .grey ul li.last{width:100%; padding:8px 0 8px 0; margin:0; display:block; clear:both; list-style-type:none; background:none;} #holder .maincontent .features .panelareas .grey ul li ul{padding:0; margin:0 0 0 15px; display:block; list-style-type:none; clear:both; font-weight:normal;} #holder .maincontent .features .panelareas .grey ul li ul li{width:100%; padding:4px 0 4px 0; margin:0; display:block; clear:both; list-style-type:none; background:none; font-size:80%;} #holder .maincontent .features .panelareas .greybottom{width:205px; clear:both; display:block; position:relative; padding:0; margin:0 0 10px 0; background:#fff url(../images/panels/grey_bottom.gif) bottom left no-repeat; height:16px;} #holder .maincontent .features .panelareas .green{width:181px; clear:both; display:block; position:relative; padding:11px 14px 0 10px; margin:0; text-align:center; background:#7de631 url(../images/panels/green_bg.gif) top left no-repeat; color:#fff; text-align:left;} #holder .maincontent .features .panelareas .green .header{width:156px; clear:both; display:block; position:relative; padding:0 0 0 21px; margin:0; background:url(../images/panels/icon_pageopt.gif) center left no-repeat; font-size:115%; font-weight:bold;} #holder .maincontent .features .panelareas .green ul{padding:0; margin:5px 0 0 21px; display:block; list-style-type:none; clear:both;} #holder .maincontent .features .panelareas .green ul li{width:100%; padding:8px 0 8px 0; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/green_linespacer.gif) bottom right no-repeat;} #holder .maincontent .features .panelareas .green ul li.last{width:100%; padding:8px 0 8px 0; margin:0; display:block; clear:both; list-style-type:none; background:none;} #holder .maincontent .features .panelareas .green ul li a.printpage{padding:0 0 0 23px; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/icon_print.gif) left center no-repeat;} #holder .maincontent .features .panelareas .green ul li a.sendfriend{padding:0 0 0 23px; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/icon_sendtofriend.gif) left center no-repeat;} #holder .maincontent .features .panelareas .green ul li a.favourites{padding:0 0 0 23px; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/icon_favourites.gif) left center no-repeat;} #holder .maincontent .features .panelareas .greenbottom{width:205px; clear:both; display:block; position:relative; padding:0; margin:0 0 10px 0; background:#fff url(../images/panels/green_bottom.gif) top left no-repeat; height:16px;} #holder .maincontent .features .panelareas .orange{width:181px; clear:both; display:block; position:relative; padding:11px 14px 0 10px; margin:0; text-align:center; background:#fb8e36 url(../images/panels/orange_bg.gif) top left no-repeat; color:#fff; text-align:left;} #holder .maincontent .features .panelareas .orange form{padding:0; margin:5px 0 0 21px; display:block; clear:both;} #holder .maincontent .features .panelareas .orange form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #holder .maincontent .features .panelareas .orange form .heading{padding:0; margin:5px 0 5px 0; display:block; clear:both; text-align:justify; line-height:150%; font-size:80%;} #holder .maincontent .features .panelareas .orange form .furtherinfo{padding:0 0 0 6px; margin:10px 0 0 0; display:block; clear:left; float:left; text-align:left; font-size:70%; width:auto; background:url(../images/panels/white_arrow.gif) left center no-repeat;} #holder .maincontent .features .panelareas .orange form input{padding:2px; margin:0 0 5px 0; display:block; clear:both; width:145px; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-size:80%;} #holder .maincontent .features .panelareas .orange form input.submit{ padding:0; margin:4px 5px 0 0; display:block; clear:right; width:auto; float:right; position:relative;} #holder .maincontent .features .panelareas .orange form select{padding:2px; margin:0 0 5px 0; display:block; clear:both; width:153px; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-size:80%;} #holder .maincontent .features .panelareas .orange .header{width:156px; clear:both; display:block; position:relative; padding:0 0 0 21px; margin:0; background:url(../images/panels/icon_clientlounge.gif) center left no-repeat; font-size:115%; font-weight:bold;} #holder .maincontent .features .panelareas .orange ul{padding:0; margin:5px 0 5px 21px; display:block; list-style-type:none; clear:both;} #holder .maincontent .features .panelareas .orange ul li{width:100%; padding:8px 0 8px 0; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/orange_linespacer.gif) bottom right no-repeat;} #holder .maincontent .features .panelareas .orangebottom{width:205px; clear:both; display:block; position:relative; padding:0; margin:0 0 10px 0; background:#fff url(../images/panels/orange_bottom.gif) top left no-repeat; height:16px;} #holder .maincontent .features .panelareas .blue{width:181px; clear:both; display:block; position:relative; padding:11px 14px 0 10px; margin:0; text-align:center; background:#3faad8 url(../images/panels/blue_bg.gif) top left no-repeat; color:#fff; text-align:left; float:none;} #holder .maincontent .features .panelareas .blue .header{width:156px; clear:both; display:block; position:relative; padding:0 0 0 21px; margin:0; background:url(../images/panels/icon_search.gif) center left no-repeat; font-size:115%; font-weight:bold;} #holder .maincontent .features .panelareas .blue form{padding:0; margin:5px 0 0 21px; display:block; clear:both;} #holder .maincontent .features .panelareas .blue form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #holder .maincontent .features .panelareas .blue form input{padding:2px; margin:0 0 5px 0; display:block; clear:both; width:145px; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-size:80%;} #holder .maincontent .features .panelareas .blue form input.submit{padding:0; margin:4px 5px 0 0; display:block; clear:both; width:auto; float:right; } #holder .maincontent .features .panelareas .blue form select{padding:2px; margin:0 0 5px 0; display:block; clear:both; width:153px; font-family:Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial; font-size:80%;} #holder .maincontent .features .panelareas .blue ul{padding:0; margin:5px 0 5px 21px; display:block; list-style-type:none; clear:both;} #holder .maincontent .features .panelareas .blue ul li{width:100%; padding:8px 0 8px 0; margin:0; display:block; clear:both; list-style-type:none; background:url(../images/panels/blue_linespacer.gif) bottom right no-repeat;} #holder .maincontent .features .panelareas .bluebottom{width:205px; clear:both; display:block; position:relative; padding:0; margin:0 0 10px 0; background:#fff url(../images/panels/blue_bottom.gif) top left no-repeat; height:16px;} #holder .maincontent .features .panelareas .blank{width:175px; clear:both; display:block; position:relative; padding:11px 15px 0 15px; margin:0; text-align:center; background-color:#fff; color:#878787; text-align:left;} #holder .maincontent .features .panelareas .blank a{clear:both; display:block; position:relative; padding:0; margin:0 0 15px 0; font-size:100%; text-align:left; color:#3faad8; font-weight:bold; text-decoration:none;} #holder .maincontent .features .panelareas .blank a:hover{color:#ff7f18; text-decoration:none;} #holder .maincontent .features .panelareas .blank .header{width:175px; clear:both; display:block; position:relative; padding:0; margin:0; font-size:115%; font-weight:bold; color:#525252;} #holder .maincontent .features .panelareas .blank .content{width:175px; clear:both; display:block; position:relative; padding:15px 0 15px 0; margin:0 0 10px 0; font-size:80%; text-align:justify; border-bottom:1px solid #919191; line-height:160%;} #holder .maincontent .features .panelareas .blank .content a{clear:both; display:block; position:relative; padding:0; margin:0 0 15px 0; font-size:115%; text-align:left; color:#3faad8; font-weight:bold; text-decoration:none;} #holder .maincontent .features .panelareas .blank .content a:hover{color:#ff7f18; text-decoration:none;} #holder .footer {width:100%; float:left; clear:both; display:block; position:relative; padding:0; margin:0; background:#b3b3b3 url(../images/footer_left_bg.gif) top left repeat-x; min-height:136px;} #holder .footer .left{width:77%; float:left; clear:left; display:block; position:relative; padding:20px 0 0 0; margin:0; text-align:center; font-size:90%;} #holder .footer .left .nav{width:90%; display:block; position:relative; padding:0 0 7px 0; margin:auto; text-align:center; color:#fff; font-weight:bold;} #holder .footer .left .nav a{color:#fff; text-decoration:none;} #holder .footer .left .nav a:hover{color:#ff7f18; text-decoration:none;} #holder .footer .right{width:230px; float:right; clear:right; display:block; position:relative; padding:0; margin:0; background:#d7d7d7 url(../images/footer_right_bg.gif) top left no-repeat; min-height:136px; border-left:1px solid #fff;} #holder .footer .right .address{width:80%; display:block; position:relative; padding:20px 0 20px 0; margin:auto; font-size:70%; text-align:left;} #holder .footer .right .address .highlight{color:#ff7f18; font-weight:bold;}