*{margin:0; padding:0; border: 0 none; line-height:1.7em; list-style-type:none;} /*Selectors*/ body{background-color:#fff; font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif; color:#333;} h3{font-family:Arial, Helvetica, sans-serif; border-bottom:5px solid #bdbfb3; margin-bottom:5px;} p{margin-bottom:13px;} textarea{font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif; color:#333; border:1px solid #333;} input, textarea{margin:4px; padding:4px;} .nav{text-align:right;} /*banner*/ .banner{background:#383e44 url(../images/bg_sprite.png) repeat-x; width:100%;} .bannerMid{background:transparent url(../images/highlight.jpg) no-repeat; width:980px; padding-top:20px; margin:auto; height:360px;} .innerBanner{background:transparent url(../images/highlight.jpg) no-repeat; width:980px; margin:auto; min-height:100px;} .jobBanner{min-height:420px;} .jobBanner ul {list-style-type:none;} /*Layout*/ .header{background:#242424 url(../images/bg_header.jpg) no-repeat center center; min-height:80px;} .content{background:#fff url(../images/bg_sprite.png) repeat-x 0 -1070px; font-size:12px; padding:20px 0; clear:both; min-height:300px; } .footer{font-size:12px; color:#333; text-align:center;} .footerCenter{width:980px; margin:auto; min-height:180px; padding-top:20px;} .footerCenter p:first-child{margin-bottom:4px; padding-bottom:6px; border-bottom:1px solid #bdbfb3;} .col2{width:450px; margin:20px; float:left;} .col4{width:200px; padding:0px 12px; margin:0px 8px; float:left;} .col4 h3{text-align:center;} .aboutcol{padding:5px 45px 5px 0px; float:left; max-width:300px;} .aboutcol li{margin:15px 3px; padding-left:22px; text-transform:uppercase;} .aboutcol2{width:600px;} .login{width:370px; margin:10px auto;} .contactInfo, .contactForm{width:300px; padding:10px; float:left;} #resume{padding:5px 5px 5px 0; margin:5px 5px 5px 0;} #lastCol{padding:5px 0px 5px 5px;} /*Styling*/ .readMore{ text-align:right; float:right;} .visitSite{text-align:left; float:left;} .jobContent ul{list-style-type:none; list-style-position:inside;} .jobPic{display:block; height:133px; width:200px; overflow:hidden; border:1px solid #bdbfb3; margin:0 15px 5px 0; float:left;} .viewJob{float:left; z-index:100; margin-top:-140px; display:none;} .comp{background:transparent url(../images/icon_sprite.jpg) no-repeat -135px 0; padding-top:150px; } .iphone{background:transparent url(../images/icon_sprite.jpg) no-repeat -495px 0; padding-top:150px; } .cam{background:transparent url(../images/icon_sprite.jpg) no-repeat 45px 0; padding-top:150px; } .graph{background:transparent url(../images/icon_sprite.jpg) no-repeat -315px 0; padding-top:150px; } .pullquote {font-family:"Georgia",Times,Times New Roman,serif; font-size:24px; color:#555; font-style:italic; } .fatsep{height:30px; background:#bdbfb3; } .leftHeader {width:480px; font-size:24px; color:#fff; padding:40px 0 0 0;} .leftCopy {width:500px; font-size:14px; color:#fff; padding:10px 0 0 5px;} .job{width:201px; padding:12px; margin:8px; float:left;} .job h3{text-align:center;} /*Utilities*/ .centeredContent{width:980px; margin:auto;} .floatLeft{float:left;} .floatRight{float:right;} .clearBoth{clear:both; width:100%;} .txtCenter{text-align:center;} .txtRight{text-align:right;} .txtLeft{text-align:left;} /*Modal Contact*/ form.modalForm fieldset {padding:10px;} form.modalForm input{border:1px solid #444;} form.modalForm input.noBorder{border:0 none;} form.modalForm legend { padding: 0 2px; font-weight: bold;} form.modalForm label { display: inline-block; line-height: 1.8; vertical-align: top;} form.modalForm fieldset ol { margin: 0; padding: 0;} form.modalForm fieldset li { list-style: none; padding: 5px; margin: 0;} form.modalForm em { font-weight: bold; font-style: normal; color: #f00;} form.modalForm label { width: 120px; /* Width of labels */} /*Links*/ a{outline:none;} a:link{color:#333; font-weight:bold; text-decoration:none; padding:2px;} a:visited{color:#333; font-weight:bold; text-decoration:none; padding:2px;} a:hover{color:#FFF; background-color:#252718; font-weight:bold; text-decoration:none; padding:2px;} .banner a:link{color:#fce595; padding:4px 6px;} .banner a:visited{color:#fce595; padding:4px 6px;} .banner a:hover{background-color:#3a4309; padding:4px 6px;} .slideshowCont a:link{background:none;} .slideshowCont a:visited{background:none;} .slideshowCont a:hover{background:none;} .nav a:link{display:inline-block; color:#fff; background:transparent url(../images/bg_sprite.png) no-repeat -4px -590px; ; width:75px; padding:20px; min-height:0px; text-align:center; vertical-align:bottom;} .nav a:visited{display:inline-block; color:#fff; background:transparent url(../images/bg_sprite.png) no-repeat -4px -590px; ; width:75px; padding:20px; min-height:0px; text-align:center; vertical-align:bottom;} .nav a:hover{background:transparent url(../images/bg_sprite.png) -4px -540px; ;} .footerCenter a:link{color:#333;} .footerCenter a:visited{color:#333;} .footerCenter a:hover{background-color:#333; color:#fff;} .contactInfo a:link{color:#aaa;} .contactInfo a:visited{color:#aaa;} .contactInfo a:hover{color:#aaa;} .noLink a:link{background:none; border:0 none; padding:0; margin:0;} .noLink a:visited{background:none; border:0 none; padding:0; margin:0;} .noLink a:hover{background:none; border:0 none; padding:0; margin:0;} .noLink a:active{background:none; border:0 none; padding:0; margin:0;} .job a{display:block; width:196px; height:130px; border:1px solid #999;} .job div a:link{background:#333 url(../images/jobs/sprites.jpg) no-repeat top left;} .job div a:visited{background:#333 url(../images/jobs/sprites.jpg) no-repeat top left;} .job div a:hover{background:#333 url(../images/jobs/sprites.jpg) no-repeat top left;} #abossein a:link { background-position: 0 0; } #abossein a:visited { background-position: 0 0; } #abossein a:hover { background-position: 0 -137px; } #afam a:link { background-position: 0 -324px; } #afam a:visited { background-position: 0 -324px; } #afam a:hover { background-position: 0 -461px; } #cygnet a:link { background-position: 0 -648px; } #cygnet a:visited { background-position: 0 -648px; } #cygnet a:hover { background-position: 0 -785px; } #detec a:link { background-position: 0 -972px; } #detec a:visited { background-position: 0 -972px; } #detec a:hover { background-position: 0 -1109px; } #epi a:link { background-position: 0 -1296px; } #epi a:visited { background-position: 0 -1296px; } #epi a:hover { background-position: 0 -1434px; } #gencare a:link { background-position: 0 -1620px; } #gencare a:visited { background-position: 0 -1620px; } #gencare a:hover { background-position: 0 -1757px; } #jott a:link { background-position: 0 -1944px; } #jott a:visited { background-position: 0 -1944px; } #jott a:hover { background-position: 0 -2081px; } #k2 a:link { background-position: -250px 0; } #k2 a:visited { background-position: -250px 0; } #k2 a:hover { background-position: -250px -137px; } #nwss a:link { background-position: -250px -324px; } #nwss a:visited { background-position: -250px -324px; } #nwss a:hover { background-position: -250px -461px; } #phoenix a:link { background-position: -250px -648px; } #phoenix a:visited { background-position: -250px -648px; } #phoenix a:hover { background-position: -250px -785px; } #ride a:link { background-position: -250px -972px; } #ride a:visited { background-position: -250px -972px; } #ride a:hover { background-position: -250px -1109px; } #sss a:link { background-position: -250px -1296px; } #sss a:visited { background-position: -250px -1296px; } #sss a:hover { background-position: -250px -1433px; } #tubbs a:link { background-position: -250px -1620px; } #tubbs a:visited { background-position: -250px -1620px; } #tubbs a:hover { background-position: -250px -1757px; } .logo a{float:left; border:0 none; background:transparent none; margin:0; padding:0;} /*List Icons*/ .aboutcol li{background: url(../images/icons/sprites.gif) no-repeat top left;} #threedicon { background-position: 0 0; } #consulticon { background-position: 0 -66px; } #cssicon { background-position: 0 -132px; } #flashicon { background-position: 0 -198px; } #htmlicon { background-position: 0 -264px; } #jsicon { background-position: 0 -330px; } #linkicon { background-position: 0 -396px; } #usabilityicon { background-position: 0 -462px; } #phpicon { background-position: 0 -528px; } #googleicon { background-position: 0 -594px; } #jqueryicon { background-position: 0 -660px; } #seoicon { background-position: 0 -726px; } #trendicon { background-position: 0 -792px; } #uxicon { background-position: 0 -858px; } #cmsicon{ background-position: 0 -924px; } #analyticsicon { background-position: 0 -990px; } #designicon { background-position: 0 -1050px; } /*Slideshow*/ .slideshowCont{float:right; margin-top:35px; max-height:244px; width:424px;} #slideContent{float:left; width:364px; min-height:240px; border:7px solid #fff; border-bottom:none; margin:0; padding:0;} #prevBtn{float:left; margin-top:100px;} #nextBtn{float:left; margin-top:100px;} #prevBtn a{display:block; width:30px; min-height:31px;background:url(../images/bg_sprite.png) no-repeat 0 -1031px; outline:none; margin:0; padding:0;} #nextBtn a{display:block; width:30px; min-height:31px; background:url(../images/bg_sprite.png) no-repeat 0 -950px; outline:none; margin:0; padding:0;} .slideBottom{width:100%; height:26px;background:transparent url(../images/slides/frameBottom.png) no-repeat; clear:both; margin-left:30px;} #caption{color:#fff; font-weight:bold; font-size:14px; margin-left:30px; width:300px;} #captionLink{margin:-22px 30px 0 0; font-size:12px; width:110px; text-align:right; float:right;} #captionLink a:link{color:#fce595; padding:4px 6px;} #captionLink a:visited{color:#fce595; padding:4px 6px;} #captionLink a:hover{background-color:#3a4309; padding:4px 6px;} #viewer{z-index:3;float:left; margin-top:-2px; margin-left:-6px;} #simplemodal-overlay {background-color:#000;} #simplemodal-container {height:400px; width:800px; background:#333 url(../images/bg_contact.jpg) no-repeat; border:3px solid #ccc;} #simplemodal-data{width:800px; background:#333 url(../images/bg_contact.jpg) no-repeat;} #simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;} #simplemodal-container #basicModalContent {padding:8px; width:800px;}