/* Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework Based on Less Framework 4 by Joni Korpi, http://lessframework.com */ /* Mobile Layout: 320px.Gutters: 24px.Outer margins: 34px. --------------------------------------------- cols 1 2 3 px 68 160 252 */ /* body {width: 252px; padding: 0px 34px 60px;} #example {height: 600px;background: #FF0;} */ /* ------------------------------------------------------------------------------- */ /* -----------------------------3_Col_Site_CSS----------------------------------- */ /* ------------------------------------------------------------------------------- */ /* ------Background colour and Header image---------------------------------------------------------------------------------------------- */ body {overflow:visible; width: 100%; margin:0 auto; background: #ffffff; -webkit-tap-highlight-color: rgb(255,255,0); } body > #wrap {overflow:visible; width: 100%; margin:0 auto; background: url(images/interface/bg_header_3col.gif) top no-repeat; -webkit-tap-highlight-color: rgb(255,255,0); } /* ---˅˅˅˅----------------------------------------------------------------------------------˅˅˅˅------------------------------------------------ */ /* ---˅˅˅˅---Sticky Footer Width Specific Elements - In Addition to Master style elements---˅˅˅˅----------------------------------------------- */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com*/ #main {overflow:visible; padding-bottom: 1px; } /* must be same height as the footer */ #footer {overflow:visible; margin-top: -420px; /* negative value of footer height */ height: 420px; clear:both; background-color:#ffffff; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/} /* ---˄˄˄˄---- End of Sticky Footer ---˄˄˄˄---------------------------------------------------------------------------------------------------- */ /* ---˄˄˄˄-----------------------------˄˄˄˄--------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------------------------------------- */ /* ------- Content - Generic ------------896------------------------------------------------------------------------------------------------- */ #content {overflow:hidden; margin:0 auto;width:252px;} /* ---˅˅˅˅----------------------------------------------------------------------------------˅˅˅˅------------------------------------------------ */ /* ---˅˅˅˅---SMenu Width Specific Elements - In Addition to Master style elements-----------˅˅˅˅------------------------------------- */ #menu {width:252px; position: relative; left:0px; top:0px;} #menu_logo {overflow:visible;float: left; height: 0px; width: 0px; background: url(images/interface/menu_logo.gif) top no-repeat;} #menu_text { font-size:10pt; font-weight:bold; float: left; padding: 0px 0 0 0px; color:#ff00ff;} #logo_moldcc {position: absolute; top:150px; float: left; height: 98px; width: 220px; z-index: 100; background: url(images/interface/logo_moldcc_5col.png) top no-repeat; } /*--Menu bar logo--*/ /* ---˄˄˄˄----End of Menu Width Specific Elements - In Addition to Master style elements----˄˄˄˄---------------------------------------------------- */ /* ---˄˄˄˄-----------------------------˄˄˄˄-------------------------------------------------˄˄˄˄---------------------------------------------------------------------------- */ /*=NAVIGATION PRIMARY - BASE STYLES -------------------------------------------------------------------------------------------*/ #navigation_primary {height: 50px; padding:0 0px 0 20px;} #navigation_primary ul {list-style: none;padding: 0;margin: 0;text-decoration: none;border-style: none;} #navigation_primary li {float: left;display: block;height: 50px; background: #000000 url(images/interface/navigation_primary_3col.jpg) 0 0 no-repeat;} /*=NAVIGATION PRIMARY - LIST ITEM - BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_primary li.option1 {width:71px; background-position: 0 0; } #navigation_primary li.option2 {width:55px; background-position: -71px 0; } #navigation_primary li.option3 {width:50px; background-position: -126px 0; } #navigation_primary li.option4 {width:33px; background-position: -176px 0; } #navigation_primary li.option5 {width:51px; background-position: -209px 0; } #navigation_primary li.option6 {width:40px; background-position: -260px 0; } #navigation_primary li.option7 {width:52px; background-position: -300px 0; } #navigation_primary li.option8 {width:63px; background-position: -352px 0; } #navigation_primary a {display: block;height: 50px; text-indent: -9999px;background: #000000 url(images/interface/navigation_primary_3col.jpg) 0 -100px no-repeat;text-decoration: none;border-style: none;} /*=NAVIGATION PRIMARY - ANCHOR - DEFAULT BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_primary li.option1 a { background-position: 0 -100px; } #navigation_primary li.option2 a { background-position: -71px -100px; } #navigation_primary li.option3 a { background-position: -126px -100px; } #navigation_primary li.option4 a { background-position: -176px -100px; } #navigation_primary li.option5 a { background-position: -209px -100px; } #navigation_primary li.option6 a { background-position: -260px -100px; } #navigation_primary li.option7 a { background-position: -300px -100px; } #navigation_primary li.option8 a { background-position: -352px -100px; } /*=NAVIGATION PRIMARY - ANCHOR - HOVER BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_primary li.option1.hover a:hover { background-position: 0 0; } #navigation_primary li.option2.hover a:hover { background-position: -71px 0; } #navigation_primary li.option3.hover a:hover { background-position: -126px 0; } #navigation_primary li.option4.hover a:hover { background-position: -176px 0; } #navigation_primary li.option5.hover a:hover { background-position: -209px 0; } #navigation_primary li.option6.hover a:hover { background-position: -260px 0; } #navigation_primary li.option7.hover a:hover { background-position: -300px 0; } #navigation_primary li.option8.hover a:hover { background-position: -352px 0; } /*=NAVIGATION PRIMARY - ANCHOR - CURRENT PAGE BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #option1 #navigation_primary li.option1 a { background-position: 0 -50px; } #option2 #navigation_primary li.option2 a { background-position: -71px -50px; } #option3 #navigation_primary li.option3 a { background-position: -126px -50px; } #option4 #navigation_primary li.option4 a { background-position: -176px -50px; } #option5 #navigation_primary li.option5 a { background-position: -209px -50px; } #option6 #navigation_primary li.option6 a { background-position: -260px -50px; } #option5 #navigation_primary li.option7 a { background-position: -300px -50px; } #option6 #navigation_primary li.option8 a { background-position: -352px -50px; } /*---˄˄˄˄-------------------------------------------------------------------------------------˄˄˄˄---*/ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*=NAVIGATION secondary - BASE STYLES -------------------------------------------------------------------------------------------*/ #navigation_secondary {height: 39px; float:right; } #navigation_secondary ul {list-style: none;padding: 0;margin: 0;text-decoration: none;border-style: none;} #navigation_secondary li {float: left;display: block;height: 39px; background: #000000 url(images/interface/navigation_secondary_3col.gif) 0 0 no-repeat;} /*=NAVIGATION secondary - LIST ITEM - BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_secondary li.option1 {width:64px; background-position: 0 0; } #navigation_secondary li.option2 {width:62px; background-position: -64px 0; } #navigation_secondary li.option3 {width:62px; background-position: -126px 0; } #navigation_secondary li.option4 {width:64px; background-position: -188px 0; } #navigation_secondary a {display: block;height: 39px;text-indent: -9999px;background: #444 url(images/interface/navigation_secondary_3col.gif) 0 -78px no-repeat;text-decoration: none;border-style: none;} /*=NAVIGATION secondary - ANCHOR - DEFAULT BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_secondary li.option1 a { background-position: 0 -78px; } #navigation_secondary li.option2 a { background-position: -64px -78px; } #navigation_secondary li.option3 a { background-position: -126px -78px; } #navigation_secondary li.option4 a { background-position: -188px -78px; } /*=NAVIGATION secondary - ANCHOR - HOVER BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_secondary li.option1.hover a:hover { background-position: 0 0; } #navigation_secondary li.option2.hover a:hover { background-position: -64px 0; } #navigation_secondary li.option3.hover a:hover { background-position: -126px 0; } #navigation_secondary li.option4.hover a:hover { background-position: -188px 0; } /*=NAVIGATION secondary - ANCHOR - CURRENT PAGE BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #option1 #navigation_secondary li.option1 a { background-position: 0 -39px; } #option2 #navigation_secondary li.option2 a { background-position: -64px -39px; } #option3 #navigation_secondary li.option3 a { background-position: -126px -39px; } #option4 #navigation_secondary li.option4 a { background-position: -188px -39px; } /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*---˅˅˅˅-------------------------------------------------------------------------------------˅˅˅˅---*/ /*---˅˅˅˅-----Content areas--------------f5f802-----------------------------------------------------˅˅˅˅---*/ .spacer_mainimg { height:280px; width:100%; } /* default original width 648 border: 1px solid red;*/ .contenttest {background: #ff0000; height:200px; width:200px; float:left;} #content1 { width:100%; float:left;} /* border: 1px solid #f5f802; height:374px; */ #content1 .title_home {height:91px; background-image: url(images/interface/title_home_3col.jpg); } /*--104px height--*/ #content1 .text_area {padding:0 0px 0 0px;} #content1 .title_contact {height:104px; width:253px; background-image: url(images/interface/title_contact_8col.jpg); } /*--253px--*/ #content1b {width:100%; float:left;} /* border: 1px solid #f5f802; height:374px; */ #content1b .title_what {height:43px; width:155px; background-image: url(images/interface/title_what.jpg); } /*--364px--*/ #content1c {width:100%; height:100%;float:right; } /*--595px--62*/ #content1d { width:100%;float:left;} /* border: 1px solid #f5f802; height:374px; */ #content1d .text_area {padding:0 0px 0 0px; width:252px;} #content1e {width:100%;float:right; } /*--595px--62*/ #content1f { width:100%;float:left;} /* border: 1px solid #f5f802; height:374px; */ #content1f .text_area {padding:0 0px 0 0px; width:252px;} #content1g {width:100%;float:right; } /*--595px--62*/ #content1h { width:100%;float:left; height:320px;} /* border: 1px solid #f5f802; height:374px; */ #content1h .text_area {padding:0 0px 0 0px; width:252px;} #content1i {width:100%;float:right; height:180px; } /*--595px--62*/ #content1j { width:100%;float:left;} /* border: 1px solid #f5f802; height:374px; */ #content1j .text_area {padding:0 0px 10px 0px; width:252px;} #content1k {width:100%;float:right; } /*--595px--62*/ #content1l {width:100%; float:left; height:70px;} #content1m {width:100%; float:left;} #content3 {width:100%; float:left; padding:0 0px 20px 0px;} /*--Intro picture / items areas33.33%;33.33%;33.23%;--*/ #content3 .text_area {padding:0 0px 0 0px; width:252px;} #content3 .title_pool {height:195px; width:253px; background-image: url(images/interface/title_pool_8col.jpg); position: relative; left:0px; } /*--316px--*/ #content3 .title_pool2 {height:104px; width:253px; background-image: url(images/interface/title_pool2_8col.jpg); position: relative; left:0px;} /*--316px--*/ #content3 .title_polo2 {height:104px; width:253px; background-image: url(images/interface/title_polo2_8col.jpg); } /*--316px--*/ #content3 .title_slalom2 {height:104px; width:253px; background-image: url(images/interface/title_slalom2_8col.jpg); } /*--316px--*/ #content3 .title_river2 {height:104px; width:253px; background-image: url(images/interface/title_river2_8col.jpg); } /*--316px--*/ #content3 .title_membership2 {height:104px; width:253px;background-image: url(images/interface/title_membership2_8col.jpg); } /*--316px--*/ #content3 .title_whatson2 {height:104px; width:253px; background-image: url(images/interface/title_whatson2_8col.jpg); } /*--316px--*/ #content3 .title_forsale {height:104px; width:253px; background-image: url(images/interface/title_forsale_8col.jpg); } /*--316px--*/ #content3 .title_qa2 {height:104px; width:253px; background-image: url(images/interface/title_qa2_8col.jpg);} /*--316px--*/ #content3 .title_committee {height:104px; background-image: url(images/interface/title_committee_8col.jpg) } /*--316px--*/ #content3 .title_coaches {height:104px; background-image: url(images/interface/title_coaches_8col.jpg) } /*--316px--*/ #content3 .title_prices {height:44px; width:102px; background-image: url(images/interface/title_prices.jpg); } #content3b {width:100%; float:left; padding:0 0px 20px 0px;} #content3b .text_area {padding:0 0px 0 0px; width:252px;} #content3b .title_river {height:195px; width:253px; background-image: url(images/interface/title_river_8col.jpg); } /*--316px--*/ #content3c {width:100%; float:left; } #content3c .text_area {padding:0 0px 0 0px; width:252px;} #content3c .title_q_and_a {height:195px; width:253px; background-image: url(images/interface/title_q_and_a_8col.jpg); } /*--316px--*/ #content3c .title_why {height:44px; width:168px; background-image: url(images/interface/title_why.jpg); } /*--316px--*/ #content3c .title_pool3 {height:44px; width:152px; background-image: url(images/interface/title_pool3.jpg); } /*--316px--*/ #content3c .title_kit {height:44px; width:109px; background-image: url(images/interface/title_kit.jpg); } /*--316px--*/ #content3c .title_polo {height:44px; width:148px; background-image: url(images/interface/title_polo.jpg); } /*--316px--*/ #content3c .title_membership {height:44px; width:226px; background-image: url(images/interface/title_membership.jpg); } /*--316px--*/ #content3c .title_private {height:44px; width:182px; background-image: url(images/interface/title_private.jpg); } /*---˅˅˅˅-------------------------------------------------------------------------------------˅˅˅˅---*/ /*---˅˅˅˅-----Footer Elements-------------------------------------------------------------------˅˅˅˅---*/ #footer {padding: 0px 0px 0; width: 100%; height: 420px; margin:0 auto; background: url(images/interface/footer.jpg) top repeat;} #footer_top {padding: 0px 0px 0;width: 100%;height: 53px;margin:0 auto; background: url(images/interface/footer_top_3col.jpg) top no-repeat;} /*--------------------------------------------------------------------------*/ #footer a {text-decoration:none;} #foot { color:#0b5ffa; width:252px; margin:0 auto; height:100px; padding:0px 0px 0 0px; position: relative; left:0px; top:0px; } #foot #footmiddle {width: 252px; padding:120px 0px 0 0; text-align:center; } #foot #left {width:100%; float:left; padding:0px 0 0 0px; } #foot #right {width:100%;float:right; text-align:right; padding:0px 0px 0 0;} #foot_title {width:100%; height:15px; } #middle_text {text-align:center; color:#404040; font-weight:bold; padding:0 0 5px 0; } .line {border-top: 1px solid #232323; padding:0 0 5px 0;} ul.MenuBarHorizontal {width: 252px; height:90px; margin: auto; padding: 2px 0px 10px 0px;} ul.MenuBarHorizontal a {text-align: center; } ul.MenuBarHorizontal ul a {text-align: left; } a.footlink:link { height:16px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#888888; padding: 0px 0px 8px 0px; position: relative; top:0px; left:0px; float:left; text-decoration: none;border-style: none;} a.footlink:visited { height:16px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #888888; padding: 0px 0px 8px 0px; position: relative; top:0px; left:0px; float:left; text-decoration: none;border-style: none;} a.footlink:hover { height:16px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0a75ed; padding: 0px 0px 8px 0px; position: relative; top:0px; left:0px; float:left; text-decoration: none;border-style: none;} a.footlink:active { height:16px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #888888; padding: 0px 0px 8px 0px; position: relative; top:0px; left:0px; float:left; text-decoration: none;border-style: none;} .linkSpacer {height: 14px;float:left;color:#3d3d3d;} /*Andy Q Logo Link - http://www.andyquick.co.uk*/ a.a3:link { height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color:#666666; padding: 0px 0px 0px 0px; position: relative; top:0px; left:30px; float:right; text-decoration: none;border-style: none;} a.a3:visited{ height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666; padding: 0px 0px 0px 0px; position: relative; top:0px; left:30px; float:right; text-decoration: none;border-style: none;} a.a3:hover { height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #7a7a7a; padding: 0px 0px 0px 0px; position: relative; top:0px; left:30px; float:right; text-decoration: none;border-style: none;} a.a3:active { height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666; padding: 0px 0px 0px 0px; position: relative; top:0px; left:30px; float:right; text-decoration: none;border-style: none;} #title_range {height:15px; width:178px; background-image: url(images/interface/title_range.jpg); float:left;} /*--316px--*/ #title_support {height:15px; width:100px; background-image: url(images/interface/title_support.jpg);top no-repeat; float:right; position: absolute; left:0px; top:60px; } /*--316px--*/ /*--------------------------------------------------------------------------*/ .button li a {float:left;width:100%;background-repeat: no-repeat;background-position: left top;text-indent:-9999px;overflow:hidden; position:inline;} .button li a:hover, .button li a.active {text-decoration:none;color:#ffffff;background-position: left bottom;} ul#logolink li {float:left; display: inline; /* Prevents "stepdown" */} ul#logolink2 li {float:left; display: inline; /* Prevents "stepdown" */} ul#logolink3 li {float:right; display: inline; /* Prevents "stepdown" */} ul#logolink4 li {float:right; display: inline; /* Prevents "stepdown" */} /*ul.logolink5 li {float:left; display: inline; position: relative; left:35px; top:100px;/* Prevents "stepdown" */} /*ul#logolink6 li {float:left; display: inline; position: relative; left:60px; top:100px;/* Prevents "stepdown" */} /*ul.logolink7 li {float:left; display: inline; position: relative; left:230px; /* Prevents "stepdown" */} li.logo_1 {width: 76px; float: left;} #logo_1 a {background-image: url(images/interface/logo_1_3col.jpg); width: 76px; height:40px; } li.logo_2 {width: 36px; float: left;} #logo_2 a {background-image: url(images/interface/logo_2_3col.jpg); width: 36px; height:40px; } li.logo_3 {width: 51px;} #logo_3 a {background-image: url(images/interface/logo_3_3col.jpg); width: 61px; height:40px;} li.logo_4 {width: 68px;} #logo_4 a {background-image: url(images/interface/logo_4_3col.jpg); width: 68px; height:40px;} li.logo_5 {width: 31px;} #logo_5 a {background-image: url(images/interface/logo_5_3col.jpg); width: 31px; height:40px; position: relative; top:25px; } li.logo_6 {width: 85px;} #logo_6 a {background-image: url(images/interface/logo_6.jpg); width: 85px; height:100px;position: relative; } /*----More button holder---*/ li.logo_7 {width: 85px;} #logo_7 a {background-image: url(images/interface/logo_7.jpg); width: 85px; height:100px;position: relative; } li.logo_face {width: 22px;} #logo_face a {background-image: url(images/interface/logo_face.jpg); width: 22px; height:22px; position: relative; top:-85px; left:-0px; } li.logo_aq {width: 45px;} #logo_aq a {background-image: url(images/interface/logo_aq.jpg); width: 45px; height:35px; position: relative; left:27px; top:-10px; } li.logo_spread {width: 60px;} #logo_spread a {background-image: url(images/interface/logo_spread.jpg); width: 60px; height:80px; position: relative; left:0px; top:7px;} li.logo_more {width: 103px;} .logo_more a {background-image: url(images/interface/but_more.gif); width: 103px; height:50px; position: relative; left:140px; top:0;} /*---˄˄˄˄-------------------------------------------------------------------------------------˄˄˄˄---*/ /*---˄˄˄˄-------------------------------------------------------------------------------------˄˄˄˄---*/ /*---˅˅˅˅-------------------------------------------------------------------------------------˅˅˅˅---*/ /*---˅˅˅˅-----Slider Elements-------------------------------------------------------------------˅˅˅˅---*/ #main_img1 {width:100%;padding: 0; position:relative; left:0px;}*/ .innerfade {width:100%; position: relative;} img.slide { float:left; width:135%; } div.spacer1 {float:left; width:100%; height:24px;} /*----Form elements--------width:550px------------*/ #formholder {width:100%; } #formleft {position:relative; left:30px; float:left; width:100%;} #formright {position:relative; left:30px; top:10px; float:left; width:100%;} #formleft2 {position:relative; left:30px; top:-20px; float:left; width:100%;} #formright2 {position:relative; left:30px; top:-10px;float:left; width:100%;} fieldset { width:252px;height:700px; position:relative; left:0px; padding:30px 0px 0px 0px; margin:0; border:0px solid #50b6ff;-moz-border-radius:0em;-webkit-border-radius:0em;border-radius:.0em; background: url(images/interface/form_back_3col.jpg) top no-repeat;} fieldset .b_text {font-weight:bold; position:relative; left:30px; padding:20px 70px 0px 0px; } /*legend {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}*/ input {width:180px; height:15px; background-color:#92c8f7; border:0px solid #6c6c6c; padding:0 0 0 5px; font:.9em Verdana, Arial, Helvetica, sans-serif; line-height:15px; color:#3b3b3b;} input, textarea {border:0px solid #aeaeae; padding:5px;margin:0px 0 0 0; }/*Border for text areas*/ input:focus, textarea:focus {background:#0265c2; color:#ffffff;} textarea {width:180px; height:128px; font:1em Verdana, Arial, Helvetica, sans-serif; border:0px solid #aeaeae; background:#92c8f7; } /*-- Text area big --*/ label {display:block;padding:0px 0 5px 0;font-weight:700;font-size:.9em;float:left;clear:left;width:98px; color:#3c99f9;} label:after {content:": ";} button {width:96px; height:48px; display:block;float:left;clear:both;margin:1em 0 1em 90px; border:none;background:url(images/interface/send_n.gif) no-repeat; } .spacerform { height: 10px; width:100%;} .spacerform2 { height: 23px; width:100%;} .spacerform3 { height: 00px; width:100%;} select {background-color: #bee5fe; color: #3b3b3b; font:.8em Verdana, Arial, Helvetica, sans-serif; } /* * User feedback -----------------------*/ .yay, .oops {font-size:.8em;text-align:center;padding:10px 0 10px 0; color:#fff;font-weight:700; width:458px;position:relative; left:20px;} .yay {background:#090;} .oops {background:#f30;} div.error {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;} /* * Captcha -----------------------*/ .formimg {margin:0 0 0 40px;display:block; } h3 {font-size:.9em;float:left;color:#929292} /*-----------------------------------------------------------------------*/ .send_button {width: 98px;height:46px; border: none;background: url("images/interface/send_n.png") no-repeat top left;position: relative; left:40px; top:0px;} .send_button2 {width: 98px;height:46px; border: none;background: url("images/interface/send_n.png") no-repeat top left;position: relative; left:80px; top:0px;} .button_send {width: 98px;height:46px; border: none;background: url("images/interface/send_n.png") no-repeat top left;font-size:1em;font-weight:bold;color:#559bfb;} .button_send:hover {width: 98px;height:46px; border: none;background: url("images/interface/send_o.png") no-repeat top left;font-weight:bold;color:#559bfb;} /*---˄˄˄˄---------------End of Form--------------------------------------------------------˄˄˄˄---*/ /*---˄˄˄˄-------------------------------------------------------------------------------------˄˄˄˄---*/ /* _________________________________________________________________ */ /* __________________________Image Pop-up elements ________________ */ /* _________________________________________________________________ */ .img_area {background-image: url(images/interface/img_area_8col.jpg); width: 240px; height:167px; position:relative; left:0px; top:0px;} .img_docs{position:relative; left:10px; top:20px; } /*----Pop up Image Elements-----------------------*/ div.img_preview {float:right;border:0px solid #fff;} div.img_preview a {padding:0px; border:0px solid #fff000; background-color:#ffffff;float:left;position: relative; top:18px; left:-19px;} div.img_preview a:hover { background-color: #1771f8; } div.img_preview img { border:0; float:left; width:202px;height:130px; } /*----End of Pop up Image Elements-----------------------*/ /* ------------------------------------*/ /* ----------Cufon Elements----------- */ /* ------------------------------------*/ h6 {font-family:Tahoma, Georgia, tahoma; font-size:0px; line-height:0px; color:#000000;} h5 {font-family:Tahoma, Georgia, tahoma; font-size:24px; line-height:28px;color:#ffffff;} /* ------------------------------------*/ /* -------End of Cufon Elements------- */ /* ------------------------------------*/ /*------------What we do section----------------------------------------------------*/ /*--------Slider 1 Elements fade to nothing then fade in----------------------------------------------------------------------*/ #slider1 { width: 100%; /* important to be same as image width */ height: 228px; /* important to be same as image height 220*/ position: relative; top:-100px;/* important */ overflow: hidden; /* important */ margin-right: auto; margin-left: auto; top: 0px; } #slider1Content { width: 100%; /* important to be same as image width or wider 746*/ position: absolute; top: 0; margin-left: 0px; display:block; } .slider1Image { float: left; position: relative; display: none; } .slider1Image span {position: absolute; font: 12px/16px Tahoma, Georgia, verdana, arial, serif; padding: 0px 0px 0 0; width:252px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: none; } .clear {clear: both;} .slider1Image span strong {font-size: 16px;line-height: 16px; padding: 0 0 6px 0; border-bottom: solid #60b5fd thin; width: 100%; color: #60b5fd; display:block;} .name { font-size: 12px;line-height: 12px; color: #4d93f3; display:inline-block; float:right;} .company {font-size: 10px;position: relative; top:-5px;/* important */color: #60b5fd; display:inline-block; float:right;} .top {top: 0;left: 0;} .bottom {bottom: 0; left: 0;} .left {top: 0;left: 0;width: 110px !important;height: 280px;} .right {right: 0;bottom: -120px; width: 252px !important;height: 120px; display:inline-block;} img.slider1image { border:0; float:left; width:252px; height:101px; } /*.spacer {height:18px;}*/ /*ul { list-style-type: none;}*/ /*------------------------------------------------------------------------------------------*/ /*--------End of Slider 1 Elements----------------------------------------------------------------------*/ /*--------Calender----------------------------------------------------------------------*/ .calendar { width: 55px; height:59px; font-size: 0.8em; background: url(images/interface/calendar.jpg);} .calendar > span { display: block;} .calendar > .month { text-align: right; padding: 4px 10px 2px 0; font-size: 1.2em; color: #fff; font-weight: bold;} .calendar > .day { text-align: center; font-weight: bold; font-size: 2.3em; height: 25px; padding: 10px 0 0 0;} /*--------Calender----------------------------------------------------------------------*/ /*--------Calender2----------------------------------------------------------------------*/ .calendar2 { width: 85px; height:59px; font-size: 0.8em; background: url(images/interface/calendar2.jpg);} .calendar2 > span { display: block;} .calendar2 > .month { text-align: right; padding: 4px 10px 2px 0; font-size: 1.2em; color: #fff; font-weight: bold;} .calendar2 > .day { text-align: center; font-weight: bold; font-size: 2.3em; height: 25px; padding: 10px 0 0 0;} /*--------Calender----------------------------------------------------------------------*/ /*--------For Sale Description text position----------------------------------------------------------------------*/ .forsale { font-size: 12px;line-height: 12px; color: #4d93f3; display:inline-block; float:right; padding: 0px 50px 0 0;} .committee { font-size: 12px;line-height: 12px; color: #4d93f3; display:inline-block; float:right; position: relative; top:4px;} /* ------------------------------------------------------------------------------- */ /* --------------------------END_OF_8_Col_Site_CSS------------------------------- */ /* ------------------------------------------------------------------------------- */