#animations_component {position:absolute; top:0px; left:0px; width:990px; height:300px;} #time_date {position:absolute; top:0px; left:-91px; width:442px; height:182px; background:url('../graphics/icon_bg.png') no-repeat left top; padding:5px 0px 0px 0px; text-align:center;} #icons {position:absolute; top:151px; right:65px;} #search {position:absolute; top:144px; left:65px;} #themed_object {position:absolute; top:170px; right:550px;} #logo {position:absolute; top:10px; width:100%; height:auto; text-align:center;} #textlogo {position:absolute; top:10px; left:260px; width:600px; height:auto; text-align:left;} #mobile_textlogo {position:absolute; top:50px; left:260px; width:400px; height:auto; text-align:left; font-size:40px; color:white; font-family:Arial, Helvetica, sans-serif;} #logo_tagline {position:absolute; top:80px; left:330px;} #scroll_menu {position:absolute; top:207px; left:30px; width:252px; height:280px;} #image_rotator_component {position:absolute; top:192px; right:41px; width:500px; height:275px; } #portfolio_component {position:absolute; top:192px; right:41px; width:500px; height:275px; } #zoom_menu_component {position:absolute; top:469px; width:100%; height:auto;} #zoom_menu {margin-left:auto; margin-right:40px; width:500px;} #bookmark {position:absolute; top:49px; left:110px; width:200px; height:50px;} #menu_top {position:absolute; top:149px; left:265px; } #mp3_component {position:absolute; top:6px; right:30px; width:310px; height:45px;} #twitter-facebook {position:absolute; top:40px; left:30px;} /* component styling */ .portfolio {background:url('../themed_images/portfolio1.jpg') no-repeat 11px 1px; } .port_offline1 {position:absolute; top:210px; left:0px; width:500px; text-align:center; font-size:24px; color:gray; font-family:Arial, Helvetica, sans-serif;} .port_offline2 {position:absolute; top:235px; left:0px; width:500px; text-align:center; font-size:16px; color:black; font-family:Arial, Helvetica, sans-serif;} .mp3_offline1 {position:absolute; top:0px; left:0px; width:300px; text-align:center; font-size:10px; color:white; font-family:Arial, Helvetica, sans-serif;} .mp3_offline2 {position:absolute; top:11px; left:0px; width:300px; text-align:center; font-size:9px; color:white; font-family:Arial, Helvetica, sans-serif;} .scrollermenu_offline1 {position:absolute; top:50px; left:10px; width:200px; text-align:center; font-size:20px; color:gray; font-family:Arial, Helvetica, sans-serif;} .scrollermenu_offline2 {position:absolute; top:90px; left:10px; width:200px; text-align:center; font-size:14px; color:black; font-family:Arial, Helvetica, sans-serif;} /* page styles */ html, body {margin:0px; padding:0px;} #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:550px; margin-left:auto; margin-right:auto; padding:0px; border:0px;} #header_l {width:0px; float:left; padding:0px; border:0px;} #header_r {width:0px; float:right; padding:0px; border:0px;} #header {margin-left:auto; margin-right:auto; position:relative; padding:0px; border:0px;} .boxh-content {height:260px;} .header_bg {width:100%; padding:0px; border:0px; position:absolute; top:137px; left:0px;} #content1_bg {width:100%; margin:475px 0px 0px 0px; padding:0px; border:0px;} #content1_wr {min-width:990px; max-width:1260px; min-height:350px; margin-left:auto; margin-right:auto; position:relative; padding:0px; border:0px;} #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:0px; 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:100px; 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; 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; position:relative;} #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;} /* HEADER BG *****************************************************************************************************************************/ /* inner CSS *//**/ .boxh-inner {background: url('../graphics/boxh_0.jpg'); min-height:20px;} .boxh-2 {background: url('../graphics/boxh_2.jpg') repeat-x left top; vertical-align:top;} .boxh-6 {background: url('../graphics/boxh_6.jpg') repeat-x left bottom;} .boxh-4 {background: url('../graphics/boxh_4.jpg') repeat-y right top;} .boxh-8 {background: url('../graphics/boxh_8.jpg') repeat-y left top;} .boxh-5 {background: url('../graphics/boxh_5.jpg') no-repeat right bottom;} .boxh-7 {background: url('../graphics/boxh_7.jpg') no-repeat left bottom;} .boxh-3 {background: url('../graphics/boxh_3.jpg') no-repeat right top; vertical-align:top;} .boxh-1 {background: url('../graphics/boxh_1.jpg') no-repeat left top; vertical-align:top; padding:0px;} .boxh {margin:0px; padding:0px;} /* Top corners and border */ .bth {height:80px; margin:0px 0px 0px 60px; background:url('../graphics/boxh.png') no-repeat 100% 0;} .bth div {height:80px; left:-60px; width:60px; background:url('../graphics/boxh.png') no-repeat 0 0; position:relative; font-size:0;line-height:0;} /* Bottom corners and border */ .bbh {height:55px; margin:0px 0px 0px 60px; background:url('../graphics/boxh.png') no-repeat 100% 100%;} .bbh div {height:55px; left:-60px; width:60px; background:url('../graphics/boxh.png') no-repeat 0 100%; position:relative; font-size:0; line-height:0;} /* Left border*/ .i1h {padding:0px 0px 0px 35px; background:url('../graphics/boxh_l.png') repeat-y 0 0;} /* Right border */ .i2h {padding:0px 35px 0px 0px; background:url('../graphics/boxh_r.png') repeat-y 100% 0;} /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .i3h {display:block;} .i3h {padding:0px 1px 0px 1px; margin:0px 5px 0px 5px;} .i3h {background:url('../graphics/boxh_0.jpg');} /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */ .i3h:after {content:"."; display:block; height:0px; visibility:hidden;} .i3h {display:inline-block;} .i3h {display:block;} /* boxh *****************************************************************************************************************************/