html {width:100%; } body {background:#4E595F url('..images/body-bg.gif') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:80%; color:#000000; width:100% } p {padding:0 0 15px 0; margin:0; line-height:140%; } h1 {margin:0; padding:0; font-size:130%; font-weight:normal; } h2 {margin:0; padding:0 0 20px 0; font-size:140%; font-weight:normal; } h3 {margin:0; padding:20px 30px 20px 0;font-size:100%; font-weight:bold; } /*link styling*/ a {color:#000000; text-decoration:underline; } a:hover {text-decoration:none; } #footer a {color:#637076; } /*structural elements*/ ul.language {list-style-type: none; float:left; margin-left:15px; margin-top:8px; padding:10px 0px 0px 3px; } ul.mini_menu {list-style-type: quare; float:left; margin-left:15px; margin-top:8px; padding:10px 0px 0px 3px; } #top_list {background:#4E595F; float:left; margin-top:10px; padding:10px 0px 0px 0px; width:180px; height: 100px; border:1px solid #FFFFFF; text-align:left; color:#FFFFFF; } #header {background:#1A292F; margin:0 auto; text-align:left; padding:0px 20px 0px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; } #container {margin:0 auto; text-align:left; padding:0 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; } #pictureRail {text-align:center; } #news {background:#E8EDF7; float:left; width:200px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; } #menu {background:#1A292F; margin:0 0 0 260px; border:1px solid #FFFFFF; padding:10px; color:#FFFFFF; text-align:center; } #content {background:#E8EDF7; margin:20px 0 0 260px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; } #x-wide {background:#E8EDF7; margin:20px 0 0 0px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; } #x-menu {background:#1A292F; align:center; border:1px solid #FFFFFF; padding:10px; color:#FFFFFF; text-align:center; } #footer {margin:0 auto; text-align:left; padding:20px 20px 60px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; } #footer p {background:#1A292F; padding:10px; font-size:90%; color:#637076; border:1px solid #637076; text-align:center; } #d-footer {margin:0 auto; text-align:left; padding:10px 10px 40px 0px; width:720px; } #d-footer p {background:#1A292F; padding:10px; font-size:90%; color:#637076; border:1px solid #637076; text-align:center; } .section {text-align:center; width:100%; } /*section dependant style over-rides*/ #news h3 {margin:0; padding:0 0 20px 0; color:#000000; font-size:120%; font-weight:bold; } #news p {padding:10px 0; border-top:1px solid #000000; } #header p {text-align:center; font-size:170%; color:#E8EDF7; padding:45px 0 0 0; } ul#menu { } ul#menu li {margin:0; padding:0; list-style:none; display:inline; } ul#menu a {color:#FFFFFF; text-decoration:none; padding:10px 15px; } ul#x-menu { } ul#x-menu li {margin:0; padding:0; list-style:none; display:inline; } ul#x-menu a {color:#FFFFFF; text-decoration:none; padding:10px 30px 10px 0px; } #pictureRail img {margin:20px 10px;border:1px solid #FFFFFF; } #content img {border:1px solid #000000; float:right; margin:0 0 20px 20px; } /*This adds a little arrow under the menu item of the page you are on. (handy for navigation and usability) To modify, edit the tag by changing the id. e.g, if the page you are on is the contact page, change: to */ #home #homeLink, #houses #housesLink, #services #servicesLink, #abruzzo #abruzzoLink, #contact #contactLink {background:url('../images/menu-pointer.gif') no-repeat center bottom; } /*just makes sure the content doesn't spill out the boxes, see http://www.positioniseverything.net/easyclearing.html for details*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* here's the stuff for gallery images */ .caption{font face="trebuchet ms";color:#fff;position:relative;} .gallery{width:100%; float:left;} .gallery li{width:55px;height:70px;border:2px double #eee;margin: 0 2px 2px 0;background:#4E595F;} .gallery li.hover{border-color:#bbb;} .gallery li.active{border-style:solid;border-color:#222;} .gallery li div{left:10px} .gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;} .galleria li{display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0 10px 10px -15px} .galleria li a{display:none} .galleria li div{display:none;top:0;left:0px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .galleria li .caption{display:block;padding-top:5px} .galleria_container{margin:0 auto 10px auto;height:auto;width:auto;float:bottom;} .nav{padding-top:15px;clear:both;} .info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;} .info p{margin-top:1.6em;} .nav{position:relative;top:10px;left:0;} .galleria{list-style:none;width:250px} #gallery_container {margin-bottom:10px ; text-align:left; padding:5px 0px 5px 0px; width:760px;}