/*--------------------------------------------- | (C) 2006 Companion Computers Limited (CCL) | www.companioncomputers.co.uk | info@compan.net |---------------------------------------------- | site : www.phoenix-fire-services.co.uk | author : Andrew Scott (andrew@compan.net) | date : 01/04/2007 ----------------------------------------------*/ * { font-family:Arial; } * { -moz-box-sizing:border-box !important; box-sizing:border-box !important; } a { behavior: url("/a.htc"); } html { width:100%; height:100%; overflow:auto; margin:0px; padding:0px; } body { width:100%; height:100%; overflow:hidden; overflow-y:scroll; overflow-x:scroll; margin:0px; padding:0px; background-color:white;} body.fire { background-color:#ff0000; background-image:url('/images/firegradient.jpg'); background-repeat:repeat-x; } body.earth { background-color:#afd2ae; background-image:url('/images/earthgradient.jpg'); background-repeat:repeat-x; } body.air { background-color:white; background-image:url('/images/airgradient.jpg'); background-repeat:repeat-x; } body.water { background-color:#6cd3f0; background-image:url('/images/watergradient.jpg'); background-repeat:repeat-x; } h1, h2, h3, h4, p {padding:0px; margin:0px;} h1 { font-size:16px; } h2 { font-size:16px; } h3 { } #container { width:960px; position:relative; top:0px; left:50%; padding:172px 0px 35px 0px; margin:0px 0px 0px -580px; overflow:visible; overflow-x:hidden; border:solid 1px black; border-top:solid 0px;} #header { width:1000px; height:150px; position:absolute; top:0px; left:0px; background-color:#d3d3d3;} #menu { width:100%; position:absolute; left:0px; top:150px; border-top:solid 0px #013567; height:22px; background-color:#5a5a5a; } #menu ul { position:absolute; right:0px; } #menu ul, #menu ul li { margin:0px; padding:0px; } #menu ul li { display:inline; float:left; height:20px;} #menu ul li a { color:#bbd0ff; text-decoration:none; height:20px; line-height:20px; font-size:14px; font-weight:bold; display:block; padding-right:15px; padding-left:15px; float:left;} #menu ul li a:hover { color:red; } #mainContent { position:relative; width:1000px; padding:20px; overflow:visible; background-color:#a1a1a1;} #mainContent a { text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #ff9900; } #mainContent a:hover { border-bottom:solid 1px; } #main{ width:1000px;position:relative; float:left; } #footer { width: 100%; height:35px; position:absolute; bottom:0px; text-align:center; font-size:10px; padding:7px 0px 0px 0px; border-top:dashed 1px #3e3e3e; background-color:#c0c0c0 } #footer a { text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #3e3e3e; } #footer a:hover { border-bottom:solid 1px; } /* Special CCL Menu */ #CCLMenu { position:absolute; top:0px; right:5px; width:150px; min-height:140px; margin:0px; border:solid 1px black; background-color:#492d00; text-align:right; padding:5px 10px 5px 5px; opacity:0.5; filter:alpha(opacity=50); } #CCLMenu:hover { opacity:1; filter:alpha(opacity=100); } #CCLMenu h2 { font-size:14px; color:White; margin:0px; padding:0px; } #CCLMenu a { margin:0px; padding:0px; color:#4075b7; font-size:12px; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #4075b7; } #CCLMenu a:hover { color:white; border-bottom:solid 1px white; } /* Login */ div#loginPane { width:500px; margin:0px; font-size:12px; padding-top:0px;} div#loginPane p { margin:0px; padding:5px; } div#loginPane p label { width:150px; text-align:right; color:#cc0000; padding-right:5px; } div#loginPane p input { width:142px; } div#loginPane p input.button { width:132px; margin-left:150px;} /* Admin based tables */ table.adminTable tbody tr td { color:white; } /* testing */ h3 span {color:yellow;} #divOuterContainer { height:100%; width:100%; overflow:auto;} #divContainer { position:absolute; width:1275px; overflow:visible; background-repeat:no-repeat; background-attachment:fixed; text-align:left; top:0px; margin-top:0px; left:50%; margin-left:-637px; height:1000px; display:block; overflow-x:hidden; } /*body.fire #divContainer { background-image:url('/images/firebg.jpg'); background-repeat:repeat-x; background-color:Red; }*/ #divContainer div.Logo { z-index:2000; position:absolute; left:170px; top:18px; width:75px; height:100px; background-repeat:no-repeat; background-image:url('/images/LogoII.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/LogoII.png'); } #divContainer div.BG { z-index:500; position:absolute; left:0px; top:0px; width:1275px; height:950px; display:block; background-repeat:no-repeat; } body.fire #divContainer div.BG { background-image:url('/images/FireBGII.jpg'); } body.earth #divContainer div.BG { background-image:url('/images/EarthBGII.jpg'); } body.air #divContainer div.BG { background-image:url('/images/AirBGII.jpg'); } body.water #divContainer div.BG { background-image:url('/images/WaterBGII.jpg'); } #divContainer div.TopRight { z-index:3000; } body.fire #divContainer div.TopRight { position:absolute; top:127px; left:793px; width:246px; height:144px; background-image:url('/images/FireTopRight.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/FireTopRight.png');} body.earth #divContainer div.TopRight { position:absolute; top:62px; left:647px; width:382px; height:72px; background-image:url('/images/EarthTopGrass.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/EarthTopGrass.png'); } body.air #divContainer div.TopRight { position:absolute; top:55px; left:962px; width:132px; height:156px; background-image:url('/images/AirBalloon.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/AirBalloon.png'); } #divContainer div.BottomRight { z-index:3000; } body.fire #divContainer div.BottomRight { position:absolute; top:423px; left:758px; width:220px; height:100px; background-image:url('/images/FireBottomRight.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/FireBottomRight.png');} body.earth #divContainer div.BottomRight { position:absolute; top:422px; left:779px; width:204px; height:119px; background-image:url('/images/EarthTree.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/EarthTree.png');} body.air #divContainer div.BottomRight { position:absolute; top:395px; left:827px; width:184px; height:136px; background-image:url('/images/AirBoarder.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/AirBoarder.png');} body.water #divContainer div.BottomRight { position:absolute; top:355px; left:930px; width:120px; height:147px; background-image:url('/images/WaterFrog.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/WaterFrog.png');} #divContainer div.RHS1 { z-index:3000; } body.earth #divContainer div.RHS1 { position:absolute; top:158px; left:978px; width:22px; height:81px; background-image:url('/images/EarthLeaves1.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/EarthLeaves1.png');} #divContainer div.RHS2 { z-index:3000; } body.earth #divContainer div.RHS2 { position:absolute; top:268px; left:1024px; width:58px; height:150px; background-image:url('/images/EarthLeaves2.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/EarthLeaves2.png');} #divContainer div.LHS { z-index:3000; } body.water #divContainer div.LHS { position:absolute; top:320px; left:155px; width:178px; height:190px; background-image:url('/images/WaterWave.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/WaterWave.png');} #divContainer div.MainMenu { position:absolute; left:290px; height:15px; z-index:2000; top:22px; font-size:12px; font-weight:bold;} #divContainer div.MainMenu a { margin-right:35px; text-decoration:none; color:White;} /*#divContainer div.ContentHolder { width:787px; height:637px; position:absolute; top:96px; left:86px; background-image:url(/images/Body.png); background-repeat:no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Body.png'); }*/ #divContainer div.ContentHolder { width:630px; height:367px; position:absolute; top:155px; left:283px; z-index:2000; } #divContainer div.ContentHolder h1 {color:#5f5f5f; font-weight:normal; font-size:18px; } #divContainer div.ContentHolder h1.portfolio, h1.profile { margin-left:10px; } #divContainer div.ContentHolder ul { margin:0px; padding:0px; margin-top:20px; } #divContainer div.ContentHolder ul li { list-style-type:none; margin:0px; padding:0px; margin-bottom:5px; } #divContainer div.ContentHolder ul li a { color:#8f8f8f; text-decoration:none; font-size:12px; margin-bottom:4px; padding-left:10px; } #divContainer div.ContentHolder ul li a:hover { color:#666666; background-image:url('/images/darkarrow.jpg'); background-repeat:no-repeat; padding-left:10px; background-position:0px 5px; } #divContainer div.ContentHolder ul li a.selected { color:#666666; background-image:url('/images/darkarrow.jpg'); background-repeat:no-repeat; padding-left:10px; background-position:0px 5px; } #divContainer div.ContentHolder div.clicktoenlarge { position:absolute; top:10px; left:430px; z-index:10000; width:200px; } #divContainer div.ContentHolder div.clicktoenlarge A {font-size:11px; color:#cecece; text-decoration:none; font-weight:bold;} #divContainer div.ContentHolder div.clicktoenlarge A:Hover {text-decoration:underline; color:#6e6e6e;} #divContainer div.ContentHolder div.displayarea { width:373px; height:330px; left:158px; position:absolute; top:0px; background-image:url('/images/portfoliobg.jpg'); } #divContainer div.ContentHolder div.displayarea img { margin-top:10px; margin-left:10px; border:solid 0px white; } #divContainer div.ContentHolder div.displayarea div.displayareanav { position:absolute; top:300px; left:176px; width:30px; height:8px; } #divContainer div.ContentHolder div.displayarea div.displayareanav a { height:7px; width:7px; background-repeat:no-repeat; overflow:hidden; margin-right:5px;} #divContainer div.ContentHolder div.displayarea div.displayareanav a.leftbutton { background-image:url('/images/leftarrowlightgrey.jpg'); } #divContainer div.ContentHolder div.displayarea div.displayareanav a.rightbutton { background-image:url('/images/rightarrowlightgrey.jpg'); } #divContainer div.ContentHolder div.portfolionavigation { width:373px; left:175px; position:absolute; top:322px;} #divContainer div.ContentHolder div.portfolionavigation a { font-size:11px; color:#cecece; text-decoration:none; font-weight:bold; margin-right:5px; } #divContainer div.ContentHolder div.portfolionavigation a.selected {color:#6e6e6e; text-decoration:underline;} #divContainer div.ContentHolder div.portfolionavigation a.notselected {color:#cecece;} #divContainer div.ContentHolder div.portfolionavigation a:hover { text-decoration:underline; color:#6e6e6e;} #divContainer div.ContentHolder div.portfoliodetails { width:170px; height:225px; position:absolute; left:535px; top:90px; font-size:10px; } #divContainer div.ContentHolder div.portfoliodetails div.LHS { float:left; width:40px; color:#6f6f6f; font-weight:bold;} #divContainer div.ContentHolder div.portfoliodetails div.RHS { float:left; width:120px; color:#b4b4b4; padding:0px; margin:0px;} #divContainer div.ContentHolder div.portfoliodetails div.RHS p { padding:0px; margin:0px; } #divContainer div.ThemeSelect { position:absolute; top:160px; left:220px; width:787px; z-index:2000;} #divContainer div.ThemeSelect A { text-decoration:none; margin-right:12px; font-weight:bold; font-size:11px; color:White; } body.air #divContainer div.ThemeSelect A { color:#5991bc;} body.water #divContainer div.ThemeSelect A { color:#fafaba; } body.White #divContainer div.ThemeSelect A { color:Black; } body.Black #divContainer div.ThemeSelect A { color:White; } #divContainer div.ThemeSelect A:Hover { text-decoration:underline;} #divContainer div.ThemeSelect ul { position:absolute; } #divContainer div.ThemeSelect ul, #divContainer div.ThemeSelect ul li { margin:0px; padding:0px; text-align:right; } #divContainer div.ThemeSelect ul li { list-style-image:none; list-style-type:none; margin-bottom:8px;} #divContainer div.ContentHolder div.LHSContent { position:absolute; left:292px; top:60px; width:266px; height:300px; color:#333333; font-size:10px;} #divContainer div.ContentHolder div.LHSContent p { padding-bottom:18px; } #divContainer div.ContentHolder div.LHSContent p span { color:#999999;} #divContainer div.ContentHolder div.LHSContent div.ContactLHS1 { position:absolute; top:250px; left:0px; color:#999999; font-size:9px; } #divContainer div.ContentHolder div.LHSContent div.ContactRHS1 { position:absolute; top:250px; left:120px; } #divContainer div.ContentHolder div.LHSContent div.ContactRHS1 A { color:#999999; text-decoration:none; font-size:9px;} #divContainer div.ContentHolder div.LHSContent div.ContactRHS1 A:Hover { text-decoration:underline;} #divContainer div.ContentHolder div.LHSContent div.Contact2 { position:absolute; top:265px; left:120px; color:#999999; font-size:9px;} #divContainer div.ContentHolder div.RHSContent { position:absolute; left:595px; top:60px; width:175px; height:300px; color:#999999; font-size:11px;} #divContainer div.ContentHolder div.RHSContent p { padding-bottom:4px;} .Corner { background-image:url(/Images/Corner.jpg); position:absolute; top:462px; left:0px; width:42px; height:42px; } .Logo { background-image:url(/Images/Logo.jpg); position:absolute; top:397px; left:43px; width:77px; height:67px; } .BriefIntroduction { background-image:url(/Images/BriefIntroduction.jpg); position:absolute; top:92px; left:77px; width:264px; height:263px; } .InTheMould { background-image:url(/Images/InTheMould.jpg); position:absolute; top:92px; left:440px; width:250px; height:83px; } .CreativePartners { background-image:url(/Images/CreativePartners.jpg); position:absolute; top:450px; left:590px; width:147px; height:16px; } /* .Contact { width:287px; height:165px; position:absolute; top:184px; left:440px; color:#263511; font-family:helvetica; font-size:10px; font-weight:bold; line-height:17px;} .Contact A { text-decoration:none; color:White;} .Contact A:Hover { text-decoration:underline;} */ #Edges { position:absolute; top:116px; left:251px; width:788px; height:422px; background-image:url(/images/Body.png); background-repeat:no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Body.png'); z-index:1000; } #divContainer div.ContentHolder div.adminlist { width:600px; height:350px; overflow:auto; } #divContainer div.ContentHolder div.adminlist a { color:#8f8f8f; text-decoration:none; font-size:14px; margin-bottom:5px; line-height:20px; } #divContainer div.ContentHolder div.adminlist a:hover { color:#666666; } #divContainer div.ContentHolder div.adminlist a.addportfolioitem { margin-left:20px;} #divContainer div.ContentHolder div.adminlist a.portfolioitem { margin-left:20px;} #divContainer div.ContentHolder div.adminedit span {color:#8f8f8f; font-size:14px; width:100px; text-align:right; padding-right:5px; margin-bottom:4px; } #divContainer div.ContentHolder div.adminedit input { margin-bottom:4px; } #divContainer div.ContentHolder div.adminedit textarea { height:150px; margin-bottom:4px;} #divContainer div.ContentHolder div.adminedit div.nav { width:400px;} #divContainer div.ContentHolder div.adminedit div.nav input { margin-right:5px;} #divContainer div.ContentHolder p * { font-size:12px; } #divContainer div.ContentHolder { width:450px;} #divContainer div.ContentHolder div.ServicesList { position:absolute; top:65px; left:500px; font-size:11px; width:230px; color:#999999; } #divContainer div.ContentHolder div.ServicesList ul li { width:110px; float:left;} #divContainer div.ContentHolder div.Contact { position:absolute; width:600px; height:360px; top:0px; left:0px; } #divContainer div.ContentHolder div.Contact div.LHS { position:absolute; width:200px; top:0px; left:0px; color:#666666; font-size:11px; } #divContainer div.ContentHolder div.Contact div.LHS span.content, span.legend { margin-bottom:5px; display:-moz-inline-box; display:inline-block; } #divContainer div.ContentHolder div.Contact div.LHS span.legend { color:#333333; width:20px; display:-moz-inline-box; display:inline-block; } #divContainer div.ContentHolder div.Contact div.LHS a { color:#666666;} #divContainer div.ContentHolder div.Contact div.RHS { position:absolute; width:350px; top:-10px; left:250px; color:#666666; } #divContainer div.ContentHolder div.Contact div.RHS span.reqd { color:#333333; width:270px; display:-moz-inline-box; display:inline-block; text-align:right; font-weight:normal; font-size:10px; } #divContainer div.ContentHolder div.Contact div.RHS span.legend { padding:0px; margin:0px; font-size:11px; font-weight:bold;} #divContainer div.ContentHolder div.Contact div.RHS input { height:20px;} #divContainer div.ContentHolder div.Contact div.RHS input, textarea { width:270px; margin-bottom:5px; font-size:11px; color:#666666; } #divContainer div.ContentHolder div.Contact div.RHS textarea { height:80px;} #divContainer div.ContentHolder div.Contact div.RHS a { background-color:#cccccc; width:50px; height:25px; text-align:center; line-height:22px; margin-left:3px; color:White; font-weight:bold; text-decoration:none; font-size:11px; } #divContainer div.ContentHolder div.Contact div.RHS a:Hover { background-color:#999999; text-decoration:none;} #divContainer div.ContentHolder div.profile { position:absolute; width:550px; height:360px; } #divContainer div.ContentHolder div.profile div.submenu { position:absolute; top:0px; left:0px;} #divContainer div.ContentHolder div.profile div.textarea { position:absolute; top:0px; left:150px;} #divContainer div.ContentHolder div.profile div.textarea h2 { font-size:14px; color:#666666;} #divContainer div.ContentHolder div.services { position:absolute; width:550px; height:360px; } #divContainer div.ContentHolder div.services div.submenu { position:absolute; top:0px; left:0px;} #divContainer div.ContentHolder div.services div.textarea { position:absolute; top:0px; left:150px;} #divContainer div.ContentHolder div.services div.textarea h2 { font-size:14px; color:#666666;} /* Dynamic Image Overlay */ #ePopHolder { position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-image:url(/images/popupbg.png); text-align:center; padding-top:20%; } #ePopHolder img#Loading { position:absolute; top:0px; left:0px; display:none; } #ePopHolder img#ePopImage { position:absolute; background-color:White; border:solid 10px black; z-index:900500; text-align:center; } #ePopHolder div#BotStrip { background-color:white; position:absolute; height:65px; z-index:900600; border:solid 10px black; left:0px; border-top:solid 0px white; overflow:hidden;} #ePopHolder p.picPopCaption { position:absolute; color:black; font-size:15px; text-align:center; width:100%; left:0px; top:30%; z-index:900998; } #ePopHolder a#aClosePop{ position:absolute; font-size:12px; color:black; text-decoration:none; width:80px; text-align:center; top:60%; z-index:900998;} #ePopHolder a#aClosePop:hover { text-decoration:underline;} #ePopHolder a#ImageSwapperNext { position:absolute; font-size:12px; color:black; text-decoration:none; width:80px; text-align:center; top:60%; z-index:900999; } #ePopHolder a#ImageSwapperNext:hover { text-decoration:underline;} #ePopHolder a#ImageSwapperPrev { position:absolute; font-size:12px; color:black;text-decoration:none; width:80px; text-align:center; top:60%; z-index:900999; } #ePopHolder a#ImageSwapperPrev:hover { text-decoration:underline;} #ePopHolder a.disabled { color:Gray !important; text-decoration:none; }