/*=== CSS RESET (thanks to meyerweb.com) ===*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } textarea {font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline;} /*=== LAYOUT (with help from csscreator.com) ===*/ html, body{ text-align:center; color:#555; font:12px Verdana, Arial, Helvetica, sans-serif;} #home { background:url(../images/bg_home.gif) repeat-x;} #about { background:url(../images/bg.gif) repeat-x;} #services { background:url(../images/bg.gif) repeat-x;} #servicesq { background:url(../images/bg.gif) repeat-x;} #servicesb { background:url(../images/bg.gif) repeat-x;} #servicesf { background:url(../images/bg.gif) repeat-x;} #servicesc { background:url(../images/bg.gif) repeat-x;} #servicesa { background:url(../images/bg.gif) repeat-x;} #servicescc { background:url(../images/bg.gif) repeat-x;} #servicespm { background:url(../images/bg.gif) repeat-x;} #serviceshs { background:url(../images/bg.gif) repeat-x;} #servicesea { background:url(../images/bg.gif) repeat-x;} #servicesew { background:url(../images/bg.gif) repeat-x;} #servicests { background:url(../images/bg.gif) repeat-x;} #projects { background:url(../images/bg.gif) repeat-x;} #projectsqs { background:url(../images/bg.gif) repeat-x;} #projectsbs { background:url(../images/bg.gif) repeat-x;} #projectshs { background:url(../images/bg.gif) repeat-x;} #projectspsds { background:url(../images/bg.gif) repeat-x;} #projectspsdp { background:url(../images/bg.gif) repeat-x;} #projectspm { background:url(../images/bg.gif) repeat-x;} #projectsfs { background:url(../images/bg.gif) repeat-x;} #news { background:url(../images/bg.gif) repeat-x;} #contact{ background:url(../images/bg.gif) repeat-x;} #pagewidth{ width:820px; text-align:left; margin-left:auto; margin-right:auto; } #header{position:relative; height:273px; width:100%;} #maincol{width:535px; float:right; position:relative; } #maincol p{ text-align:justify;} #leftcol{width:250px; float:left; position:relative; } #leftcol-extras{width:250px; float:left; padding-top:15px; position:relative;} #main{ margin:10px 0 0 0; padding:0; width:250px;} #main li{ font-size:13px; margin:0; margin-top:3px; padding:0; width:250px; } #main a:link, #main a:visited { background:url(../images/menu-link.jpg) no-repeat right #e6eff3; display:block; color:#3289be; padding:6px 5px 6px 10px; text-decoration:none; border:1px solid #dbe1e4;} #main a:hover { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; border:1px solid #a5c0d5;padding:6px 5px 6px 10px; } #main2{ margin:10px 0 0 0; padding:0; width:250px;} #main2 li{ font-size:13px; margin:0; margin-top:3px; padding:0; width:250px; } #main2 a:link, #main2 a:visited { background:url(../images/menu-link.jpg) no-repeat right #e6eff3; display:block; color:#3289be; padding:6px 5px 6px 10px; text-decoration:none; border:1px solid #dbe1e4;} #main2 a:hover { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; border:1px solid #a5c0d5;padding:6px 5px 6px 10px; } #main2 a.nolink:link, #main2 a.nolink:visited { background:#e6eff3; display:block; color:#3289be; padding:6px 5px 6px 10px; text-decoration:none; border:1px solid #dbe1e4;} #main2 a.nolink:hover { background:#e6eff3; color:#3289be; cursor: default; text-decoration:none; border:1px solid #dbe1e4; font-weight:normal; padding:6px 5px 6px 10px; } #sub{ margin:0; padding:5px 0 10px 10px; width:230px; border:0; } #sub li{ margin:0; padding:0 0 5px 0; width:230px; border:0; } #sub a:link, #sub a:visited{ background:url(../images/arrows.gif) no-repeat 0 10px; margin:0; color:#336699; padding:5px 5px 1px 18px; border:0; } #sub a:hover {background:url(../images/arrows.gif) no-repeat 0 10px; color:#3289be; text-decoration:underline; padding:5px 5px 1px 18px; border:0; } #footer{height:20px; background-color:#FFFFFF; clear:both;} p {line-height:1.4; padding-bottom:8px;} /*=== HEADINGS ===*/ h1, h2, h3, h4, h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; } h1 { color:#0a243a; font-size:20px; margin:25px 0 25px 0;} h2 { color:#0a243a; font-size:18px; margin:17px 0 5px 0; } h3 { color:#0a243a; font-size:14px; margin:17px 0 5px 0; font-weight:bold; } h4 { color:#999; font-size:14px; margin:0; font-weight:bold; } /*=== HEADER ===*/ #header { height:132px; position:relative; width:820px;} #header img { position:absolute; left:0px; top:44px; } #intro { background:url(../images/intro.jpg) no-repeat; margin:0; padding:0; width:820px; height:150px; } #intro h1 { margin:0 0 5px 0; padding:5px 0 0 0; } #intro p { padding-right:230px; margin:0; } /*=== CONTACT TOP BOX ===*/ #contact_top {float:right; text-align:right; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin: 14px 0 0 0; color:#f3d982; border:solid 1px #7ca1be; padding:5px 10px;} /*=== MENU ===*/ #menu { position:absolute; right:0px; top:77px; width:auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#FFFFFF; } #menu li {float:left; width:auto; padding:5px 10px 5px 10px; margin: 0 0 0 17px; } #menu a:link, #menu a:visited, #menu a:active { color:#fff; text-decoration:none; } #menu a:hover { color:#fff; text-decoration:underline; } #home #menu li#nhome, #about #menu li#nabout, #services #menu li#nservices, #projects #menu li#nprojects, #news #menu li#nnews, #contact #menu li#ncontact { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} /*=== Services Menu===*/ #servicesq #main #nsideservicesq { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicesq #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicesb #main #nsideservicesb { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicesb #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicesf #main #nsideservicesf { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicesf #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicesc #main #nsideservicesc { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicesc #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicesa #main #nsideservicesa { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicesa #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicescc #main #nsideservicescc { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicescc #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicespm #main #nsideservicespm { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicespm #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #serviceshs #main #nsideserviceshs { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #serviceshs #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicesea #main #nsideservicesea { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicesea #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicesew #main #nsideservicesew { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicesew #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #servicests #main #nsideservicests { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #servicests #menu li#nservices { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} /*=== Projects Menu ===*/ #projectsqs #main #nsideprojectsqs { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #projectsqs #menu li#nprojects { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #projectsbs #main #nsideprojectsbs { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #projectsbs #menu li#nprojects { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #projectshs #main #nsideprojectshs { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #projectshs #menu li#nprojects { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #projectspsds #main #nsideprojectspsds { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #projectspsds #menu li#nprojects { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #projectspsdp #main #nsideprojectspsdp { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #projectspsdp #menu li#nprojects { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #projectspm #main #nsideprojectspm { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #projectspm #menu li#nprojects { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} #projectsfs #main #nsideprojectsfs { background:url(../images/menu-link-over.jpg) no-repeat right #bad3e6; color:#336699; text-decoration:none; font-weight:bold; } #projectsfs #menu li#nprojects { background:#3a6998; color:#d8e7f4; border:solid 1px #5781a7;} /*=== CONTENT ===*/ .bluetext {color:#336699; font-size:11px;} .lightgreytext {color:#999; font-size:11px;} .paraSpace {padding-bottom:5px;} .paraSpace2 {padding-top:5px;} .floatLeft {float:left;} .floatRight {float:right;} .floatRightImg {float:right; border: solid 1px #b5bec9; padding:3px;} .imgborder {border:1px solid #CCCCCC;} /*=== HOMEPAGE ===*/ h2.contactbox{margin:0px 0 3px 0;} h2.homenews{margin:0px 0 3px 0; border-bottom: solid 1px #dad8d4; width:250px; padding-bottom:3px;} h2.lighthome { color:#336699; font-size:18px; width:250px; border-bottom: solid 1px #dad8d4; padding-bottom:3px } h2.lighthome_long { color:#336699; font-size:18px; width:535px; border-bottom: solid 1px #dad8d4; padding:0 0 3px 0; } #column1 {float:left; width:250px; margin-right:35px; } #column1 img {border: solid 1px #b5bec9; padding:3px; margin-top:10px;} #column1 p {text-align:right; } #column1 span {color:#333; font-style:italic;} #column2{float:left; width:250px;} #column2 img {border: solid 1px #b5bec9; padding:3px; margin-top:10px;} #column2 p {text-align:right; } #column2 span {color:#333; font-style:italic;} #column2 span.darkbluetext {color:#0a243a; font-size:11px; font-style:normal;} #projects1 {float:left; width:250px; margin-right:35px; margin-top:0;} #projects1 img { padding:3px; margin-top:0px;} #projects1 li{border: solid 1px #b5bec9; padding:5px; margin-top:6px;} #projects1 p {text-align:right; padding:3px; } #projects1 span {color:#333; font-style:italic;} #projects2{float:left; width:250px; margin-top:0;} #projects2 img { padding:3px; margin-top:1px;} #projects2 li{border: solid 1px #b5bec9; padding:5px; margin-top:6px;} #projects2 p {text-align:right; padding:3px; } #projects2 span {color:#333; font-style:italic;} #projects2 span.darkbluetext {color:#0a243a; font-size:11px; font-style:normal;} #homecontact {width:250px; margin-top:0px;} #contactbox {background:#f8f6f1; border:solid 1px #dad8d4; padding:10px 0 5px 0; font-size:11px; } #contactbox ul{ margin: 10px 0 0 10px;} #contactbox li{ padding: 0 0 8px 0; font-weight:bold;} #contactbox p {margin : 0 10px 0 10px; text-align:left;} #homenews {font-size:11px; width:250px; margin-top:0px;} #homenews ul{margin: 10px 0 0 0; line-height:1.6; height:175px; overflow: auto; } #homenews li{padding: 0 0 8px 0; } /*=== PROFILE ===*/ #bullet{ margin:0; padding:0; width:auto; } #bullet li{background:url(../images/arrow.gif) no-repeat top left #fff; margin:0; padding:1px 0 9px 15px;} #bullet a:link, #bullet a:visited{margin:0; padding:0; color:#3289be 336699; text-decoration:none;} #bullet a:hover { color:#999; text-decoration:underline;} #bullet2{ margin:0; padding:0; width:auto; } #bullet2 li{background:#fff; margin:0; padding:1px 0 9px 15px;} #bullet2 a:link, #bullet2 a:visited{margin:0; padding:0; color:#3289be 336699; text-decoration:none;} #bullet2 a:hover { color:#999; text-decoration:underline;} /*=== FOOTER ===*/ #footer{width:820px; padding:12px 0 0 0 ; margin:30px 0 0 0; text-align:center; border-top:solid 1px #dad8d4; font-size:11px;} #footer p.top {padding-bottom:5px; color:#51677c; word-spacing:1px;} #footer p.top a:link, #footer p.top a:visited { color:#51677c; text-decoration:none; } #footer p.top a:hover, #footer p.top a:active { color:#cc6600; text-decoration:underline; } #footer p.bottom {color:#999;} #footer p.bottom a:link, #footer p.bottom a:visited { color:#999; text-decoration:none; } #footer p.bottom a:hover, #footer p.bottom a:active { color:#999; text-decoration:underline; } /*=== LINKS ===*/ a:link, a:visited { color:#3289be; text-decoration:none;} a:hover { color:#333; text-decoration:underline; } /*=== toggle buttons ===*/ .pusher {padding-top:5px;} .pusher h3 { cursor:pointer; font-size:1.37em; border: solid 1px #dad8d4; margin-bottom:0px; margin-top:0px; padding:5px; background:url(/images/project-heading.jpg) repeat-x; height:20px; width:523px} .pusher img { border: solid 1px #b5bec9; padding:3px; } .mover {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4; } .mover img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover table{ font-size:10px; width:535px; } .mover td { border-top:1px solid #fff; padding:5px; } .mover1 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover1 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover1 table{ font-size:10px; width:535px; } .mover1 td { border-top:1px solid #fff; padding:5px; } .mover2 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover2 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover2 table{ font-size:10px; width:535px; } .mover2 td { border-top:1px solid #fff; padding:5px; } .mover3 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover3 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover3 table{ font-size:10px; width:535px; } .mover3 td { border-top:1px solid #fff; padding:5px; } .mover4 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover4 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover4 table{ font-size:10px; width:535px; } .mover4 td { border-top:1px solid #fff; padding:5px; } .mover5 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover5 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover5 table{ font-size:10px; width:535px; } .mover5 td { border-top:1px solid #fff; padding:5px; } .mover6 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover6 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover6 table{ font-size:10px; width:535px; } .mover6 td { border-top:1px solid #fff; padding:5px; } .mover7 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover7 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover7 table{ font-size:10px; width:535px; } .mover7 td { border-top:1px solid #fff; padding:5px; } .mover8 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover8 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover8 table{ font-size:10px; width:535px; } .mover8 td { border-top:1px solid #fff; padding:5px; } .mover9 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover9 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover9 table{ font-size:10px; width:535px; } .mover9 td { border-top:1px solid #fff; padding:5px; } .mover10 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover10 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover10 table{ font-size:10px; width:535px; } .mover10 td { border-top:1px solid #fff; padding:5px; width:527px } .mover11 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover11 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover11 table{ font-size:10px; width:535px; } .mover11 td { border-top:1px solid #fff; padding:5px; width:527px } .mover12 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover12 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover12 table{ font-size:10px; width:535px; } .mover12 td { border-top:1px solid #fff; padding:5px; width:527px } .mover13 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover13 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover13 table{ font-size:10px; width:535px; } .mover13 td { border-top:1px solid #fff; padding:5px; width:527px } .mover14 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover14 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover14 table{ font-size:10px; width:535px; } .mover14 td { border-top:1px solid #fff; padding:5px; width:527px } .mover15 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover15 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover15 table{ font-size:10px; width:535px; } .mover15 td { border-top:1px solid #fff; padding:5px; width:527px } .mover16 {margin-top:0; width:535px; background: #f8f6f1; border-bottom: solid 2px #dad8d4;} .mover16 img { border: solid 1px #b5bec9; padding:3px; width:527px } .mover16 table{ font-size:10px; width:535px; } .mover16 td { border-top:1px solid #fff; padding:5px; width:527px } .headings { font-size:1.4em; font-weight:normal; margin:0 0 10px 0; color:#297e46; border-bottom:1px dashed #cac5bd; padding-bottom:5px;} .headings2 { font-size:1.4em; font-weight:normal; margin:0 0 10px 0; color:#297e46; padding-bottom:5px;} .sidepusher {padding-top:5px;} .sidepusher h3 { cursor:pointer; font-size:1.37em; border: solid 1px #dad8d4; margin-bottom:0px; margin-top:0px; padding:5px 5px 5px 10px; background:url(/images/side-heading.jpg) repeat-x; height:20px; width:233px; font-size:14px;} .sidepusher img { border: solid 1px #b5bec9; padding:3px; } .sidemover {margin-top:0; width:233px; background: #f8f6f1; border: solid 1px #dad8d4; border-top:0; padding:5px 5px 5px 10px; } .sidemover img { border: solid 1px #b5bec9; padding:3px; width:238px } .sidemover table{ font-size:10px; width:238px; } .sidemover td { border-top:1px solid #fff; padding:5px; } .sidepusher1 {padding-top:5px;} .sidepusher1 h3 { cursor:pointer; font-size:1.37em; border: solid 1px #dad8d4; margin-bottom:0px; margin-top:0px; padding:5px 5px 5px 10px; background:url(/images/side-heading.jpg) repeat-x; height:20px; width:233px; font-size:14px;} .sidepusher1 img { border: solid 1px #b5bec9; padding:3px; } .sidemover1 {margin-top:0; width:233px; background: #f8f6f1; border: solid 1px #dad8d4; border-top:0; padding:5px 5px 5px 10px; font-size:11px; } .sidemover1 img { border: solid 1px #b5bec9; padding:3px; width:238px } .sidemover1 table{ font-size:10px; width:238px; } .sidemover1 td { border-top:1px solid #fff; padding:5px; } .sidemover1 strong{ font-weight:bold; font-size:11px; color:#336699;} .sidemover1 p{ font-size:10px; border-bottom: 1px solid #fff; padding-bottom:5px; padding-top:5px;} .sidepusher2 {padding-top:5px;} .sidepusher2 h3 { cursor:pointer; font-size:1.37em; border: solid 1px #dad8d4; margin-bottom:0px; margin-top:0px; padding:5px 5px 5px 10px; background:url(/images/side-heading.jpg) repeat-x; height:20px; width:233px; font-size:14px;} .sidepusher2 img { border: solid 1px #b5bec9; padding:3px; } .sidemover2 {margin-top:0; width:233px; background: #f8f6f1; border: solid 1px #dad8d4; border-top:0; padding:5px 5px 5px 10px; font-size:11px; } .sidemover2 img { border: solid 1px #b5bec9; padding:3px; width:238px } .sidemover2 table{ font-size:9px; } .sidemover2 td { border-top:1px solid #fff; padding:5px; } .sidemover2 strong{ font-weight:bold; font-size:10px; color:#336699;} .sidemover2 p{ font-size:10px; border-bottom: 1px solid #fff; padding-bottom:5px; padding-top:5px;} /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ .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 */ /*printer styles*/ @media print{ /*hide the left column when printing*/ #leftcol{display:none;} /*hide the right column when printing*/ #rightcol{display:none;} #twocols, #maincol{width:100%; float:none;} }