/* position / visibility of elements */ #themed_object {position:absolute; top:200px; left:0px;} #themed_object2 {position:absolute; top:200px; right:0px;} /* logo {margin-left: auto; margin-right: auto; width:420px; height:auto;} */ #logo {margin-left: auto; margin-right: auto; width:420px; height:auto;} /* #logo {position:absolute; top:0px; right:0px; width:auto; height:auto;} */ #textlogo {margin-left:auto; margin-right:auto; width:440px; height:auto;} #textlogo_wrapper {position:absolute; top:16px; width:100%; height:auto;} #menu_top {position:absolute; top:135px;} #themed_icons {position:absolute; top:0px; left:0px; width:256px; height:134px; background:url('../themed_images/icon_bg.png') no-repeat 0px 0px;} #themed_icons { visibility:hidden; display:none;} .icon_wrapper {position:relative; padding:20px 0px 0px 10px;} #icon1 {position:absolute; top:20px; left:15px;} #icon2 {position:absolute; top:24px; left:55px;} #icon3 {position:absolute; top:28px; left:95px;} #icon4 {position:absolute; top:32px; left:135px;} #icon6 {position:absolute; top:36px; left:175px;} #twitter-facebook {position:absolute; top:129px; right:28px;} /* component styling */ #portfolio_component {width:560px; height:360px; float:right; margin-top:-140px;} #portfolio_component {background:url('../flash/portfolio/skins/slideshow_bg.png');} .portfolio {background:url('../themed_images/image1.jpg') no-repeat 39px 32px; } #mp3_component {position:absolute; top:12px; right:-32px; width:296px; height:67px;} #mp3_component {background:url('../flash/mp3/skins/mp3_bg.png');} #image_rotator_component {position:absolute; top:-30px; right:0px; width:244px; height:192px;} #image_rotator_component { visibility:hidden; display:none;} #animations_component {position:absolute; top:0px; left:0px; width:990px; height:300px;} html, body {margin:0px; padding:0px;} html { /* background:url('../themed_images/background.jpg') repeat center top; */ } body { /* background:url('../themed_images/background_image1.jpg') no-repeat center top; */ } #main {width:100%;} #header_bg {width:100%; padding:0px; border:0px; position:absolute; top:0px; left:0px;} #header_wr {min-width: 990px;max-width: 1280px;height: 165px;margin-left: auto;margin-right: auto;position: relative;padding: 0px;border: 0px;} #header_wr {background:url('../themed_images/themeheader_left.png') no-repeat scroll left top;} #header_l {width:0px; float:left; padding:0px; border:0px;} #header_r {width:0px; float:right; padding:0px; border:0px;} #header {margin-left:0px; margin-right:0px; padding:0px; border:0px;} #content1_bg {width:100%; margin:165px 0px 0px 0px; padding:0px; border:0px;} #content1_wr {min-width:990px; max-width:1280px; min-height:350px; margin-left:auto; margin-right:auto; position:relative; padding:0px; border:0px;} #content1_wr {background:url('../themed_images/themebg_right.png') no-repeat scroll right bottom;} #content1_l {width:0px; float:left; padding:0px; border:0px;} #content1_r {width:0px; float:right; padding:0px; border:0px;} #content1 {margin-left:0px; margin-right:0px; position:relative; padding:30px 0px 10px 0px; border:0px;} #content2_bg {width:100%; padding:0px; border:0px;} #content2_wr {min-width:990px; max-width:1280px; min-height:350px; margin-left:auto; margin-right:auto; position:relative; padding:0px; border:0px;} #content2_l {width:0px; float:left; padding:0px; border:0px;} #content2_r {width:0px; float:right; padding:0px; border:0px;} #content2 {margin-left:0px; margin-right:0px; position:relative; padding:0px; border:0px;} #footer_bg {width:100%; padding:0px; border:0px;} #footer_wr {min-width:990px; max-width:1280px; min-height:200px; margin-left:auto; margin-right:auto; position:relative; padding:0px; border:0px;} #footer_l {width:0px; float:left; padding:0px; border:0px;} #footer_r {width:0px; float:right; padding:0px; border:0px;} #footer {margin-left:0px; margin-right:0px; position:relative; text-align:center; padding:0px; border:0px;} /* column1 padding / margins */ #columns1 {padding-top:10px; padding-bottom:0px;} #column1_wrapper {padding:0px 0px 0px 0px; margin:0px;} #left1col {padding:0px 0px 0px 0px; margin:0px;} #left1pad {padding:0px 0px 0px 0px; margin:0px;} #right1col {padding:0px 0px 0px 0px; margin:0px;} #right1pad {padding:0px 0px 0px 0px; margin:0px;} #center1col {padding:0px 20px 0px 30px ;} /* column2 padding / margins */ #columns2 {padding-top:10px; padding-bottom:0px;} #column2_wrapper {padding:0px 0px 0px 0px; margin:0px;} #left2col {padding:0px 0px 0px 0px; margin:0px;} #left2pad {padding:0px 0px 0px 0px; margin:0px;} #right2col {padding:0px 0px 0px 0px; margin:0px;} #right2pad {padding:0px 0px 0px 0px; margin:0px;} #center2col {padding:0px 20px 0px 30px ;} /* seo */ #seo {width:100%; height:50px; position:absolute; top:0px; left:0px;} #seo_wrapper {position:relative; top:0px; left:0px;} #seo_wrapper {margin-left:auto; margin-right:auto; border:0px;} .clear {min-width:990px; max-width:1280px; margin-left:auto; margin-right:auto; clear:both; height:0px;} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #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-image: url(data:image/gif;base64,AAAA); /* 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; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }