/* 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:598px;width:386px;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:120px;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,ul#nav li#why-jlk ul{height:75px;}
ul#nav li#company ul{height:50px;}
ul#nav li#creative-services ul,ul#nav li#creative-services ul li{width:150px;}
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;}
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#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#why-jlk ul li a#wh2{background-position:-77px -70px;}
ul#nav li#why-jlk 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#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 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;}
#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#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#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;}

#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;}

#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;}
.half{position:relative;display:inline;float:left;width:460px;padding-right:32px;}
.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;}
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:120px;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;}