/* reset */ 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* typography */ body{font-size:62.5%; font-family:Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} p {font-size:1em; line-height:1.6em;} h1 {font-size:2.3em; font-family: Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} /* displayed at 23px */ h2 {font-size:2em; font-family: Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} /* displayed at 20px */ h3 {font-size:1.4em; font-family: Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-weight:normal;} /* displayed at 14px */ h4 {font-size:1.1em; line-height:1.8em;} /* displayed at 11px */ h5 {font-size:0.9em; line-height:1.8em;} /* displayed at 9px */ /* structure */ a{color:#ffffff;} a:hover{text-decoration:none;} body{background:#c3c2c2 url(images/back.gif) repeat-x;} p{color:#605e5f;} ul{color:#605e5f;} #page{width: 945px; margin:0 auto;} #top{float:left; height:75px; clear:both;} #top h1#main-header{width:111px; height:45px; position:relative; margin:15px 0px 0px 15px; float:left; color:#bf2c37;} #top h1#main-header span{background: url(images/logo.gif) no-repeat; position:absolute; width:100%; height:100%; } #top ul#top-nav{height:75px; margin-left:302px;} #top ul#top-nav li{float:left; letter-spacing:0.05em; font-weight:bold;} #top ul#top-nav li a{padding:57px 19px 8px 19px; display:block; text-decoration:none; border-right:1px solid #a8222c;} #top ul#top-nav li.first a{border-left:1px solid #a8222c;} #top ul#top-nav li a:hover{background: #a8222c;} #top ul#top-nav li.on a{background: #a8222c;} #middle{float:left; height:251px; clear:both;} #ancillary-header{float:left; background:#3b3b3b url(images/head-left.jpg) no-repeat top left; margin:15px 0px 0px 15px; width:912px; height:225px; display:inline;} #ancillary-header ul#secondary-nav{ width:912px; height:43px; background:#605e5f; margin-top:183px;} #ancillary-header ul#secondary-nav li{float:left; font-weight:bold; border-right:1px solid #757474; height:43px;} #ancillary-header ul#secondary-nav li a{padding:16px 9px 17px 9px; display:block; text-decoration:none; font-size:95%;} #ancillary-header ul#secondary-nav li a:hover{text-decoration:underline; background:#bf2c37; } #ancillary-header ul#secondary-nav li.on a{text-decoration:underline; background:#bf2c37;} #ancillary-header ul#secondary-nav li.star { border-right:none; background:url(images/star.gif) no-repeat; background-position: 45px 5px; padding-right:15px;} #header-info{float:right; width:210px; height:130px; margin:30px 40px 0px 0px; position: relative; overflow: hidden;} #header-info h3{color:#ffffff; line-height:1.3em; } #header-info p{color:#ccc; font-size:1.1em; line-height:1.6em;} .headline{position: absolute; top:210px;} h3 span.header-link{font-family:Georgia, Serif; font-style:italic; font-size:80%;} #header-info a.newslink{font-family:Georgia, Serif; font-style:italic;} #content-admin{float:left; background:#ffffff; clear:both; width:945px; padding-bottom:50px;} #content-admin ul li{border-bottom:1px solid #ccc; padding-bottom:10px;} #content{float:left; background:#ffffff url(images/faux-col.gif) repeat-y; clear:both; width:945px; padding-bottom:50px;} #main-content{float:left; width:542px; } #main-content h2#main-header{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#main-header span{background: url(images/welcome.png) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#video-enhanced{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#video-enhanced span{background: url(images/ves.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#tech-card{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#tech-card span{background: url(images/techcard.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#touch-screen{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#touch-screen span{background: url(images/touchscreen.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#value{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#value span{background: url(images/value.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#net-promoter{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#net-promoter span{background: url(images/netpromoter.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#secret{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#secret span{background: url(images/secret.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#contact{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#contact span{background: url(images/contact.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#cst-am{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#cst-am span{background: url(images/cstamericas.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#clients{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#clients span{background: url(images/clients.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#milestones{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#milestones span{background: url(images/milestones.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#news{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#news span{background: url(images/news.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#wwr{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#wwr span{background: url(images/www.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h2#controlpanel{width:453px; height:22px; position:relative; margin:30px 0px 0px 30px;} #main-content h2#controlpanel span{background: url(images/controlpanel.jpg) no-repeat; position:absolute; width:100%; height:100%;} #main-content h3{color:#bf2c37; font-weight:bold; margin:10px 0px 0px 30px; line-height:1.8em;} #main-content p.intro{font-family:Georgia, Serif; font-style:italic; font-size:1.5em; margin:30px 30px 10px 30px;} #main-content p{margin:0px 30px 10px 30px; font-size:1.2em; line-height:1.8em;} #main-content ul{margin:0px 30px 10px 30px; font-size:1.2em; line-height:1.8em;} #main-content a{color:#bf2c37;} #main-content p a.highlight-link{background:#bf2c37; padding:10px; margin-top:20px; float:left; clear:both; color:#ffffff;} #main-content #main-flash{margin:10px 0px 0px 30px;} #main-content img{float:left; margin:10px 20px 20px 30px;} #main-content #twocol-section h3#main-header{width:281px; height:15px; position:relative; padding-bottom:15px; line-height:1em; margin:0px 0px 0px 0px;} #main-content #twocol-section h3#main-header span{background: url(images/contact.png) no-repeat; position:absolute; width:100%; height:100%; } #twocol-section {margin: 30px 0px 30px 30px; clear:both;} #twocol-section p {font-size:1em; line-height:1.9em; margin:0;} #twocol-section .twocol-col{float:left; width:50%;} #twocol-section .short{width:45%;} #twocol-section .first{border-right:1px solid #d1d0d0; margin-right:15px;} #twocol-section .twocol-col h4{font-family:Georgia, Serif; font-style:italic; font-weight:900; font-size:110%;} .enquiry{margin-top:30px;} #secondary-content{float:left; margin-left:10px;width:392px;} #secondary-content h3#main-header{width:221px; height:23px; position:relative; margin:30px 0px 0px 20px; } #secondary-content h3#main-header span{background: url(images/video.gif) no-repeat; position:absolute; width:100%; height:100%;} #videopanel{width:360px; background:#ffffff; margin: 20px 0px 30px 15px;} #videopanel h3{ background:#ffffff; border-top:2px solid #d1d0d0; color:#605e5f; font-size:1.3em; font-weight:bold; padding:20px 0px 20px 10px; display:block;} #videopanel h3:hover{cursor:pointer} #videopanel h3.head span.header-link{font-family:Georgia, Serif; font-style:italic; font-size:80%; font-weight:none;} #videopanel p{padding-left:4px; background: url(images/loading.gif) no-repeat 100px 100px;} #other-info{font-family:Georgia, Serif; font-style:italic; width:320px; margin-left:23px;} #other-info p.largetext{color:#ffffff; font-size:1.8em; line-height:1.2em; padding-bottom:10px;} #other-info p.smalltext{color:#605e5f; font-size:1.2em; line-height:1.5em; padding-bottom:10px;} ul#videopanel li div{height:197px; background:red;} #footer{float:left; color:#ffffff; padding: 10px 0px 30px 30px;} #footer p{color:#ffffff;} .clear{clear:both;} .red{color:#bf2c37;} .blue{color:#233690;}