/*Copyright 2009 DynamiX Web Design, LLC. All Rights Reserved.*/ /*Main Site Code */ body {background-color:#141414;font:13px Arial, Helvetica, sans-serif;height:100%;margin:0;color:#fff;min-width:840px;} #shadow {} img{border:0;} #wrap {background-color:#fff;background:url(images/bottom.gif) top center;border-bottom:1px solid #2b2b2b;} .headerwrap{margin:0 auto;width:840px;background:url(images/main.jpg) no-repeat top center;height:100%;} .homeheaderwrap{margin:0 auto;width:840px;background:url(images/main2.jpg) no-repeat top center;height:100%;} .aboutwrap{margin:0 auto;width:840px;background:url(images/about.jpg) no-repeat top center;height:100%;} .aboutwrap2{margin:0 auto;width:840px;background:url(images/about2.jpg) no-repeat top center;height:100%;} .managementwrap{margin:0 auto;width:840px;background:url(images/manage.jpg) no-repeat top center;height:100%;} .contactwrap{margin:0 auto;width:840px;height:100%;background:url(images/contactbg.jpg) no-repeat;} .referralwrap{margin:0 auto;width:840px;height:100%;background:url(images/referralbg.png) no-repeat;_background:url(images/referralbg.gif) no-repeat;} .referral{margin-left:40px;font-weight:bold;color:#0093ce;} .headerwrap img{} .headerportwrap{margin:0 auto;width:840px;height:100%;_height:200px;} .headerportwrap h1{color:#333;font-weight:normal;margin-left:60px;margin-bottom:0;} #header {height:403px;background:url(images/top-bg.jpg) #141414 no-repeat top center;} #headercontact {height:403px;background:url(images/contactwrap.jpg) no-repeat top center;} #headerreferral {height:599px;background:url(images/referralwrap.jpg) repeat center;} #headerport {background:url(images/port-bg.jpg) repeat top center;} .referralcontent{width:700px;padding-top:80px;color:#000;margin-left:80px;} #logo{height:30px;width:200px;padding:20px;border-bottom:0;} #logo h2{font-size:20px;margin-top:0;} #diggbutton{float:right;width:100px;overflow:hidden;} /*#slogan{color:#fff;float:right;margin-top:50px;}*/ #menu {padding-left:15px;height:30px;padding-bottom:5px;display:none;} #left {color:#fff;width:150px;float:left;margin-right:10px;margin-left:10px;} #left h2{font-weight:normal;font-size:15px;margin-top:0;text-align:center;} #content {margin-left:230px;padding-bottom:30px;} #content a{color:#00abed;} #content h2{font-weight:normal;margin-top:0;color:#fffcac;font-size:18px;} .content{width:800px;margin:0 auto;} #footer {text-align:center;font-size:11px;padding:10px;color:#888;} #footerlinks{margin-bottom:10px;} #footerlinks a{margin-left:8px;margin-right:12px;} #adminheader{background-color:#003366;text-align:center;padding:8px;border-bottom:1px solid #fff;color:#fff;}#adminheader a{color:#fff;padding-left:7px;padding-right:7px;} .projecttitletext{position:relative;width:242px;text-align:center;font-size:15px;} .wrapper a{float:left;margin-bottom:20px;} .projecttitletext a{position:absolute;width:240px;margin-top:180px;margin-left:-240px;text-align:center;} @media screen and (-webkit-min-device-pixel-ratio:0) { .projecttitletext{display:none;} } .projecttitletext a{color:#000;text-decoration:none;} #ourwork{width:250px;height:404px;float:left;} #desk{position:relative;margin-left:5px;margin-top:113px;display:block;} #imageContainer {height:66px;width:117px;padding:0;} #imageContainer img {display:none;position:absolute;margin-top:98px;margin-left:87px;z-index:1;} .aboutimage img {margin-top:124px !important;margin-left:46px !important;} .aboutimage2 {margin-top:124px !important;margin-left:46px !important;position:absolute;cursor:pointer;_cursor:default;z-index:2;} .blinking{position:absolute;cursor:pointer;margin-top:142px;margin-left:36px;} .tool-tip{color: #fff;width: 160px;z-index: 30;} .tool-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .tool-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} #workpics{margin-left:140px;position:absolute;margin-top:30px;} #workpics{background: url(images/pics.jpg) no-repeat top center;width:93px;height:73px;display:block;} #workpics:hover{background: url(images/pics2.jpg) no-repeat top center;} #worklink{margin-left:140px;margin-top:110px;position:absolute;} #worklink{background: url(images/our-work.gif) no-repeat top center;width:80px;height:20px;display:block;} #worklink:hover{background: url(images/our-work2.gif) no-repeat top center;} #worklink:focus{border:1px solid #ccc;} #keys{margin-left:90px;margin-top:100px;position:absolute;} #lamp{background: url(images/lamp.jpg) no-repeat top center;width:78px;height:112px;float:left;} #lamp a{width:78px;height:112px;display:block;} #lamp img{width:78px;height:112px;display:block;} #lamp a:focus{background: url(images/lamp2.jpg) no-repeat top center;} .lampposition-tip{color: #fff;width: 160px;z-index: 1;margin-top:100px;} .lampposition-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .lampposition-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} .moneyposition-tip{color: #fff;width: 160px;z-index: 1;margin-left:-170px;} .moneyposition-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .moneyposition-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} .hatposition-tip{color: #fff;width: 160px;z-index: 1;margin-left:15px;margin-top:-15px;} .hatposition-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .hatposition-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} .limposition-tip{color: #fff;width: 160px;z-index: 1;margin-left:15px;margin-top:150px;} .limposition-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .limposition-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} .phoneposition-tip{color: #fff;width: 160px;z-index: 1;margin-left:28px;margin-top:-25px;} .phoneposition-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .phoneposition-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} .sleeptext{color:#fff;text-align:center;font:13px arial;margin-top:100px;} .nodisplay{display:none;} #chair1{width:250px;height:404px;float:left;} #chair2{width:260px;height:404px;float:left;} #chair3{width:306px;height:404px;float:left;} #chairperson1 a{margin-left:111px;margin-top:128px;display:block;width:90px;height:72px;} #chairperson2 a{margin-left:149px;margin-top:58px;display:block;width:90px;height:72px;} #chairperson3 a{margin-left:108px;margin-top:138px;display:block;width:90px;height:72px;} #firstemployees{display:block;float:left;width:93px;height:66px;background:url(images/more-employees-l.gif) no-repeat;margin-left:14px;_margin-left:7px;margin-top:157px;} #moreemployees{float:right;display:block;width:93px;height:66px;background:url(images/more-employees-r.gif) no-repeat;margin-top:-60px;} .personposition-tip{color: #fff;width: 160px;z-index:3;margin-left:80px;} .personposition-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .personposition-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} #beer{margin-left:5px;position:absolute;margin-top:195px;width:30px;height:30px;} #swingline{margin-left:40px;position:absolute;margin-top:50px;width:35px;height:30px;} #swingline2{margin-left:-70px;position:absolute;margin-top:50px;width:35px;height:30px;} #hello{background-image:url(images/hello.gif);width:360px;height:180px;text-align:center;float:left;margin-right:50px;margin-top:50px;padding-top:85px;} .nodisplay{display:none;} #aboutmichael{display:block;width:130px;height:36px;position:absolute;margin-left:150px;margin-top:20px;} #abouthome{display:block;width:130px;height:36px;position:absolute;margin-left:150px;margin-top:66px;} .michaelposition-tip{color: #fff;width: 160px;z-index: 1;margin-left:-180px;} .michaelposition-title{font-weight: bold;font-size: 12px;margin: 0;color: navy;padding: 8px 8px 0px;background: url(images/bubble.png) top left;} .michaelposition-text{font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;} #aboutus{width:190px;height:404px;float:left;margin-left:14px;} #aboutlink{display:block;width:183px;height:358px;} #aboutlink:hover{background: url(images/door.jpg) no-repeat top center;} #returnhome{width:150px;height:40px;display:block;position:absolute;margin-left:50px;margin-top:40px;} #returnhomereferral{width:210px;height:65px;display:block;position:absolute;margin-left:10px;margin-top:0px;} #contactus{width:120px;height:404px;float:left;} #contactlink{display:block;width:43px;height:33px;margin-top:133px;margin-left:15px;} #contactlink:hover{} #santahat{display:block;width:33px;height:58px;margin-left:80px;} #contactbutton{display:block;background-image:url(images/contactus.gif);width:98px;height:16px;margin-top:20px;} #contactbutton:hover{background-image:url(images/contactus2.gif);} #frontmanagement{width:200px;height:404px;float:left;margin-left:30px;} #lim{display:block;} #lim{width:200px;height:330px;} .managementlessons{width:670px;font:14px arial;height:303px;margin:0;padding:30px;color:#fff;} #money{width:68px;height:77px;display:block;float:right;} #rightvideo{float:right;width:380px;} #rightvideo2{float:right;width:380px;position:absolute;margin-left:422px;top:-3px;} #videolist{float:left;width:290px;} #videolist2{float:left;width:310px;margin-left:30px;} #videolist2 a{line-height:23px;font-size:15px;} #lesson7, #lesson8, #lesson9, #lesson10, #lesson11, #lesson12{width:250px;} .managementwrap h1{font-size:15px;color:#000;margin-left:220px;display:none;} .managementwrap h2{color:#fff;font-weight:normal;font-size:18px;margin-top:8px;} .managementwrap a{color:#00b5f3;text-decoration:none;} .managementwrap a:hover{text-decoration:underline;} .managementlessons h1, .managementlessons h2, .managementlessons h3{font-weight:normal;} .managementlessons h1{font-size:22px;margin-top:0;color:#61d0ec;margin-bottom:3px;float:left;} .managementlessons h2{color:#fffcac;font-size:18px;margin:0;} .managementlessons img{border:1px solid #fff;float:left;margin-right:10px;} .managementlessons p{font-size:14px;margin:0;line-height:18px;} .bluetext{color:#79a1d2 !important;} .managementlessons a{color:#fffcac;font-size:13px;} #emmy{display:block;width:25px;height:55px;position:absolute;margin-left:60px;margin-top:108px;} #awardslink{display:block;width:65px;height:38px;position:absolute;margin-left:85px;margin-top:90px;background-image:url(images/our-awards.gif);} #awardslink:hover{background-image:url(images/our-awards2.gif);} #awardslink2{display:block;width:65px;height:38px;position:absolute;margin-left:40px;margin-top:65px;background-image:url(images/our-awards.gif);} #awardslink2:hover{background-image:url(images/our-awards2.gif);} /*Text*/ h3 {margin-top:0;} h4 {margin:2px;} a {color:#014f7b;} #footersolid a,#footer a {color:#bbb;} #footer a:hover, #left a:hover{text-decoration:underline;} .title {font-size:18px;color:#fff;background:url(images/bottomtitle.gif) repeat-x top center;height:45px;padding-top:8px;} #areatitle{margin:0 auto;width:800px;} .spacing{padding-left:130px;} .title h4 {margin-top:0;font-weight:normal;color:#CC3300;} .title a {color:#CC3300;font-weight:normal;} .contact {margin-top:20px;} .contact input {border:1px solid #999;} .contact textarea {border:1px solid #999;} .contactbutton {background-image: url(images/contact.gif);width:100px;height:23px;border:0 !important;float:right;} .loginbutton {background-image: url(images/login.jpg);width:79px;height:23px;border:0 !important;float:right;} .returnhome{margin-left:30px;} .portfoliohome{margin-left:100px;} /*Galleries*/ div.float {float:left;padding:20px;text-align:center;} div.container {border:1px dashed #333;background-color:#ffe;} div.spacer {clear:both;} .float a{color:#000;text-decoration:none;font-size:18px;} .project-right img,div.float img {border:10px solid #000;border-top:10px solid #333;border-bottom:10px solid #333;filter:alpha(opacity=100);-moz-opacity:1px;opacity:1px;padding:1px;} .project-right img:hover,div.float img:hover {filter:alpha(opacity=75);-moz-opacity:0.75px;opacity:0.75px;} #flash,.mailwrapper,div.float p {text-align:center;} .movie {text-align:center;margin-top:20px;} .aboutmovie {text-align:center;padding-top:40px;} div.scroller { /* modify width and height of scrolling section if necessary */ width: 732px; height: 318px; overflow: hidden;/* background-image:url(images/loader.gif); background-repeat:no-repeat; background-position:center;*/ margin-left:15px; border:1px solid; } .slidecolor{background-image:url(images/slider.png);width:258px;height:318px;margin-left:-15px;margin-top:-13px;} div.scroller div.section { /* modify width and height of each section as needed (should match the size of the scroller window) */ width:732px; height:318px; overflow:hidden; float:left; padding:1em; } div.scroller div.content { width: 10000px; } div.section { color:#ffffff; background-color:#717898; background-repeat:no-repeat; } .textmain{font-size:13px;padding:15px;padding-top:20px;line-height:18px;z-index:100;} .textmain h1{font-weight:normal;font-size:16px;color:#b5d7fc;margin-top:0;} .textmain a{color:#b5d7fc;text-decoration:none;font-size:14px;}.textmain a:hover{text-decoration:underline;} .controls{padding-left:3px;padding-right:2px;position:absolute;margin-left:438px;margin-top:-108px;padding-top:3px;background-color:#fff;} .controls img{border:1px solid #e9e9e9;}.controls img:hover{border:1px solid #00376a;} .controls img a:selected{border:1px solid #00376a;} .controls a{outline-style: none;} .MultiBoxContainer{position:absolute;display:none;z-index:5;top:0px !important;background-color:transparent !important;} .MultiBoxLoading{} .MultiBoxContent{position:relative;width:100%;height:100%;overflow:hidden;top:0px !important;background-color:transparent;} .MultiBoxClose{position:absolute;top:10px;right:-26px;background:url(images/close.png) no-repeat;width:24px;height:24px;cursor:pointer;} .MultiBoxControlsContainer{overflow:hidden;height:0;position:relative;} .MultiBoxControls{width:100%;height:auto;position:relative;background-color:#000;} .MultiBoxPrevious{position:absolute;background:url(images/left.png) no-repeat;width:24px;height:24px;left:0;margin-top:5px;cursor:pointer;} .MultiBoxNext{position:absolute;background:url(images/right.png) no-repeat;width:24px;height:24px;right:0;margin-top:5px;cursor:pointer;} .MultiBoxNextDisabled{cursor:default;background:url(images/rightDisabled.png) no-repeat;} .MultiBoxPreviousDisabled{cursor:default;background:url(images/leftDisabled.png) no-repeat;} .MultiBoxTitle{position:relative;float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;font-weight:700;text-align:left;margin:10px 0 0 35px;} .MultiBoxNumber{position:relative;width:50px;float:right;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;text-align:right;margin:10px 35px 0 0;} .MultiBoxDescription{clear:left;position:relative;padding-top:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;text-align:left;margin:0 35px;} a:focus{outline:none;} /*.MultiBoxContainer{position:absolute;border:5px solid #000;background-color:transparent;display:none;z-index:2;} .MultiBoxContainer{background-color:transparent !important;} .MultiBoxLoading{background:url(images/loader.gif) no-repeat center;} .MultiBoxContent{position:relative;width:100%;height:100%;overflow:hidden;background-color:transparent !important;} .MultiBoxClose{position:absolute;top:-26px;right:-26px;background:url(images/close.png) no-repeat;width:24px;height:24px;cursor:pointer;} .MultiBoxControlsContainer{overflow:hidden;height:0;position:relative;} .MultiBoxControls{width:100%;height:auto;position:relative;background-color:#000;} .MultiBoxPrevious{position:absolute;background:url(images/left.png) no-repeat;width:24px;height:24px;left:0;margin-top:5px;cursor:pointer;} .MultiBoxNext{position:absolute;background:url(images/right.png) no-repeat;width:24px;height:24px;right:0;margin-top:5px;cursor:pointer;} .MultiBoxNextDisabled{cursor:default;background:url(images/rightDisabled.png) no-repeat;} .MultiBoxPreviousDisabled{cursor:default;background:url(images/leftDisabled.png) no-repeat;} .MultiBoxTitle{position:relative;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;font-weight:700;text-align:left;margin:10px 0 0 35px;} .MultiBoxNumber{position:relative;width:50px;float:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;text-align:right;margin:10px 35px 0 0;} .MultiBoxDescription{clear:left;position:relative;padding-top:5px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;text-align:left;margin:0 35px;}*/ .cardbody{background:url(images/card.gif) no-repeat;width:515px;font:16px arial;height:333px;background-color:transparent;margin:0;padding:30px;color:#3f3225;padding-top:0;text-align:left !important;} .cardbody input, .cardbody textarea{border:1px dotted #5f554b;background-color:transparent;} .cardbody2{width:515px;font:16px arial;height:333px;background-color:transparent;margin:0;padding:30px;color:#3f3225;padding-top:0;text-align:left !important;padding-top:30px;margin-left:260px;} .cardbody2 input, .cardbody2 textarea{border:1px dotted #5f554b;background-color:transparent;} #stamp{width:94px;height:101px;background-image:url(images/stamp.gif);position:absolute;margin-left:451px;margin-top:10px;} .contactbutton{width:120px;height:72px;background-image:url(images/send.gif);border:0;margin-top:-60px;position:absolute;margin-left:135px;cursor:pointer;} .contactbutton2{width:120px;height:72px;background-image:url(images/send2.gif);border:0;margin-top:0px;position:absolute;margin-left:335px;cursor:pointer;border:0 !important;} .contactbutton3 {width:120px;height:72px;background-image:url(images/send2.gif);border:0;margin-top:-120px;position:absolute;margin-left:505px;cursor:pointer;background-color:#fff;} .portintro{width:515px;font:14px arial;height:343px;background-color:transparent;margin:0;padding:30px;padding-right:0;color:#fff;background:url(images/bluehatport.gif) no-repeat;padding-left:320px;background-color:transparent;} .portintro h1, .portintro h2, .portintro h3{font-weight:normal;} .portintro h1{font-size:22px;margin-top:0;color:#61d0ec;margin-bottom:3px;} .portintro h2{color:#fffcac;font-size:18px;margin:0;} .portintro img{border:1px solid #fff;float:left;margin-right:10px;} .portintro p{font-size:14px;margin:0;line-height:18px;} .bluetext{color:#79a1d2 !important;} .portintro a{color:#fffcac;font-size:13px;} .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ position: relative; width: 100%; } /* These 2 lines specify style applied while slider is loading */ .csw {display:none;} .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 750px; clear: both; } .stripViewer img{border:10px solid #000;border-top:10px solid #333;border-bottom:10px solid #333;filter:alpha(opacity=100);-moz-opacity:1px;opacity:1px;padding:1px;margin-right:10px;margin-left:8px;} .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; _height:100px; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .cross-link{display:none;} .stripNav{display:none;} .panel .wrapper p{display:none;} .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 750px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; } .stripNav ul { /* The auto-generated set of links */ list-style: none; } .stripNav ul li { float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; text-decoration: none; display: block; padding: 0 15px; } .stripNav li.tab1 a { background: #60f } .stripNav li.tab2 a { background: #60c } .stripNav li.tab3 a { background: #63f } .stripNav li.tab4 a { background: #63c } .stripNav li.tab5 a { background: #00e } .stripNav li a:hover { background: #333; } .stripNav li a.current { background: #000; color: #fff; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 130px; text-indent: -9000em; } .stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; } .stripNavL { left: 0; } .stripNavR { right: 0; } .stripNavL { background: url("images/arrow-left.gif") no-repeat center; } .stripNavR { background: url("images/arrow-right.gif") no-repeat center; } #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }