* { margin:0; padding:0; } body {font:62.5% Arial, Helvetica, sans-serif; background:#000; color:#bcbec6; text-align:center; cursor:default; } a { text-decoration:none; outline:none; cursor:pointer; font-weight:normal; text-align: left; color:#F8BC07; } a:hover { text-decoration:underline/*background:#656a78; */} a:visited {/*color:#fff;*/} img {border:none;} h1 { font-size:2em; font-weight:normal; color:#fff; text-align:center; margin:22px 0 5px 0;} h2, #homenav strong, #contact legend, #booklet legend { font-size:1.8em; font-weight:normal; color:#f99822; margin:0 0 5px 0; display:block; } h4 { font-size:1.2em; color:#e2e3e7; line-height:1.6em; border-bottom:1px solid #424752; margin-bottom:3px;} p, blockquote { margin:0 0 20px 0; line-height:1.6em;} blockquote { background:url(../images/quote_open.gif) no-repeat left top; display:block; text-indent:100px;} blockquote.summary { background:url(../images/quote_open.gif) no-repeat 5px 9px; text-indent:15px; font-weight:bold; } blockquote p { margin:0; font-size:1.4em; padding-right:15px; line-height:1.1em; display:inline; background:url(../images/quote_close.gif) no-repeat right bottom;} blockquote em { display:block; text-indent:0;} blockquote img { display:none;} input, select, textarea { font:1em Arial, Helvetica, sans-serif; color:#e9e9ea;} .fleft { float:left;} .fright { float:right;} .comment { color:#747985;} .orange, .orange * { color:#ff9900;} .summary { font:italic 1.3em/1.6em Arial, Helvetica, sans-serif; color:#e2e3e7; display:block; padding:5px; background:#424752;} .uppercase { font-size:0.8em; text-transform:uppercase; font-style:normal;} /* LOGOS & ICONS */ .logo, .icon, .product { display:block; text-indent:-9000px; height:32px;} .icon { width:16px; height:16px;} .liquidshop { width:120px; height:24px; background:url(../images/logos.gif) no-repeat -3px -3px;} .liquidshophelp { width:152px; height:24px; background:url(../images/logos.gif) no-repeat -3px -516px;} .liquidweb { width:115px; height:24px; background:url(../images/logos.gif) no-repeat -3px -35px;} .liquidmarketing { width:153px; height:24px; background:url(../images/logos.gif) no-repeat -3px -67px;} .designmakers { width:137px; height:24px; background:url(../images/logos.gif) no-repeat -3px -99px;} .sitemakers { width:140px; height:24px; background:url(../images/logos.gif) no-repeat 0px -492px;} .minitool { border:2px solid #000; width:220px; text-align:left; color:#BBBDC5;} .minitool .content {background:#27292c; padding:10px; color:#e6e6e6; font:1.2em Arial, Helvetica, sans-serif; border:1px solid #77797b;} /* advert banner */ #advert{ width:300px; height:271px; z-index:400; position:absolute; top:6px; right:76px; /*background-image: url(/img/New%20Design/AEPiandCofaDonate.png);*/ background-repeat: no-repeat; background-position: center center; cursor: pointer; } #videoBanner{ width:300px; height:300px; z-index:400; position:absolute; top:0px; left:0px; background-image: url(/img/New%20Design/Alumni%20Weekend%20Banner.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; } /* STRUCTURE */ #wrapper { width:980px; font-size:1.2em; text-align:left; margin:0 auto; } #header { width:100%; overflow:hidden; margin-bottom:20px; position:relative; height: 400%; } #header h2 { float:left; margin:5px 0 0 0;} #header h2 a { width:258px; height:57px; background:url(../images/logos.gif) no-repeat 0 -144px;} #header h2 a:hover { background-position:0 -201px;} #header h2 a#xmas { background:url(../images/seasonlogos.gif) no-repeat 0 0;} #header h2 a#xmas:hover { background-position:0 -57px;} #header #logo_print { display:none;} #header #banner { display:block; width:416px; height:39px; line-height:39px; position:absolute; top:11px; left:290px; text-align:center;} #header #plogos { list-style:none; width:200px; height:60px; overflow:hidden; float:right;} #header #plogos li { display:inline;} #header #plogos h2 { float:left; margin:0;} #header #plogos span { width:47px; height:60px; display:block;} #header #plogos #swfls a { width:47px; height:60px; background:url(../images/flashreplacement.gif) no-repeat 0px 0px;} #header #plogos #swfls a:hover { background-position:0px -60px;} #header #plogos #swflw a { width:47px; height:60px; background:url(../images/flashreplacement.gif) no-repeat -47px 0px;} #header #plogos #swflw a:hover { background-position:-47px -60px;} #header #plogos #swflm a { width:47px; height:60px; background:url(../images/flashreplacement.gif) no-repeat -94px 0px; margin-left:3px;} #header #plogos #swflm a:hover { background-position:-94px -60px;} #header #plogos span#swflm { width:55px;} #header #plogos #swfdm a { width:47px; height:60px; background:url(../images/flashreplacement.gif) no-repeat -141px 0px; margin-left:-4px} #header #plogos #swfdm a:hover { background-position:-141px -60px;} #nav { background:#353943 url(../images/nav.gif) no-repeat 0px 0px; height:34px; list-style:none; display:block; float:left; width:100%; overflow:hidden;} #nav li { display:inline;} #nav a { display:block; float:left; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #474955; border-left:1px solid #000;} #nav a:hover { background:#464c59 url(../images/nav.gif) no-repeat -9px -34px; text-decoration:none;} #nav .navsel, #nav .navsel:hover, #nav a:active { background:#616777 url(../images/nav.gif) no-repeat -9px -68px;} #nav #nhome a { background:#353943 url(../images/nav.gif) no-repeat 0px 0px; border-left:none;} #nav #nhome a:hover { background:#464c59 url(../images/nav.gif) no-repeat 0px -34px;} #nav #nhome .navsel, #nav #nhome .navsel:hover { background:#616777 url(../images/nav.gif) no-repeat 0px -68px;} #highlightrow { height:215px; overflow:hidden; } #highlightrow h1 { margin:2px 0 5px 0;} .content { overflow:hidden;} #left, #right { background:#292c30 url(../img/New%20Design/columns.gif) no-repeat left top; position:relative; padding:25px; background-color: #292c30; } #left {width:200px; padding:25px 15px 15px 15px; float:left; margin-bottom:20px; position: absolute;} #left a, #right a { padding:0 0 px 0 0 px; font-weight:normal; background-image: url(../images/icons.gif); background-position: -198px -123px; background-repeat: no-repeat; } #left a:hover{ background:#656a78 url(../images/icons.gif) no-repeat -198px -123px;} #right a:hover{ /*background:#656a78*/ url(../images/icons.gif) no-repeat -198px -123px;} #left h2 { font-size:1.4em; font-weight:bold; margin-bottom:0px;} #left .footer { position:absolute; margin:0; padding:0; width:230px; height:7px; bottom:0; left:0; background-image: url(../img/New%20Design/columns.gif); background-repeat: no-repeat; background-position: -1993px -509px; } #left .foooterSidebar{ position:absolute; margin:0; padding:0; width:230px; height:50px; bottom:0px; left:0px; background-image: url(../img/New%20Design/Sidebarfooter3.gif); background-repeat: no-repeat; } #right { width:680px; background-position:-230px top; float:right; } #right .summary { background:none; padding:5px 0; font-style:normal; border:2px solid #424752; border-width:1px 0; margin:10px 0 20px 0;} .smallcol { width:225px; float:right; overflow:hidden;} .bigcol { width:445px; float:left;} #tabs { display:block; position:relative; z-index:3; width:722px; float:right; list-style:none; padding-left:7px;} #tabs li { float:left; margin:0 2px; text-align:center;} #tabs a { float:left; background:url(../images/tab.gif) no-repeat left 0px; width:170px; height:34px; padding-top:8px; font-weight:bold;} #tabs a:hover { text-decoration:none; background-position:left -42px;} #tabs a#tabsel, #tabs a#tabsel:hover { background-position:left -84px;} #tabs strong { margin-top:3px; display:block; font-size:1.3em;} #tabs .liquidshop { margin-left:27px;} #tabs .liquidweb { margin-left:30px;} #tabs .liquidmarketing { margin-left:10px;} #tabs .designmakers { margin-left:17px;} .footer { width:705px; height:137px; padding:37px 0 0 25px; margin-bottom:10px; float:right; color:#6a6c74; background:url(../img/New%20Design/columns.gif) no-repeat -2524px 0px;} .footer h3 { color:#61636c; font-size:1.5em; margin-bottom:5px;} .footer ul { margin-left:15px;} .footer #articles { width:277px;} .footer #articles a { line-height:1.6em; padding:0; font-weight:normal; color:#6a6c74;} .footer #articles a:hover { color:#fff; background:none;} .footer #aboutbrief { width:355px; margin-left:38px; } .footer #certs { width:140px; margin-left:20px;} .footer #certs ul { list-style-type:none; margin:0;} .footer #certs .logo { width:140px;} .google { height:33px; background:url(../images/logos.gif) no-repeat left -312px;} .yahoo { height:23px; background:url(../images/logos.gif) no-repeat left -345px;} .imrg { height:34px; background:url(../images/logos.gif) no-repeat left -368px;} .google:hover { background:url(../images/logos.gif) no-repeat left -402px;} .yahoo:hover { background:url(../images/logos.gif) no-repeat left -435px;} .imrg:hover { background:url(../images/logos.gif) no-repeat left -458px;} #subfooter { width:730px; overflow:hidden; float: right; } #subfooter ul { list-style:none; text-align:center; width:100%; margin:10px 0 5px 0;} #subfooter li { display:inline; text-align: center; margin-top: 0; margin-bottom: 0; margin-right: 5px; margin-left: 5px; } #subfooter ul a, #subfooter ul a:visited { color:#50545a; padding:0;} #subfooter ul a:hover { color:#fff; background:none; text-decoration:underline;} #subfooter p { color:#50545a; margin:0; } #subfooter a, #subfooter a:visited { padding:0 2px; color:#6a6c74; font-weight:normal;} #subfooter a:hover { color:#fff;} /* SPECIFIC PAGE STYLE */ /* home */ #home { background:#000 url(../images/bg_test.jpg) no-repeat center top;} #homenav {list-style-type:none;} #homenav li { float:left; background:url(../images/loading.gif) no-repeat center 90px;} #homenav a { height:220px; width:212px; padding:217px 18px 0 15px; font-weight:normal; display:block; float:left; line-height:18px; color:#bcbec6;} #homenav a:hover { text-decoration:none; color:#fff;} #homenav .logo {height:26px; float:left; margin-top:-8px;} #homenav strong { font-size:1.3em; font-weight:bold; margin-bottom:12px; border-bottom:none;} #homenav #liquidshop_home a {background:url(../images/home_liquidshop.jpg) no-repeat left 0px;} #homenav #liquidshop_home a:hover, #homenav #liquidshop_home #hsel { background-position:left -437px;} #homenav #liquidweb_home a {background:url(../images/home_liquidweb.jpg) no-repeat left 0px; padding:217px 14px 0 19px;} #homenav #liquidweb_home a:hover, #homenav #liquidweb_home #hsel { background-position:left -437px;} #homenav #liquidmarketing_home a {background:url(../images/home_liquidmarketing.jpg) no-repeat left 0px; padding:217px 13px 0 20px;} #homenav #liquidmarketing_home a:hover, #homenav #liquidmarketing_home #hsel { background-position:left -437px;} #homenav #designmakers_home a {background:url(../images/home_designmakers.jpg) no-repeat left 0px; padding:217px 10px 0 23px;} #homenav #designmakers_home a:hover, #homenav #designmakers_home #hsel { background-position:left -437px;} .google_sm { width:63px; background:url(../images/logos.gif) no-repeat -132px -258px;} .yahoo_sm { width:76px; background:url(../images/logos.gif) no-repeat -56px -258px;} .msn_sm { width:56px; background:url(../images/logos.gif) no-repeat 0px -258px;} #liquidmarketing_home a:hover .google_sm { background-position:-132px -285px;} #liquidmarketing_home a:hover .yahoo_sm { background-position:-56px -285px;} #liquidmarketing_home a:hover .msn_sm { background-position:-0px -285px;} #home #subfooter { width:100%; text-align:center; float:left;} /* portfolio */ #portfolio { background:#000 url(../images/bg_portfolio.jpg) no-repeat center top;} #portfolio #highlightrow { position:relative; padding-left:60px} #portfolio #highlightrow h1 { text-align:left; margin:33px 0 15px 0;} #portfolio #highlightrow #date { position:absolute; left:340px; display:block; width:217px; line-height:22px; height:22px; top:37px; font-weight:bold;} #portfolio #highlightrow #date acronym { font-size:1.5em; color:#fff; position:absolute; border:none; letter-spacing:0.03em;} #portfolio #highlightrow #date #day { left:76px; top:0px;} #portfolio #highlightrow #date #month { left:127px; top:0px;} #portfolio #highlightrow #date #year { right:8px; top:0px;} #portfolio #highlightrow p { width:500px; display:block; text-align:justify;} #portfolio #highlightrow p strong { display:block; font-size:1.2em; margin-bottom:5px; color:#fff;} #portfolio #highlightrow img { margin:8px 5px 0 0; float:right;} #portfolio #right { margin-top:-2px; padding:25px 10px; width:710px;} #portfolio .pl { list-style-type:none; width:100%; overflow:hidden;} #portfolio .pl li { display:inline;} #portfolio .pl a { display:block; float:left; width:128px; height:110px; padding:4px 4px 0 4px; margin:0 0 16px 4px; position:relative; color:#bcbec6; font-weight:normal; overflow:hidden; text-align:center; background:url(../images/icons.gif) no-repeat -200px 0px;} #portfolio .pl a:hover { color:#fff; background-position:-336px 0; } #portfolio .pl img { margin-bottom:6px; white-space:nowrap;} #portfolio .pl span { width:24px; height:24px; position:absolute; top:4px; left:4px; background:url(../images/logos.gif) no-repeat -234px 0px;} #portfolio .pl span.lwb { background-position:-234px -24px;} #portfolio .pl span.dmb { background-position:-234px -48px;} #portfolio #right noscript a { background:none; padding:0; margin:0 0 30px 7px;} #portfolio #right noscript h2 { font-size:1.3em; margin-bottom:15px;} #portfolio #right noscript h2 a { cursor:default; margin:0;} /* video showcase */ #showcase { background:#000 url(../images/bg_showcase.jpg) no-repeat center top;} #showcase #highlightrow { margin-top:-7px; margin-bottom:7px;} #showcase #highlightrow ul { height:235px; display:block; list-style:none;} #showcase #highlightrow li { float:left;} #showcase #highlightrow a { display:block; background:url(../images/showcase_vids.jpg) no-repeat 0 0; text-indent:-9000px;} #showcase #highlightrow #vidsml { margin:75px 0 0 58px;} #showcase #highlightrow #vidsml a { width:100px; height:79px; opacity: 0.42;} #showcase #highlightrow #vidsml a:hover { opacity: 0.85;} #showcase #highlightrow #vidmed { margin:57px 0 0 23px;} #showcase #highlightrow #vidmed a { width:143px; height:114px; opacity: 0.72;} #showcase #highlightrow #vidmed a:hover { opacity:1;} #showcase #highlightrow #vidlrg { margin:33px 15px 0 23px;} #showcase #highlightrow #vidlrg a { width:207px; height:162px; opacity: 0.9;} #showcase #highlightrow #vidlrg a:hover { opacity:1;} #showcase #highlightrow #video a { width:410px; height:234px; text-indent:0;} #showcase #vidsml #tleisure { background-position:-351px 0px;} #showcase #vidsml #songbird { background-position:-351px -79px;} #showcase #vidsml #inkinablink { background-position:-351px -158px;} #showcase #vidsml #shickle { background-position:-351px -237px;} #showcase #vidmed #tleisure { background-position:-207px 0px; } #showcase #vidmed #songbird { background-position:-207px -114px;} #showcase #vidmed #inkinablink { background-position:-207px -228px;} #showcase #vidmed #shickle { background-position:-207px -342px;} #showcase #vidlrg #tleisure { background-position:0px 0px;} #showcase #vidlrg #songbird { background-position:0px -162px;} #showcase #vidlrg #inkinablink { background-position:0px -324px;} #showcase #vidlrg #shickle { background-position:0px -486px;} #showcase .smallcol { width:225px; margin-right:-25px;} #showcase .smallcol a { padding:0; background:none;} /* services */ #services { background:#000 url(../images/bg_test.jpg) no-repeat center top;} #services #right { margin-top:-2px;} #services #right .summary { margin-bottom:33px;} #services #right h2 a, #services #right h2 a:hover { background:none; color:#f99822; padding:0; cursor:default; font-weight:normal;} #services .features { cursor:help;} #services noscript a { display:block; text-align:center; background:#404550; padding:0; color:#BCBEC6;} #services noscript a:hover { background:#656A78;} /* services icons */ .features { list-style-type:none;} .features li, #showcase a.features { display:block; margin-bottom:3px; background:#3d4148 url(../images/icons.gif) no-repeat left top; font:bold 0.9em Arial, Helvetica, sans-serif; width:190px; height:30px; padding:5px; overflow:hidden;} .features li:hover { background:#494C51 url(../images/icons.gif) no-repeat left -170px;} .features img { float:left; margin:0 13px 4px 7px;} .features span { float:left; display:block; width:32px; height:32px; margin-right:10px; background:url(../images/icons.gif) no-repeat 0px -40px;} #ls_design span, #lw_design span { background-position:-128px -40px;} #ls_scale span { background-position:-96px -40px;} #ls_use span, #lw_use span, #dm_plan span { background-position:-64px -72px;} #ls_costs span { background-position:-32px -104px;} #ls_training span, #lw_training span { background-position:-64px -104px;} #ls_tech span { background-position:-160px -72px;} #ls_bugs span { background-position:-0px -72px;} #lw_bespoke span { background-position: -32px -40px;} #lm_seo span { background-position: -96px -72px;} #lm_ppc span { background-position: -64px -40px;} #lm_ads span { background-position: -128px -72px;} #lm_off span, #dm_print span { background-position: -160px -40px;} #lm_rep span { background-position: 0px -40px;} #dm_brand span { background-position: -32px -72px;} .minitool .vid, .minitool .web {float:left; display:block; width:32px; height:32px; margin-right:6px; background:url(../images/icons.gif) no-repeat 0px -104px;} .minitool .web { background-position:-64px -104px;} #services .minitool b { display:block; margin-bottom:3px; padding-bottom:2px; font-size:0.9em; border-bottom:1px solid #51555f;} /* homepage product icons */ #services .smallcol .logo { width:200px; height:29px; background:url(../images/biglogos.gif) no-repeat 0 0; margin-bottom:3px;} #services .smallcol .p_liquidshop { background-position:0 0;} #services .smallcol .p_liquidweb { background-position:-200px 0;} #services .smallcol .p_liquidmarketing { background-position:-400px 0;} #services .smallcol .p_designmakers { background-position:-600px 0;} #services #left { background:#292c30 url(../img/New%20Design/columns.gif) no-repeat -3254px top;} #services #right { background:#292c30 url(../img/New%20Design/columns.gif) no-repeat -3484px top;} /* about us */ #about { } #about #highlightrow ul { height:200px; display:block; list-style:none; } #about #highlightrow li { float:left; margin-top:4px; } #about #highlightrow a { display:block; height:200px; width:219px; text-indent:-9000px; opacity: 0.9; background-repeat: no-repeat; background-position: 0 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 16px; } #about #highlightrow #tleisure { background-image: url(../img/New%20Design/Base%20Page/Base%20Page%20Template%20Brotherhood%20copy.jpg); width: 230px; background-position: -7px 0px; } #about #highlightrow #inkinablink { width:240px; margin-left:25px; background-image: url(../img/New%20Design/Base%20Page/Base%20Page%20Template%20Awards%20copy.jpg); background-position: -1px -5px; } #about #highlightrow #shickle { width:210px; margin-left:25px; background-image: url(../img/New%20Design/Base%20Page/Base%20Page%20Template%20Events%20copy.jpg); background-position: -5px -1px; } #about #highlightrow #songbird { margin-left:25px; background-image: url(../img/New%20Design/Base%20Page/Base%20Page%20Template%20Get%20Rushed%20copy.jpg); width: 185px; background-position: -30px -10px; } #about #highlightrow a:hover { opacity:50; } #about #left ul { margin-bottom:20px; list-style:none;} #about #left ul a { border-bottom:1px solid #46474d; padding:8px 0 8px 20px; color: #BCBEC6; } #about #left ul a:visited { color:#878a94;} #about #left ul a:hover, #about #left ul a#highlight { color:#fff; background:#3a3d46 url(../images/icons.gif) no-repeat -197px -114px; display: block;} #about #left ul a:hover, #about #left ul a#indent {margin-left: 50px; display: none;} #about #left ul a:hover, #about #left ul a#indentHighlight { color:#fff; background:#3a3d46 url(../images/icons.gif) no-repeat -197px -114px; margin-left: 50px; display: none;} #about #left ul a:hover, #about #left ul a#regular {margin-left: 0px; display: block;} #about #left #rss { width:32px; background:url(../images/icons.gif) no-repeat 0 -136px; margin:4px 4px 0 0;} #about #left h2 a { border-bottom:1px solid #913d17; background:none; padding:0; color:#F99822; font-weight:bold;} #about #left h2 a:hover { border-bottom:1px solid #c24c16; color:#ffae4b; background:#552009;} #about #left form { margin-bottom:25px; width:100%; overflow:hidden;} #about label { display:block; margin-bottom:3px;} #about input { /*width:200px; height:25px; border:1px solid #757575; float:left; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; margin-left: 20px; background-color: #3A3D46;*/ } #about #right input { width:200px;} #about #right #submit { width:auto;} #about input:focus, #about #submit:hover { border:1px solid #8d91a4; } #about #Name { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #SidebarName { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #Email { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #SidebarEmail { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #Phone { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #SidebarPhone { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #Address { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #Credits { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #Year { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #City { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #State { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #ZipCode { width:150px; padding:2px 5px; height:25px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #Comments { width:150px; padding:2px 5px; height:auto px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #CommentsRight { width:300px; padding:2px 5px; height:auto px; margin-left:5px; border:1px solid #000; cursor:text; font-weight:bold; float:left; background-color: #3A3D46; } #about #Submit { width:auto; padding:2px 5px; height:auto; margin-left:5px; border:1px solid #000; cursor:pointer; font-weight:bold; float:left; background-color: #242729; } #about #SidebarSubmit { width:auto; padding:2px 5px; height:auto; margin-left:5px; border:1px solid #000; cursor:pointer; font-weight:bold; float:left; background-color: #242729; } #about #right ul, #about #right ol { margin:0 0 20px 20px;} #about #right li { margin:5px 0; line-height:1.6em;} /* Booklet page*/ #booklet { background:#000 url(../images/bg_booklet.jpg) no-repeat center top;} #booklet fieldset, #booklet #mapbox, #booklet #thanks { border:3px dotted #424752; width:423px;} #booklet legend, #booklet #mapbox h2 { background:#2E3034; display:inline; border:none;} #booklet #bookletpage, #booklet #mapbox { width:435px; overflow:hidden; float:left;} #booklet #mapbox { width:403px; padding:10px; margin-top:15px;} #booklet .organization-unit {font-weight:bold;font-size:1.2em; } #booklet .geo {display:none; } #bookletpage ul { list-style:none; margin:7px 0;} #bookletpage li { display:block; min-height:20px; padding:6px 0; width:100%; clear:left;} #bookletpage label, #bookletpage form input {display:block; float:left; height:20px; line-height:20px;} #bookletpage label { width:110px; padding-left:10px;} #bookletpage input, #booklet textarea { width:280px; height:16px; padding:2px 5px; background:#414449; border:1px solid #686b7a;} #bookletpage input:focus, #bookletpage textarea:focus, #bookletpage #submit:hover { border:1px solid #8d91a4;} #bookletpage textarea { height:100px; overflow:auto;} #bookletpage #submit { width:auto; padding:2px 5px; margin-left:120px; height:auto; background:#242729; border:1px solid #000; cursor:pointer; font-weight:bold;} #bookletpage input.cross, #bookletpage textarea.cross{ background:#414449 url(../images/icons.gif) no-repeat 0 -285px;} #bookletpage input.tick, #bookletpage textarea.tick{ background:#414449 url(../images/icons.gif) no-repeat 0 -451px;} #booklet acronym { border:none; font-weight:bold; font-size:1.4em; line-height:1em; color:#7A7A87;} #booklet address { font-style:normal; margin-bottom:15px; text-align:left;} #booklet #right .comment { font-size:0.9em; margin:0;} #booklet .smallcol a { margin-bottom:15px;} #booklet .spfield{ display:none;} #booklet h1{ color: #fff; margin: 5px 0 5px 120px; } #booklet #highlightrow p{ margin-left: 340px; width: 630px; color: #fff; } #booklet h1 span{ color: #ff9900; } #booklet #thanks { width:403px; padding:10px;} /* contact us */ #contact { background:#000 url(../images/bg_contact.jpg) no-repeat center top;} #contact fieldset, #contact #mapbox, #contact #thanks { border:3px dotted #424752; width:423px;} #contact legend, #contact #mapbox h2 { background:#2E3034; display:inline; border:none;} #contact #contactus, #contact #mapbox { width:435px; overflow:hidden; float:left;} #contact #mapbox { width:403px; padding:10px; margin-top:15px;} #contact .organization-unit {font-weight:bold;font-size:1.2em; } #contact .geo {display:none; } #contactus ul { list-style:none; margin:7px 0;} #contactus li { display:block; min-height:20px; padding:6px 0; width:100%; clear:left;} #contactus label, #contactus form input {display:block; float:left; height:20px; line-height:20px;} #contactus label { width:110px; padding-left:10px;} #contactus input, #contact textarea { width:280px; height:16px; padding:2px 5px; background:#414449; border:1px solid #686b7a;} #contactus input:focus, #contactus textarea:focus, #contactus #submit:hover { border:1px solid #8d91a4;} #contactus textarea { height:100px; overflow:auto;} #contactus #submit { width:auto; padding:2px 5px; margin-left:120px; height:auto; background:#242729; border:1px solid #000; cursor:pointer; font-weight:bold;} #contactus input.cross, #contactus textarea.cross{ background:#414449 url(../images/icons.gif) no-repeat 0 -285px;} #contactus input.tick, #contactus textarea.tick{ background:#414449 url(../images/icons.gif) no-repeat 0 -451px;} #contact acronym { border:none; font-weight:bold; font-size:1.4em; line-height:1em; color:#7A7A87;} #contact address { font-style:normal; margin-bottom:15px; text-align:left;} #contact #right .comment { font-size:0.9em; margin:0;} #contact .smallcol a { margin-bottom:15px;} #contact .spfield{ display:none;} #contact #thanks { width:403px; padding:10px;} #map { width:403px; height:340px; background:inherit; color:#000; clear:both;} #map a { color:#F99822; font-weight:bold; padding:0; background:inherit;} #map a:hover { color:#000; background:inherit; text-decoration:underline;} #map form { position:relative; margin-bottom:20px;} #map input#saddr, #map input#daddr { width:125px; margin-bottom:3px; position:absolute; left:0; top:1px;} #map input { color:#000; background:inherit; cursor:pointer; position:absolute; right:0; top:0;} /*###################################################################################################################################*/ /*************************************************** * LiquidShop LIGHTBOX IMAGE MAGNIFIER CSS Stylesheet ***************************************************/ .style2 {font-size: 24px; } .style3 { color: #e2e3e7; font-size: 24px; } .style4 { color: #BCBEC6; font-style: italic; font-size: 18px; } .style5 {color: #e2e3e7} .style7 { color: #e2e3e7; font-size: 24px; font-weight: bold; } .style10 { color: #e2e3e7; font-size: 18px; font-style: italic; } .style13 {color: #BCBEC6; font-style: italic; font-size: 15px; } .style14 {font-size: 15px} .style15 {font-style: italic; color: #BCBEC6;} .style16 {font-size: 35px; border:2px solid #424752; border-width:1px 0; margin:10px 0 20px 0; } .style17 {font-size: 18px} .style18 { margin:10px 0 20px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #424752; } .style19 { color: #6a6c74; font-size: 12px; } .style21 {font-size: 12px} .style23 {color: #6a6c74; font-size: 10px; } .style24 {font-size: 14px}