body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}a:visited,a:active{outline:none;} body { background: url(../images/bg.jpg) fixed bottom no-repeat #000; font-family:"Trebuchet MS", Tahoma, Arial; color: #68858f; font-size: 11px; } p { text-align: justify; margin: 15px 0px; } a { color: #68858f; text-decoration: underline; } a:hover { text-decoration: none; } .center { text-align: center; margin-top: 10px; } h2 { display: none; } h3#t-portfolio { background: url(../images/t-portfolio.png) top left no-repeat; height: 24px; width: 127px; text-indent: -9999px; float: left; padding-bottom:10px; } h3#t-packages { background: url(../images/t-packages.png) top left no-repeat; height: 31px; width: 136px; text-indent: -9999px; float: left; } h3#t-contact { background: url(../images/t-contact.png) top left no-repeat; height: 23px; width: 123px; padding-bottom: 10px; text-indent: -9999px; } h4#t-ps { background: url(../images/t-ps.png) top left no-repeat; height: 35px; width: 443px; text-indent: -9999px; } h4#t-pro { background: url(../images/t-pro.png) top left no-repeat; height: 35px; width: 443px; text-indent: -9999px; } h4#t-slr { background: url(../images/t-slr.png) top left no-repeat; height: 35px; width: 443px; text-indent: -9999px; } h4#t-extra { background: url(../images/t-extra.png) top left no-repeat; height: 35px; width: 185px; text-indent: -9999px; } .topMargin { margin:0px 20px 10px 20px; padding-top:30px; font-size:15px; } .topMargin ul { list-style-type:disc; margin-left:20px; } #logo { background:url(../images/logo.png) top left no-repeat; display:block; text-indent:-9999px; height:82px; width:207px; position:absolute; top:0px; left:68px; } #logoWrapper { margin:0px auto; width:207px; } #footer { background: url(../images/bg-footer.png) repeat-x; height: 53px; position: fixed; bottom: 0px; left: 0px; width: 100%; } #overallWrapper { position:fixed; height:515px; bottom:0px; left:0px; width:100%; } #fwrapper { margin: 0px auto; height: 45px; margin-top: 12px; width: 1000px; } #nav { padding: 4px 0px 0px 210px; float: left; } #nav li { float: left; margin-right: 40px; } #nav li a { display: block; height: 37px; text-indent: -9999px; cursor: pointer; } a#about { background: url(../images/nav-about.gif) top left no-repeat; width: 76px; } a#about:hover { background: url(../images/nav-about.gif) top right no-repeat; width: 76px; } a#packages { background: url(../images/nav-packages.gif) top left no-repeat; width: 84px; } a#packages:hover { background: url(../images/nav-packages.gif) top right no-repeat; width: 84px; } a#portfolio { background: url(../images/nav-portfolio.gif) top left no-repeat; width: 81px; } a#portfolio:hover { background: url(../images/nav-portfolio.gif) top right no-repeat; width: 81px; } #wrapper { width:1000px; margin:0px auto; position:relative; height:515px; } .pBox { height:380px; } .pBox label { float:left; width:170px; font-size:15px; } ul#services { margin-left: 10px; } .relative { position: relative; } .window { height: 452px; width: 474px; padding:13px; position: absolute; bottom: 37px; right: 160px; } .finePrint { font-size:10px; } #conatiner { position:relative; } #subnav { float:right; margin-top:5px; } #subnav li { float:left; padding:0px 10px; } #subnav li.last { padding-right:0px; } #subnav li a { cursor:pointer; } a#prev { background:url(../images/blank.gif) repeat; height:422px; cursor:pointer; width:32px; display:block; position:absolute; bottom:10px; left:13px; z-index:999999; text-indent:-9999px; } a#prev:hover { background:url(../images/prev.png) top left no-repeat; } a#next { background:url(../images/blank.gif) repeat; height:422px; cursor:pointer; width:31px; display:block; position:absolute; bottom:10px; right:13px; z-index:999999; text-indent:-9999px; } a#next:hover { background:url(../images/next.png) top left no-repeat; } #a-studio { background:url(../images/a-studio.png) top left no-repeat; display:block; height:15px; width:37px; text-indent:-9999px; } #a-location { background:url(../images/a-location.png) top left no-repeat; display:block; height:15px; width:48px; text-indent:-9999px; } #a-product { background:url(../images/a-product.png) top left no-repeat; display:block; height:15px; width:44px; text-indent:-9999px; } #a-studio:hover, #a-studio.active { background:url(../images/a-studio.png) top right no-repeat; display:block; height:15px; width:37px; text-indent:-9999px; } #a-location:hover, #a-location.active { background:url(../images/a-location.png) top right no-repeat; display:block; height:15px; width:48px; text-indent:-9999px; } #a-product:hover, #a-product.active { background:url(../images/a-product.png) top right no-repeat; display:block; height:15px; width:44px; text-indent:-9999px; } #a-b-studio { background:url(../images/a-b-studio.jpg) top left no-repeat; display:block; height:422px; width:142px; text-indent:-9999px; margin-right:17px; float:left; } #a-b-location { background:url(../images/a-b-location.jpg) top left no-repeat; display:block; height:422px; width:148px; text-indent:-9999px; margin-right:17px; float:left; } #a-b-product { background:url(../images/a-b-product.jpg) top left no-repeat; display:block; height:422px; width:150px; text-indent:-9999px; float:left; } #a-b-studio:hover, #a-b-studio.active { background:url(../images/a-b-studio-hover.jpg) top left no-repeat; display:block; height:422px; width:142px; text-indent:-9999px; margin-right:17px; float:left; } #a-b-location:hover, #a-b-location.active { background:url(../images/a-b-location-hover.jpg) top left no-repeat; display:block; height:422px; width:148px; text-indent:-9999px; margin-right:17px; float:left; } #a-b-product:hover, #a-b-product.active { background:url(../images/a-b-product-hover.jpg) top left no-repeat; display:block; height:422px; width:150px; text-indent:-9999px; float:left; } #a-ps { background:url(../images/a-ps.png) top left no-repeat; display:block; height:15px; width:81px; text-indent:-9999px; } #a-pro { background:url(../images/a-prosumer.png) top left no-repeat; display:block; height:15px; width:56px; text-indent:-9999px; } #a-slr { background:url(../images/a-slr.png) top left no-repeat; display:block; height:15px; width:20px; text-indent:-9999px; } #a-extra { background:url(../images/a-extra.png) top left no-repeat; display:block; height:15px; width:61px; text-indent:-9999px; } #a-ps:hover, #a-ps.active { background:url(../images/a-ps.png) top right no-repeat; display:block; height:15px; width:81px; text-indent:-9999px; } #a-pro:hover, #a-pro.active { background:url(../images/a-prosumer.png) top right no-repeat; display:block; height:15px; width:56px; text-indent:-9999px; } #a-slr:hover, #a-slr.active { background:url(../images/a-slr.png) top right no-repeat; display:block; height:15px; width:20px; text-indent:-9999px; } #a-extra:hover, #a-extra.active { background:url(../images/a-extra.png) top right no-repeat; display:block; height:15px; width:61px; text-indent:-9999px; } #fBottom { position:fixed; bottom:45px; width:100%; height:515px; } .fb { background: url(../images/facebook.png) top left no-repeat; display: block; text-indent: -9999px; height: 37px; width: 40px; float: left; } .tw { background: url(../images/twitter.png) top left no-repeat; display: block; text-indent: -9999px; padding-right: 3px; height: 41px; width: 41px; float: left; } .fl { background: url(../images/flickr.png) top left no-repeat; display: block; text-indent: -9999px; height: 41px; width: 40px; float: left; } .twentyEleven { background: url(../images/2011.gif) top left no-repeat; display: block; text-indent: -9999px; height: 31px; width: 60px; margin-top: 10px; float: right; } .clear { clear: both; } label { width:90px; float: left; font-size: 15px; margin: 2px 3px 2px 50px; } input.normal { background: #1c2d33; border: 1px solid #3c5a65; width: 270px; height: 18px; font-size: 15px; color: #CCC; margin-bottom: 5px; float: left; padding: 2px; } textarea.normal { background: #1c2d33; border: 1px solid #3c5a65; width: 270px; height: 65px; overflow: hidden; font-size: 15px; color: #CCC; margin-bottom: 5px; padding: 2px; } input.btn-send { background: url(../images/send.gif) top left no-repeat; height: 22px; width: 80px; text-indent: -9999px; border: 0px; margin:5px 0px 0px 339px; cursor: pointer; } #images { height: 285px; width: 242px; background: none; padding: 0; margin:0px auto; overflow: hidden; text-align: center;} #wrap { background: none; width: 242px; text-align: center; } #images img { border: 1px solid #313435; margin: 0px auto; position: relative; } #images img:hover { border: 1px solid #666; } h4#title, h4 a { color: #436a77; font-size: 16px; margin-top: 10px; text-align: left; } h4 a:hover { text-decoration: none; } a#prev { color: #68858f; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 10px 0px 0px; font-size: 14px; } a#prev:hover { color: #1d2b30; } a#next { color: #68858f; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px; } a#next:hover { color: #1d2b30; } p#link { text-align: center; margin-top: 30px; background: #1d2b30; padding: 5px 0px; } #link a { color: #436a77; font-size: 12px; text-decoration: underline; } #link a:hover { text-decoration: none; } #sample-images { margin-left: 5px; overflow: hidden; height: 425px; width: 265px; } #sample-images img { border: 1px solid #313435; width: 75px; height: 75px; margin: 0px 7px 7px 0px; } #sample-images img:hover { border: 1px solid #666; } .slide-portfolio { width: 265px; height: 425px; } a#threeSLink { display: block; height: 275px; width: 200px; text-indent: -9999px; z-index: 10; position: absolute; bottom: 180px; left: 342px; } #gear { background:url(../images/gear.png) top left no-repeat; position:absolute; bottom:-5px; right:-10px; height:410px; width:267px; } /* Time Changes */ .meNight { background: url(../images/me-night.png) top left no-repeat; position: absolute; bottom: -15px; left: 60px; height: 125px; width: 381px; z-index:9999; } .me7am { background: url(../images/3.png) top left no-repeat; position: absolute; bottom: 0px; left: 120px; height: 334px; width: 188px; } .me8am { background: url(../images/2.png) top left no-repeat; position: absolute; bottom: 0px; left: 78px; height: 145px; width: 271px; } .me9am { background: url(../images/6.png) top left no-repeat; position: absolute; bottom: 0px; left: 120px; height: 364px; width: 204px; } .me10am { background: url(../images/5.png) top left no-repeat; position: absolute; bottom: 5px; left: 100px; height: 227px; width: 228px; } .me11am { background: url(../images/14.png) top left no-repeat; position: absolute; bottom: 0px; left: 120px; height: 348px; width: 180px; } .me12pm { background: url(../images/4.png) top left no-repeat; position: absolute; bottom: 0px; left: 145px; height: 237px; width: 153px; } .me1pm { background: url(../images/1.png) top left no-repeat; position: absolute; bottom: -30px; left: 45px; height: 316px; width: 382px; } .me2pm { background: url(../images/13.png) top left no-repeat; position: absolute; bottom: 50px; left: 205px; height: 202px; width: 135px; } .me3pm { background: url(../images/11.png) top left no-repeat; position: absolute; bottom: 30px; left: 120px; height: 339px; width: 162px; } .me4pm { background: url(../images/7.png) top left no-repeat; position: absolute; bottom: 10px; left: 150px; height: 375px; width: 117px; } .me5pm { background: url(../images/15.png) top left no-repeat; position: absolute; bottom: 5px; left: 130px; height: 389px; width: 106px; } .me6pm { background: url(../images/9.png) top left no-repeat; position: absolute; bottom: 10px; left: 160px; height: 231px; width: 161px; } .me7pm { background: url(../images/8.png) top left no-repeat; position: absolute; bottom: 20px; left: 100px; height: 374px; width: 215px; } .me8pm { background: url(../images/10.png) top left no-repeat; position: absolute; bottom: 135px; left: 170px; height: 282px; width: 168px; } .me9pm { background: url(../images/16.png) top left no-repeat; position: absolute; bottom: 30px; left: 110px; height: 224px; width: 167px; } .me10pm { background: url(../images/12.png) top left no-repeat; position: absolute; bottom: 0px; left: 120px; height: 403px; width: 198px; } .error { background: url(../images/404.png) top left no-repeat; position: absolute; bottom: 0px; left: 80px; height: 400px; width: 206px; } .nojs { background: url(../images/0.png) top left no-repeat; position: absolute; bottom: 0px; left: 120px; height: 383px; width: 226px; } .formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; } #debugMode{ background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; } .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none} .formError .formErrorContent { width:100%; background:#222; color:#999; width:125px; font-family:tahoma; font-size:11px; border:1px solid #444; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 4px 4px 4px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent {background:#33be40;} .blackPopup .formErrorContent {background:#393939;color:#FFF;} .formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:5001; } .formError .formErrorArrowBottom{top:0;margin:-6px;} .formError .formErrorArrow div{ border-left:2px solid #444; border-right:2px solid #444; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#222;margin:0 auto;line-height:0px; font-size:0px; display:block; } .formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div{background:#222;} .blackPopup .formErrorArrow div{background:#222;color:#FFF;} .formError .formErrorArrow .line10{width:15px;border:none;} .formError .formErrorArrow .line9{width:13px;border:none;} .formError .formErrorArrow .line8{width:11px;} .formError .formErrorArrow .line7{width:9px;} .formError .formErrorArrow .line6{width:7px;} .formError .formErrorArrow .line5{width:5px;} .formError .formErrorArrow .line4{width:3px;} .formError .formErrorArrow .line3{width:1px; border-left:2px solid #444; border-right:2px solid #444; border-bottom:0px solid #444;} .formError .formErrorArrow .line2{width:3px;border:none;background:#444;} .formError .formErrorArrow .line1{width:1px;border:none;background:#444;}