.clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .wrap { width:960px; margin:0 auto; } .img-left { float:left; margin:4px 10px 4px 0; } .img-right { float:right; margin:4px 0 4px 10px; } .nopadding { padding:0; } .noindent { margin-left:0; padding-left:0; } .nobullet { list-style:none; list-style-image:none; } /*---------------------------------------------------------*/ body { font-size:12px; font-family:Helvetica,Arial,sans-serif; color:#222; background-color:#C7B7A7; background:url(images/global_background.jpg); text-align:center; } p { padding-bottom:10px; } h1 { font-family:Times,Georgia,serif; font-size:2.4em; margin-bottom:14px; } h2 { font-family:Times,Georgia,serif; font-size:2.0em; margin-bottom:12px; } h3 { font-family:Times,Georgia,serif; font-size:1.6em; margin-bottom:10px; } hr { margin-bottom:10px; background-color:#444; height:1px; border:0; } a:link, a:visited, a:active, a:hover { text-decoration:none; } /* ============================================================================================================================= ========================================================================================================================== */ #wrapper { width:980px; margin:0 auto; background:url(images/global_background_border.png); } #header { width:900px; height:130px; margin:0 auto; position:relative; z-index:200; } #navigation { width:900px; height:130px; background:url(./images/bg-header.png); } /* ============================================================================================================================= ========================================================================================================================== */ #navigation a.logo { display:block; height:60px; width:180px; background:transparent; text-indent:-9999px; overflow:hidden; position:absolute; top:20px; left:660px; } #navigation img.selectwall { display:block; position:absolute; top:98px; left:60px; } #navigation ul { display:block; height:16px; position:absolute; top:103px; left:196px; } #navigation ul li { display:block; float:left; height:16px; } #navigation ul li a { display:block; height:16px; width:120px; overflow:hidden; text-indent:-9999px; margin-right:16px; } #navigation ul li a.emberwall { width:120px; background:url(./images/n-emberwall.png) 0 0 no-repeat; } #navigation ul li a.candlewall { width:86px; background:url(./images/n-candlewall.png) 0 0 no-repeat; } #navigation ul li a.artwall { width:58px; background:url(./images/n-artwall.png) 0 0 no-repeat; } #navigation ul li a.vinowall { width:65px; background:url(./images/n-vinowall.png) 0 0 no-repeat; } #navigation ul li a:hover { background-position:bottom left;} #navigation ul li a.current_page { background-position:bottom left; } #selectvideos { width:130px; height:100px; overflow:hidden; text-indent:-9999px; position:absolute; top:96px; left:690px; } #selectvideos a { display:block; width:130px; height:23px; background:url(./images/n-selectvideos.png); } #selectvideos ul { position:absolute; top:32px; left:0; display:block; width:190px; background:white; text-align:left; height:0; overflow:hidden; } #selectvideos ul li { background:white; display:block; height:12px; padding:10px; width:190px; } #selectvideos ul li a.candlewall { display:block; width:86px; background:url(./images/nv-candlewall.png) 0 0 no-repeat; } #selectvideos ul li a.transformations { display:block; width:102px; background:url(./images/nv-transformations.png) 0 0 no-repeat;} /* ============================================================================================================================= ========================================================================================================================== */ #content { width:900px; height:640px; margin: 0 40px; background:#FFF url(images/global_background_lg.jpg) no-repeat; position:relative; } /* relative because of sharethis has to be absolute */ #footer { width:900px; height:230px; margin:0 auto; display:block; background:url(images/global_footer.jpg) no-repeat; } #endfooter { width:980px; height:40px; margin:0 auto; background:url(images/global_background_border_footer.png); } /* ============================================================================================================================= ========================================================================================================================== */ #content.home { width:900px; height:580px; padding-top:60px; background:#FFF url(images/global_background_lg.jpg) no-repeat; } #homecopy { display:block; text-indent:-9999px; overflow:hidden; background:transparent url(./images/homecopy.png); width:720px; height:68px; margin:0 auto; margin-top:20px; } #content.movies { width:900px; height:550px; padding-top:60px; background:#FFF url(images/global_background_lg.jpg) no-repeat; } #movies { width:700px; height:444px; padding:10px; background:#FFF; margin:0 auto; display:block; } #movies.candlewall { width:640px; height:444px; padding:10px; background:#FFF; margin:0 auto; display:block; } /* ============================================================================================================================= ========================================================================================================================== */ #content.ideabook { height:510px; width:780px; padding: 60px 60px 0px 60px; background:#FFF; } #ideabook { float:left; width:350px; height:450px; } #content.ideabook img { float:right; display:block; } /* ============================================================================================================================= ========================================================================================================================== */ /* special candlewall selection page */ #content.candlewall_selection { width:900px; height:580px; padding-top:60px; background:#FFF url(images/global_background_lg.jpg) no-repeat; position:relative; } #candlewall_selection { width:640px; padding: 10px 10px 60px 10px; height:390px; background:white; margin:0 auto; } #candlewall_selection img { display:block; } #candlewall_selection div.coastalreef { float:left; } #candlewall_selection div.roughcut { float:right; } #content img.selectwall { display:block; position:absolute; top:42px; left:120px; } #candlewall_names { padding-top:22px; height:38px; } #features { width:660px; height:80px; margin:0 auto; margin-top:20px; } #features .copy { text-indent:-9999px; overflow:hidden; background:transparent url(./images/candlewallcopy.png) no-repeat; width:410px; height:80px; float:left; } #features .download { text-indent:-9999px; overflow:hidden; width:250px; height:80px; float:right; } #features .download a { display:block; background:transparent url(./images/candlewall_download.png) no-repeat; width:250px; height:80px; } #features .download a:hover { background-position:bottom left; } /* ============================================================================================================================= ========================================================================================================================== */ /* silly sharethis */ #sharethis { position:absolute; top:602px; left:130px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; } #sharethis a:link, #sharethis a:active, #sharethis a:visited { color:#FFF; } #sharethis a:hover { color:#FFF; text-decoration:underline; cursor:pointer; } #sharethis_movie { font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; text-align:left; width:640px; margin:15px auto 0 auto; } #sharethis_movie a:link, #sharethis_movie a:active, #sharethis_movie a:visited { color:#FFF; } #sharethis_movie a:hover { color:#FFF; text-decoration:underline; cursor:pointer; }