html {width:100%; } body {background:#ffffff url('../images/fond.jpg') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:80%; color:#666666; 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; } /*link styling*/ a {color:#666666; text-decoration:underline; } a:hover {text-decoration:none; } #footer a {color:#666666; } /*structural elements*/ .section {text-align:center; width:100%; border-bottom:1px solid #CCCCCC } #header {background:#CCCCCC ; margin:0 auto; text-align:left; padding:0px 0px 0px 0px; width:720px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } #container {margin:0 auto; text-align:left; padding:0 20px 20px 20px; width:720px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC ; } h1#logo {background:#CCCCCC; float:left; padding:47px 20px; width:200px; border:1px solid #FFFFFF; text-align:center; min-height:24px; } #pictureRail {text-align:center;} #menu {background:#CCCCCC; margin:0 0 0 0px; border:1px solid #FFFFFF; padding:5px; color:#FFFFFF; text-align:center; } #content {background:#CCCCCC url('../images/fond.jpg')background-repeat: no-repeat; margin:20px 0 0 0px; padding:20px 20px 5px 20px; border:px solid #FFFFFF; } #footer {margin:0 auto; text-align:left; padding:20px 20px 60px 20px; width:720px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } #footer p {background:#cccccc; padding:10px; font-size:90%; color:#666666; border:1px solid 666666; text-align:center; } /*section dependant style over-rides*/ #news p {padding:10px 0; border-top:1px solid #CCCCCC; } #header p {text-align:center; font-size:170%; color:#666666; padding:45px 0 0 0; } ul#menu { } ul#menu li {margin:0; padding:0; list-style:none; display:inline; } ul#menu a {color:#666666; text-decoration:none; padding:10px 15px; } #pictureRail img {margin:20px 10px;border:1px solid #FFFFFF; } #content img {border:0px ; 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, #about #aboutLink, #services #servicesLink, #portfolio #portfolioLink, #contact #contactLink {background:url('../images/menu-a-bg.gif') no-repeat center bottom; } .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 */