/* MOD'd FROM BLUEPRINT ------------------------------------------------------- Blueprint CSS Framework 0.8 http://blueprintcss.org -- DUAL LICENCED UNDER MIT & GPL *Licence information available at: *http://github.com/joshuaclayton/blueprint-css/blob/161bc357ff897d1f11b6eab86d4782d753012d2b/LICENSE ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ body {background:#000;font-size:80%;font-family:Century Gothic, Futura, Geneva, Apple Gothic, URW Gothic L, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#FFf;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.25em;} h3 {font-size:17px;line-height:20px;margin:110px 35px -5px; } h4 {font-size:22px;line-height:1.25;margin-bottom:.33em;margin-top:0;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;color:#BBBABF;line-height:1.5;font-size:1em;} .script{font-family:Cambria, Georgia, Times, Times New Roman, serif;font-style:italic;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {text-decoration:underline;color:#f8b666;} a {color:#e6bb99;text-decoration:none;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} .mid {vertical-align:middle;display:inline-block;margin-top:13px;font-weight:bold;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', Consolas, Lucida Console, Monaco, monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.6em;margin-bottom:1.875em;line-height:1.875em;font-weight:normal; font-style:italic !important; font-family:Georgia, "Times New Roman", Times, serif;} .clock{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.35em;line-height:1.85em;font-weight:bold;} .hide {display:none;} .quiet {color:#777;} .loud {color:#000;} .white{color:#fff;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css */ label {font-weight:bold;} label.error, label.notice, label.success{padding:0.8em 0.4em;left:-305px;position:absolute;top:17px;width:264px;text-align:center;font-size:1.2em;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus, input:focus {border:1px solid #BBA477;background:#000;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} #contactRight p{color:#FFF;font-size:0.88em;margin:0 0 7px -7px;} .commentP{margin-top:28px !important;} input, textarea, select{background:#080808;border:1px solid #666;color:#ccc;font-size:1em;float:right;margin:0 10px 0 0;padding-left:4px;} select{clear:both;} textarea {width:263px;height:134px; margin-bottom:7px;margin-top:-2px;font-size:1em;font-family:Century Gothic,Futura,Geneva,Apple Gothic,URW Gothic L,sans-serif;padding:4px;} .error, .notice, .success {margin-bottom:0;border:1px solid #ddd;} .error {background:#FBE3E4 !important;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF !important;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2 !important;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11 !important;} .notice a {color:#514721 !important;} .success a {color:#264409 !important;} /* display classes */ .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#cbc9c7;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin-top:-1em;margin-bottom:.5em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} .left-float{float:left;} .right-float{float:right;} .center-text{text-align:center;} .right-text{text-align:right;} .brown{color:#765;} .price{font-weight:bold;font-size:1.8em;color:#fff;} .highlite{color:#fff; font-weight:bold;} .magenta{color:#FF99FF;} .orange{color:#FFc099;} .blue{color:#a6d0ff;} .light{color:#eee;} /*Backgrounds*/ #bg_bottom{position:absolute;background:repeat-x url(../images/background_bottom.png);height:1800px;top:1134px;left:0px; width:100%;margin:0 auto;z-index:1;} #bg_top{position:absolute;background: top center no-repeat url(../images/background_top.jpg);top:0px;left:0px;height:1134px; width:100%;z-index:1;} #bg_water{position:absolute;width:100%;height:650px;background: top center no-repeat url(../images/water_lightrays.jpg); top:1133px;left:0px;z-index:2;} #bg_rocks{width:100%;height:240px;position:relative;background:#1f1c17;z-index:0;margin-top:-260px;} /*Foregrounds*/ #fg_blinds{position:absolute;width:100%;height:3116px;z-index:499;background: top center repeat-y url(../images/blinds.png); top:0px;left:0px;} #fg_black{position:fixed;width:100%;height:100%;z-index:1000000;background:#000000;top:0px;left:0px;visibility:hidden;} #fg_rocks{width:100%;height:200px; position:relative;background:url(../images/rocks.png) top center no-repeat;z-index:498; margin-top:-180px;margin-bottom:20px;} /* Animated Layers */ .anim_hold{position:absolute; width:100%; overflow:hidden;left:0px;} .anim_{position:absolute;} .anim_align{position:relative; width:1920px; height:100%; margin:0 auto; overflow:hidden;} #anim_aurora{height:425px;width:250px;top:0;left:3%;background:top left no-repeat url(../images/jpegSprite2.jpg);z-index:100;} #holdClouds{height:350px; top:365px;z-index:400;} #anim_cloud1{width:200px;height:60px;top:45px; left:100px; background: top left no-repeat url(../images/transparencySprite2.png);background-position: -1120px -560px;} #anim_cloud2{width:190px;height:90px;top:110px; left:620px; background: top left no-repeat url(../images/transparencySprite2.png);background-position: -1120px -620px;} #anim_cloud4{width:170px;height:60px;top:280px; left:1921px; background: top left no-repeat url(../images/transparencySprite2.png);background-position: -1120px -500px;} #holdBoats{height:350px; top:800px;z-index:301;} #anim_boat1{width:87px;height:190px;top:60px; left:10%;z-index:304; background: top left no-repeat url(../images/transparencySprite2.png);background-position: -606px -30px;} #anim_boat3{width:60px;height:100px;top:5px; left:80%;z-index:303; background: top left no-repeat url(../images/transparencySprite2.png);background-position: -600px -220px;} #anim_crab{top:2800px; left:175px;z-index:5005;} #crabL{position:absolute;top:0;left:0;width:100px;height:85px;background:top left no-repeat url(../images/fishSprite2.png); background-position: -455px 0px;z-index:5005;} #anim_horsefish{top:3050px; left:850px;z-index:497;width:30px;height:50px;background:top left no-repeat url(../images/fishSprite2.png); background-position: -310px -95px;} #anim_tagline{height:62px;width:216px;top:470px;left:587px;background:top left no-repeat url(../images/jpegSprite2.jpg); z-index:2;background-position: -250px -228px;} #anim_logo{height:82px;width:210px;top:565px;left:50px;background:top left no-repeat url(../images/jpegSprite2.jpg); z-index:2;background-position: -250px -336px;} #anim_spotlight{height:228px;width:298px;top:663px;left:-11px;background:top left no-repeat url(../images/jpegSprite2.jpg); z-index:2;background-position: -250px 0px;} #anim_flipper{top:1048px;left:155px;z-index:302;width:70px;height:110px;background:url(../images/fishSprite2.png); background-position: -385px 0px;} #anim_talkBubble{top:965px;left:72px;z-index:303;width:240px;height:100px;background:url(../images/transparencySprite2.png); background-position:-1260px -380px;} #anim_squirt{top:2125px;left:400px;z-index:502;width:310px;height:170px;background:url(../images/fishSprite2.png); background-position: 0px 0px;} #anim_eyelid{top:104px;left:80px;z-index:303;width:20px;height:30px;background:url(../images/transparencySprite2.png); background-position:-1290px -500px;} /*Thumbs*/ #ec1{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -30px;} #ec2{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -150px;} #ec3{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -270px;} #ec4{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -390px;} #ec5{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -510px;} #ec6{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -630px;} #ewg1{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -750px;} #ewg2{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -870px;} #ewg3{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -990px;} #ewg4{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1110px;} #ewg5{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1230px;} #ewg6{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1350px;} #ss1{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1470px;} #ss2{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1590px;} #ss3{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1710px;} #ss4{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1830px;} #ss5{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -1950px;} #sp1{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2070px;} #sp2{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2190px;} #sp3{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2310px;} #sp4{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2430px;} #sp5{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2550px;} #sc1{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2670px;} #sc2{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2790px;} #sc3{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -2910px;} #sc4{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -3030px;} #sc5{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -3150px;} #sc6{background: url(../other_images/portfolio_thumbs.png);background-position: -30px -3270px;} /*Class Structure*/ #titleH1{display:none;} #topbar{background: top left repeat-x url(../images/topbar.png) ; text-align:center;position:fixed;top:0;left:0; z-index:1000000;width:100%;height:33px;margin-top:-7px;} #topflare{background: center no-repeat url(../images/topbar_flare.png) ; text-align:center;position:fixed; top:0;left:0;z-index:1000001;width:100%;height:23px;margin-top:0px;} #clock{background:#eaeeff; text-align:center;position:relative;z-index:1000002;width:82px; margin-top:7px;margin-left:auto;margin-right:auto;padding-bottom:4px; -moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px; border-bottom:1px solid #999;border-left:1px solid #aad;border-right:1px solid #aad;overflow:hidden;} #clock p{color:#666666;font-size:0.95em;font-weight:bold;margin-bottom:-23px;margin-top:-29px;padding:13px 0 0;} #clock p sub{color:#765;} #toc{position:fixed;top:12px;left:0px;height:32px;width:510px;z-index:100000;} .toc_link{color:#aaa;text-decoration:none;display:block;position:absolute;font-size:.86em;font-weight:normal;} #toc_overview{background: url(../images/menu2.png); background-position: -450px -50px;z-index:5;left:-50px;} #toc_about{background: url(../images/menu2.png); background-position: -150px -50px;z-index:4;left:30px;} #toc_recent{background: url(../images/menu2.png); background-position: 0px -50px;z-index:3;left:110px;} #toc_services{background: url(../images/menu2.png); background-position: -600px -50px;z-index:2;left:190px;} #toc_contact{background: url(../images/menu2.png); background-position: -300px -50px;z-index:1;left:270px;} .container{width:780px;margin:0 auto;position:relative;margin-top:18px;} #contactPanel{position:relative;width:600px;height:350px; background: top center no-repeat url(../images/transparencySprite2.png);margin:0 auto;z-index:1000;background-position:0px -30px;} #contactLeft{position:absolute;width:278px;height:300px;top:16px;left:114px;z-index:1000;/*border:1px solid #aaa;*/} #contactLogo{width:100px;height:88px; float:left;margin:-4px 6px 0 -12px; background: top left no-repeat url(../images/transparencySprite2.png);background-position: -700px 0;} #contactLeft h2{border-bottom:1px solid #666666;font-size:19px;line-height:1em;margin:12px 0 8px 94px;padding-bottom:6px;width:170px;} #contactLeft p{color:#bbb;font-size:0.9em;line-height:1.7em;margin:0 18px 20px 5px;} .canada{border-top:1px solid #333333;color:#E5E5E5 !important;margin-top:-6px !important;padding-top:5px;text-align:right;} #cIcon{float:right;height:18px;margin:-2px 40px 0 10px;width:18px;background: top left url(../images/transparencySprite2.png); background-position:-600px 0;} #contactRight{position:absolute;width:275px;height:300px;top:16px;left:410px;z-index:1000;/*border:1px solid #aaa;*/} #overviewPanel{position:relative;width:700px;height:375px;z-index:1000; background: top left no-repeat url(../images/transparencySprite2.png);margin:0 auto;margin-top:385px; background-position: -800px 2px;} #overviewSmallTop{position:absolute;width:301px;height:72px;left:5px;top:27px;z-index:1000;/*border:1px solid #aaa;*/} #overviewSmallTop p{margin:6px 0 0 10px;color:#BBBABF;} #overviewSmallTop .price{margin:14px 6px 0 0;} #overviewSmallBot{position:absolute;width:301px;height:86px;left:5px;top:128px;z-index:1000;/*border:1px solid #aaa;*/} #overviewSmallBot p{margin:6px 0 0 10px;color:#BBBABF;} #overviewSmallBot .price{margin:8px 6px 0 0;} #overviewBig{position:absolute;width:376px;height:340px;left:318px;top:27px;z-index:1000;/*border:1px solid #aaa;*/} #overviewBig h2{font-size:18px;line-height:22px;margin:81px 35px -5px;} #overviewBig p{margin:10px 35px 22px; font-size:1em;line-height:1.55em;color:#BBBABF;} .link_list{text-align:right;margin:-8px -37px;width:100%;font-size:.85em; color:#ba8;} #flipperBlock{position:absolute;top:1090px;left:144px;z-index:303;width:200px;height:30px; background:url(../images/transparencySprite2.png);background-position: -1120px -710px;} #aboutPanel{position:relative;width:650px;height:410px;background: top url(../images/transparencySprite2.png); margin:0 auto;margin-top:419px;margin-bottom:410px;z-index:500;background-position:0px -375px;} #aboutTitle{position:absolute;left:10px;top:30px;width:630px;height:65px;z-index:1000;/*border:1px solid #aaa;*/} #aboutReturn{background:transparent url(../images/transparencySprite2.png) no-repeat scroll -710px -236px;height:20px;left:11px;position:absolute;top:45px;width:58px;cursor:pointer;} #aboutReturn p{color:#fff;float:right;font-size:0.9em;font-weight:normal;margin-top:-1px;} #aboutTitle_img{float:right;width:185px;height:45px;background:top left no-repeat url(../images/transparencySprite2.png);background-position:-600px -320px;margin-top:5px;margin-right:5px;} #aboutContent{border-top:1px solid #1a1a28;border-bottom:1px solid #0e0e15;height:273px;left:10px;position:absolute;top:100px;width:632px;z-index:1000;/*border:1px solid #aaa;*/} .aboutCont{position:absolute;top:0;left:0;} #about0{} #about1, #about2, #about3, #about4, #about5, #aboutReturn, #aboutNavL, #aboutNavR{display:none;} .aboutP_left{color:#AAA9AE;margin:2px 15px 12px 22px; font-size:0.9em;} .aboutP_right{color:#AAA9AE;font-size:0.9em;margin:2px 22px 12px 15px;text-align:right;} #aboutContent h2{font-size:21px;margin:13px 0 2px 17px;} .aboutStart{font-size:18px !important;margin:116px 0 0 22px !important;} #aboutContent h3{color:#DDDDDD;font-size:13px;line-height:18px;margin:5px 22px -1px;} .aboutFirstTitle{margin-top:15px !important;} .aboutLeft{width:316px;float:left;border-right:1px solid #101017;height:273px;} .aboutRight{width:315px;float:right;height:273px;} .about_link{float:right;clear:both;margin:0 40px 0 0;} .about_links{margin-top:7px;display:block;font-size:0.9em;} .coder{color:#EEE0AE;font-size:0.9em;} #aboutNav{position:absolute;left:10px;top:375px;width:630px;height:28px;z-index:1000;color:#fff;font-size:0.9em;/*border:1px solid #aaa;*/} #aboutNavL{height:20px;left:114px;position:absolute;top:6px;width:58px;text-align:right;cursor:pointer;} #navL{background:transparent url(../images/transparencySprite2.png) no-repeat scroll -700px -260px;width:20px;height:20px;float:left;} #aboutNavR{height:20px;left:463px;position:absolute;top:6px;width:58px;cursor:pointer;} #navR{background:transparent url(../images/transparencySprite2.png) no-repeat scroll -720px -260px;width:20px;height:20px;float:right;} #titleAbout{position:absolute;top:1492px;left:25px;z-index:903;width:295px;height:39px; background:url(../images/jpegSprite2.jpg);background-position: -251px -452px;} #titleRecWork{position:absolute;top:2315px;left:25px;z-index:903;width:230px;height:46px; background:url(../images/jpegSprite2.jpg);background-position: -250px -290px;} #titleServices{position:absolute;top:2913px;left:30px;z-index:903;width:209px;height:39px; background:url(../images/jpegSprite2.jpg);background-position: 0px -452px;} .jCarouselLite{overflow:visible;visibility:visible;position:relative;width:550px;margin:0; margin-bottom:150px;z-index:501 !important;} .carousel{list-style-type:none;height:450px; width:550px;} .horse{float:left;position:relative;height:450px;width:550px;} .rider{position:absolute;top:0;left:0;} .webBanner{position:absolute;width:140px;height:110px;left:363px;top:4px; background:url(../images/transparencySprite2.png);background-position: -1120px -375px;} .thumbset{width:250px;position:absolute;top:294px;left:225px;} .thumb{margin:5px;width:70px;height:60px;} .thumb a{display:block;height:60px;width:70px;} .thumbset span{color:#bbb;text-decoration:underline;} .button{color:#FFFFFF;display:inline;cursor:pointer;z-index:504;} .next{left:487px; top:150px; position:absolute;background:url(../images/transparencySprite2.png); background-position: -685px -220px;width:25px; height:32px;} .prev{left:0px; top:150px; position:absolute;background:url(../images/transparencySprite2.png); background-position: -660px -220px;width:25px; height:32px;} #portfolio_text{position:absolute;top:2385px;left:533px;width:257px;z-index:1000;} #txt1, #txt2, #txt3, #txt4, #txt5{} #txt1 h4, #txt2 h4, #txt3 h4, #txt4 h4, #txt5 h4{margin-left:-38px;} .port_text{font-size:0.9em; text-align:right; line-height:1.5; margin: 0 45px 0 0px;} .port_link{color:#FFC099;float:right;font-size:0.9em;margin:20px 45px 0 0;} #serviceList{width:650px;height:200px;margin:-50px auto -20px;position:relative;z-index:501; background:url(../images/transparencySprite2.png) no-repeat;background-position:0px -375px;} #serviceContent{height:108px;left:10px;padding-left:57px;position:absolute;top:42px;width:600px;z-index:1000;/*border:1px solid #aaa;*/} #serviceContent li{color:#ddd;float:left;width:265px;} #serviceContent h2{font-size:1.75em;margin:3px -25px 4px;} #serviceContent ul{border-top:1px solid #2A2A2A;padding-top:8px;width:556px;} .mailer_bg{background:#000;} .mailer_content{ text-align:center;margin:0 auto;color:#fff;} .mailer_content p{color:#ccc;} .mailer_content h1{color:#fff;} .mailer_content input{float:none;cursor:pointer;} .mailer_content li{} /* SLIMBOX */ #lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;} #lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;} .lbLoading {background: #fff url(loading.gif) no-repeat center;} #lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;} #lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;} #lbPrevLink {left: 0;} #lbPrevLink:hover {background: transparent url(prevlabel.gif) no-repeat 0 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(nextlabel.gif) no-repeat 100% 15%;} #lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;} #lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(closelabel.gif) no-repeat center;margin: 5px 0;outline: none;} #lbCaption, #lbNumber {margin-right: 71px;} #lbCaption {font-weight: bold;}