/**********************************************/ /*****____________________________________*****/ /****| GEDDES |****/ /****| CSS Creator: Sadiq Ahmed, |****/ /****| Room101 Limited |****/ /**********************************************/ /**********************************************/ html, body {overflow:hidden;} body {margin:0px;padding:0px;text-align:center;font-family: helvetica, arial, "Trebuchet MS", sans-serif, verdana;font-size:0.75em;line-height: 1.2em;letter-spacing: 0.05em;color:#ffffff;background:#02172E none repeat scroll 0 0;} p { font-size:9pt; padding:0px 0px 5px 0px; margin:0px; } h1 { font-size:17pt; line-height:17pt; text-align:left; font-weight:100; padding:0 0 10px 0; margin:0px;} h2 { font-size:12pt; line-height:12pt; font-weight:bold; color:#FC9B03; padding:0 0 20px 0; margin:0px; line-height:130%;} h3 { font-size:10pt; line-height:10pt; padding:0 0 10px 0; margin:0px;} h4 { font-size:11pt; line-height:11pt; padding:0 0 5px 0; margin:0px; font-weight:normal;} h5 { font-size:8pt; } h6 { font-size:7pt; } a {color:#ffffff; text-decoration:none; margin:0px; padding:0px;} a:link {color:#ffffff; text-decoration:none; margin:0px; padding:0px;} a:visited {color:#ffffff; text-decoration:none; margin:0px; padding:0px;} a:hover {color:#66AFFF; text-decoration:none; margin:0px; padding:0px;} /*************************************/ /*********| HOT CENTERING |**********/ /*************************************/ html, body {height:100%;margin:0;padding:0; } * {margin:0px auto;padding:0;} div#bordercrossing {visibility: hidden;width: 100%;height: 50%;margin-top: -270px;float: left;} div#container {width: 980px;height: 540px;clear: both;position: relative;top: -270px; margin:0px auto; padding:0px; overflow:visible;/* IE4ever Hack: Hide from IE4 **/position: static;/** end hack */text-align:left;} /* Hide from IE5mac \*//*/ div#shim { display: none; } html, body { height: auto; } /* end hack */ /* ]]> */ /*************************************/ /*********| WEBSITE LAYOUT |**********/ /*************************************/ #header {height:40px; border-bottom:1px solid #3C4150; position:relative; top:0px; left:0px;} #header #logo {position:absolute; top:0px; left:0px; width:300px; height:32px;} #header #logo h1 {font-size:25pt; line-height:25pt; margin:0px; padding:0px; text-align:left;} #header #logo h1 a {font-size:25pt; line-height:25pt; margin:0px; padding:0px; color:#ffffff; font-weight:100;} #header #logo h1 a:hover {font-size:25pt; line-height:25pt; margin:0px; padding:0px; color:#ffffff; font-weight:100;} #header #logo h1 a:visited {font-size:25pt; line-height:25pt; margin:0px; padding:0px; color:#ffffff; font-weight:100;} #header #flags {position:absolute; top:14px; left:300px; width:100px; height:12px;} #header #flags img {margin-right:10px;} #header #headernav {position:absolute; top:9px; right:0px; width:600px; height:28px; font-size:11.5pt; line-height:21pt; font-weight:600; text-align:right;} #header #gohome {position:absolute; top:15px; left:300px; width:100px; height:15px;} .about {color:#ffffff; margin-right:20px;} .projects {color:#ffffff; margin-right:20px;} .clients {color:#ffffff; margin-right:20px;} .news {color:#ffffff; margin-right:20px;} .contact {color:#ffffff;} body#about .about {color:#53A1FF; margin-right:20px;} body#projects .projects {color:#53A1FF; margin-right:20px;} body#clients .clients {color:#53A1FF; margin-right:20px;} body#news .news {color:#53A1FF; margin-right:20px;} body#contact .contact {color:#53A1FF;} body.shopping_centres .shopping_centres {color:#53A1FF;} body.highlights .highlight {color:#53A1FF;} #bordering {border-top:1px solid #29313A; height:1px;} #temp_thumb {margin:100px auto; text-align:left; width:980px;} #temp_thumb ol, li {margin:0px; padding:0px; vertical-align:top; clear:both; font-size:12pt;} #temp_thumb li {margin:5px 0px; text-decoration:underline;} #temp_thumb img {padding:10px 0 10px 0px; float:left; margin-bottom:20px;} ul#clientlist {list-style:none; list-style-type:none; margin:0px; padding:0px;} ul#clientlist li {font-size:9pt; padding:0px 0px 5px 0px; margin:0px;} /* TEMPLATE 1 */ #template_1 {height:490px; position:relative; top:0px; left:0px; text-align:center; margin:0px; margin-top:10px; padding:0px; padding-top:0px;} #img1, #img2, #img3 {position:absolute; top:0px; left:0px; width:980px; height:490px; } ul#portfolio {list-style:none; list-style-type:none; margin:0px; padding:0px; position:relative; top:0px; left:0px; width:980px; height:490px;} ul#portfolio li {margin:0px; padding:0px; position:absolute; top:0px; left:0px; width:980px; height:490px;} /* TEMPLATE 2 */ #template_2 {height:490px; position:relative; top:0px; left:0px; text-align:center; margin:0px; margin-top:10px; padding:0px; padding-top:0px;} #template_2 #t2_image {position:absolute; top:0px; left:0px; width:730px; height:490px; text-align:left;} #template_2 #t2_image img {width:705px; height:490px;} #template_2 #t2_text {position:absolute; top:0px; right:0px; width:250px; height:490px; text-align:left; overflow-y:auto;} #template_2 #t2_text p {font-size:1.1em;} /* TEMPLATE 3 */ #template_3 {height:490px; position:relative; top:0px; left:0px; text-align:center; margin:0px; margin-top:10px; padding:0px; padding-top:0px;} #template_3 #image_one, #image_two, #image_three, #image_four {position:absolute; width:355px; height:235px; } #template_3 img {width:345px; height:240px; border:none;} #template_3 a img {border:none;} #image_one {top:0px; left:0px; } #image_two {top:0px; left:355px; } #image_three {top:250px; left:0px; } #image_four {top:250px; left:355px; } #block_one h1 {padding:10px 0 20px 5px; width:300px;} #block_one p {padding:0px 0px 10px 5px; width:300px;} #block_two img {width:320px; height: 210px;} #block_two span {position:absolute; top:10px; left:10px; color:#ffffff; font-weight:900;} #block_three h1 {padding:10px 0 20px 5px; width:300px;} #block_three p {padding:0px 0px 10px 5px; width:300px;} #block_four img, #block_five img {width:320px; height: 210px; border:none;} #block_four span {position:absolute; top:10px; left:10px; color:#ffffff; font-weight:900;} #block_one {position:absolute; height:220px; top:0px; left:0px; text-align:left; width:300px;} #block_two {position:absolute; height:220px; top:0px; left:290px; text-align:left; width:320px;} #block_three {position:absolute; height:220px; top:235px; left:0px; text-align:left; width:300px;} #block_four {position:absolute; height:220px; top:235px; left:290px; text-align:left; width:320px;} #block_five {position:absolute; height:220px; top:235px; right:0px; text-align:left; width:320px;} #template_3 #t3_text {position:absolute; top:0px; right:0px; width:250px; height:490px; text-align:left;} #template_3 #t3_text p {font-size:12.5px;} /* TEMPLATE 4 MENU */ #subnav {text-align:right; word-spacing:10px; margin:0px; margin-top:10px; padding:0px; padding-top:0px; height:14px;} #subnav a {word-spacing:0px; font-size:1em; font-weight:100;} #scrollnav {margin:0px; padding:0px; height:26px;line-height:18px; text-align:right;} #scrollnav p {margin-left:0px; padding-left:0px;} #scrollnav #test2 {top:2px; text-align:right; margin-right:-50px;} #scrollnav #test2 a {font-size:1em; font-weight:100;} #template_4 {height:450px; position:relative; top:0px; left:0px; text-align:center; margin:0px; padding:0px; padding-top:10px;} #template_4 #t4_text {position:absolute; top:0px; right:0px; width:250px; height:450px; text-align:left; overflow-y:auto;} #template_4 #t4_text p {font-size:1.1em;} /* TEMPLATE 4a */ #t4a_image_1 {position:absolute; top:0px; left:0px; width:750px; height:450px; text-align:left;} #t4a_image_1 img { width:705px; height:450px; } #t4a_image_2 {position:absolute; top:0px; right:0px; width:250px; height:220px; text-align:left;} #t4a_image_2 img {width:250px; height:220px;} #t4a_text {position:absolute; top:230px; right:0px; width:250px; height:220px; text-align:left; overflow-y:auto;} #t4a_text p {font-size:1.1em;} /* TEMPLATE 4b */ #t4b_image_1 {position:absolute; top:0px; left:0px; width:345px; height:450px; text-align:left;} #t4b_image_1 img { width:345px; height:450px; } #t4b_image_2 {position:absolute; top:0px; left:355px; width:345px; height:220px; text-align:left;} #t4b_image_2 img {width:345px; height:220px;} #t4b_image_3 {position:absolute; top:230px; left:355px; width:345px; height:220px; text-align:left;} #t4b_image_3 img {width:345px; height:220px;} /* TEMPLATE 4c */ #t4c_image_1 {position:absolute; top:0px; left:0px; width:480px; height:220px; text-align:left;} #t4c_image_1 img { width:485px; height:220px; } #t4c_image_2 {position:absolute; top:0px; right:0px; width:480px; height:220px; text-align:left;} #t4c_image_2 img {width:484px; height:220px;} #t4c_image_3 {position:absolute; top:230px; left:0px; width:480px; height:220px; text-align:left;} #t4c_image_3 img {width:485px; height:220px;} #t4c_image_4 {position:absolute; top:230px; right:0px; width:480px; height:220px; text-align:left;} #t4c_image_4 img {width:485px; height:220px;} /* TEMPLATE 4d */ #t4d_image_1 {position:absolute; top:0px; left:0px; width:345px; height:450px; text-align:left;} #t4d_image_1 img { width:345px; height:450px; } #t4d_image_2 {position:absolute; top:0px; left:355px; width:345px; height:450px; text-align:left;} #t4d_image_2 img { width:345px; height:450px; } #t4d_text {position:absolute; top:0px; right:0px; width:250px; height:450px; text-align:left; overflow-y:auto;} #t4d_text p {font-size:1.1em;} /* TEMPLATE 4e */ #t4e_image_1 {position:absolute; top:0px; left:0px; width:705px; height:450px; text-align:left;} #t4e_image_1 img { width:705px; height:450px; } #t4e_image_2 {position:absolute; top:0px; right:0px; width:250px; height:220px; text-align:left;} #t4e_image_2 img {width:250px; height:220px;} #t4e_text {position:absolute; top:230px; right:0px; width:250px; height:220px; text-align:left; overflow-y:auto;} #t4e_text p {font-size:1.1em;} /* TEMPLATE 4f */ #t4f_image_1 {position:absolute; top:0px; left:0px; width:980px; height:220px; text-align:left;} #t4f_image_1 img { width:980px; height:220px; } #t4f_image_2 {position:absolute; top:230px; left:0px; width:480px; height:220px; text-align:left;} #t4f_image_2 img { width:480px; height:220px; } #t4f_image_3 {position:absolute; top:230px; right:0px; width:480px; height:220px; text-align:left;} #t4f_image_3 img { width:480px; height:220px; } /* TEMPLATE 4g */ #t4g_image {position:absolute; top:0px; left:0px; width:750px; height:450px; text-align:left;} #t4g_image img {width:700px; height:450px;} /* TEMPLATE 4h */ #t4h_image_1 {position:absolute; top:0px; left:0px; width:480px; height:220px; text-align:left;} #t4h_image_1 img { width:480px; height:450px; } #t4h_image_2 {position:absolute; top:0px; right:0px; width:480px; height:220px; text-align:left;} #t4h_image_2 img { width:480px; height:450px; } /* TEMPLATE 4i */ #t4i_image {position:absolute; top:0px; left:0px; width:980px; height:450px; text-align:left;} #t4i_image img {width:980px; height:450px;} #temp_nav {position:absolute; top:0px; left:0px; z-index:999;} #temp_nav {color:#ffffff; font-weight:normal;} #temp_nav a {color:#ffffff; font-weight:bold;} /* TEMPLATE multilpes */ #m_linksr {position:absolute; bottom:-10px; right:0px; height:20px; width:250px; text-align:right; word-spacing:15px;} #m_linksl {position:absolute; bottom:-10px; left:0px; height:20px; width:250px; text-align:left; word-spacing:15px;} #m_linksr img {margin-bottom:-7px; border:none;} #m_linksr a img {border:none;} #m_linksr a {word-spacing:0px;} #m_linksl img {margin-bottom:-7px; border:none;} #m_linksl a img {border:none;} /* TEMPLATE m1 */ #m1_image_1 {position:absolute; top:0px; left:0px; width:980px; height:220px; text-align:left;} #m1_image_1 img { width:980px; height:220px; } #m1_image_2 {position:absolute; top:230px; left:0px; width:300px; height:215px; text-align:left;} #m1_image_2 img { width:300px; height:215px; } #m1_image_3 {position:absolute; top:230px; left:340px; width:300px; height:215px; text-align:left;} #m1_image_3 img { width:300px; height:215px; } #m1_image_4 {position:absolute; top:230px; right:0px; width:300px; height:215px; text-align:left;} #m1_image_4 img {width:300px; height:215px;} /* TEMPLATE m2 */ #m2_image_1 {position:absolute; top:0px; left:0px; width:480px; height:450px; text-align:left;} #m2_image_1 img { width:480px; height:450px; } #m2_image_2 {position:absolute; top:0px; right:0px; width:490px; height:220px; text-align:left;} #m2_image_2 img { width:480px; height:220px; } #m2_image_3 {position:absolute; top:230px; right:0px; width:490px; height:220px; text-align:left;} #m2_image_3 img { width:480px; height:220px; } /* TEMPLATE m3 */ #m3_image_1 {position:absolute; top:0px; left:265px; width:450px; height:450px; text-align:left;} #m3_image_1 img { width:450px; height:450px; } .noimage {} .news_text h1 {} .news_text p {font-style:italic;}