body { margin: 0px; padding: 0px; font: 12px Arial, Helvetica, sans-serif; line-height: 16px; color: #000; background-color: #8ECA6E; text-align:center; } .clear-both { clear:both; } p { font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 16px; text-align: left;} a { color: #666; text-decoration:underline; } a:hover { color:#CCCCCC; text-decoration:underline; } /*____________________________________ MAIN CONTAINER ____________________________________*/ #mainWrapper_inner { background: #000000 url( ../images/fade2.gif) 0 0 repeat-x; ; padding: 0; margin-left: auto; margin-right: auto; } #mainWrapper_home { background: #8ECA6E url( ../images/fade.gif) 0 0 repeat-x; ; padding: 0; margin-left: auto; margin-right: auto;} #mainContainer { width:870px ;padding: 0; margin-left: auto; margin-right: auto; text-align: left; margin-top:1px; } /*____________________________________ HEADER ____________________________________*/ #right_container{ width: 270px; float:right; padding: 15px 30px 0 0; margin: 0;} #header { height: 72px; width: 750px; position:relative; background: #FFF url(../images/down_header.gif) 0 100% no-repeat; } #leftLogo { height:131px; width:130px; margin: 0 0 0 0; padding: 0; float:left; background: url(../images/left_logo.gif) no-repeat; } #left_logo_type { display:block; height:48px; width:290px; margin: 0 0 0 0; padding: 0; float:left; } #down_header { display:block; height:24px; width:750px; margin: 0 0 0 0; padding: 0; float:left; background: url(../images/down_header.gif) no-repeat } #top_right { height:20px; width:100px; margin: 8px 10px 0 0; padding: 0; float:right; font-size: 11px; color: #FFF; text-align:right } #right_header_container { width: 620px; height: 131px; float:right; padding: 0; margin: 0; } /*____________________________________ BANNER ____________________________________*/ #banner2 { height: 83px; width: 871px; margin:0 auto; position:relative; color:#AC9B56; background-image:url(../images/home_top.jpg);} #banner1 { height: 81px; width: 840px; margin:0 auto; position:relative; color:#AC9B56;} #banner_home { height: 232px; width: 870px; margin: auto; position:relative; color:#AC9B56; } #banner_inner { height: 148px; width: 840px; margin: auto; position:relative; color:#AC9B56; background:#FFF url(../images/banner_inner.jpg) 0 0 no-repeat; } #overnav { height:22px; width:600px; text-align:left; padding: 15px 0 0 0; text-align:right; float:right; color:#FFF; font-size:11px; } #overnav ul { margin: 0; padding: 0; list-style: none; text-align:right} #overnav li { display:inline; text-align:center; } #overnav li a { font-size: 11px; padding-left: 5px; padding-right: 5px; border-right: 1px solid #ffffff; line-height: 15px; color:#ffffff; font-weight: normal; text-decoration: none; text-align:center; } #overnav li a:hover, #nav li .active_link { text-decoration: none; color:#FFDD00; } #overnav li.last a { padding-right: 0; border-right: none; } #banner_properties { height: 254px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#FFF url(../images/banner_properties.jpg) 0 0 no-repeat; } /*____________________________________ NAV ____________________________________*/ #nav { height:30px; width:750px; text-align:left; padding: 45px 0 0 0; text-align:center; float:right; } #nav ul { margin: 0; padding: 0; list-style: none; padding:0 0 0 200px;} #nav li { display:inline; text-align:center; } #nav li a { font-size: 13px; padding-left: 16px; padding-right: 16px; border-right: 1px solid #ffffff; line-height: 27px; color:#ffffff; font-weight: normal; text-decoration: none; text-align:center; } #nav li a:hover, #nav li .active_link { text-decoration: none; color:#4F7697; } #nav li.last a { padding-right: 0; border-right: none; } #mail1 { padding:0 28px 0 0; width: 30px; height:40px; float:right; display:block; } #mail1 a { font-size:1105px; text-decoration:none; width: 30px; height:40px; float:right; display:block; } #home1 { width: 25px; height:40px; float:right; display:block; } #home1 a { font-size:15px; text-decoration:none; width: 25px; height:40px; float:right; display:block; } #mail { padding:0 7px 0 0; width: 30px; height:40px; float:right; display:block; } #mail a { font-size:1105px; text-decoration:none; width: 30px; height:40px; float:right; display:block; } #home { width: 25px; height:40px; float:right; display:block; } #home a { font-size:15px; text-decoration:none; width: 25px; height:40px; float:right; display:block; } /*____________________________________ BELOW NAV ____________________________________*/ #below_navNew { width: 900px; padding: 0 40px; height: 44px; background: #FFF url(../images/bellow_nav.gif); margin-left: auto; margin-right: auto; margin-top:0px; text-align: left; } /*____________________________________ SUB NAV ____________________________________*/ /*____________________________________ RIGHT COLUMN ____________________________________*/ #topRight { width: 870px; padding:0 0 0 0; margin:0px 0 0 0; line-height: 13px; text-align:left; } #topRight div.pbox, #topRight div.pbox_linebot { margin: 40px 25px 0 25px; padding: 0; } #topRight div.pbox a, #topRight div.pbox_linebot a { color: #666666; text-decoration: none; } #topRight div.pbox a:hover, #topRight div.pbox_linebot a:hover { color:#FFFFFF; text-decoration: none; } /*____________________________________ SIDE MENU ____________________________________*/ /*____________________________________ LEFT COLUMN ____________________________________*/ #left { width: 520px; float: left; padding:0 0 0 17px; margin:0px 0 0 0; line-height: 13px; } #left .title { color:#4E565E; font-size:16px; line-height:16px; } #left .content {color:#3F3F3F; font-size:12px; } #about { width: 810px; float: left; padding:0 0 0 40px; margin:0px 0 0 0; line-height: 13px; } #about2 { width: 550px; float: left; padding:0 0 0 40px; margin:0px 0 0 0; line-height: 13px; } #about3 { float: right; line-height: 13px; margin: 42px 20px 25px 10px; padding: 0 0 15px 0; } #about .title { color:#4E565E; font-size:16px; line-height:16px; } #about .content {color:#3F3F3F; font-size:12px; } #about3 .banners { margin: 15px 0 15px 0; } /* #Right .pbox p { font-size:11px; padding:0; line-height:13px; } */ #left_no_top .pbox a { color:#999999; text-decoration: none; } #left_no_top .pbox a:hover { color:#000; text-decoration: none; } #tabProducts { margin: 0 0 0 0; padding: 0; width: 197px; height: 67px; background: url(../images/column_tab.gif) no-repeat; text-align:center; color:#FFFFFF; } #tabProducts .title { padding: 8px 0 0 0; color:ffffff; } #column_top_shade { margin: 0 0 0 0; padding: 0; width: 197px; height: 37px; background: url(../images/column_top_shade.gif) no-repeat; } #column_bot_shade { margin: 0 0 0 0; padding: 0; width: 197px; height: 37px; background: url(../images/column_bot_shade.gif) no-repeat; } #noteMore { width: 60px; padding:0 3px 0 0; margin: 5px 8px 0 0; float:left; font-size:9px; background:url(../images/arrowNote.gif) no-repeat right center; } #noteMore a { color:#666666; text-decoration:none; } #noteMore a:hover { color:#000000; text-decoration:none; } /*____________________________________ WIDE COLUMN ____________________________________*/ /*________________ Board and Members table styles ________________*/ /*________________ END ________________*/ #wide { width: 1000px; float: left; padding:0; margin:0 0 0 0; } #wide .nospace { margin:0; } #wide .pbox { margin: 15px 40px 0 40px; padding: 0 0 5px 0;} #wide .title { margin: 0 40px 20px 40px; padding: 0 0 15px 30px; font-size:16px; line-height:21px; font-weight: bold; color:#06357A; background:url(../images/arrow.gif) no-repeat left top; } #wide .pbox a { color: #666666; text-decoration: none; } #wide .pbox a:hover { color:#CCCCCC; text-decoration: none; } #wide .pbox p.nospace { margin-bottom: 4px; } #wide .pbox_linebot { margin: 25px 5px 25px 5px; padding: 0 0 15px 0; border-bottom: 1px solid #FFF; } #wide .title_linebot { margin: 0 40px 20px 40px; padding: 0 0 15px 30px; font-size:16px; line-height:21px; font-weight: bold; color:#06357A; background:url(../images/arrow.gif) no-repeat left top; border-bottom: 1px solid #06357A; } /*____________________________________ CONTENT AREA ____________________________________*/ /*____________________________________ PRE SET MARGINS ____________________________________*/ /*____________________________________ CURVED CORNERS ____________________________________*/ .curvetitle { width: 200px; float:left; padding:0 20px 0 0; margin: 0 0 0 0; color: #0A5385; text-decoration: none; font-size:15px; font-weight:bold; } .t { background: #e7e9EC url(../images/generic/dot.gif) 0 0 repeat-x; margin: 15px 40px 0 40px; } .b { background: url(../images/generic/dot.gif) 0 100% repeat-x; } .l { background: url(../images/generic/dot.gif) 0 0 repeat-y; } .r { background: url(../images/generic/dot.gif) 100% 0 repeat-y; } .bl { background: #e7e9EC url(../images/generic/bl.gif) 0 100% no-repeat; margin: 15px 40px 0 40px; } .br { background: url(../images/generic/br.gif) 100% 100% no-repeat; } .tl { background: url(../images/generic/tl.gif) 0 0 no-repeat; } .tr { background: url(../images/generic/tr.gif) 100% 0 no-repeat; padding:12px; } .place { font-size: 1px; height: 1px; } /*____________________________________ GALLERY ____________________________________*/ /*____________________________________ MISC ____________________________________*/ .floatimgRight { margin-left: 15px; float: right; clear: both; } #bullet{ padding: 3px 0 3px 25px; width:485px; margin: 6px 0 6px 0; background:url(../images/icon_bullet.gif) left center no-repeat; color:#29513E;} #bulletLast{ padding: 3px 0 3px 25px; width:485px; margin: 6px 0 30px 0; background:url(../images/icon_bullet.gif) left center no-repeat; color:#29513E;} #more_plain a { font-size:9px; padding:0; margin: 5px 0 0 0; float:left; color: #666666; text-decoration: none; } #more_plain a:hover { font-size:9px; padding:0; margin: 5px 0 0 0; float:left; color: #FFFFFF; text-decoration: none; } .image { float: left; margin: 0 0 0 7px; padding: 0; } div .more { width: 40px; padding:0; margin:0 0 0 0; float:left; color:#999999; line-height:6px; font-size:11px; background:url(../images/arrowNote.gif) no-repeat right center;} div .more_link { width: 80px; padding:0; margin:0 0 15px 0; float:left; color:#999999; line-height:6px; font-size:11px; background:url(../images/arrowNote.gif) no-repeat right center;} #moreInfo { width: 40px; padding:0 0 0 0; margin: 0 0 0 0; float:left; color:#999999; line-height:12px; text-decoration: none; font-size:11px; background:url(../images/generic/arrowNoteInfo.gif) no-repeat right center;} /*____________________________________ COLOURS ____________________________________*/ /*____________________________________ TITLES ____________________________________*/ .title_generic { font-size:14px; margin: 0 0 4px 0; height:20px; padding: 0 0 0 26px; line-height: 20px; font-weight:normal; color:#000000; background:url(../images/arrow_generic.gif) no-repeat left center; } .title_home { font-size:14px; margin: 0 0 4px 0; height:20px; padding: 0 0 0 26px; line-height: 20px; font-weight:normal; color:#8a1EAC; background:url(../images/arrow_generic.gif) no-repeat left center; } .title_about { font-size:14px; margin: 0 0 4px 0; padding: 0 0 0 15px; line-height: 12px; font-weight:normal; color:#3C762B; background:url(../images/arrow_note_about.gif) no-repeat left center; } .title_gallery { font-size:14px; margin: 0 0 4px 0; padding: 0 0 0 15px; line-height: 12px; font-weight:normal; color:#E66F31; background:url(../images/arrow_gallery.gif) no-repeat left center; } .title_services { font-size:14px; margin: 40px 25px 0 25px; padding: 0 0 0 26px; line-height: 12px; font-weight:normal; color:#3649C3; background:url(../images/arrow_generic.gif) no-repeat left center; } .title_services_no_top { font-size:14px; margin: 0 25px 0 25px; padding: 0 0 0 26px; line-height: 12px; font-weight:normal; color:#3649C3; background:url(../images/arrow_generic.gif) no-repeat left center; } .subtitle_services { font-size:14px; margin: 40px 25px 0 0; padding: 0 0 0 0; line-height: 12px; font-weight:normal; color:#3649C3;} .subtitle_services_no_top { font-size:14px; margin: 0 25px 0 0; padding: 0 0 0 0; line-height: 12px; font-weight:normal; color:#3649C3; } /*____________________________________ BORDERS AND DIVIDERS ____________________________________*/ div .divider { display:block; height:1px; margin: 0 0 0 0; padding:0; border-bottom: 1px solid #CCC; border-bottom-width:1px; position:relative; } .lineBelow { border-bottom: 1px solid #E68E22; } /*____________________________________ HEADERS ____________________________________*/ /***H1***/ h1 {font-size:20px; margin: 0 0 25px 0; padding: 0; line-height: 18px; font-weight: bold; color:#E68E22; } /***H2***/ h2 { font-size:16px; margin: 12px 0 12px 0; padding: 0; line-height: 16px; font-weight: bold; color:#E68E22; } /***H3***/ h3 {font-size:14px; margin: 12px 0 12px 0; padding: 0; line-height: 12px; font-weight:bold; color:#06357A; } /***NO SPACE***/ h1.nospace, h2.nospace { margin-bottom:4px; } h3.spacesml { margin-bottom:6px; } .no_top_space { margin-top:0;} /*____________________________________ Class Letters ____________________________________*/ .hometitles { font-size:17px; color:#30800E; } .homegrey { color:#3F3F3F; } /*____________________________________ FOOTER ____________________________________*/ #botContainerWrapper { margin-left: auto; margin-right: auto; padding: 0 ; background: url(../images/footerTopShade.gif) 0 0 repeat-x; color: #FFF; font-size:10px; } #botContainer { text-align:center; margin-left: auto; margin-right: auto; width: 900px; padding: 25px 0 0 0 ; color: #FFF; font-size:10px; } #botContainerLogo { width: 790px; padding: 0 ; height: 36px; margin-left: auto; margin-right: auto; margin-bottom:80px; } #footer { width: 730px; height: 18px; margin: 0 10px 0 10px; font-size: 11px; color: #FFF; padding: 0; line-height: 18px; color: #FFF; position:relative; } #footer a { color: #FFF; text-decoration: none; margin-right: 6px; margin-left: 6px; } #footer a:hover { text-decoration: none; } #footerContent { margin: 20px 0 0 8px; float: left; text-align: left; line-height: 10px; color:#FFF; } #footerContent a:hover { text-decoration: none; } #webtheoria { float: right; width: 102px; height:22px; color:#CCCCCC; margin: 0 30px 0 0; padding: 0 0 20px 0; background: url(../images/wt_logo.gif) 0 0 no-repeat; } #terms { float: left; width: 250px; height:27px; color:#FFF; margin: 10px 10px 0px 20px; font-size: 10px;} #terms a { color: #FFF; text-decoration:underline; margin-right: 6px; margin-left: 6px; } #terms a:hover { text-decoration: none; } /*____________________________________ Rounded Corness ____________________________________*/ #pboxleft { width: 205px; margin:auto; } #box { margin:0 0 0 0; padding:10px 0 0 0; width:206px; text-align:left; background:#4E565E url('../images/box_bg.gif') no-repeat; color:#fff;} #box h2 { margin:0; padding:10px 15px; background:transparent url('../images/box_top.gif') no-repeat; text-shadow:2px 2px #333;} #box ul { color:#FFF; line-height:32px; margin:6px 0px 0 0px; padding:0 15px 10px 45px; background:transparent url('../images/box_btm.gif') no-repeat bottom;} #box ul li { margin-left:5px; list-style-image:url("../images/arrow.gif"); color:#A8D59D; text-decoration:none;} #box li a { color:#FFF; text-decoration:none; } #box li .activelink2 { color:#A8D59D; text-decoration:underline;} #box li a:hover {color:#FFF; text-decoration:underline;} #boxindex { margin:0 0 0 0; margin-left:auto; margin-right:auto; padding:10px 0 0 0; width:206px; text-align:left; background:#4E565E url('../images/box_bg2.gif') no-repeat; color:#fff;} #boxindex h2 { margin:0; padding:10px 15px; background:transparent url('../images/box_top.gif') no-repeat; text-shadow:2px 2px #333;} #boxindex ul { color:#FFF; line-height:32px; margin:6px 0px 0 0px; padding:0 15px 10px 45px; background:transparent url('../images/box_btm2.gif') no-repeat bottom;} #boxindex ul li { margin-left:5px; list-style-image:url("../images/arrow.gif"); color:#A8D59D; text-decoration:none;} #boxindex li a { color:#FFF; text-decoration:none; } #boxindex li .activelink2 { color:#A8D59D; text-decoration:underline;} #boxindex li a:hover {color:#FFF; text-decoration:underline;} #box3 { margin:0 0 0 0; margin-left:auto; margin-right:auto; padding:40px 0 0 0; width:243px; text-align:left; background:#FFF url('../images/box_bg2.gif') no-repeat; color:#fff;} #box3 h2 { margin:0; padding:0 15px; background:transparent url('../images/box_top.gif') no-repeat; text-shadow:2px 2px #333;} #box3 .bot { color:#FFF; line-height:25px; margin:0 0px 0 0px; padding:5px 15px 10px 0; background:transparent url('../images/box_btm2.gif') no-repeat bottom;} #box3 ul li { color:#AF006E; list-style-image:url("../images/arrow.gif"); margin:10px 0 0 5px; padding: 6px 0 0 6px ; line-height:13px; font-size:12px;} #box3 li a { color:#AF006E; list-style-image:url("../images/arrow.gif"); text-decoration:none; } #box3 li .activelink2 { color:#AF006E; text-decoration:underline;} #box3inner { margin:0 0 0 0; padding:10px 0 0 0; width:206px; text-align:left; background:#4E565E url('../images/box_bg.gif') no-repeat; color:#fff;} #box3inner h2 { margin:0; padding:10px 15px; background:transparent url('../images/box_top.gif') no-repeat; text-shadow:2px 2px #333;} #box3inner .bot { color:#FFF; line-height:32px; margin:6px 0px 0 0px; padding:0 15px 10px 5px; background:transparent url('../images/box_btm.gif') no-repeat bottom;} #box3inner ul li { margin-left:5px; list-style-image:url("../images/arrow.gif"); color:#A8D59D; text-decoration:none;} #box3inner li a { color:#FFF; text-decoration:none; } #box3inner li .activelink2 { color:#A8D59D; text-decoration:underline;} #box3inner li a:hover {color:#FFF; text-decoration:underline;} #box2 ul { color:#FFF; line-height:32px; margin:0 0px 0 0px; padding:0 0 10px 25px;} #box2 ul li { margin-left:5px; color:#A8D59D; text-decoration:none; list-style-image:url("../images/arrow.gif"); } #box2 li a { color:#FFF; text-decoration:none; } #box2 li .activelink2 { color:#A8D59D; text-decoration:underline;} #box2 li a:hover {color:#FFF; text-decoration:underline;} .neww {padding:0 0 0 7px; } .cell { border-right-width: 1px; border-right-style: solid; border-right-color:#666666; } .line { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#AF006E; } /*____________________________________ AJAX LIGHTBOX GALLERY RULES ____________________________________*/ /*____________________________________ footer list ____________________________________*/ .list { padding:0 0 0 0; margin:0 8px 0 8px; line-height: 13px;} a.sideLink { border-bottom: 1px solid #666; display: block; font-size:11px; text-decoration: none; color: #4F7697; padding: 5px; text-align:left; } a.sideLinkBot { display: block; font-size:11px; text-decoration: none; color: #4F7697; padding: 5px; text-align:left; } a.sideLink:hover, a.sideLinkBot:hover { text-decoration:none; background-color:#333; }