/*General*/ body { background: #020101; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:100%; /* 1em=16px*/ line-height:0.875em; /*14px */ margin:1em 0; /*16px 0 */ padding:0; } div { margin: 0; padding: 0; } img { border: 0; } p { margin: 0.5em 0 1em 0; } ul li { margin-bottom: 0.75em;} .hide { display: none;} .left { text-align: left; } .right { text-align: right; } .colleft { float: left; } .colright { float: right; text-align: left; } .block { clear: both; } .smalltext { font-size: 0.786em; /*11px*/ } .orange { color: #ff5d00; } a:link, a:active, a:visited { color: #ff5d00; text-decoration: none; } a:hover { color: #ff5d00; text-decoration: underline; } #skiplinks { position:absolute; width:1px; height:1px; overflow:hidden; } #wrapper { width: 64em; /* 1024px */ margin: auto; text-align: left; background: #020101; } #container { clear: both; } #col1 { float: left; width: 12.063em; /*193px*/ height: 34.438em; /*551px*/ margin: 0.6875em 0 0.563em 0; /*11px 9px*/ background:url(/images/interface/leftcol_bkgd.jpg) top left no-repeat;} #col2 { float: left; width: 30.375em; /*486px*/ margin: 0.6875em 0 0.563em 0.688em; /*11px 9px 11px*/ } #col3 { float: right; width: 20.125em; /*322px*/ margin: 0 0 0.563em 0.688em; /*9px 11px*/} #col4 { float: left; width: 47.438em; /*759px*/ margin: 0.6875em 0 0.563em 0.688em; /*11px 9px 11px*/ } #col4 h1 {font-size: 0.75em; /*12px*/ width: 757px; height: 25px; overflow: hidden; text-indent:-500em; margin: 0; padding: 0; } #col4 h1.location { background: url(/images/titles/location.jpg) top left no-repeat; } #col4 h1.facilities { background: url(/images/titles/facilities.jpg) top left no-repeat; } #col4 h1.contact { width: 759px; height: 116px; margin-bottom: 14px; background: url(/images/titles/contact.jpg) top left no-repeat; } #col2 h1 { font-size: 0.75em; /*12px*/ width: 486px; height: 116px; overflow: hidden; text-indent:-500em; margin: 0; padding: 0; } #col2 h1.press { background: url(/images/titles/press.jpg) top left no-repeat; } #col2 h1.brands { background: url(/images/titles/brands.jpg) top left no-repeat; } #col2 h1.history { background: url(/images/titles/history.jpg) top left no-repeat; } #col2 h1.services { background: url(/images/titles/services.jpg) top left no-repeat; height: 25px;} #col2 h1.wallpaper{ background: url(/images/titles/wallpaper.jpg) top left no-repeat; height: 25px;} /* Gateways */ #col2 h1.gateway { padding-top: 1em; } #col2 h1.gateway a { display: block; width: 486px; height: 116px; } #col2 h1.interior_modification { background: url(/images/gateways/interior_modification.jpg) bottom left no-repeat; } #col2 h1.screensaver { background: url(/images/gateways/wallpaper.jpg) bottom left no-repeat; } /* Services */ #services { font-size: 0.75em; /*12px*/ margin-top: 1em; width: 40.5em; /*486px*/ line-height: 125%;} #services h2 { font-size: 1.167em; /*14px*/ font-style: normal; font-weight: normal; line-height: 120%;} #services_menu { width: 486px; } .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; } #p7menubar, #p7menubar ul { padding: 0; margin: 0; list-style: none; } #p7menubar a { display: block; text-decoration: none; padding: 0; color: #ffffff; } #p7menubar a.trigger { width: 237px; height: 25px; text-indent: -500em; overflow: hidden;} #p7menubar a.col1 { margin-right: 11px; } #p7menubar a.electronics {background: url(/images/services_menu/electronics.jpg) top left no-repeat; } #p7menubar a.interiors { background: url(/images/services_menu/interiors.jpg) top left no-repeat; } #p7menubar a.exteriors { background: url(/images/services_menu/exteriors.jpg) top left no-repeat; } #p7menubar a.security{ background: url(/images/services_menu/security.jpg) top left no-repeat; } #p7menubar a.carcare { background: url(/images/services_menu/carcare.jpg) top left no-repeat; } #p7menubar a.misc { background: url(/images/services_menu/misc.jpg) top left no-repeat; } #p7menubar li { float: left; width: 237px; margin-bottom: 70px; } #p7menubar li ul, #p7menubar ul li { width: 237px; margin-bottom: 0px;} #p7menubar ul li a { color: #ffffff; text-decoration: none; padding: 1px 12px; margin: 0; } #p7menubar li ul { position: absolute; display: none; background: #7f6c7f url(/images/services_menu/dropdown_bkgd.jpg) top left no-repeat; padding-bottom: 5px;} #p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { color: #ffffff; } #p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; } #p7menubar li:hover ul a, #p7menubar li.p7hvr ul a { color: #ffffff; } #p7menubar ul a:hover { color: #ff5d00!important; } #p7menubar li {width: auto;} ul.services_thumbs { clear: both; margin:2em 0 0 0; padding:0; list-style:none; font-size: 0.875em; /*14px*/ line-height: 120%;} ul.services_thumbs li{ float: left; margin:0; padding:0; width: 31%; margin-bottom: 1em; margin-right: 2%;} ul.services_thumbs li img { margin-right: 0.4em; border: 1px solid #a3a8aa;} ul.services_thumbs li span { font-weight: bold; padding-top: 0.4em; display: block; } ul.services_thumbs li a { color: #ffffff; } ul.services_thumbs li a:hover img { border-color: #ff5d00; } ul.services_thumbs li a:hover { color: #ff5d00;} #services p.back { padding-top: 2em; margin-top: 0; clear: both;} /*service titles*/ #col2 h1.servicepages { background: none; height: 25px; text-indent:0;} /*menu*/ #menu { clear: both; width: 56.25em; /*900px*/ height: 40px; padding: 0 3.813em 0 3.938em;/* 61px 63px*/ background: url(/images/menu/bkgd.jpg) top left repeat-x; } #menu ul { margin:0; padding:0; list-style:none; } #menu li{ display:inline; margin:0; padding:0; } #menu ul li a { display: block; float:left; width: 100px; height: 40px; line-height: 40px; text-decoration:none; text-indent: -500em; overflow: hidden; } #menu ul li a.home { background: url(/images/menu/home.jpg) top left no-repeat;} #menu ul li a.history { background: url(/images/menu/history.jpg) top left no-repeat;} #menu ul li a.services { background: url(/images/menu/services.jpg) top left no-repeat;} #menu ul li a.brands { background: url(/images/menu/brands.jpg) top left no-repeat;} #menu ul li a.gallery { background: url(/images/menu/gallery.jpg) top left no-repeat;} #menu ul li a.press { background: url(/images/menu/press.jpg) top left no-repeat;} #menu ul li a.location { background: url(/images/menu/location.jpg) top left no-repeat;} #menu ul li a.contact { background: url(/images/menu/contact.jpg) top left no-repeat;} #menu ul li a.facilities { background: url(/images/menu/facilities.jpg) top left no-repeat;} #menu ul li a:hover, #menu ul li a.selected { background-position: 0px -40px; } /*header*/ #header { clear: both; width: 64em; /* 1024px */ height: 6.6875em; /* 107px */ background: url(/images/header/bkgd.gif) top left repeat-x; } /* Left Hand Column Elements */ #authorised_brands { margin-top: 15px; height: 100px; } #testimonial { font-size: 12px; margin-top: 120px; height: 120px; padding: 0 20px;} #awards { margin-top: 90px; height: 81px; text-align: center; } #awards img { border: solid 1px #ffffff; } /* RHS Elements */ .newsitem { font-size: 0.75em; /*12px*/ padding: 1.083em; /*13px*/ width: 24.666em; /*296px*/ margin-top: 1px; background: #3c4645; } .newsitem p { margin: 0.5em 0 ; } .newsitem p.latest_news { width: 24.666em; /*296px*/ height: 2.166em; /*26px*/ margin: 0; text-indent: -500em; overflow: hidden; background: url(/images/news/latest-news.gif) top left no-repeat; } .rndimage { font-size: 0.75em; /*12px*/ padding: 1.083em; /*13px*/ width: 24.666em; /*296px*/ margin-top: 1px; background: #3c4645; } .brand_logos { width: 20.125em; /*322px*/ margin-top: 1px; background: #212726; } #press_ad { font-size: 0.75em; /*12px*/ padding-top: 1.083em; /*13px*/ width: 26.833em; /*322px*/ margin-top: 1px; background: #3c4645; } #press_ad p { margin: 0.5em 0; padding: 0 1.083em; /*13px*/} #press_ad p.press_article { width: 24.666em; /*296px*/ height: 2.166em; /*26px*/ margin: 0 1.083em; /*13px*/ text-indent: -500em; overflow: hidden; background: url(/images/magazines/press.gif) top left no-repeat; } #press_ad p.quote { margin: 1em 0 0 0; padding: 0 1.083em; /*13px*/ } #press_ad p.image { text-align: center; padding: 0; margin: 0;} /* Home Page Elements */ #homevideo { width: 480px; height: 270px; border: solid 1px #464244; } #mplayer p { padding: 0.5em 1em; font-size: 0.75em; line-height:130%; margin: 0;} #home { font-size: 0.75em; /*12px*/ margin-top: 1em; width: 40.5em; /*486px*/ line-height: 125%;} #home h2 { font-size: 1.167em; /*14px*/ font-style: normal; font-weight: normal; line-height: 120%;} #home_gateway { } #home li { margin: 0; } /* History */ #history { font-size: 0.75em; /*12px*/ margin-top: 1em; width: 40.5em; /*486px*/ line-height: 125%;} #history h2 { font-size: 1.167em; /*14px*/ font-style: normal; font-weight: normal; line-height: 120%;} /* Brands */ #brands { font-size: 0.875em; /*14px*/ margin-top: 1em; width: 34.714em; /*486px*/ line-height: 120%;} ul.brands { margin:0; padding:0; list-style:none; font-size: 0.75em; /*12px*/ line-height: 120%;} ul.brands li { float: left; margin:0; padding:0; width: 33%; margin-bottom: 0.25em; } /* Gallery */ #gallery { width: 484px; height: 345px; border: solid 1px #020101; } #flash2 p { padding: 0.5em 1em; font-size: 0.75em; line-height:130%; margin: 0;} #gallery_menu { font-size: 0.75em; /*12px;*/ } #flash1 p { padding: 0.5em 1em; font-size: 0.75em; line-height:130%; margin: 0;} /* Wallpaper */ #wallpaper { font-size: 0.75em; /*12px*/ margin-top: 1em; width: 40.5em; /*486px*/ line-height: 125%;} ul.wallpaper { font-size: 0.75em; /*12px*/ margin:2em 0 0 0; padding:0; list-style:none; line-height: 120%;} ul.wallpaper li { float: left; margin:0; padding:0; width: 31%; margin-bottom: 2em; margin-right: 2%;} ul.wallpaper li img { margin-right: 0.4em; border: 1px solid #a3a8aa;} ul.wallpaper li span { padding-top: 0.4em; display: block; text-align: center; width: 115px;} ul.wallpaper li a { color: #ffffff; } ul.wallpaper li a:hover img { border-color: #ff5d00; } ul.wallpaper li a:hover { color: #ff5d00;} /* Facilities */ #facilities { font-size: 0.875em; /*14px*/ margin-top: 1em; width: 34.714em; /*486px*/ line-height: 120%;} ul.facilities { margin:2em 0 0 0; padding:0; list-style:none; font-size: 0.875em; /*14px*/ line-height: 120%;} ul.facilities li{ float: left; margin:0; padding:0; width: 31%; margin-bottom: 1em; margin-right: 2%;} ul.facilities li img { margin-right: 0.4em; border: 1px solid #a3a8aa;} ul.facilities li span { font-weight: bold; padding-top: 0.4em; display: block; } ul.facilities li a { color: #ffffff; } ul.facilities li a:hover img { border-color: #ff5d00; } ul.facilities li a:hover { color: #ff5d00;} /* Press */ ul.press { margin:1em 0 0 0; padding:0; list-style:none; font-size: 0.75em; /*12px*/ line-height: 120%;} ul.press li{ float: left; margin:0; padding:0; width: 50%; margin-bottom: 1em;} ul.press li span.date { color: #ff5d00; } ul.press li a { color: #ffffff; } ul.press li span.name { font-size: 1.167em; /*14px*/ font-weight: bold; } /* Contact page */ #contact_col1 { float: left; font-size: 0.75em; /*12px*/ width: 19.583em; /*235px*/ line-height: 120%; } #contact_col2 { float: left; font-size: 0.75em; /*12px*/ width: 16.666em; /*200px*/ margin-left: 2.5em; /*30px*/ line-height: 120%;} #contact_col3 { float: right; font-size: 0.75em; /*12px*/ width: 22.25em; /*267px*/ text-align: right; } #contact_col2 h2 { margin: 0; padding: 0; font-size: 1em; /*12px*/ font-style: normal; font-weight: bold; line-height: 120%;} form { margin: 0; padding: 0; } #contact_form label { display: block; } #contact_form input { border: 1px solid #c6c9d6; width: 100%; background-color: #ffffff; color: #020101; margin: 0.25em 0 0.75em 0; /*4px 0px 8px 0px*/} #contact_form textarea { border: 1px solid #020101; width: 100%; height: 8em; /*96px*/ background-color: #ffffff; color: #020101; margin: 0.25em 0 0.75em 0; /*4px 0px 8px 0px*/} #contact_form input.submit { margin-top:0.75em; /*8px*/ width: 130px; height: 24px; border: 0px none #020101;} /* google maps*/ v\:* { behavior:url(#default#VML); } #map { font-size: 0.75em; /*12px*/ width: 62.917em; /*755px*/ height: 22.917em; /*275px*/ border: 2px solid #474345; color: #020101; margin: 0.5em 0;} /* google maps*/ /* location page */ #location_left { float: left; font-size: 0.75em; /*12px*/ width: 35.833em; /*430px*/ line-height: 120%; } #location_right { float: right; font-size: 0.75em; /*12px*/ width: 24.083em; /*289px*/ margin-left: 3.333em; /*40px*/ text-align: right; } #location_left h2 { margin: 0; padding: 0; font-size: 1.167em; /*14px*/ font-style: normal; font-weight: bold; line-height: 120%; } /*location menu*/ #location_menu { clear: both; width: 25em; /*400px*/ height: 40px; padding: 0; } #location_menu ul { margin:0; padding:0; list-style:none; } #location_menu li{ display:inline; margin:0; padding:0; } #location_menu ul li a { display: block; float:left; width: 100px; height: 40px; line-height: 40px; text-decoration:none; text-indent: -500em; overflow: hidden; } #location_menu ul li a.car { background: url(/images/menu/bycar.jpg) top left no-repeat;} #location_menu ul li a.tube { background: url(/images/menu/bytube.jpg) top left no-repeat;} #location_menu ul li a.rail { background: url(/images/menu/byrail.jpg) top left no-repeat;} #location_menu li a.air { background: url(/images/menu/byair.jpg) top left no-repeat;} #location_menu ul li a:hover, #location_menu ul li a.selected { background-position: 0px -40px; } /* Footer Elements */ #footer { clear: both; width: 64em; height: 3em; /*48px*/ border-top: 2px solid #707070; } #footerleft { float: left; width: 70%; font-size: 0.6875em; border-top: solid 1px #ffffff; text-indent: 1em; line-height: 2.5em; } #footerright { float: left; width: 30%; border-top: solid 1px #ffffff; text-align: right; } #footer a { color: #ffffff; }