/* Ristorante Zenobi - CSS File */ /*** GLOBAL ***/ html,body {height:100%;} body {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto; padding:0; color:#e9c475; line-height:22px; background:#6b4d2e url(../images/bg_body.png);} * {margin:0; padding:0;} *:focus { outline:none;} /* removes ugly dotted border but may make template more unsuable, up to you if you want to keep it! */ .clr {clear:both} form{margin:0; padding:0;} hr {border: 0; color:#e0e0e0; background-color:#e0e0e0; height:1px; margin:0px 0px 10px 0px; padding:0px;} /*** END OF GLOBAL ***/ /* SLIDING GALLERY STYLES */ #slidecontainer {background-image:url(../images/bg_slide.png); background-repeat:no-repeat; width:978px; height:408px; position:relative} #slide {padding:19px;} #slideshow {height:370px; background:none; overflow:hidden; } .slide_image {margin-top:0px; z-index:0 !important;} /* Editable Slider Image Position */ .slide-text { z-index:10 !important; position:absolute; width:410px; padding-left:65px; padding-top:69px; } #slideshow .title {padding:10px 0px 0px 0px; color:#8aa651; line-height:33px;} .cycle {padding-right:20px;} #slideshow_navigation a {background: url(../images/button.png) no-repeat 0 top; display:block; float:left; font-size:0px; width:22px; height:22px; margin:0; outline-style:none; padding:0px; text-indent:-999em;} #slideshow_navigation a:hover {background-position:0 bottom} #slideshow_navigation {position:absolute; left:45px; top:380px; z-index:10; cursor:pointer} #slideshow_navigation .activeSlide {background: url(../images/button_selected.png) no-repeat;} /*** END OF SLIDING GALLERY ***/ /*** DEFAULT ELEMENT STYLES ***/ /* heading */ h1, h2{margin-bottom:15px; font-family:Arial, Verdana, Tahoma; font-weight:normal;} h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana, Tahoma; font-weight:normal; color:#8aa651} h1 {font-size:30px; line-height:24px; color:#f7e9b7} h2 {font-size:25px; line-height:20px; color:#ff9941} h3 {font-size:18px; line-height:18px; color:#f0ff6e;} h4 {font-size:16px; line-height:15px;} h5, h6 {font-size:14px; line-height:15px;} /* links */ a {color:#fe9d4a; text-decoration:none;} a:hover {color:#fe9d4a; text-decoration:underline;} a img {border:none} .border{ border:1px solid #c5c5c5; padding:3px;} .imgleft{float:left; padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:8px 10px 0px 0px !important;} .imgright{float:right; margin-left:15px;} .imgmiddle{vertical-align:middle; padding-right:6px} /* lists, blockquotes and paragraphs */ p, ul, ol, blockquote {font-size:14px; line-height:22px; margin-bottom:15px;} ul, ol { margin:10px 0 25px 30px;} li ol, li ul {list-style:square; margin-bottom:0; margin-top:0;} li ol {list-style:decimal;} blockquote {margin:25px 0 25px 0px; color:#fff6ae; padding:12px; background-color:#ed9243; border:1px solid #ffa556;} blockquote p { margin:0px;} blockquote p a, blockquote p a:visited {color:#fbff65;} blockquote p a:hover { color:#fbff65; text-decoration:underline;} /*** END OF DEFAULT ELEMENT STYLES ***/ /*** CONTAINER ***/ #top_container{ background:url(../images/bg_header.png) repeat-x; width:100%; display:table; min-width:1002px; } /*** END OF CONTAINER ***/ /*** CENTERCOLUMN ***/ .centercolumn {width:978px; margin:0 auto; position:relative } /*** END OF CENTERCOLUMN ***/ /*** TOP ***/ #top {height:128px} #logo {width:359px; height:130px; float:left; margin-left:-50px; background:url(../images/logo.png) no-repeat; text-indent:-999em;} #logo a {width:359px; height:130px; display:blocK;} #nav {margin:35px 0 0 0; padding:0; list-style-type:none; float:right; z-index:15; position:relative; line-height:20px;} #nav ul {margin:0; padding:0px; list-style-type:none; z-index:16; position:relative;} ul#nav li span {display:block; font-size:12px; } #nav li {list-style-type:none; margin:0; float:left; display:inline; width:150px; position:relative; font-size:16px; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; letter-spacing:-0.065em; } #nav li.home { position:absolute; top:15px; left:-40px; } #nav li.reviews { position:absolute; top:63px; right:-8px; } #nav li.dropdown { background:url(../images/arrowDown.png) no-repeat 93% 24px; } #nav li a { color:#f6ffa1; font-size:18px; /*display:block;*/ float:left; padding:5px 5px 10px 9px; background:url(../images/line-menu.png) no-repeat 0 0; margin-left:0px; text-transform:uppercase; } #nav li.home a { padding:0; width:18px; height:19px; background:url(../images/bg_home.png) 0 top; text-indent:-999em; } #nav li.reviews a { padding:0; width:104px; height:34px; background:url(../images/bg_linkReview.png) 0 top; text-indent:-999em; } #nav li a span { color:#faffcd; text-transform:none; } #nav li a:hover, #nav li a.active {color:#fff958; text-decoration:none} #nav li.home a:hover { background-position:0 -19px; } #nav li.reviews a:hover { background-position:0 -34px; } #nav li.reviews a.active { background-position:0 -34px; } ul#nav li li a, ul#nav li li a:visited {color:#faffcd; line-height:normal!important; background-image:none;} ul#nav li li a:hover{ color:#fff958 !important;} #nav li li { padding:0; margin:0px; background-image:none; position:relative; z-index:10; border-bottom:solid 1px #d1da79; display:block; width:200px!important; } #nav ul { display:none; left:0px; position:absolute; top:54px; z-index:10; border:solid 1px #d1da79; border-bottom:0; background-color:#8a923e; filter: alpha(opacity=95); /* here you can set the opacity of box with text */ -moz-opacity: 0.95; /* here you can set the opacity of box with text */ -khtml-opacity: 0.95; /* here you can set the opacity of box with text */ opacity: 0.95; width:200px!important; padding:0; } #nav li ul a { display:block !important; height:14px; width:200px!important; text-align:left; font-size:13px; font-weight:normal; line-height:14px; padding:12px; z-index:10; border:0; } #nav ul ul {top:auto; border-top:none; border:solid 1px #d1da79; border-width:1px 1px 1px 1px;} #nav li ul ul {left:165px; top:0px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;} #nav li ul a {border-top:none;} /*** END TOP ***/ /*** CONTENT ***/ #maincontent {padding:30px 0px 40px 20px; } #maincontent img {padding:8px; border:solid 1px #5a4025; background-color:#fffae7; margin-top:5px; margin-bottom:5px;} #maincontent a:hover img {background-color:#ffe584;} #box_container {margin-bottom:30px; width:978px; float:left;} .box {float:left; display:inline; width:288px; margin-left:40px; } .box.nomargin { margin-left:0px !important;} .box h2 { line-height:23px; padding:5px 8px 0; margin-bottom:10px; color:#ff9941;} .reviews h2 { color:#f0ff6e;} .box p { padding:0 8px; } #maincontent span.more a, #maincontent span.more a:visited { color:#d5db61; font-weight:bold; padding-left:17px; margin-left:10px; background:url(../images/arrowMore.png) no-repeat left center; } #maincontent span.more a:hover { color:#f2f45a; text-decoration:none; } #content {clear:left; margin-bottom:25px;} .tagline {font-size:30px; line-height:33px;} .callToAction { margin:20px 0 25px -4px; overflow:hidden; } .callToAction a { float:left; width:auto; text-decoration:none; text-transform:uppercase; padding:13px 40px 0 0; height:37px; margin-right:2px; font-weight:bold; color:#ffeeb2; background: url(../images/link_callToAction.png) no-repeat top right; } .callToAction a span { width:auto; float:left; padding:0 14px 0 0; display:block; margin-top:-13px; height:50px; background: url(../images/link_callToAction.png) no-repeat top left;} .callToAction a:hover { color:#f4ff95; background-position:right bottom; text-decoration:none; } .callToAction a:hover span { color:#f4ff95; background-position:left bottom; } /* INNER PAGE STYLES */ #slidecontainer_inner{background-image:url(../images/bg_slide_inner.png); background-repeat:no-repeat; width:978px; height:198px; position:relative} #slide_inner{padding:19px; } #main-box{overflow:hidden; background-color:#f1e9cf; height:160px; z-index:0 !important;} #main-box img {margin-top:0; z-index:0 !important;} .box-text {width:550px; padding-left:28px; float:left; padding-top:18px; z-index:0 !important; position:absolute;} .box-text h1.title { color:#a1ab48; line-height:33px; z-index:0 !important;} .box-text h3 { margin-bottom:0px; padding-top:40px; color:#6b4d2e; z-index:0 !important;} #content-inner{ background:url(../images/bg_content_inner.png) repeat-y 634px top;} #content-inner h2.title {font-size:30px; line-height:24px; color:#f7e9b7;} #maintext {float:left; width:610px; padding-right:51px;} /*sidebar*/ #sidebar {float:left; width:278px;} .sidebox {float:left; width:278px; padding:0px 0px 35px 0px; } .sidebox h2 {margin-bottom:15px; color:#f0ff6e;} .sidebox img { border:0; margin:0; background:none; padding:0px;} .sidebox div.map {margin-bottom:20px;} .sideright {float:left; width:278px; } .sideright h2 {padding-bottom:15px; border-bottom:1px solid #573f26; margin-bottom:0px; color:#f0ff6e;} .sideright ul {list-style-type:none; margin:0 0 35px 0; padding:0;} .sideright ul li { font-size:12px; list-style-type:none; margin:0px; padding:0px 0px; border-bottom:1px solid #ffa556; line-height:30px;} .sideright ul li a, .sideright ul li a:visited { text-transform:uppercase; display:block; color:#fff6ae; text-decoration:none; border-top:1px solid #d3853f; background:#ed9243 url(../images/arrow_sidebar.png) no-repeat 8px 50%; padding-left:20px;} .sideright ul li a:hover {color:#fcff7c; !important; background-color:#e17b23; text-decoration:none;} .sideright ul li a.active {color:#fcff7c;} .sideright ul.noarrow li a {background:none; padding:0px;} #sidebar p.green-box span { display:blocK; font-size:13px; color:#eef6af; text-decoration:none; background:#92994a url(../images/bg_green-box.png) repeat-x; width:246px; padding:10px 16px; border:solid 1px #b7bf73; } #sidebar p.green-box { border:solid 1px #49341f; width:280px; margin-top:25px;} #sidebar p.green-box em { font-size:12px; text-transform:uppercase; font-weight:bold; font-style:normal} .box-testi-r {background-image:url(../images/box-testi-r.png); background-repeat:repeat-y; width:280px;} .box-testi-b {background-image:url(../images/box-testi-b.png); background-repeat: no-repeat; background-position:bottom; width:280px;} .box-testi-t {background-image:url(../images/box-testi-t.png); background-repeat: no-repeat; background-position:top; width:280px;} .box-testi { padding:18px 16px 24px; font-size:13px; font-style:italic; color:#f7e9b7;} #maincontent .box-testi span.more a, #maincontent .box-testi span.more a:visited { background:none; padding:0; margin:0; } .name-testi{ font-size:12px; line-height:normal; padding:5px 0 0 15px; margin-bottom:10px; color:#ff9e49;} .name-testi .user{color:#e9c475;} /* PORTFOLIO Template */ div.pf_container { padding:35px 0 15px; background:url(../images/border_divProject.png) repeat-x 0 bottom;} div.first { padding-top:8px;} div.last { background:none;} .pf_image {width:280px; float:left; margin:0 30px 8px 0; display:inline; } div.pf_container .pf_image img { margin:0 !important; padding:0;} .pf_desc h2 { margin-bottom:12px;} .pf_text {float:left; display:inline;} .prevnext {text-align:left; font-size:10px; color:#333; text-transform:uppercase;} .prevnext a, .prevnext a:visited {text-decoration:none !important; padding:7px 6px; margin-right:4px; color:#333; display:inline; } .prevnext a.active { background-color:#f3f3f3; border:solid 1px #ececec;} .sidebox ul.f-project { margin:0 0 20px 0; overflow:hidden;} .sidebox ul.f-project li {margin-bottom:8px} /* ------------------------------------- */ /* Form Styling */ form {background:#a1ab48; border:1px solid #48341e; margin:15px 0 0 0; padding:20px } fieldset {border:0px;} form .input-text {border:1px solid #984121; color:#1F384A; font-size:13px; background:#f8efc1; font-family:Arial, Helvetica, sans-serif; padding:7px;} form input:focus, form textarea:focus {border:1px solid #ed9243; outline:0; } form textarea {width:250px; line-height:18px; height:100px } form label {display:block;margin-bottom:10px; color:#FDF3E4;} form label span {display:block; float:left; padding:7px 10px 0 0; width:70px; font-size:12px; text-transform:uppercase; text-align:right; font-weight:bold; } form .submit-button {background:#ffd06a; padding:0px 10px; border:1px solid #8c3c1e; border-top:1px solid #eef5a9; border-left:1px solid #eef5a9; height:32px; line-height:33px; color:#73150d; text-transform:uppercase; font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 0 80px; display:inline-block; text-decoration:none; cursor:pointer;} form .submit-button:hover { background:#fec13c; } p.privacy { font-size:12px; font-style:italic; margin:10px 0 0 0; } p.privacy span.special { color:#ed9243; font-weight:bold; font-style:normal; padding:0 3px 0 0; position:relative; text-transform:uppercase; } form .error { display:block; float:right; margin-top:3px; background:#ed9243; color:#f7e9b7; padding:0 4px; font-style:italic; font-weight:bold; font-size:12px; border:solid 1px #eef5a9; } .b-cont h2 { /*margin-bottom:5px;*/} .b-cont span.big { font-size:18px; line-height:18px; color:#f0ff6e;} .b-cont .callToAction { margin-top:-8px !important;} .b-cont .indent { margin-left:20px;} /*** FOOTER ***/ #bottom_container { background:#c2ce56 url(../images/bg_container_bottom.png) repeat-x left top; min-height:260px; height:auto !important; height:260px;} #footer_container { background:#757d32 url(../images/bg_container_footer.png) repeat-x; min-height:51px; height:auto !important; height:51px; } #bottombox_container {float:left; width:978px; color:#eef5a9; padding:20px 0px 5px 0px } #bottombox_container h2 {color:#666d2c; font-size:20px;} .bottombox {float:left; display:inline; width:285px; margin-left:45px;} .bottombox.nomargin {margin-left:20px;} .bottombox.cat h2 { padding-bottom:10px; border-bottom:solid 1px #c9d46c; margin-bottom:0px; text-indent:4px} .bottombox img.imgleft { padding:6px !important; border:solid 1px #98a344; background-color:#f8ffb3; margin-top:0 !important } #bottom_container ul {margin:0px; padding:0px; list-style-type:none;} #bottom_container ul li {margin:0px; padding:0; line-height:28px; list-style-type:none; border-bottom:solid 1px #c9d46c; text-indent:4px} #bottom_container ul li a, #bottom_container ul li a:visited { font-size:12px; color:#eef5a9;} #bottom_container ul li a:hover {color:#fff958; text-decoration:none;} a#back_Top {display:block; position:absolute; background:white; right:25px; top:-32px; width:69px; height:33px; padding:10px 0 0 6px; background:url(../images/bg_linkTop.png) no-repeat; text-align:center; font-style:italic; text-transform:uppercase; text-decoration:none; color:#6b4d2e;} a:hover#back_Top {color:#ed9243;} ul.f-project { margin:0; padding:0;} ul.f-project img {padding:5px !important; border:solid 1px #98a344; background-color:#fffae7; margin:0 18px 8px 0 !important;} ul.f-project li {display:inline; float:left; border:none; line-height:normal; border:0 !important;} ul.f-project li.nomargin {padding:0; margin:0; color:#fffefe;} .bottombox a:hover img {background-color:#e2ed70;} #bottom_container .address { background:url(../images/bg_address.png) no-repeat; width:255px; height:45px; padding:18px 10px 10px; line-height:1.35em; color:#d8e47c; clear:both; } #bottom_container p.phone, #bottom_container p.booking, #bottom_container p.email { background:url(../images/sprite_bgContacts.png) no-repeat; width:135px; height:26px; line-height:28px; margin:0 8px 12px 0; float:right; display:inline; text-align:center; padding-left:24px; color:#87903b; text-transform:uppercase; font-weight:bold; font-size:12px; } #bottom_container p.phone { font-size:18px; font-weight:normal; font-style:italic; } #bottom_container p.booking { background-position:0 -38px; } #bottom_container p.email { background-position:0 -77px; } #bottom_container p.phone span, #bottom_container p.booking span, #bottom_container p.email span { display:none; } #bottom_container p.booking a, #bottom_container p.email a { color:#87903b; } #bottom_container p.booking a:hover, #bottom_container p.email a:hover { color:#ffff74; text-decoration:none; } #footer_container a, #footer_container a:visited {color:#e7f093;} #foot {text-align:center; padding:13px 0 0 0; font-size:12px; font-family: Tahoma, Arial, Verdana; color:#fff8e1;} #foot span {margin-left:30px} /*** END OF FOOTER ***/ /* EXTRA */ /* Balloon JS Effects */ .balloon { position:relative} .balloon em {font-weight:normal; font-style:normal; color:#f7e9b7; text-decoration:none; background:url(../images/hover.png) no-repeat; width:180px; height:50px; position:absolute; top:-65px; left:50%; text-align:center; padding:15px 12px 10px; margin-left:-104px; z-index:2; line-height:1.5; display:none;}