/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html {height: 100%;} body {height: 100%;} #wrapper {position: relative; min-height: 100%;} *html #wrapper {height: 100%;} .hidden {display:none;} #container{ position:relative; border:#000000 0px solid; padding:0px 0px 80px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:944px; } #header { width:944px; display:block; height:89px; margin:0px 0px 21px 0px; padding:0px; border-bottom:#003366 0px solid;} #tel { position:absolute; top:0px; right:0px;} #logo { width:451px; height:67px; display:block; float:left; margin:0px; padding:22px 0px 0px 0px;} *html #logo { padding:22px 0px 0px 0px;} #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:158px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px; background:#ffffff; } #content_main { width:614px; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:300px; float:left;} #sidebar_right { width:266px; height:100%; float:right; margin:0px 10px 0px 10px; padding:0px;} #footer { position:relative; width:100%; background:#E8E8E8; height:150px; margin:20px 0px 0px 0px; padding:0px; } #footer_logos { float:left; display:block; width:840px; margin:0px 0px 0px 70px;} #footer_logos a {display:block; float:left; margin:0px 20px 0px 0px;} #footer_logos .bafsa {margin:12px 0px 0px 0px;} .firas {padding:10px 0px 0px 10px;} #footer_logosm { float:left; display:block; width:896px; margin:0px 0px 0px 23px;} #footer_logosm a {display:block; float:left; margin:0px 40px 0px 0px;} #footer_inner { position:relative; vertical-align:middle; width:944px; text-align:left; padding:10px 0px 0px 0px; margin:0px auto 0px auto; display:block; color:#333333; font-size:11px;} #copy {display:block; float:left; padding:12px 0px 0px 70px;} #copy2 {display:block; float:left; padding:12px 0px 0px 23px;} .clear { clear:both !important; } img.pad_left {margin:10px 0px 10px 10px;} img.pad_right {margin:10px 10px 10px 0px;} img.pad_left_not_top {margin:0px 0px 0px 10px;} img.pad_right_not_top {margin:0px 10px 0px 0px;} *+html #firebox { margin:13px 0px 0px 1px; } *html #firebox { margin:13px 0px 0px 1px; } #firebox {width:242px; display:block; margin:13px 0px 0px 2px; min-height:50px; height:auto !important; height:50px; height:auto !important; display:block; background:url(/images/fire_repeat-y.jpg) repeat-y top left; position:relative; } #firebox_top {background:url('/images/firebox_top.jpg') no-repeat left top; width:242px; height:10px; position:absolute; top:-10px; left:0px; } #firebox_below {background:url('/images/firebox_below.jpg') no-repeat left top; width:242px; height:13px; position:absolute; bottom:-13px; left:0px; } #firebox_menu { width:192px; margin:0px auto 0px auto; padding:10px 0px 10px 0px; display:block; } #firebox_menu a { display:block; color:#333333; font-weight:bold; margin:6px 0px 6px 0px; background:url(../images/red_tick.gif) no-repeat left 50%; padding:0px 0px 0px 20px; font-size:14px; } /*------------------------------------ Hnew lbox -----------------------------------------------------------*/ #lbOverlay2 {width:100%; display:none; height:100%; position:fixed; top:0px; left:0px; background-color: #000; padding-bottom:50px; z-index:100000; opacity:0.7; filter: alpha(opacity=70); z-index:1000;} #video label {color:#ffffff; font-size:13px; font-weight:bold; width:250px;} #video {width:800px; height:500px; display:none; position:fixed; top:20px; left:0px; padding:50px 20px 10px 20px; background:#fff; z-index:1200; } *html #video {width:800px; height:500px; display:none; position:absolute; } #video input {width:250px;} #video textarea {width:250px; height:100px} #video select {width:250px;} #video button {display:block; float:right; margin:0px 35px 0px 0px; background:#4C2432; border:1px solid #fff; color:#fff; font-weight:bold} #video a {display:block; color:#000000; margin:10px -10px 0px 330px; font-weight:bold; font-size:1.8em; text-decoration:none;} #video .error_feedback li {color:#fff !important;} a.closethis { display:block; position:absolute; top:0px; right:20px; padding:2px; background:#fff; color:#BF0000 !important; font-size:14px !important; text-align:center; border:1px solid #BF0000;} .left {display:block; float:left;} .right {display:block; float:left; margin:0px 0px 0px 70px;} /*------------------------------------ Home Page -----------------------------------------------------------*/ #behind_home {background:#E8E8E8; height:214px; width:100%; position:absolute; top:173px; left:0px;} #home_portfolio { background:url(../images/home_section.jpg) no-repeat left top; width:810px; height:330px;} #potfolio_left { width:579px; height:294px; display:block; float:left; margin:17px 0px 0px 18px; position:relative;} *html #potfolio_left {margin:17px 0px 0px 9px;} #potfolio_left ul { margin:0px; padding:0px;} #potfolio_left ul li { margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px;} #portfolio_right{ width:197px; height:294px; display:block; float:left; margin:17px 0px 0px 0px; background:url(../images/home_content_right.jpg) no-repeat left top;} #portfolio_right ul { margin:0px; padding:0px;} #portfolio_right ul li {cursor:pointer; margin:0px; padding:33px 8px 23px 0px; list-style:none; text-align:right; position:relative;} .arrow { background:url(../images/arrow.gif) no-repeat left top; width:18px; height:26px; position:absolute; left:-18px; top:26px;} #portfolio_right ul li a { font-size:16px; font-weight:bold; color:#333333;} #portfolio_right ul li a:hover {color:#D2222A; text-decoration:none;} #portfolio_right ul li a.red {color:#D2222A; text-decoration:none;} #home_content {width:810px; display:block; margin:0px 0px 0px 70px;} *html #home_content {margin:0px 0px 0px 30px;} #home_main { width:100%; margin:10px 0px 0px 0px;} #home_left { width:521px; display:block; float:left; margin:0px 0px 0px 7px;} #home_right { width:246px; display:block; float:right; margin:10px 0px 0px 0px;} #latest_news {} .latest_news { border-bottom:1px dashed #999999; margin:0px 0px 10px 0px; display:block;} .latest_news a.read_more { display:block; float:right; color:#D2222A; text-decoration:underline; margin:0px 0px 10px 0px;} .latest_news p { line-height:16px;} .title a { color:#333333; font-size:14px; font-weight:bold;} .title a:hover { color:#333333; } .title a span { font-size:11px !important; font-weight:normal !important;} .read_more_news { display:block; float:right; margin:0px 0px 10px 0px;} #testimonials { width:239px; display:block; float:left;} #testimonials ul { margin:0px; padding:0px;} #testimonials ul li { margin:0px; padding:0px; list-style:none;} #testimonials span.text {width:216px; margin:0px 0px 0px 0px; display:block; float:right; ; font-size:20px; color:#333333; font-family:Arial, Helvetica, sans-serif;} #testimonials span.author { font-size:9px; margin:5px 0px 10px 23px; display:block; color:#333333;} img.comma_top { display:block; float:left; width:23px;} #key_services { background:url(../images/key_services.jpg) no-repeat left top; width:245px; height:229px; display:block; position:relative;} #key_services_menu { width:192px; margin:0px auto 0px auto; padding:56px 0px 0px 0px; display:block; } #key_services_menu a { display:block; color:#333333; font-weight:bold; margin:6px 0px 6px 0px; background:url(../images/red_tick.gif) no-repeat left 50%; padding:0px 0px 0px 20px; font-size:14px; } #key_services_see_more { position:absolute; right:13px; bottom:13px;} /*--------------------------------------- Textpage -----------------------------------------*/ #breadcrumb_behind {background:url(../images/bac_bread.jpg) repeat-x left top; height:40px; width:100%; position:absolute; top:117px;} #breadcrumb {font-size:11px; color:#333333; height:28px; padding:12px 0px 0px 20px; width:100%; margin:29px 0px 0px 0px; display:block;} *+html #breadcrumb { padding:0px 0px 0px 20px; margin:22px 0px 0px 0px;} *html #breadcrumb { padding:0px 0px 0px 20px; margin:22px 0px 0px 0px;} #breadcrumb a {color:#D2212A; font-size:11px;} #textpage {width:892px; margin:20px auto 50px auto; display:block;} #pageheader { display:block; margin:0px 0px 20px 0px;} #textpage_left {width:570px; display:block; float:left;} #textpage_right {width:258px; display:block; float:left; margin:0px 0px 0px 59px;} #textpage_right #testimonials {margin:30px 0px 60px 0px; display:block;} #enquiry_inner input {width:300px;} #enquiry_inner textarea {width:300px;} #enquiry label.indent {width:200px;} /*--------------------------------------- SERVICES PRODUCTS -----------------------------------------*/ #services {display:block; margin:33px 0px 20px 0px; width:911px;} #services_left { width:155px; display:block; float:left; margin:0px 0px 0px 20px;} *html #services_left {margin:0px 0px 0px 10px;} #red_title {background:url(../images/red_title.jpg) no-repeat left top; width:148px; height:18px; padding:5px 0px 5px 7px; display:block; font-size:14px; color:#fff; font-weight:bold;} #services_nav {background:url(../images/service_nav_below.jpg) #E1E1E1 no-repeat left bottom; padding:0px 0px 10px 0px; } #services_nav a {color:#333333; font-size:12px; font-weight:normal; display:block; padding:5px 5px 5px 7px; background:url(../images/bord_nav.jpg) repeat-x left bottom; } #services_nav a:hover {text-decoration:none; color:#D2222A; } #services_main {width:718px; display:block; float:right;} #services_main_left {width:718px; display:block; float:left;} #services_main_right {width:245px; display:block; float:left; margin:0px 0px 0px 30px;} #services_main_right #testimonials {margin:17px 0px 60px 0px; display:block;} #services_text { display:block; float:left; width:398px; margin:-10px 0px 0px 10px;} *html #services_text { margin:-10px 0px 0px 5px;} #services_images {display:block; float:left; width:236px;} .text_links {display:block; float:right; margin:10px 0px 10px 0px;} #main_img {position:relative; width:227px; height:139px;} #main_img ul {margin:0px; padding:0px;} #main_img li {margin:0px; padding:0px; position:absolute; top:0px; left:0px; list-style:none;} .thumb {display:block; float:left; margin:10px 9px 10px 0px;} .product {border-bottom:1px dashed #999999; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;} a.product_header {font-size:14px; text-decoration:underline; font-weight:bold; color:#D2212A; display:block; margin:0px 0px 15px 0px; } a:hover.product_header {color:#D2212A;} .image_left {display:block; float:left;} .product_text {width:590px; display:block; float:right;} .product_text a {color:#D2212A;} .product_text a:hover {color:#D2212A;} .paging { display:block; float:right; margin:10px 100px 10px 0px;} .paging a { display:block; float:left; padding:5px 8px 5px 8px;; background:#D1D1D1; font-size:12px; font-weight:bold; color:#333; margin:0px 8px 0px 0px;} .paging a:hover { background:#D2232A; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; } .paging a.next { background:none; font-weight:normal; text-decoration:underline;} .paging a:hover.next { background:none; color:#333; font-weight:normal; text-decoration:underline;} /*------------------------------------ News-----------------------------------------------------------*/ #news {width:644px; display:block; float:left; margin:0px 0px 20px 20px;} .news {border-bottom:1px dashed #333333; display:block; margin:0px 0px 10px 0px; } .news a.news_title span {color:#D2222A; font-size:14px; font-weight:bold; text-decoration:underline;} .news a.news_title { color:#333; font-size:10px !important; font-weight:normal !important; text-decoration:none !important;} .news_text { width:500px; display:block; float:left;} .news .img {display:block; float:left; margin:0px 20px 0px 0px; } /*------------------------------------ Testimonials -----------------------------------------------------------*/ .testimonials {font-size:18px; color:#333333; border-bottom:1px dashed #999999; padding:10px 10px 10px 10px;} .testimonials .author {font-size:11px !important; display:block; margin:10px 0px 5px 0px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { display:block; float:right; height:29px; margin:50px 63px 0px 0px; padding:0px 0px 0px 2px; background:url(../images/nav.jpg) repeat-x left top; position:relative; } *html #nav { margin:35px 32px 0px 0px; } #left_nav { width:5px; height:29px; position:absolute; left:0px; top:0px; background:url(../images/left_nav.jpg) no-repeat left top;} #right_nav {width:5px; height:29px; position:absolute; right:0px; top:0px; background:url(../images/right_nav.jpg) no-repeat right top;} *html #right_nav {right:-1px;} #nav a { margin:6px 0px 0px 0px; display:block; float:left; background:url(../images/border.jpg) no-repeat right 50%; font-weight:normal; font-size:12px; color:#000000; padding:2px 8px 2px 8px;} #nav a:hover { text-decoration:none; color:#D2222A; } #nav a.active { text-decoration:none; color:#D2222A; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(../images/bac.jpg) #ffffff repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:24px; color:#333333; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { font-size:22px; color:#D5232A; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { font-size:20px; color:#333333; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { font-size:18px; color:#D5232A; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { font-size:16px; color:#333333; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { font-size:14px; color:#D5232A; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { color:#333333; font-size:11px; list-style:disc;} ol {} ol li { color:#333333; font-size:11px; list-style:decimal;} address { color:#333333; font-size:11px;} a { color:#D2222A; text-decoration:none; } a:hover { color:#D2222A; text-decoration:underline; } p { font-size:11px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#333333; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */