/* CSS Document */ /* Xena Events */ /* Created by Northgate Systems */ body { background-color:#0c0c0c; background-image:url(../images/template/bg.gif); background-position:top; background-repeat:repeat-x; font-family:Georgia, "Times New Roman", Times, serif; margin: 0 auto; margin-top:11px; padding:0; margin-bottom:30px; color:#FFFFFF } .clear { position:relative; clear:both; margin:0; padding:0 } a:focus { outline: none; } /* HEADER ELEMENTS */ #header { position:relative; width:912px; height:80px; margin:0 auto; overflow:visible; z-index:50 } #date { position:absolute; top:48px; left:0px; margin:0; font-size:12px; color:#CCCCCC; z-index:10 } #tel { position:absolute; right:12px; top:45px; font-size:12px; margin:0; color:#CCCCCC } .green { font-size:15px; font-family:tahoma; color:#b7de00; font-weight:bold } #mainNav { position:absolute; right:0px; top:10px; height:34px; top:2px; margin:0; z-index:5000; overflow:visible; text-align:right } #nav, #nav ul { position:relative; margin:0; padding:0; list-style-type:none; list-style-position:outside; line-height:34px; z-index:5000; font-family:Georgia, "Times New Roman", Times, serif; z-index:1000; } #nav a { display:block; padding:0px 12px 0px 12px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; background-image:url(/images/template/menuDivider.gif); background-position:right; background-repeat:repeat-y; z-index:1000; } #nav a:hover { background-color:#000000; color:#b7de00; z-index:1000; } #nav li { float:left; position:relative; z-index:1000; } #nav ul { position:absolute;display:none; width:99px;top:33px; z-index:1000;} #nav li ul a { width:170px; float:left; background-color:#000000; color:#FFFFFF; font-weight:normal; font-size:11px; line-height:22px; border-bottom:1px solid #2B2B2B; padding:4px 10px 4px 20px; text-align:left; z-index:1000; } #nav li ul a:hover { background-color:#2B2B2B; color:#b7de00; z-index:1000; } #nav ul ul { top:auto; z-index:1000;} #nav li ul ul { left:7.1em; margin:0px 0 0 10px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; color:#cccccc } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; } /* GENERAL ELEMENTS */ #container { position:relative; width:930px; background-image:url(../images/template/containerBG.gif); background-position:top; background-repeat:no-repeat; margin:0 auto; padding-bottom:20px } #content { position:relative; width:580px; margin:0px 10px 0 0; float:left; padding-right:60px; } #content h1 { position:relative; color:#b7de00; font-size:25px; font-weight:normal; margin:0; padding:15px 0 5px 0} #content h2 { position:relative; color:#b7de00; font-size:18px; font-weight:normal; margin:0; padding:15px 0 5px 0} #content p { position:relative; color:#FFFFFF; font-family:tahoma; font-size:12px; font-weight:normal; margin:0; padding:0;line-height:17px; margin-bottom:10px } #content p a { position:relative; color:#b7de00; text-decoration:none; border-bottom:1px dotted #b7ed00 } #content p a:hover { position:relative; color:#d0ff32; text-decoration:none; } #content p.bold { font-weight:bold } #content ul { position:relative; list-style-type:none; margin:0; padding:0; } #content ul li { position:relative; padding:7px 0 7px 30px; font-size:12px; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left; color:#FFFFFF; text-decoration:none; margin:0; } #content ul li a:hover { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} /* SIDEBAR ELEMENTS */ #sideBar { position:relative; width:250px; height:300px; margin:0; float:left; } #sideBar h1 { position:relative; color:#FFFFFF; font-size:27px; font-weight:normal; margin:0; padding:10px 0 10px 0} #sideBar ul { position:relative; list-style-type:none; margin:0; padding:0; } #sideBar ul li { position:relative; color:#FFFFFF; margin:0; padding:0 } #sideBar ul li a { position:relative; display:block; padding:7px 0 7px 30px; font-size:12px; color:#FFFFFF; text-decoration:none } #sideBar ul li a:hover { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} .selectedService { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #corp #sideNav .corp a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #conf #sideNav .conf a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #cakes #sideNav .cakes a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #private #sideNav .private a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #weddings #sideNav .weddings a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #themed #sideNav .themed a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #charity #sideNav .charity a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #product #sideNav .product a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #chairs #sideNav .chairs a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #life #sideNav .life a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #furniture #sideNav .furniture a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #contact #sideNav .contact a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #home #sideNav .home a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #aff #sideNav .aff a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} /* HOMEPAGE ELEMENTS */ #banner { position:relative; width:912px; height:324px; margin:0; border:1px solid #3f3f3f; margin-bottom:20px; z-index:30} #overlay { position:absolute; right:0px; top:0px; z-index:5 } #ribbon { position:absolute; left:768px; top:-4px; width:149px; height:87px; margin:0; background-image:url(../images/homepage/welcome.png); z-index:25 } #promoWrapper { position:relative; width:590px; margin:0px 10px 0 0; float:left } .miniPromoBox { position:relative; width:575px; background-color:#000000; margin:0 0 20px 0; border:1px solid #282828; } .miniPromoBox:hover { background-color:#191919;} .miniPromoBox h1 { position:relative; color:#b7de00; font-size:14px; font-weight:normal; margin:0; left:15px; padding:15px 0 5px 20px} .miniPromoBox p { position:relative; color:#FFFFFF; font-family:tahoma; font-size:12px; font-weight:normal; margin:0; padding:0; width:370px; left:15px; padding-left:15px; line-height:17px; } .miniPromoBox img { position:absolute; top:12px; left:400px; margin:0; border:0 } .miniPromoBox .greyButton { position:relative; left:400px; top: -15px; } a.greyButton { position:relative; background-image:url(../images/template/buttonBG.gif); font-family:tahoma; background-repeat:repeat-x; font-size:10px; color:#FFFFFF; padding:5px 15px 5px 15px; text-decoration:none; border: 1px solid #302f2e } a.greyButton:hover { background-image:url(../images/template/buttonBGhover.gif); color:#b7de00; } #intro { position:relative; width:310px; margin:0; float:left; } #intro h1 { position:relative; color:#FFFFFF; font-size:27px; font-weight:normal; margin:0; padding:10px 0 10px 0} #intro h1 i { font-size:23px;} #intro p { position:relative; color:#FFFFFF; font-family:tahoma; font-size:12px; font-weight:normal; margin:0; padding:0 0 10px 0;line-height:17px; } /* FOOTER ELEMENTS */ #footer { position:relative; clear:both; width:100%; height:130px; background-color:#000000; background-image:url(../images/template/footerBG.gif); background-repeat:repeat-x; margin:0;border-bottom:1px solid #2B2B2B } #innerFooter { position:relative; width:912px; height:40px; margin:0; margin:0 auto } #copy { position:absolute; top:20px; left:0px; margin:0; font-size:12px; color:#666666; } #copy a { color:#666666 } #links { position:absolute; top:20px; left:445px; margin:0; font-size:12px; color:#FFFFFF; font-weight:bold; z-index:100 } #links ul { position:relative; list-style-type:none; margin:0; padding:0; } #links ul li { position:relative; color:#FFFFFF; margin:0; padding:0 0 0 30px; float:left } #links ul li a { position:relative; color:#FFFFFF; text-decoration:none } #links ul li a:hover { position:relative; color:#b7de00; } #footer .ngs a { position:absolute; width:34px; display:block; height:33px; left:880px; top:110px; margin:0; background-image:url(/images/template/northgate_systems_tag_up.gif); background-repeat:no-repeat; } #footer .ngs a:hover { background-image:url(/images/template/northgate_systems_tag_over.gif); background-repeat:no-repeat; } .inputBox { position:relative; font-size:12px; margin:5px 0 5px 0; width:200px; padding:5px; border:1px solid #0c0c0c; } .inputArea { position:relative; font-size:12px; font-family:tahoma; margin:5px 0 5px 0; width:200px; padding:5px; border:1px solid #0c0c0c;} .inputBoxErr { position:relative; width:250px; font-size:13px; padding:6px; margin:0; font-family:tahoma; border:1px solid #b7de00; overflow:hidden } .inputAreaErr { position:relative; width:250px; height: 80px; font-size:13px; padding:6px; margin:0; font-family:tahoma; border:1px solid #b7de00; overflow:auto } /* SLIDESHOW ELEMENTS */ #slideshow { position:relative; height:324px; z-index:5; } #staticSlide { position:relative; height:324px; z-index:5; } #slideshow div{ position:absolute; top:0; left:0; z-index:8; height: 324px; } #slideshow div.active { z-index:10; } #slideshow div.last-active { z-index:9; } #slideshow div img { height: 324px; display: block; border: 0; margin-bottom: 10px; } #slideshow p { position:absolute; top:274px; width:605px; left:0px; margin:0; font-size:25px; background-image:url(../images/template/trans.png); background-repeat:repeat; padding:10px 20px; } .usualHeader { position:relative; color:#b7de00; font-size:35px; font-weight:normal; margin:0; padding:15px 0 5px 0} .time { font-weight:bold; } #passionate { position:relative; padding-top:70px; margin-right:50px; width:420px; float:right} #translate { position:relative; padding-top:50px; left:0px; float:left; width:250px; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */