* {  margin: 0; /*remove all default margins!*/ padding: 0; /*remove all default padding!*/ } body { background: #aaa676 url(images/BG-Body.gif) no-repeat 50% 0; font-size: 1.2em; margin: 0 0 60px 0; } html { font-family: "Trebuchet MS", "segoe ui", arial, verdana, helvetica, sans-serif; font-size: 62.5%; } ul {color: #5a584c;} li {list-style-type: none;} p {padding: 0 0 10px 0; color: #5a584c; line-height: 1.8em;} h1 {color: #aaa676; font-size: 1.4em; font-weight: normal; line-height: 1.8em; font-family:"Trebuchet MS", Calibri, Arial; } h2 {color: #edb226; font-size: 1.2em; font-family:"Trebuchet MS", Calibri, Arial;} h3 {} h4 {} h5 {} a {color: #999999 text-decoration: underline; border:solid 0px; } a:hover {color: #e58b00;} #containerHeader{ width: 860px; margin: 0px auto; margin-top:25px; height:auto; } #container { width: 860px; margin: 0px auto; height:auto; background-color:#FFFFFF; } #td { border:1px solid; } #Masthead { background: url(images/BG-logo.png) no-repeat; padding: 26px 0 0 0; height: 70px; } .logo { margin: 0 0 0 35px; } #Strapline { float: right; color: #fff; margin: -2px 15px 0 0; } #TopCorners { background: url(images/BG-ContainerTop.png) no-repeat; height: 60px; } #TopCornersCart { height: 60px; text-align:right; padding-right: 30px; } #EndCorners { background: url(images/BG-ContainerBottom.png) no-repeat; height: 20px; } #Home-HeroPic { height: 240px; background-color: #fff; padding: 0 0 0 15px; } #Blank-Space { background-color: #FFFFFF; padding: 25px 15px 10px 15px; height: auto; } #LeftCol-Home { background-color:#FFFFFF; float: left; width: 250px; } #LeftCol-Home h1 { text-align: left; margin: 0 0 0 50px; } #LeftCol { display:block; float: left; width: 200px; text-align:left; background-color:#FFFFFF; border-right:1px solid #666666; } #LeftCol ul {margin: 5px 0 0 0; } #LeftCol li { margin: 0 0 10px 0; text-align: left; } #LeftCol li a { text-decoration: none; padding: 2px 10px; border: 2px solid #fff; color:#666666; } #LeftCol li a:hover { background-color: #fecc0b; border: 2px solid #edb226; color: #fff; } #LeftCol img { margin: 30px 0 0 0; } #ImagesNav { float: left; width: 150px; border: 1px solid red; } #ImagesNav ul {margin: 5px 0 0 0;} #ImagesNav li { text-align: right; margin: 0; } #ImagesNav li a { text-decoration: none; color:#666666; } /* 123rf Images page CSS styles */ .link_123rf {color: #aaa676} .searchtitle { margin: 15px 0 0 0; display: block; font-size: 1.2em; font-weight: bold; color: #edb226; } .searchtable {border: 1px solid #e9e9e9; margin: 5px 0;} .showmodetitle {margin: 15px 0 0 0;  display: block; font-size: 1.2em; font-weight: bold; color: #edb226;} .button_123rf {color: #fff; background-color: #fecc0b; border: 2px solid #edb226; } .pagenavigation {border:1px solid #e9e9e9; padding: 4px 0;} /* end 123rf CSS */ #Home-Content { margin: 0 0 0 260px; padding: 0 25px; } #Content { margin: 0 0 0 220px; background-color:#FFFFFF; } #Content h1 { margin: 5px 0 15px 0; } #Content h2 { margin: 10px 0; } #Home-Content p span {color: #c00; font-weight: bold;} #Content ul {margin: 0 0 0 10px;} #Content li { background: url(images/List-Bullet.gif) no-repeat; padding: 0 0 0 18px; margin: 6px 0; } /* start NavBar CSS */ #NavBar { background-color: #fff; } .NavBar { margin: 0 15px; background: url(images/NavBar.gif); background-repeat: no-repeat; overflow: visible; list-style-type: none; height: 40px; } /* remove active/focus dotted border in Firefox 1.5 */ .NavBar a:focus { outline: none; } .NavBar ul { display: inline; width: auto; height: 40px; } .NavBar li { display: inline; position: relative; list-style-type: none; } .NavBar a { display: block; position: relative; float: left; width: 138px; height: 40px; text-indent: -20000px; text-decoration: none; } /* Hack: IE PC: to prevent additional space under li items */ /* Hide from IE5-mac. Only IE-win sees this. \*/ * html .NavBar { margin: 0 0 0 20px; } * html .NavBar li { height: 40px; margin-bottom: -3px; position: relative; } * html .NavBar li a { height: 40px; margin-bottom: 3px; position: relative; } /* End hide from IE5/mac */ #Photo123rf { margin: 0 0 0 15px; /*background-color: #ce4;*/ } #Photo123rf h1 {margin: 5px 0 15px 0;} #Photo123rf h2 {margin: 10px 0;} #Photo123rf ul {margin: 15px 0 15px 10px;} #Photo123rf li { background: url(images/List-Bullet.gif) no-repeat; padding: 0 0 0 18px; margin: 6px 0; } #Web-Design { border: 0px; width: 860px; margin: 10px auto; } #Web-Design a { color: #FFFFFF; text-decoration: none; border:0px; } #Web-Design a:hover { color: #CCCCCC; } #Web-Design a img { vertical-align: middle; padding: 0 10px 0 5px; } /* CLASSES */ .FloatShapes { float: right; margin: 10px 90px 0 0; } .FloatRight { float: right; padding: 0 0 0 30px; } #Prices { margin: 0 0 0 220px; background-color:#FFFFFF; } #Prices table { border: 1px solid #aaa776; text-align: left; margin: 20px 0; color: #5a584c; } #Prices th { background-color: #aaa776; padding: 2px 15px; color: #fff; } #Prices td { /*background-color: #ce4;*/ padding: 2px 15px; } #Prices tr.alt { background-color: #eeecd5; } #Footer { margin-top:20px; padding-top:20px; width:860px; margin:0 auto; text-align:left; font-size: 0.8em; border-top: 0.5px solid #666666; clear: both; color: #666666; padding: 0px 0 0 0px; } #Footer p { color: #666666; padding: 0; } #Footer a { color: #666666; padding: 0 2px; text-decoration: none; } #Footer a:hover { color: #666666; text-decoration: underline; } #siteMap { margin-left:50px; padding-top:20px; margin:0 auto; text-align:left; font-size: 1em; border-top: 0.5px solid #666666; clear: both; color: #666666; } #Footer a:link { color: #fff; } #siteMap p { color: #666666; padding: 0; } #siteMap a { color: #666666; padding: 0 2px; text-decoration: none; } #siteMap a:hover { color: #666666; text-decoration: underline; } #siteMap a:link { color: #666666; } #hemmingwayboxout { width: 550px; height: auto; background-color: #BEB62F; padding:10px; text-align:right; color:#FFFFFF; font-size:1.4em; font-weight:bolder; font-style:italic; } #hemmingwayboxout p{ width: 550px; height: auto; background-color: #BEB62F; padding:10px; }