/* NOTES: */ body { margin: 0px; padding: 0px; font: 12px Arial, Helvetica, sans-serif; line-height: 16px; color: #000; background: #D6E9F7 url(../images/bgFade2.gif) 0 0 repeat-x; text-align:center; } .clear-both { clear:both; } p { font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 16px; } a { color: #666; text-decoration:underline; } a:hover { color:#CCCCCC; text-decoration:underline; } /*____________________________________ MAIN CONTAINER ____________________________________*/ #mainContainer { width: 900px; padding: 0 40px; background:url(../images/main_bg2.gif) 0 0 repeat-y; margin-left: auto; margin-right: auto; margin-top:0px; text-align: left; } /*____________________________________ HEADER ____________________________________*/ #right_container{ width: 400px; height: 102px; float:right; padding: 0; margin: 0;} #header { height: 72px; width: 750px; background: #E68E22; position:relative; background: #E68E22 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: 120px; width: 900px; margin:0 auto; position:relative; color:#AC9B56;} #banner_home { height: 464px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner.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_about { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_about.jpg) 0 0 no-repeat; } #banner_properties { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_properties.jpg) 0 0 no-repeat; } #banner_financial { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_financial.jpg) 0 0 no-repeat; } #banner_contact { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_contact.jpg) 0 0 no-repeat; } #banner_master { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_master.jpg) 0 0 no-repeat; } #banner_gallery { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_gallery.jpg) 0 0 no-repeat; } #banner_pricelist { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_pricelist.jpg) 0 0 no-repeat; } #banner_specifications { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_specifications.jpg) 0 0 no-repeat; } #banner_exclusive { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_exclusive.jpg) 0 0 no-repeat; } #banner_sitemap { height: 257px; width: 900px; margin:0 auto; position:relative; color:#AC9B56; background:#393939 url(../images/banner_sitemap.jpg) 0 0 no-repeat; } #view4 a { height: 100px; width: 130px; display:block; text-align:center; float:right;} /*____________________________________ NAV ____________________________________*/ #nav { height:20px; text-align:left; padding: 0 0 0 0; margin: 50px 0 0 0; text-align:center; float:right; } #nav ul { margin: 0; padding: 0; list-style: none;} #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:#FFDD00; } #nav li.last a { padding-right: 0; border-right: none; } /*____________________________________ BELOW NAV ____________________________________*/ #below_navNew { width: 900px; padding: 0 40px; height: 10px; background: #FFF url(../images/bellow_nav2.gif); margin-left: auto; margin-right: auto; margin-top:0px; text-align: left; } /*____________________________________ SUB NAV ____________________________________*/ #sub_nav { width: 660px; text-align:center; margin: 5px 20px 4px 20px; padding: 0; float:left;} #sub_nav ul { margin: 0; padding: 0; list-style: none;} #sub_nav li { display:inline; } #sub_nav li a { font-size: 11px; padding-left: 11px; padding-right: 12px; border-right: 1px solid #000; line-height: 18px; color:#000; font-weight: normal; text-decoration: none; } #sub_nav li a:hover, #sub_nav li .active { text-decoration: none; color:#666666; } #sub_nav li.last a { padding-right: 0; border-right: none; } /*____________________________________ RIGHT COLUMN ____________________________________*/ #topRight { width: 478px; float: right; padding:0; margin:0 0 0 0; } #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_nav { width: 197px; float: left; padding:0 0 0 0; margin:0 0 25px 32px; line-height: 13px; background:#eaeeF1 url(../images/nav_top.gif) 0 0 no-repeat; } #left_nav_bot { background: url(../images/nav_bot.gif) 0 100% no-repeat; } a.sideLink:link, a.sideLink:visited { display: block; font-size:11px; border-bottom: 1px solid #fff; text-decoration: none; color: #4F7697; padding: 5px; } a.sideLink:hover { background-color:#CCD4D9; color:#4F7697; } a.sideLink.active { background-color:#CCD4D9; color:#4F7697; } /*____________________________________ LEFT COLUMN ____________________________________*/ #left { width: 197px; float: left; padding:0 0 15px 0; margin:42px 0 25px 32px; line-height: 13px; } #left_no_top { width: 197px; float: left; padding:0 0 0 0; margin:0 0 25px 32px; background-color:#D4D4D4; line-height: 13px; } #left_no_top .holder { width: 197px; float: left; padding:0 0 10px 0; margin:0; background:url(../images/column_bot_shade.gif) 0 100% no-repeat; } #left_no_top .image { float: left; margin: 10px 0 0 7px; padding: 0; } #left_no_top .pbox { margin: 0 8px 0 8px; padding: 0; } #left_no_top .pbox .title { color:#7723A8; font-size:13px; } /* #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 ________________*/ .cell { font-size:12px; text-align:center; color: #0060AB; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#CCC; } .cell2 { font-size:12px; text-align:center; color:#F00; background:#FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#CCC; } .cell3 { font-size:12px; text-align:center; color:#F00; background:#FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#CCC; color:#999; } .cell-title { padding-top:8px; padding-bottom:8px; font-size:15px; text-align:center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; color: #0060AB; } .cell_header {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; font-family: Arial, Helvetica, sans-serif;font-size: 14px;color:#0060AB;line-height: 16px; margin: 10px 0 5px 0} /*________________ END ________________*/ /*________________ Memorandum and Articles table styles ________________*/ .cell_MA { padding-top:14px; padding-bottom:14px; color: #666; } .cellTitle_MA { padding-top:14px; padding-bottom:14px; font-size:12px; font-weight:bold; width:150px; color: #3d7471; } /*________________ END________________*/ #wide { width: 900px; 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 10px 0px; padding: 0 0 10px 0px; font-size:19px; line-height:21px; color:#000; text-align: left;} #wide .title2 { margin: 0 40px 10px 0px; padding: 0 0 10px 0px; font-size:14px; line-height:21px; color:#000; text-align: left;} #wide .financial { font-size:13px; font-weight:bold; color:#0060AB; } #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: 60px 20px 25px 20px; padding: 0 0 5px 0; border-bottom: 1px solid #FFF; text-align: center;} #wide .pbox_linebot2 { margin: 60px 35px 25px 35px; padding: 0 0 5px 0; border-bottom: 1px solid #FFF; text-align: center;} #wide .pbox_overline { width:800px; margin: 0 20px 0 20px; padding: 0 15px 0 15px; text-align: right; float:left;} #wide .title_linebot { margin: 0 40px 20px 40px; padding: 0 0 15px 30px; font-size:16px; line-height:21px; color:#06357A; background:url(../images/arrow.gif) no-repeat left top; border-bottom: 1px solid #06357A; } /*** Infobox ***/ #wide .infobox .title { width: 200px; float:left; padding:0 20px 0 0; margin: 0 0 12PX 0; color: #0A5385; text-decoration: none; font-size:15px; font-weight:bold; } #wide .infoboxTopCurve { margin: 0 40px 0 40px; background-color:#e7e9EC; padding: 0; background: #e7e9EC url(../images/generic/infobox_top.gif) top left no-repeat; } #wide .infobox { margin: 0; padding: 0; background: url(../images/generic/infobox_bot.gif) bottom left no-repeat;} #wide .inner { margin: 15px 8px 15px 8px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; position:relative; } #infobox_sml_tips { width:320px; height:137px; margin: 10px 15px 10px 0; padding: 0; background:url(../images/salon/infobox_tips.gif) top left no-repeat; float:left; color:#CCCCCC;} #infobox_sml_contact { width:320px; height:137px; margin: 10px 0 10px 0; padding: 0; background:url(../images/salon/infobox_contact.gif) top left no-repeat; float:right; color:#CCCCCC;} #infobox_sml_tips .pbox, #infobox_sml_contact .pbox { width: 200px; margin: 25px 0 0 10px; float:left; } /*** SMALL INNER COLUMNS ***/ div.inner_left { width:320px; margin: 0 15px 0 0; padding: 0; float:left; color:#000; } div.inner_right { width:320px; margin: 0 0 0 0; padding: 0; float:right; color:#000; } div.inner_left .pabox, div .inner_right .pabox { margin: 0 10px 0 10px; position:relative; } div.inner_left .teambox, div .inner_right .teambox { margin: 0 10px 0 10px; float:right; width:200px; } /*____________________________________ CONTENT AREA ____________________________________*/ #content { margin: 0; width:900px; padding:0; } #bot_bg { margin: 0; width:900px; padding:0; background-color:#FFFFFF; background: #fff url(../images/salon/bot_bg.gif) repeat-x bottom left; } /*____________________________________ PRE SET MARGINS ____________________________________*/ #wide .toplarge { margin-top: 41px; } #wide .topmid { margin-top: 20px; } #wide .topsml { margin-top: 10px; } #wide .botlarge { margin-bottom: 40px; } #wide .botmid { margin-bottom: 20px; } #wide .botsml { margin-bottom: 10px; } /*____________________________________ 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 ____________________________________*/ .gallery_holder { margin: 15px 115px 15px 115px; padding: 0; text-align:center; position:relative;} #gallery { margin: 0; width: 440px; padding: 0;} #gallery ul { margin:0; padding:0; list-style: none; } #gallery ul li { float:left; margin:5px 10px 10px 0; } /*____________________________________ 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 ____________________________________*/ .sotos { color:#3F3F3F; } .light { color:#666; } .fix { color:#000000; } /*____________________________________ 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; } .title { margin: 0 25px 0 25px; padding: 0 0 0 0; font-size:19px; line-height:12px; font-weight: normal; color:#000; } .subtitle { margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:16px; font-weight: normal; color:#666666; } .bodytitle { text-transform:capitalize; margin: 0 0 0 0; padding: 0 0 0 25px; font-size:13px; line-height:21px; background:url(../images/icon_title.gif) center left no-repeat; font-weight: bold; color:#308a0E; } .arrowtitle { text-transform:capitalize; margin: 15px 0 0 35px; padding: 0 0 0 20px; font-size:14px; line-height:21px; background:url(../images/bullet_arrow.gif) center left no-repeat; font-weight: normal; color:#1F4682; } .desctitle { height:30px; margin: 35px auto 0 auto; padding: 0 0 5px 45px; font-size:19px; line-height:35px; background:url(../images/bullet.gif) 5px 3px no-repeat; color:#000; border-bottom: 1px solid #CCC;} .descriptionspagetitle { margin: 15px auto 0 auto; padding: 0 0 0 0; font-size:14px; line-height:21px; font-weight: normal; color:#000; } /*____________________________________ 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:22px; margin: 0 0 25px 0; padding: 0; line-height: 18px; font-weight: bold; color:#000; } /***H2***/ h2 { font-size:19px; margin: 12px 0 12px 0; padding: 0; line-height: 16px; color:#000; } /***H3***/ h3 {font-size:14px; margin: 12px 0 12px 0; padding: 0; line-height: 12px; color:#000; } /***NO SPACE***/ h1.nospace, h2.nospace { margin-bottom:4px; } h3.spacesml { margin-bottom:6px; } .no_top_space { margin-top:0;} /*____________________________________ FOOTER ____________________________________*/ #footer_wrapper { margin: 0 0 0 0; width:750px; padding:0; background-color:#666666; position:; } #botContainer { width: 900px; padding: 0 40px; height: 85px; background: #808A92 url(../images/footer.jpg) no-repeat; margin-left: auto; margin-right: auto; margin-bottom:0px; } #botContainerIntro { width: 750px; height:53px; padding: 0 20px; background: #808A92 url(../images/footerIntro.gif) no-repeat; margin-left: auto; margin-right: auto; margin-bottom:0px; } #botContainerLogo { width: 900px; padding: 0 ; height: 109px; margin-left: auto; margin-right: auto; margin-bottom:80px; } #footer { width: 900px; height: 18px; margin: 0 0 0 0; font-size: 11px; color: #FFF; padding: 0; line-height: 18px;color: #666666; } #footer a { color: #CCCCCC; text-decoration: none; margin-right: 6px; margin-left: 6px; } #footer a:hover { text-decoration: underline; } #footerContent { margin: 0px; float: left; width: 730px; text-align:center; color:#999999; } a#webtheoria { float: right; display:block; width: 110px; height:33px; color:#CCCCCC; margin: 33px 20px 0 0; background: url(../images/webtheoria_logo.gif) 0 0 no-repeat; } #terms { float: left; text-align:left; width: 300px; height:27px; color:#FFFFFF; margin: 41px 20px 0px 20px; font-size: 10px;} #terms ul { color:#FFFFFF; margin: 0; padding: 0; list-style: none; text-align:left} #terms li { display:inline; text-align:left; } #terms li a { font-size: 11px; padding-left: 5px; padding-right: 5px; line-height: 15px; color:#ffffff; font-weight: normal; text-decoration: none; text-align:left; } #terms li a:hover, #nav li .active_link { text-decoration: none; color:#FFDD00; } #terms li.last a { padding-right: 0; border-right: none; } /*____________________________________ AJAX LIGHTBOX GALLERY RULES ____________________________________*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%;width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto;width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*____________________________________ PARAGRAPH BOX (pbox) ____________________________________*/ #pboxleft { width:370px; margin: 10px 0 0 40px; padding: 0; float:left;} #pboxright { width:400px; margin: 10px 40px 0 0; padding: 0; float:right; } div.pbox { margin: 10px 35px 0 35px; padding: 0; } div.pboxprint { margin: 10px 35px 0 35px; padding: 0; } div.pboxin { margin: 25px 25px 0 20px; padding: 0; text-align:center; } div.pbox_linebot { margin: 25px 25px 0 25px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc; } div.pbox a, div.pbox_linebot a { color: #000; text-decoration: none; } div.pbox a:hover, div.pbox_linebot a:hover { color:#666666; text-decoration: none; } div.pbox_linebot p, div.pbox p {margin: 10px 0 0 0; text-align: left; font-weight: normal;} #sitemap { margin: 0 0 0 50px;} #sitemap ul { margin:10px 0 0 0; padding:0 15px 10px 0; } #sitemap ul li { margin:20px 0 0 20px; list-style:square; } #sitemap a { color:#009; font-size:15px; } /*____________________________________ Other ____________________________________*/ .spacing { padding: 0 0 0 15px ; line-height:15px; } .spacing2 { padding: 0 0 0 20px ; } .grey { color:#4D4D4D; text-align:left;} .greygallery { color:#4D4D4D; text-align:left; padding: 0 0 0 65px;} .greydetails { color:#999; text-align:left; font-size:11px;} .greybold { color:#0060AB; font-weight:bold; padding:0 0 10px 0; } ol { text-align:left; color:#4D4D4D; } ul { text-align:left; margin: 0 0 0 15px; color:#4D4D4D;} .active_link2 a:hover { text-decoration: none; color:#CCC; }.active_link { text-decoration: none; color:#CCC; } .title { text-align:left; } #viewmaster { width: 237px; float:right; } #title2 { width: 350px; float:left; margin: 0 40px 10px 0px; padding: 5px 0 10px 0px; font-size:19px; line-height:29px; color:#000; text-align: left;} /*____________________________________ Rounded Corness ____________________________________*/ #box { margin:0 auto; padding:0; width:180px; text-align:left; background: url('../images/box_bg.gif') 0 20px no-repeat; color:#fff; } #box h2 { margin:0; padding:10px 15px; background: url('../images/box_top.gif') no-repeat; color:#000; line-height:18px;} #box ul { margin:0; padding:0 15px 10px; background: url('../images/box_btm.gif') no-repeat bottom;} #box ul li { margin-left:10px; list-style:none; } /************** GALLERY **************/ ul.gallerythumbs { margin:0; padding:0; list-style: none outside none; border-color:#CCC; color:#CCC; } ul.gallerythumbs li { float:left; text-align:center; margin:0 5px 15px 5px; width: 120px; border-color:#F00; } /********** AJAX LIGHTBOX GALLERY RULES *********/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; border-color:#F00; } #lightbox a img{ border:F00; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%;width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/generic/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/generic/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/generic/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto;width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } input.register_photo { width:125px; height:28px; }