/* CSS Document */



html,body,ol,ul,li,dl,dt,dd,div,p,a,address,span,h1,h2,h3,h4,h5,h6,textarea,input,select,img,table,tr,td,cite,blockquote,form{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;}

html{height:100%;min-height:100%;width:100%;}

body{background:#011B2E url(images/header-bg.jpg) top repeat-x;color:#8C9092;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;height:100%;width:100%;line-height:18px;text-align:center;letter-spacing:normal;}

body#home{background-color:#01243D;}



#container{width:1005px;/*background:url(images/bg.gif) left repeat-y;*/position:relative;margin:0 auto;text-align:left;z-index:9999;}

#w1005{width:1005px;position:relative;margin:0 auto;text-align:left;z-index:9999;}



a{color:#61A7D1;text-decoration:none;}

a:hover{text-decoration:underline;}



#header{width:100%;height:62px;z-index:9500;}

a#logo{width:61px;height:33px;display:block;position:absolute;top:15px;left:20px;overflow:hidden;background:url(images/jlk-creative-inc.gif) 0 0 no-repeat;text-indent:-9999px;}



#bar{width:100%;top:50px;position:absolute;left:0px;height:12px;background:url(images/bar-bg.jpg) bottom repeat-x;overflow:hidden;z-index:9900;}

ul#nav{position:absolute;top:34px;left:608px;width:376px;z-index:9000;height:18px;}

ul#nav li{position:relative;display:inline;float:left;list-style:none;}

ul#nav li a{background:url(images/nav.gif) no-repeat;height:27px;display:block;overflow:hidden;text-indent:-9999px;padding-top:3px;padding-bottom:0px;/*3*/}

ul#nav li#creative-services{width:110px;padding-right:31px;}

ul#nav li#creative-services a{background-position:0 3px;}

ul#nav li#why-jlk{width:65px;padding-right:36px;}

ul#nav li#why-jlk a{background-position:-151px 3px;}

ul#nav li#company{width:65px;padding-right:31px;}

ul#nav li#company a{background-position:-252px 3px;}

ul#nav li#login{width:38px;}

ul#nav li#login a{background-position:-348px 3px;}

ul#nav li ul{position:absolute;top:28px;/*11*/left:-13px;height:auto;text-align:left;font-size:11px;padding-top:0px;display:none;border-bottom:3px solid #868988;}

ul#nav li#creative-services ul{height:155px;}

ul#nav li#why-jlk ul{height:75px;}

ul#nav li#company ul{height:50px;height:100px;}

ul#nav li#creative-services ul,ul#nav li#creative-services ul li{width:150px;width:138px;}

ul#nav li#why-jlk ul,ul#nav li#why-jlk ul li{width:98px;}

ul#nav li#company ul,ul#nav li#company ul li{width:98px;width:94px;}

ul#nav li ul li{position:relative;display:block;margin:0;padding:0;list-style:none;height:25px;}

ul#nav li#creative-services ul li a#cr1{background-position:13px -30px;}

ul#nav li#creative-services ul li a#cr1:hover{background-position:13px -50px;}

ul#nav li#creative-services ul li a#cr2{background-position:-127px -30px;}

ul#nav li#creative-services ul li a#cr2:hover{background-position:-127px -50px;}

ul#nav li#creative-services ul li a#cr3{background-position:-267px -30px;}

ul#nav li#creative-services ul li a#cr3:hover{background-position:-267px -50px;}

ul#nav li#creative-services ul li a#cr4{background-position:13px -150px;}

ul#nav li#creative-services ul li a#cr4:hover{background-position:-127px -150px;}

ul#nav li#creative-services ul li a#cr5{background-position:-267px -150px;}

ul#nav li#creative-services ul li a#cr5:hover{background-position:-267px -170px;}

ul#nav li#creative-services ul li.threelines{height:55px;}



ul#nav li#why-jlk ul li a#wh1{background-position:13px -70px;}

ul#nav li#why-jlk ul li a#wh1:hover{background-position:13px -90px;}

ul#nav li#company ul li a#wh2{background-position:-77px -70px;}

ul#nav li#company ul li a#wh2:hover{background-position:-77px -90px;}

ul#nav li#why-jlk ul li a#wh3{background-position:-167px -70px;}

ul#nav li#why-jlk ul li a#wh3:hover{background-position:-167px -90px;}

ul#nav li#why-jlk ul li a#wh4{background-position:-267px -110px;}

ul#nav li#why-jlk ul li a#wh4:hover{background-position:-267px -130px;}



ul#nav li#company ul li a#co1{background-position:-267px -70px;}

ul#nav li#company ul li a#co1:hover{background-position:-267px -90px;}

ul#nav li#company ul li a#co2{background-position:13px -110px;}

ul#nav li#company ul li a#co2:hover{background-position:13px -130px;}

ul#nav li#company ul li a#co3{background-position:-87px -110px;}

ul#nav li#company ul li a#co3:hover{background-position:-87px -130px;}

ul#nav li#company ul li a#co4{background-position:-187px -110px;}

ul#nav li#company ul li a#co4:hover{background-position:-187px -130px;}



ul#nav li ul li a{height:25px;background-color:#011B2E;padding:0;margin:0;display:block;}
ul#nav li ul li.threelines a{height:55px;}

ul#nav li ul li a:hover{background-color:#045E99;}



#banner{width:100%;height:340px;background-color:#011B2E;}

#banner div{width:1005px;height:340px;background-color:#000;position:relative;margin:0 auto;}



#content{background-color:#fff;}

#content #insert{width:903px;position:relative;margin:0 auto;text-align:left;padding:37px 51px 25px 51px;}

#log #content #insert,#clientsection #content #insert{width:908px;padding:37px 48px 75px 49px;}

#port #content #insert{width:908px;position:relative;margin:0 auto;text-align:left;padding:37px 0 25px 0;}

#scroll #content #insert{width:934px;position:relative;margin:0 auto;text-align:left;padding:37px 35px 25px 36px;overflow:hidden;}

.design-marketing{background:url(images/vol8img.png) 640px 138px no-repeat;min-height:500px;}

#home #content{background:#01243D url(images/gradient.gif) center repeat-y;width:100%;height:208px;text-align:center;}

#home #content div{width:965px;position:relative;margin:0 auto;text-align:left;padding:37px 0;}

#home #content h1{color:#CDD0D1;font-size:17px;font-weight:bold;line-height:25px;padding:0 0 10px 0;}

#home #content h1 span{text-transform:uppercase;font-weight:bold;}

#home #content p{color:#CDD0D1;font-size:15px;line-height:21px;padding:0;}



h1#philosophy{background:url(images/philosophy-header.gif) center 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#capabilities{background:url(images/capabilities-header.gif) 29px 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#our-team{background:url(images/team-header.gif) center 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#h5-reasons{background:url(images/5-reasons-header.gif) center 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#about{background:url(images/about-header.gif) center 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#wemp{background:url(images/wemp-header.gif) 25px 10px no-repeat;height:51px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#eblast{background:url(images/eblast-header.gif) 25px 10px no-repeat;height:51px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#news{background:url(images/news-header.gif) 25px 10px no-repeat;height:51px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#clients{background:url(images/clients-header.gif) center 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#testimonials{background:url(images/testimonials-header.gif) center 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#contact-us{background:url(images/contact-header.gif) 0 10px no-repeat;height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#log{height:48px;display:block;text-indent:-9999px;width:100%;padding:10px 0 20px 0;}
h1#design-marketing{height:48px;background:url(images/design-marketing-header.gif) 31px 10px no-repeat;display:block;text-indent:380px;text-transform:uppercase;font-size:12px;color:#0069AA;font-weight:normal;text-align:left;line-height:42px;width:100%;padding:10px 0 20px 0;}
h1#design-marketing span{display:none;}



#one{width:693px;text-align:center;padding:0 107px 0 103px;}



#two1,#two2{position:relative;display:inline;float:left;width:399px;}

#two1{padding:0 20px 0 31px;}

#two2{padding:0 28px 0 25px;}

#two3{position:relative;display:inline;float:left;width:385px;padding:0 20px 0 31px;}



#three1,#three2,#three3{position:relative;display:inline;float:left;}

#three1{width:237px;padding:0 79px 0 0;}

#three2{width:278px;padding:0 30px 0 0;}

#three3{width:279px;}



#narrow{position:relative;display:inline;float:left;width:460px;padding-left:32px;}

#page{width:704px;position:relative;display:inline;float:left;overflow:hidden;}
#page p,#page ul,#page h2,#page h3,#page h4,#page h5,#page h6{margin-left:26px;margin-right:112px;}
#page ul{margin-left:40px;margin-bottom:25px;}
#page ul *{line-height:20px;vertical-align:middle;}
#page ul#ga{background:url(images/google-analytics.gif) top right no-repeat;margin-right:0px;}
#page img{margin-bottom:22px;}
#page p img,#page ul img{margin:0;}
#page h5{color:#8C9092;font-size:13px;margin-bottom:22px;}
#page p em{color:#0069AA;font-weight:bold;font-style:normal;}
p.button{line-height:34px;vertical-align:middle;}
p.button em{padding-left:22px;}
p.button *{line-height:34px;vertical-align:middle;}
.half{position:relative;display:inline;float:left;width:460px;padding-right:32px;}
#screenshot{width:704px;height:317px;background:url(images/eblast-screenshot.jpg) 0 0 no-repeat;margin-bottom:22px;overflow:hidden;display:block;}
#screenshot div{margin:28px 0 0 26px;width:444px;height:266px;overflow:hidden;}

#archive{width:140px;position:relative;margin-left:55px;display:inline;float:left;}
#archive h5{font-size:12px;font-weight:bold;color:#0069AA;margin-bottom:10px;}
#archive ul{margin:0;padding:0;}
#archive li{font-size:12px;color:#8C9092;list-style:none;margin:0 0 9px 0;line-height:18px;padding:0;}
#archive a{font-weight:bold;color:#8C9092;text-decoration:none;}
#archive li.current a{color:#0069AA;}

.half2{position:relative;display:inline;float:left;width:410px;}

#clientsection .half2{text-align:right;}

.half3{position:relative;display:inline;float:left;width:400px;padding-right:90px;}



#holder{width:1890px;padding:0 13px;}

#holder span{color:#61A7D1;}

.col{position:relative;display:inline;float:left;width:280px;padding:0 35px 0 0;height:520px;}

.h245{height:230px;margin-bottom:5px;}

.h320{height:305px;margin-bottom:5px;}

.abco img,.rountree img,.vendstar img,.ae img,.kopke img{padding-bottom:4px;}/*,.dugmah img*/

.abco{background:url(images/abco-logo.gif) bottom left no-repeat;}

.rountree{background:url(images/rountree-logo.gif) bottom left no-repeat;}

.vendstar{background:url(images/vendstar-logo.gif) bottom left no-repeat;}

.ae{background:url(images/ae-logo.gif) bottom left no-repeat;}

.kopke{background:url(images/kopke-logo.gif) bottom left no-repeat;}

.dugmah{background:url(images/dugmah-logo.gif) bottom left no-repeat;}



.jScrollPaneContainer {position: relative;overflow:hidden;z-index: 1;}

.jScrollPaneTrack {position: absolute;cursor: pointer;left: 0;bottom: 0;width: 100%;background: #E7E8E9;}

.jScrollIntervalTrack {position: absolute;}



.jScrollPaneDrag {position: absolute;background: #61A7D1;cursor: pointer;overflow: hidden;}

.jScrollPaneDragLeft {position: absolute;bottom: 0;left: 0;overflow: hidden;}

.jScrollPaneDragRight {position: absolute;bottom: 0;right: 0;overflow: hidden;}

a.jScrollArrowLeft {display: block;position: absolute;z-index: 1;bottom: 0;left: 0;text-indent: -2000px !important;overflow: hidden;/*background-color: #666;*/height:9px;width: 7px;border-right:4px solid #fff;}

a.jScrollArrowLeft:hover {}

a.jScrollArrowRight {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px !important;overflow: hidden;/*background-color: #666;*/height:9px;width: 7px;border-left:6px solid #fff;}

a.jScrollArrowRight:hover {}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.holder{margin:0;display:block;/* TEMP */margin-bottom: 20px;}

.scroll-pane{width: 600px;float: left;padding:0;}

#pane1{height:520px;width:934px;padding:0;display: block;_overflow: hidden;}



a.jScrollArrowLeft {background: url(images/scrollarrowleft.gif) no-repeat 0 1px;}

/*a.jScrollArrowLeft:hover {background-position: 0 -15px;}*/

a.jScrollArrowRight {background: url(images/scrollarrowright.gif) no-repeat 0 1px;}

/*a.jScrollArrowRight:hover {background-position: 0 -15px;}

a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}*/



#all{height:530px;overflow:hidden;padding:0;margin:0;}

#image{padding:15px 0 15px 0;}

.image{padding:15px 0 15px 0;height:500px;position:relative;display:block;}

.wimage{padding:5px 0 15px 0;height:510px;position:relative;display:block;}

#details{position:absolute;top:32px;left:0;width:310px;}

.details{position:absolute;top:0px;left:0;width:310px;}

#details a,.details a{color:#61A7D1;text-decoration:none;}

#details a:hover,.details a:hover{text-decoration:underline;}



#thumbs{width:908px;text-align:center;height:53px;overflow:hidden;}

#thumbs a{margin:0 4px 0 0;padding:0;}

#thumbs a img{-moz-opacity: 0.40;opacity:.40;filter: alpha(opacity=40);padding:0;margin:0;}

#thumbs a:hover img,#thumbs a.on img,#thumbs a.activeSlide img{-moz-opacity: 0.99;opacity:.99;filter: alpha(opacity=99);}



a#prev,a#next{background:url(images/arrows.gif) no-repeat;text-indent:-9999px;overflow:hidden;display:block;height:13px;width:11px;position:absolute;top:587px;}

a#prev{background-position:0 0;left:-18px;}

a#prev:hover{background-position:0 -13px;}

a#next{background-position:-11px 0;left:915px;}

a#next:hover{background-position:-11px -13px;}



#portnav{width:908px;text-align:center;padding-top:15px;}

#portnav ul{}

#portnav ul li{position:relative;display:inline;list-style:none;padding:0 8px;border-right:1px solid #8C8F92;line-height:12px;}

#portnav ul li.all{border:none;}

#portnav a{color:#8C8F92;text-decoration:none;line-height:12px;}

#portnav a:hover{color:#61A7D1;}

#portnav h3{text-transform:uppercase;}



h1,h2,h3,h4{font-size:12px;font-weight:bold;color:#045F9E;}

h2.largeh2,#page h2{font-size:16px;font-weight:bold;color:#0069AA;line-height:19px;margin-bottom:2px;}

h4{font-weight:normal;}

p{padding:0 0 22px 0;}

.testim p{padding:0 0 35px 0;}

.cont p{padding:0 0 18px 0;}

p.nopad,.cont p.nopad{padding:0 0 5px 0;}

.testim p.nopad{padding:0 0 4px 0;}

p.error{padding:0 0 3px 0;color:#CC3300;}

.error{color:#c30;}

span.error{padding-left:5px;}

label{font-weight:bold;}

#scroll p img{display:block;}

input.field,input.field2,textarea{background-color:#F2F2F2;font-family:Arial, Helvetica, sans-serif;color:#8C8F92;font-size:12px;}

input.field{width:265px;height:19px;padding:2px 4px 0 4px;}

input.field2{width:164px;height:19px;padding:2px 4px 0 4px;}

textarea{width:347px;height:98px;padding:2px 4px;overflow:auto;}

table{padding-top:10px;}

.cont table{padding:0;}

.cont h4{padding-bottom:10px;}

td{height:19px;}

.h21 td{height:21px;padding-bottom:5px;}

.h102 td{height:102px;padding-bottom:5px;}

#log table{padding:0;margin:0;border:0;}

#log td{height:auto;}



input#contactsub,input#newssub,input#signsub,input#uploadsub{text-indent:-9999px;background:url(images/buttons.gif) no-repeat;height:23px;display:block;line-height:0px;font-size:1px;cursor:pointer;}

input#contactsub{background-position:0 0;width:77px;}

input#contactsub:hover{background-position:0 -23px;}

input#newssub{background-position:-77px 0;width:63px;margin-top:4px;}

input#newssub:hover{background-position:-77px -23px;}

input#uploadsub{background-position:-140px 0;width:77px;margin-top:4px;}

input#uploadsub:hover{background-position:-140px -23px;}

input#signsub{background-position:-217px 0;width:53px;margin:4px 20px 8px 0;}

input#signsub:hover{background-position:-217px -23px;}

.checkbox{width:9px;height:15px;padding:0 5px 0 0;background:url(images/radio.gif) no-repeat;display:block;clear:left;float:left;}



/*input#file{position:absolute;top:0;left:0;z-index:10;width:220px;padding:0 20px;font-size:12px;opacity:0.0;-moz-opacity:0.0;filter:alpha(opacity=00);}	

#divinputfile{height:23px;width:220px;margin:0;overflow:hidden;}

#divinputfile input#upload{width:220px;opacity:0.0;-moz-opacity:0.0;filter:alpha(opacity=00);font-size:12px;cursor:pointer;z-index:999;}

#fakeinputfile{width:220px;height:23px;}

#realinput{margin-top:-23px;height:23px;}

#fakeinputfile input#fakefilepc{font-family:Arial,Helvetica,sans-serif;cursor:pointer;background:#F2F2F2 url(images/browse.gif) no-repeat;width:159px;height:19px;font-size:12px;color:#069;padding:3px 58px 0px 3px;background-position:top right;overflow:hidden;}

#fakeinputfile input#fakefilepc.upon{background-position:bottom right;}

#fakeinputfile input#fakefilepc.upoff{background-position:top right;}

/*#fakeinputfile input#fakefilepc:hover{background-position:bottom right;}*/



/*#divinputfile{background:url(images/browse.gif) no-repeat top right;height:23px;width:325px;margin:0px;}

#divinputfile.upon{background-position:bottom right;}

#divinputfile.upoff{background-position:top right;}

#divinputfile #upload{opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=00);font-size:12px;}

#fakeinputfile{margin-top:-23px;}

#fakeinputfile #fakefilepc{width:265px;height:19px;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#f2f2f2;padding:3px 2px 0 2px;}

#fakeinputfile input#fakefilepc.upon{background-position:bottom right;}

#fakeinputfile input#fakefilepc.upoff{background-position:top right;}

*/



#divinputfile{height:23px;width:346px;margin:0px;display:block;overflow:hidden;position:relative;}

#h23{height:23px;width:346px;overflow:hidden;}

#divinputfile #filepc{opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=00);font-size:18px;}

#fakeinputfile{margin-top:-23px;}

#fakeinputfile #fakefilepc{width:282px;height:19px;font-size:12px;font-family:Arial;line-height:12px;padding:3px 2px 0 2px;background-color:#f2f2f2;}

.upon{background:url(images/browse.gif) no-repeat bottom right;}

.upoff{background:url(images/browse.gif) no-repeat top right;}

#upbut{position:absolute;top:0px;right:0px;width:55px;height:23px;}

#upbut:hover{border:1px solid #000;}



#footer{height:130px;border-top:3px solid #8C8F92;background-color:#011B2E;text-align:center;}

#footer div{text-align:left;position:relative;margin:0 auto;width:965px;padding:20px 0 0 0;}

#footer ul{position:relative;float:left;display:inline;padding-right:20px;}

#footer ul li{list-style:none;display:block;line-height:12px;}

#footer ul li.section{padding-bottom:10px;}

#footer ul li a{color:#8C8F92;text-decoration:none;font-size:8px;text-transform:uppercase;line-height:12px;}

#footer ul li a:hover{color:#61A7D1;}



#footer div#contact-info{position:absolute;top:40px;left:490px;width:390px;margin:0;padding:0;color:#8C8F92;text-align:right;}

#footer address{font-size:10px;text-transform:uppercase;line-height:18px;}

#footer p{font-size:12px;line-height:12px;padding:0;}

#footer p span{margin-right:6px;}



#footer div#connect{position:absolute;top:20px;left:890px;width:200px;margin:0;padding:0;color:#8C8F92;font-size:9px;text-transform:uppercase;}

a#linked-in,a#twitter{width:33px;height:33px;display:block;text-indent:-9999px;position:absolute;top:20px;}

a#linked-in:hover,a#twitter:hover{-moz-opacity: 0.80;opacity:.80;filter: alpha(opacity=80);}

a#linked-in{background:url(images/linked-in.gif) 0 0;left:0px;}

a#twitter{background:url(images/twitter.gif) 0 0;left:37px;}



.clear{clear:both;}