/*font-family: Georgia, "Times New Roman", Times, serif;*/ html, body { height:62.5%; } /* font-size:62.5% means 1em = 10px */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5 ,h6,a, p, img, address,label,object, embed { margin:0px; padding:0px; border:none; } body {font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; color:#606060; font-size:62.5%; } body {position: relative; width: 990px; margin: 10px auto; } /* LEFT MENU HERE */ div#wrapper { margin: 0px auto; width: 990px; text-align: left; } #pete {position:relative; left:0px; top:0px; width:145px; height: 765px; border-style: none; /*background: #f4f0cb url('assets/background/LeftBanner.jpg') no-repeat scroll top left; overflow:hidden;*/} #header {position:absolute; left:145px; top:0px; width: 845px; height: 130px; border-style: none; background: url('assets/background/TopBanner.jpg') no-repeat; z-index:1;} #mainsquare {position:absolute; left:145px; top:130px; width:670px; height: 635px; background: url('assets/background/BG2.jpg'); z-index:-1;} #leftmenu {position:absolute; left:0px; top:325px; width:147px; height: auto; border-style: none; border-style: none; background: url('assets/background/lefthand2.jpg'); } #menu { font-size:12px; position:relative; margin:0 auto; width:145px; } #menu ul { /* remove list style */ list-style:none; padding:0; margin:0; /* set the layer position */ position:relative; z-index:5; } #menu li { /* set the styles */ background:#ccc url(assets/background/Menu_a1.jpg) no-repeat 0 0; padding:3px; margin-left:0px; margin-top:5px; cursor:pointer; border: none; } #menu li.hover { /* on hover, change it to this image */ background-image:url(assets/background/Menu_a1.jpg) !important; } #menu li a { text-decoration:none; color:#000; } #menu .block { /* allow javascript to move the block */ position:absolute; top:13px; /* set the left position */ left:96px; /* display above the #menu */ z-index:10; /* the image and the size */ background:transparent url(assets/background/Menu_a3.jpg) no-repeat bottom right; width:40px; padding: 5px; cursor:pointer; } /* fast png fix for ie6 */ * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } .smallbrown {font-size:9px; color:#663;} /*END OF LEFT SIDE MENU */ #topright {position:absolute; top: 130px; left: 588px; width: 180px; height: 180px; background-color:#333;} #rightbox1 {position:absolute; top: 0px; left: 670px; width: 177px; height: 635px; background: #f4f0cb; /*overflow:hidden;*/ /*padding: 5px 5px 5px 5px;*/ } #rightbox {position:absolute; top: 130px; left: 813px; width: 177px; height: 635px; background: #f4f0cb; overflow:hidden;} #frontpage {position:absolute; top: -18px; left: 0px; width: 670px; height: 635px;} #toptext {position:absolute; top: 135px; left:180px; width: 600px; height: 148px; } #bodytext {position:absolute; top: 310px; left:180px; width: 600px; height: auto; } #bodytext2 {position:absolute; top: 265px; left:180px; width: 600px; height: 400px; } #bodytext3 {position:absolute; top: 20px; left:1px; width: 600px; height: 400px; text-align:left;} #bottomtext {position:absolute; top: 700px; left:180px; width: 600px; height: auto; } #bottomtext2 {position:absolute; top: 680px; left:180px; width: 600px; height: auto; } /* THIS IS stuff that moves pics around in a box (box is for the 6 boxes on the products and portfolio pages) uses innerfade.js*/ ul#animated-portfolio {padding: 0; margin: 0; list-style-type: none; } ul#animated-portfolio li {padding: 0;} ul#animated-portfoliobox1 {padding: 0; margin: 0; list-style-type: none; } ul#animated-portfoliobox1 li {padding: 0;} ul#animated-portfoliobox2 {padding: 0; margin: 0; list-style-type: none; } ul#animated-portfoliobox2 li {padding: 0;} ul#animated-portfoliobox3 {padding: 0; margin: 0; list-style-type: none; } ul#animated-portfoliobox3 li {padding: 0;} ul#animated-portfoliobox4 {padding: 0; margin: 0; list-style-type: none; } ul#animated-portfoliobox4 li {padding: 0;} ul#animated-portfoliobox5 {padding: 0; margin: 0; list-style-type: none; } ul#animated-portfoliobox5 li {padding: 0;} ul#animated-portfoliobox6 {padding: 0; margin: 0; list-style-type: none; } ul#animated-portfoliobox2 li {padding: 0;} #tab1 {position:absolute; top: 265px; left: 180px; height:20px; width: 200px; background: url('assets/background/stone_tab.jpg') no-repeat scroll top left; text-align:center; font-weight:bold; color:#003; font-size:12px; } #box1 {position:absolute; top: 285px; left: 180px; height:185px; width: 200px;} #tab2 {position:absolute; top: 265px; left: 380px; height:20px; width: 200px; background: url('assets/background/stone_tab.jpg') no-repeat scroll top left; text-align:center; font-weight:bold; color:#003; font-size:12px;} #box2 {position:absolute; top: 285px; left: 380px; height:185px; width: 200px;} #tab3 {position:absolute; top: 265px; left: 580px; height:20px; width: 200px; background: url('assets/background/stone_tab.jpg') no-repeat scroll top left; text-align:center; font-weight:bold; color:#003; font-size:12px;} #box3 {position:absolute; top: 285px; left: 580px; height:185px; width: 200px;} #tab4 {position:absolute; top: 470px; left: 180px; height:20px; width: 200px; background: url('assets/background/stone_tab.jpg') no-repeat scroll top left; text-align:center; font-weight:bold; color:#003; font-size:12px;} #box4 {position:absolute; top: 490px; left: 180px; height:200px; width: 200px;} #tab5 {position:absolute; top: 470px; left: 380px; height:20px; width: 200px; background: url('assets/background/stone_tab.jpg') no-repeat scroll top left; text-align:center; font-weight:bold; color:#003; font-size:12px;} #box5 {position:absolute; top: 490px; left: 380px; height:185px; width: 200px;} #tab6 {position:absolute; top: 470px; left: 580px; height:20px; width: 200px; background: url('assets/background/stone_tab.jpg') no-repeat scroll top left; text-align:center; font-weight:bold; color:#003; font-size:12px;} #box6 {position:absolute; top: 490px; left: 580px; height:185px; width: 200px;} #container{ position: absolute; left:180px; top:185px; } .container{ width:600px; height:400px; margin:100px auto 0px auto; } a.back{ width:184px; height:32px; position:absolute; bottom:10px; left:10px; background:transparent url(../back.png) no-repeat top left; } .wrap{ width:200px; height:200px; margin:0px; overflow:hidden; position:relative; float:left; } .wrap a img { border:none; position:absolute; top:-66.5px; left:-150px; height:500px; opacity: 1.0; -moz-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } p {font-size:1.25em; background-color: transparent; line-height: 1.15em; margin-bottom: 1em;} p.vist {font-size: 20px; color:#C00;} p.tab {font-weight:bold; font-size:14px;} p.rightbox {padding: 5px 10px 0px 10px;} p.bottommenu {font-size: 11px; text-align:center;} a.logos:link, a.logos:visited, a.logos:hover, a.logos:active {text-decoration:none; border-style:none; color:#FFF;} a:link {text-decoration:none; border-style:none; color: #d61920;} a:visited {text-decoration:none; color: #d61920;} a:hover {text-decoration:none; color: #d61920;} a:active {text-decoration:none; color: #d61920;} div.hr {height: 5px; background: #fff url(assets/memu/moores_line.jpg) no-repeat scroll center; display: none;} h2 {font-weight:bolder;} h3 {font-style:italic;}