/*************************************************************** Reset styles ***************************************************************/ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; background-color:#454444; font-family:Verdana, Geneva, sans-serif; color:#eee; font-size:11px; line-height:18px; background-image:url(/images/layout/body_bg.png); background-repeat:repeat-x; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } * {margin:0;padding:0;} .genrightCol h1 { font-family: 'Play', arial, serif;color:#0099FF;font-size:22px;margin:0 0 15px 0; } .genrightCol h2 { font-family: 'Play', arial, serif; color:#eee;font-size:18px;margin:0 0 10px 0;} .genrightCol h3 { font-family: 'Play', arial, serif;color:#0099FF;font-size:18px;margin:0 0 10px 0; } .genrightCol p {font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:19px;margin:0 0 10px 0;} .genrightCol ul {margin:0 0 10px 10px;list-style-type:none;} .genrightCol li {margin:0; background-image:url(/images/layout/splat.png);background-repeat:no-repeat;padding:0 0 0 30px;} .overlay {background-image:url(/images/layout/bg.png);background-repeat:repeat;width:100%;} .facebookSide a{width:55px; height:99px; position:relative; z-index:1000; background:url(/images/layout/faceBook_angle.png) -50px top no-repeat;top:200px;margin:0 0 0 950px;display:block;} .facebookSide a:hover{width:55px; height:89px; position:relative; z-index:1000; background:url(/images/layout/faceBook_angle.png) -45px -90px no-repeat;top:200px;display:block;} #container {width:950px;margin:0 auto;} .header {width:100%; height:170px;} .headerCon {width:950px;height:170px;margin:0 auto;} .caption {width:600px;height:110px;float:left;margin:10px 0 10px 0;} .logo {width:260px;height:110px;float:right;margin:0 0 10px 0;} .mid{width:950px;min-height:350px;height:auto;float:left;position:relative;z-index:10;background-color:#222;margin:-40px 0 0 0;} .midTop{background-image:url(/images/layout/menu_shadow.png);background-repeat:repeat-x;width:950px;height:60px;} .midBase{width:950px;height:34px;float:left;background-image:url(/images/layout/mid_shadow.png);background-repeat:no-repeat;} .footer{clear:both;width:950px;min-height:265px;height:auto;background-image:url(/images/layout/footer_bg.jpg);background-repeat:no-repeat;} /*********************Home Layout***********************/ .leftCol {width:310px;min-height:300px;height:auto;float:left;} .midCol {width:330px;min-height:300px;height:auto;float:left;} .rightCol {width:310px;min-height:300px;height:auto;float:right;} .mediumPanel {width:305px;height:220px;float:left;background-image:url(/images/layout/med_panel.png);background-repeat:no-repeat;background-position:-7px top;} .largePanel {width:330px;height:220px;float:left;background-image:url(/images/layout/mid_lrg_panel.png);background-repeat:no-repeat;background-position:-10px top;} .midsmallPanel {width:330px;height:135px;float:left;background-image:url(/images/layout/mid_small_panel.png);background-repeat:no-repeat;background-position:-10px top;} .smallPanelL a {width:310px;height:135px;float:left;background-image:url(/images/layout/book.png);background-repeat:no-repeat;background-position:left top;text-decoration:none;} .smallPanelL a:hover {} .smallPanelM a {width:330px;height:135px;float:left;background-image:url(/images/layout/info_kit.png);background-repeat:no-repeat;background-position:-6px top;text-decoration:none;} .smallPanelM a:hover {} .smallPanelR a {width:310px;height:135px;float:left;background-image:url(/images/layout/member.png);background-repeat:no-repeat;background-position:left top;text-decoration:none;} .smallPanelR a:hover {} .mediumPanel h1, .largePanel h1, .smallPanel h1, .midsmallPanel h1 {color:#FFF; font-size:18px;font-weight:normal;margin:0 0 10px 0;text-align:left;padding:20px 0 0 15px;text-decoration:none;text-shadow: 0 0 0.4em #000} .smallPanelL a h1, .smallPanelR a h1, .smallPanelM a h1 {color:#FFF; font-size:18px;font-weight:normal;margin:0 0 10px 0;text-align:left;padding:15px 0 0 15px;text-decoration:none;} /*********************General page layout****************/ .genrightCol {padding:7px 20px 10px 10px;margin:0px 0 0 0; width:570px;float:right;} .genrightCol .head {background:url(/images/layout/page_header.png)no-repeat;width:593px;height:46px;margin:0 0 10px -15px;} .genrightCol .head h1 {padding:15px 0 0 20px;;color:#FFF;font-size:18px} /****************News Snippets*******************/ #news { width:280px;margin:20px 20px; } ul#nav {height:11px;text-align:right;width:280px;margin:0 0 15px 0;} ul#nav li a {width:28px;height:20px; margin:5px 0 0 5px;background:url(/images/layout/news_but.png) left top no-repeat;display:block;float:right;text-align:right;} ul#nav li a:hover {background:url(/images/layout/news_but.png) left -20px no-repeat;} ul#nav li.activeSlide a {background:url(/images/layout/news_but.png) left -20px no-repeat;} #news .newsSnippet { width:280px;float:left;} #news .newsSnippet h2 {font-size:14px;color:#0099FF;margin:0 0 10px 0;} #news .imageArea {float:left;margin:0 10px 0 0;} #news .snippet {float:left; width:280px;} #news .newsSnippet p {height:90px;} #news .moreButton a {width:114px; height:20px; background:url(/images/layout/read_more.png)left top no-repeat; float:right;} /****************News Snippets*******************/ #specials { width:280px;margin:20px 20px; } #specials ul#nav {height:11px;text-align:right;width:280px;margin:0 0 15px 0;} #specials ul#nav li a {width:28px;height:20px; margin:5px 0 0 5px;background:url(/images/layout/news_but.png) left top no-repeat;display:block;float:right;text-align:right;} #specials ul#nav li a:hover {background:url(/images/layout/news_but.png) left -20px no-repeat;} #specials ul#nav li.activeSlide a {background:url(/images/layout/news_but.png) left -20px no-repeat;} #specials .newsSnippet { width:280px;float:left;} #specials .newsSnippet h2 {font-size:14px;color:#0099FF;margin:0 0 10px 0;} #specials .imageArea {float:left;margin:0 10px 0 0;} #specials .snippet {float:left; width:280px;} #specials .newsSnippet p {height:90px;} #specials .moreButton a {width:114px; height:20px; background:url(/images/layout/read_more.png)left top no-repeat; float:right;} #specials .moreButton a:hover {background-position:left -21px;} #specials .moreButton a:hover {background-position:left -21px;} /*****************Gallery Snippets****************/ #news .imageSnippets {width:310px;height:160px;float:left;margin:5px 0 0 10px;overflow:hidden;} #news .imgSnippet {} /*New Page*/ #news_aticles .newsSnippet { width:280px;float:left;} #news_aticles .newsSnippet h2 {font-size:14px;color:#0099FF;margin:0 0 10px 0;} #news_aticles .imageArea {float:left;margin:0 10px 0 0;border:1px soli #ccc;} #news_aticles .snippet {float:left; width:280px;} #news_aticles .newsSnippet p {height:90px;} #news_aticles .moreButton a {width:114px; height:20px; background:url(/images/layout/read_more.png)left top no-repeat; float:right;} #news_aticles .moreButton a:hover {background-position:left -21px;} /*****************Gallery Snippets****************/ #news_aticles .imageSnippets {width:310px;height:160px;float:left;margin:5px 0 0 10px;overflow:hidden;} #news_aticles .imgSnippet {} /**********************Menus ****************************/ /*** ESSENTIAL STYLES ***/ .menu {width:950px;} .sf-menu {height:30px;margin:-2px 0 0 0;background:url(/images/layout/menu_bg.jpg)no-repeat;} .sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;z-index:2000;position:relative;} .sf-menu {line-height:4px;} .sf-menu ul {position:absolute;top:-999em;width:190px;} .sf-menu ul li {display:inline;} .sf-menu li:hover {visibility:inherit;} .sf-menu li {float: left;position:relative} .sf-menu a {display:block;position:relative;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:30px;z-index:2000;} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em;top:0;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top:0;} /*** DEMO SKIN ***/ .sf-menu {float:left;margin-bottom: 0em;} .sf-menu a {text-decoration:none;padding:10px 16px 9px 16px;height:11px;float:left;} .sf-menu a, .sf-menu a:visited {color: #FFFFFF;font-size: 14px;} .sf-menu li {background:transparent;display:inline;} .sf-menu li li {background: #111;width:230px;z-index:2000;} .sf-menu li li a:hover {background:#000;width:208px;} .sf-menu li li li {background:transparent;} .sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;background-color:#111;margin:0;} .sf-shadow ul.sf-shadow-off {background: transparent;} /*Home page change menu item*/ body#page1 ul li.page1 a, body#page1 ul li.page1 a:hover {color:#F06;} body#page2 ul li.page2 a, body#page2 ul li.page2 a:hover {color:#F06;} body#page3 ul li.page3 a, body#page3 ul li.page3 a:hover {color:#F06;} body#page4 ul li.page4 a, body#page4 ul li.page4 a:hover {color:#F06;} body#page5 ul li.page5 a, body#page5 ul li.page5 a:hover {color:#F06;} body#page6 ul li.page6 a, body#page6 ul li.page6 a:hover {color:#F06;} body#page7 ul li.page7 a, body#page7 ul li.page7 a:hover {color:#F06;} body#page8 ul li.page8 a, body#page8 ul li.page8 a:hover {color:#F06;} body#page9 ul li.page9 a, body#page9 ul li.page9 a:hover {color:#F06;} body#page5 ul li.page5 a, body#page5 ul li.page5 a:hover {color:#F06;} /*****************************Second Menu************************************/ .menuHead{width:305px;height:45px;float:left;background-image:url(/images/layout/menu_top.png);background-repeat:no-repeat;background-position:-7px top;} .secondMenu {width:305px;min-height:45px;height:auto;float:left;background-image:url(/images/layout/menu_mid.png); background-repeat:repeat-y;background-position:-7px top;} .secondMenu ul li {margin:10px 0 2px 30px;float:left;display:inline;width:265px;} .secondMenu li a {text-decoration:none;font-size:13px;font-family: 'Play', arial, serif;padding:3px 10px 3px 40px;color:#0099FF;float:left;display:block;background-image:url(/images/layout/splat.png); background-position:left 5px;background-repeat:no-repeat;} .secondMenu li a:hover {color:#FFF;} .secondMenu li.active a {color:#F06;} .menuFooter {width:305px;height:25px;float:left;background-image:url(/images/layout/menu_foot.png);background-repeat:no-repeat;background-position:-7px top;} .like a {background:url(/images/layout/like_us.png) no-repeat;width:130px;height:25px;color:#666;text-decoration:none;font-family: 'Play', arial, serif;padding:10px 0 10px 30px;margin:0 0 0 10px;} #faceBook {width:120px;height:40px;position:absolute;z-index:99999;left:400px;top:7px;} /*****************************Footer Menu************************************/ .footerCon{padding:0px 40px;} .footerMenu {float:left;width:290px;min-height:150px;height:auto;} .footerMenu ul li {margin:0 0 0 0;} .footerMenu li a {width:140px;font-family: 'Play', arial, serif;font-size:11px; color:#FFF; text-decoration:none;line-height:18px;float:Left;display:block;} .footerMenu li a:hover {color:#9EB5B4;} .footerMenuSmall {float:left;width:180px;min-height:150px;height:auto;} .footerMenuSmall ul li {margin:10px 0 0 0;} .footerMenuSmall li a {width:180px;font-family: 'Play', arial, serif;font-size:11px; color:#FFF; text-decoration:none;line-height:18px;float:Left;display:block;} .footerMenuSmall li a:hover {color:#9EB5B4;} .footerMenu h2 {font-family: 'Play', arial, serif;font-weight:regular;font-size:16px; padding:5px 0;color:#9EB5B4;border-bottom:1px solid #555;width:240px;} .footerMenuSmall h2 {font-family: 'Play', arial, serif;font-weight:regular;font-size:16px; padding:5px 0;color:#9EB5B4;border-bottom:1px solid #555;width:180px;} .socialLinks {width:140px;height:150px;float:left;border-left:apx solid #555; padding:0 0 0 20px;border-left:1px solid #555;margin:0 0 0 20px;} .socialLinks h2 {font-family: 'Play', arial, serif;font-weight:regular;font-size:16px; padding:5px 0;color:#9EB5B4;margin:0 0 15px 10px;width:180px;} .baseStrip {border-top:1px solid #353435; padding:10px 0 0px 0;float:left;width:920px;height:20px; margin:20px 0 0 0;} .baseStrip a {font-family: 'Play', arial, serif;font-weight:regular;color:#222;text-decoration:none;padding:0 15px 0 0;float:left;} .baseStrip a:hover {color:#9EB5B4;} /* The Nivo Slider styles */ .slide {margin:-30px 0 0 0;width:950px;height:285px;} .nivoSlider {position:relative;width:950px;height:285px;background:#222 url(/images/layout/loading.gif) no-repeat 50% 50%;} .nivoSlider img {position:absolute;top:0px;left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;} /* Caption styles */ .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;} .nivo-caption p {padding:5px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption { display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {position:absolute;left:50%;bottom:10px;margin-left:-40px;z-index:30005; /* Tweak this to center bullets */} .nivo-controlNav a {display:block;width:22px;height:22px;background:url(/images/layout/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;} .nivo-controlNav aactive {background-position:0 -22px;} .nivo-directionNav a {display:block;width:30px;height:30px;background:url(/images/layout/arrows.png) no-repeat;text-indent:-9999px;border:0;} .theme-default a.nivo-nextNav {background-position:-30px 0;right:15px;} .theme-default a.nivo-prevNav {left:15px;} /*****************Gallery Snippets****************/ .imageSnippets {width:310px;height:160px;float:left;margin:5px 0 0 10px;overflow:hidden;} .imgSnippet {} /************************Package Styles*********************************/ .product {width:570px;float:left;height:140px;margin:0 0 10px 0;background:url(/images/layout/packages_bg.png) no-repeat;} .product .productImage {width:115px;height:110px;float:left;margin:10px 15px 5px 12px;} .product .productDescription {width:405px;height:90px;float:left;padding:10px 0 0 0;} .product .moreButton a {width:114px; height:20px; margin:13px 6px 0 0;background:url(/images/layout/read_more.png)left top no-repeat; float:right;} .product .moreButton a:hover {background-position:left -21px;} .productMain {width:550px;float:left;min-height:120px;height:auto;margin:0 0 10px 0;} .productMain .productImage {width:540px;overflow:hidden;float:left;margin:5px;text-align:center;} .productMain .productDescription {margin:10px 0 0 15px;float:left;width:530px;} .productMain .productDescription h2 {margin:0 0 10px 0;} .productMain .productDescription p {} .productMain .backButton a {width:114px; height:20px; background:url(/images/layout/back.png)left top no-repeat; float:left;margin:10px 0 0 0;} .productMain .backButton a:hover {background-position:left -21px;} /************************News Styles*********************************/ #news_articles .newsSnippet{width:550px;float:left;height:120px;margin:0 0 10px -10px;background:url(/images/layout/packages_bg.png)no-repeat;padding:8px 0 0 10px;} #news_articles .newsSnippet .imageArea {width:110px;height:90px;float:left;margin:5px 15px 5px 5px;} #news_articles .newsSnippet .snippet {width:405px;height:90px;float:left;padding:10px 0 0 0;} #news_articles .newsSnippet .moreButton a {width:114px; height:20px; background:url(/images/layout/read_more.png)left top no-repeat; float:right;margin:5px 0 0 0;} #news .newsSnippet .moreButton a:hover {background-position:left -21px;} #news_article {width:550px;float:left;min-height:120px;height:auto;margin:0 0 10px 0;} #news_article .news .productImage {width:540px;overflow:hidden;float:left;margin:5px;text-align:center;} #news_article .news .productDescription {margin:10px 0 0 5px;float:left;width:530px;} #news_article .news .productDescription h2 {margin:0 0 10px 0;} #news_article .news p {margin:0 10px;} #news_article .news .backButton a {width:114px; height:20px; background:url(/images/layout/back.png)left top no-repeat; float:left;margin:10px 0 0 0;} #news_article .news .backButton a:hover {background-position:left -21px;} /* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */ #contactFormContainer { position:absolute;left:100px;z-index:100000;} /* Hides the whole contact form until needed */ #contactForm {height:369px;width:520px;background:#515151; border:1px solid #929191;padding:7px 32px; color:#fff;display:none;z-index:3000000;} /* Loading bar that will appear while the ajax magic is happening */ .bar{display:none; background:url(/images/layout/ajax-loader.gif) no-repeat center; margin-top:100px; height:40px; width:230px;} /* Hides the confirmation message until needed */ #messageSent {display:none;} /* This hides the form validation alert messages until needed */ #contactForm span { display:none; font-size:9px; line-height:10px; padding-left:6px; color:#f5c478;} #contactFormContainer h1 {font-family: 'Play', arial, serif;font-weight:regular;font-size:18px;color:#ccc;margin:0 0 10px 0;clear:both; } /* Some styling for the contact button */ #contactFormContainer .contact {height:32px; width:211px;background:url(/images/layout/sign_up.png) no-repeat; position:absolute; left:68px; bottom:-34px; cursor:pointer;z-index:3000000;font-family: 'Play', arial, serif;font-weight:regular;font-size:18px;color:#ccc;padding:4px 0 0 0;text-align:center;} /* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */ #backgroundPopup{display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0;background:#000; z-index:11;} #contactForm .label {width:100px;height:20px;margin:0 0 3px 0;float:left;font-family:Verdana, Geneva, sans-serif;color:#eee;size:12px;} #contactForm .input {width:400px;height:20px;margin:0 0 3px 0;float:left;background:#222;border:1px solid #444;} #contactForm .input .inputT {border:none;background:none;padding:3px; width:394px; height:14px;color:#eee;} #contactForm .inputs {width:200px;height:20px;margin:0 0 3px 0;float:left;background:#222;border:1px solid #444;} #contactForm .inputs .inputTs {border:none;background:none;padding:3px; width:194px; height:14px;color:#eee;} #contactForm .labelL {width:100px;height:100px;margin:0 0 10px 0;float:left;font-family:Verdana, Geneva, sans-serif;color:#eee;size:12px;} #contactForm .inputL {width:400px;height:100px;margin:0 0 10px 0;float:left;background:#222;border:1px solid #444;} #contactForm .inputL .inputTL {border:none;background:none;padding:3px; width:394px; height:94px;color:#eee;} .captchaText {width:150px;height:20px;margin:0 0 3px 0;float:left;font-family:Verdana, Geneva, sans-serif;color:#eee;size:12px;} .capatchaImg {width:110px; height:25px;float:left;margin:0 0 0 -10px;} .refresh {float:left;margin:0 0 0 15px;} .errors {width:490px;height:20px;float:left;clear:both;} .name-missing {float:left;margin:0 15px 0 0;} .email-missing {float:left;margin:0 15px 0 0;} .message-missing {float:left;margin:0 15px 0 0;} #contactForm .submit a {border:1px solid #aba8a8; background:#e5e5e5; text-transform:uppercase; color:#4d4d4d; font-weight:bold; padding:7px 0 7px 0; height:17px; width:124px; margin:20px 20px 0 0;cursor:pointer; float:right; color:#333;text-decoration:none;display:block;text-align:center;} #contactForm .submit:active {background:#cacaca;color:#FFF;text-decoration:none;display:block; } #toTop {width:100px;border:1px solid #ccc;background:#f7f7f7;text-align:center;padding:5px;position:fixed; bottom:10px;right:10px; cursor:pointer;display:none;color:#333;font-family:verdana; font-size:11px;z-index:1000000;} input {color:#FFF;font-size:11px;font-family: Verdana, Geneva, sans-serif;} /***********************Gold club form********************************/ #formCon {width:400px;display:block;} #logForm {width:400px;display:block;margin:0 auto;} .formLabel {width:100px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;float:left;} .formInput {width:300px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFF;float:left;margin-bottom:5px;background-image: url(../../images/layout/input_bg.png);background-repeat: no-repeat;background-position: left top;height:30px;} .formInput .textarea {margin:5px;font:12px arial, sans-serif;color: #FFF;background:none;width:280px;border:none; } .radioLabel {float:left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;padding-right:10px;} .radio {width:30px;float:left;} .formBut {text-align:right;} .formCon {width:400px;float:left;margin-bottom:20px;} .formCon2 {width:400px;float:left;padding:20px;margin-bottom:20px; } .Label { width:100px; height:30px; float:left; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-bottom:5px;} .LabelL { width:280px; height:30px; float:left; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-bottom:5px; } .LabelC { width:200px; height:30px; float:left; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-bottom:5px; } .checkbox { width:60px; float:left; height:30px; margin-bottom:5px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #FFF;} .Input { width:300px; height:30px; background-image: url(../../images/layout/input_bg.png); background-repeat: no-repeat; float:left; margin-bottom:5px; } .Input .text { padding:5px; background:none; border:none; width:290px; height:20px; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; } .InputC { width:200px; height:30px; background-image: url(../../images/layout/inputS_bg.png); background-repeat: no-repeat; float:left; margin-bottom:5px;} .InputC .textC { padding:5px; background:none; border:none; width:190px; height:20px; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; } .InputArea { width:300px; height:120px; background-image: url(../../images/layout/inputT_bg.png); background-repeat: no-repeat; float:left; } .InputArea .tArea { padding:5px; background:none; border:none; width:290px; height:110px; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal;} .cal { width:100px; float:left;} .radioButA { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #FFF; } .InputtextArea {background:url(/images/layout/inputT_bg.png)no-repeat;width:300px;height:120px;float:left;} .InputtextArea .tArea {background:none;border:none;width:294px; height:114px;padding:3px;} .message {float:left;clear:both;margin:10px 0;} .radioBut {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #F39; height:20px;} .divider {width:350px;height:15px;float:left;background:url(/images/layout/divider_form.png)no-repeat;margin:5px 0 ; } #contactText { width:160px; float:left; margin-left:20px;} .submit {float:right;} /*******************************Gallery*********************************/ .coda-slider-wrapper { padding: 20px 0 } .coda-slider { } .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } .coda-slider, .coda-slider .panel { width: 560px } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 560px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 20px } .coda-nav ul li a.current { background: #39c } .coda-slider .panel-wrapper { padding: 20px } .coda-slider p.loading { padding: 20px; text-align: center } .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } /******Galleries Page**************/ .galleries .galCon {width:165px;height:225px;float:left;margin:0 0px 0 0;background:url(/images/layout/con_bg.png)no-repeat;padding:15px 0 0 17px;} .galleries .galCon h2 {font-size:13px;margin:0 0 0px 5px;} .galleries .galCon p {margin:0 0 0px 5px;} .galleries .galCon a{font-family: 'Play', arial, serif;color:#0099CC;text-decoration:none;margin:0 0 0 5px;font-size:13px;} .galleries .galCon a:hover{color:#FFF;} .galleries .linkthumb {width:150px;height:150px;float:left;margin:0 0 5px 0;} .galleries .linkthumb .fade a {width:150px;height:150px;display:block;} .galleries .linkthumb .fade a:hover {} /******Gallery Page**************/ .gallery {float:left;} .gallery .galCon {width:170px;height:190px;float:left;margin:0 10px 10px 0;background:url(/images/layout/thumb_bg.png)no-repeat;} .gallery .linkthumb {width:140px;height:140px;margin:20px 0 0 20px;float:left;} .gallery .linkthumb .fade a {width:140px;height:140px;display:block;float:left;} .gallery .linkthumb .fade a:hover {} .gallery .backButton a {width:514px; height:20px; background:url(/images/layout/back.png)left top no-repeat; float:left;clear:bth;margin:10px 0 0 0;} .gallery .backButton a:hover {background-position:left -21px;} /***********************Google Map STyles*****************************/ #mapArea{width:500px;float:left;} .suggestionsBox {position: relative;left: 30px;margin: 10px 0px 0px 0px;width: 240px;background-color: #212427;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 2px solid #000; color: #fff;} .suggestionList {margin: -5px 0 0 0;padding: 0px;} .suggestionList li {margin: 0px 0px 3px 0px;padding:3px 3px 3px 35px;cursor: pointer;list-style-type:none;} .suggestionList li:hover {background-color: #659CD8;} #directions {font-family: Verdana, Geneva, sans-serif;font-size: 12px;line-height: 18px;color: #666;} #directions a, #directions a:visited, #directions a:active {font-family: Verdana, Geneva, sans-serif;font-size: 12px;line-height: 18px;color: #666;text-decoration: none;} #directions a:hover {color: #036;text-decoration: none;} #map { width: 500px; height: 300px; }