@charset "UTF-8"; /* CSS Document */ /******************************* CONSTRUCT *******************************/ body {background:#000 url(../img/main-img3.jpg) left top no-repeat; position:relative;} .vessel {margin:0 auto; width:100%; height:100%; position:relative;} .hidden {display:none;} .backsoon {background:url(../img/backsoon.png) center top no-repeat; height:181px; width:195px; position:fixed; top:0; right:0;} .tempspace{height:160px; width:700px;} .footspace{height:202px; width:700px;} .left {float:left;} /******************************* NAV *******************************/ .nav_wrapper{border-bottom:1px solid #34162A; background:#000; position:fixed; height:40px; width:100%; top:0; left:0; z-index:19;} .nav_vessel {display:block; width:950px; height:40px; z-index:999; text-align:center; position:fixed; top:0; left:50%; margin-top:0; margin-left:-475px;} .navigation {display:inline; float:left; height:40px; width:950px; position:relative; left:0; top:0;} .navigation li {float:left; height:40px; width:135px; text-align:center;} .navigation li a {color:purple; display:block; height:30px; background-color:black; padding:10px 0 0 0;} .navigation li a:hover {color:#905784; background-color:#26031f; height:30px;} .navigation li a.active {color:#000; background-color:purple;} .navigation li h2 { font:normal 11px/1.5em "Trebuchet MS", Arial, sans-serif;} .blog_fixed {background-color:black; display:block; position:fixed; top:0; right:190px; height:30px; width:100px; z-index:19;} .blog_fixed a {color:purple; display:block; padding:10px 25px 0 25px;} .blog_fixed a:hover {color:#905784; background-color:#26031f; height:30px;} /******************************* Js *******************************/ #head{height:750px; width:100%; margin:0 auto;} #header_txt{background:url(../img/header-amberliz.png) no-repeat right; height:140px; width:925px; margin:270px auto 0;} /******************************* ABOUT *******************************/ #anchor_about{height:100px; width:100%; text-indent:-5000px; margin:0;} #js_head{background:url(../img/jquery.png) no-repeat center; height:420px; width:950px; margin:0 auto;} #js_header {background:url(../img/header-news.png) no-repeat left; height:24px; width:457px; margin:0 0 0 25px; text-indent:-5000px;} #js_port {width:950px; position:relative; clear:both; margin:18px 0 0 7px;} .js_container {width:882px; height:318px; overflow:hidden; position:absolute; left:20px; top:5px; cursor:pointer; } .slides {height:320px; position:absolute; top:0; left:0; } .slides div {position:absolute; top:0; left:0; width:889px; display:none; float:left;} .slides h5 {font-size:11px; float:left; width:340px; height:250px; margin:10px 0 0 13px;} a.previous { position:absolute; top:301px; left:395px; } a.next { position:absolute; top:301px; right:445px; } #philosophy {height:340px; width:889px; margin:0; text-align:left;} #philosophy ul li {color:#634a51; margin-left:60px;} #philos_left {height:300px; width:374px; float:left;} #philos_right {height:321px; width:494px; float:right;} #about_lid{background:url(../img/about-lid.jpg) no-repeat bottom; height:300px; width:970px; margin:0 auto; position:relative;} #about_band{border-left:1px solid #34162A; border-right:1px solid #34162A; background:#180113; height:1000px; width:950px; margin:0 auto; position:relative;} #about_vessel{height:840px; width:950px; margin:0 auto 0; position:relative; z-index:12;} #about_amber{height:400px; width:380px; margin-left:10px; float:left; text-align:left;} #about_header{border-bottom:1px solid #34162A; background:url(../img/header-about.png) no-repeat left; height:24px; width:370px; margin:40px 0 0 15px; text-indent:-5000px;} #about_amber p{color:#CCC;font-size:11px; padding:15px; letter-spacing:.4px;} #about_amber h2{color:purple; padding:15px 0 0 15px;} #recent_vessel{height:370px; width:500px; margin:35px 10px 0 0; float:right;} #recent_header{border-bottom:1px solid #34162A; background:url(../img/header-recent.png) no-repeat left; height:24px; width:487px; margin:5px 0 auto; text-indent:-5000px;} #group1 {float:left; margin:0 auto; height:320px; position:relative;} .port_panel {background:url(../img/panel.png) no-repeat; height:302px; width:250px; position:relative; margin :0; float:left;} .port_panel img {margin-top:27px;} .port_txt_vesse{border:1px solid #222; background-color:#000; height:50px; width:200px; position:absolute; left:1px; bottom:37px; margin:0; text-align:left;} #clothing_vessel{ height:160px; width:500px; margin:0; float:right;} #clothing_header{border-bottom:1px solid #34162A; background:url(../img/header-clothing.png) no-repeat left; height:24px; width:487px; margin:5px 0 auto; text-indent:-5000px;} #table_vessel {float:left; height:110px; width:120px;} .clothing_img {float:left; border:1px solid #34162A;height:196px; width:179px;} #bottom_row{background:#000; height:180px; width:950px; margin:0 auto; text-align:left; clear:both; overflow:hidden; padding-top:15px; position:absolute; bottom:0; left:0;} #bottom_row .rect {height:150px; width:240px; margin:0 34px; text-align:left; float:left;} #bottom_row h2 {border:1px solid #222; padding:5px;} #bottom_row p {font-size:10px; color:#555; padding:5px;} #bottom_row h3 {background:#300222; margin:10px; padding:3px 5px; width:100px;float:right; font-size:10px;} #about_base{background:url(../img/about-base.jpg) no-repeat; height:276px; width:970px; margin:-200px auto 0; position:relative; z-index:9;} /*#group2 h1{position:absolute; left:0;}*/ .proj_title {padding:10px 0 0 10px; color:#FFF; font-family: arial, sans-serif; font-size: 11px; font-variant: small-caps; letter-spacing: 1.3pt; word-spacing: 0pt; line-height: 1.4;} .proj_desc a{ color:#C36; font-size: 10px; padding-left:10px;} #xen_interview {height:250px; width:680px;} .xenh2 {color:#C36; font-size: 11px; padding-left:20px; padding-top:20px; text-transform:none; letter-spacing:1px;} .xenh3 {color:#FFF; font-size: 10px; padding-left:60px; padding-right:60px;text-transform:none;} /*#about {background:#210d24; border-bottom:1px dashed #444; height:700px; width:100%; margin:100px 0 0 0; text-align:left;} #about_header{border-bottom:1px solid #34162A;background:url(../img/header-about.png) no-repeat; height:24px; width:960px; margin:0 auto; text-indent:-5000px;} #about_vessel{height:700px; width:850px; margin:50px auto;}*/ /******************************* TRAINING *******************************/ #anchor_training {margin-top:20px; height:100px; width:100%; text-indent:-5000px;} #misc {height:400px; width:950px; margin:50px auto 0; position:relative;} /**************** LEFT *******************/ #trainer_header{border-bottom:1px solid #34162A; float:left; background:url(../img/header-personaltrainer.png) no-repeat left; height:24px; width:370px; margin:20px auto 0; text-indent:-5000px;} #trainer_links {height:380px; width:405px; position:absolute; left:0; top:0;} #misc h2 { font-size:12px; color:purple; margin-top:30px; text-align:left; width:370px;} #misc h3 {font-size:10px; color:white; text-align:left; letter-spacing:1px; margin:5px 0;} #misc h3 a {background:#000; color:pink; margin:10px 0; padding:4px 25px; width:150px;} #misc h3 a:hover {background:#300222; color:#FFF;width:150px;} /**************** TWEETS *******************/ #twitter {background:url(../img/twitter-panel.png); height:380px; width:405px; position:absolute; right:0; top:0;} #twitter-client{height:350px; width:345px; margin:20px auto 0; position:relative;} #twitter_div {position:absolute; left:24px; top:48px; height:315px; width:293px; overflow:hidden;} #twitter_update_list li {background:#300222; height:auto; width:301px; background:#000; margin:2px 0; padding:3px 0 10px 0;color:purple; font:normal 10px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:.12em;} #twitter_update_list li a {color:pink; font:bold 11px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;} #twitter_update_list li a:hover {color:#FFF; font:bold 11px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;} #twitter-client h4 {text-align:center;margin-left:220px;} #twitter_update_list h4 a { background:#000; color:pink; padding:4px; width:60px;} #twitter_update_list h4 a:hover {background:#300222; color:#FFF;} /******************************* FLASH LINK *******************************/ #interactive {border:1px solid #34162A; background:#000; height:200px; width:100%; margin:-650 auto;} #interactive_link {border:1px solid #34162A; height:100px; width:400px; margin:50px auto 0;} /******************************* PHOTOS *******************************/ #anchor_photos{margin-top:300px; height:100px; width:100%; text-indent:-5000px;} #anchor_tear{height:100px; width:100%; text-indent:-5000px;} #photos{min-height:800px; width:100%; margin:0 auto;} #tearsheets{min-height:800px; width:100%; margin:0 auto;} .fixed_port{background:url(../img/fixed-port.png) no-repeat; height:65px; width:100%; text-indent:-5000px;} /**************** FASHION *******************/ #fashion_vessel{height:700px; width:960px; margin:0 auto;} #tear_vessel{ height:700px; width:960px; margin:0 auto;} #port-header{border-bottom:1px solid #34162A;background:url(../img/header-portfolio.png) no-repeat; height:24px; width:960px; margin:0 auto; text-indent:-5000px;} #tear-header{border-bottom:1px solid #34162A;background:url(../img/header-tear.png) no-repeat; height:24px; width:960px; margin:0 auto; text-indent:-5000px;} #tear1 {float:left; margin:0 auto; width:auto; height:300px; position:relative;} /*#fashion2 {float: left; margin:60px 0 20px 0; width:auto; height:300px; position:relative;;}*/ .img_panel {background:#34162A; position:relative; margin:30px 5px 0; /*text-align:left;*/ float:left; height:182px; width:182px;} .img_panel img {padding:0;} /*.img_txt_vessel{height:70px; width:281px; position:absolute; bottom:0; margin:10px 0 0 0; text-align:left;}*/ #fashion1 h1{position:absolute; left:0;} /******************************* CONTACT *******************************/ #anchor_contact {height:100px; width:100%; text-indent:-5000px;} #contact_header{border-bottom:1px solid #34162A;background:url(../img/header-contact.png) no-repeat; height:24px; width:960px; margin:100px auto 0; text-indent:-5000px;} #contact {background:#1A0012; border-top:1px solid #333; border-bottom:1px solid #333; height:400px; width:100%; margin:0 0 0 0;} /******************************* FOOT @ Jason.Gould *******************************/ #footer-vessel .rect {height:150px; width:250px; margin:0 34px; text-align:left; float:left;} #footer{background:url(../img/footer.jpg) center bottom; width:100%; height:677px; margin:200px 0 0 0;} #social_header{border-bottom:1px solid #34162A; background:url(../img/header-social.png) no-repeat; height:24px; width:960px; margin:0 auto 30px; text-indent:-5000px;} #footer-vessel{height:auto; margin:0 auto 0; width:960px; position:relative;} #footer-vessel h2 {border-bottom:1px solid #34162A; font-size:12px; color:purple; margin-top:30px; text-align:left;} #footer-vessel h3 {font-size:10px; color:white; text-align:left; letter-spacing:1px; margin:3px 0 5px 0;} #footer-vessel h3 a {background:#000; color:pink; margin-top:20px; padding:4px 10px; width:100px;} #footer-vessel h3 a:hover {background:#300222; color:#FFF;} #footer-vessel h4 {font-size:10px; } #foot_left{height:auto; float:left; margin:0 auto; width:320px; position:relative;} #foot_left ul li {margin-bottom:10px;} #foot_left form {border:1px solid #300222; background:#2F2236;} #foot_mid{height:auto; float:left; margin-top:60px; width:318px; position:relative; text-align:center;} #foot_mid h4 { color:#66C; margin-bottom:30px; text-align:center;} #foot_mid h4 a { color:purple;} #foot_mid h4 a:hover{ color:pink;} #foot_right{height:300px; float:left; margin:0 auto; width:320px; position:relative;} #foot_right h3 {font-size:8.4px; color:pink;} /******************************* TYPE *******************************/ body {color:#FFF font:normal 10px/1.6em Arial, sans-serif;} h1 {color:#CCC; font:normal 24px/1.5em "Trebuchet MS", Arial, sans-serif;} h2 {font-family:Arial, "MS Trebuchet", sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:3px; } h4 {font:normal 10px/1.5em Arial, sans-serif;} h5 {color:#4f363d; font:normal 12px/1.7em "MS Trebuchet",Arial, sans-serif;} .emph{color:purple; font:normal 12px/1.9em "Trebuchet MS", Arial, sans-serif; letter-spacing:3px; text-transform:uppercase;} .emph2{color:purple; text-transform:oblique;} .about_txt h2{font-family:"Lucida Grande",Verdana; font-size:10px; line-height:16px;}