/* CSS JK MEDIA */ /*-------------------------------------------------------------------------------- */ * {margin:0; padding:0;} body {background:#161616 url(../images/bg-body.jpg) top center no-repeat; color:#FFFFFF; font:11px/1.5em Verdana;} html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;} fieldset,img {border: none;} caption,th {text-align: left;} table {border-collapse: collapse; border-spacing: 0;} a, a:link, a:visited {color:#FF0000; text-decoration:none;} a:hover, a:active {color:#FF0000; text-decoration:underline;} a img {border:0;} :focus {outline:0;} /* Heading */ h1, h2, h3, h4 {line-height:1.2em; font-family:Century Gothic; font-weight:normal;} h1 {font-size:30px;} h2 {font-size:18px;} h3 {font-size:16px;} h4 {font-size:14px;} h5 {font-size:12px;} h6 {font-size:11px;} h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h2 a, h1 a:link, h2 a:visited, h2 a:hover, h2 a:active, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active, {font-family:Century Gothic;} /* Table */ th {padding:0; text-align:left; vertical-align:top;} td {padding:0; vertical-align:top;} /* Paragraph */ p, address {margin-bottom:10px; line-height:1.2em; padding:0px;} address {font-style:normal;} cite {font-style:normal; font-size:10px;} q:before, q:after {content:'';} /* Form */ form {display:inline;} fieldset {border:0;} legend {display:none;} label {color:#333;} input, select, textarea {vertical-align:middle; font:normal 11px Tahoma; padding:2px; color:#515151;} textarea {overflow:auto;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: 1px dotted transparent;} /* Lists */ ul,ol {list-style:none;} dt {display:block;} /*-------------------------------------------------------------------------------- */ #wrapper {width:802px; margin:0 auto;} /*================= Header ===================*/ #header {width:802px; height:142px; margin:0px auto 0px;} #header-left {width:615px; height:142px; float:left;} #navbar {width:615px; height:25px; margin-top:117px; background: url(../images/bg-nav.jpg) left top no-repeat;} #navbar a {display:block; height:25px; float:left; background: url(../images/bg-nav.jpg) left 100px no-repeat;} #navbar a#home {width:55px;} #navbar a#home:hover, #navbar a#home.selected {background-position:left bottom;} #navbar a#service {width:115px;} #navbar a#service:hover, #navbar a#service.selected {background-position:-55px bottom;} #navbar a#commerce {width:105px;} #navbar a#commerce:hover, #navbar a#commerce.selected {background-position:-170px bottom;} #navbar a#design {width:70px;} #navbar a#design:hover, #navbar a#design.selected {background-position:-275px bottom;} #navbar a#marketing {width:95px;} #navbar a#marketing:hover, #navbar a#marketing.selected {background-position:-345px bottom;} #navbar a#clients {width:75px;} #navbar a#clients:hover, #navbar a#clients.selected {background-position:-440px bottom;} #navbar a#contact {width:100px;} #navbar a#contact:hover, #navbar a#contact.selected {background-position:right bottom;} #header-right {width:181px; height:142px; float:right;} #login {width:135px; height:55px; margin:74px auto 0px; background:url(../images/bg-login.jpg) center top no-repeat;} #login a {display: block; height:27px; width:135px;background:url(../images/bg-login.jpg) center -1000px no-repeat;} #loginarea {width:135px; height:55px; margin:74px auto 0px; background:url(../images/bg-logout.jpg) center top no-repeat;} #loginarea-client {width:135px; height:55px; margin:74px auto 0px;background:url(../images/bg-logout-client.jpg) center top no-repeat;} #loginarea a {display: block; height:27px; width:135px;background:url(../images/bg-logout.jpg) center -1000px no-repeat;} #loginarea-client a {display: block; height:27px; width:135px;background: url(../images/bg-logout-client.jpg) center -1000px no-repeat;} #login a#login:hover, #login a#login.selected, #loginarea a#area:hover, #loginarea a#area.selected, #loginarea-client a#area:hover, #loginarea-client a#area.selected {background-position:center -55px;} #login a#become:hover, #login a#become.selected, #loginarea a#logout:hover, #loginarea a#logout.selected, #loginarea-client a#logout:hover, #loginarea-client a#logout.selected {background-position:center -82px;} /*================= Content ===================*/ #content {width:802px; margin:0px auto; background:#000000 url(../images/bg-content-top.jpg) center top no-repeat;} .content-top {width:802px; height:164px;} .content-middle {width:802px;} .content-bottom {width:802px; height:5px; margin:0px auto; background:url(../images/bg-content-bottom.jpg) center bottom no-repeat;} #home-top, #service-top, #commerce-top, #design-top, #marketing-top, #clients-top, #contact-top, #agent-login-top, #become-agent-top, #agent-area-top, #send-mail-top {width:800px; height:162px; margin:1px; color:#000000;} #home-middle, #service-middle, #commerce-middle, #design-middle, #marketing-middle, #clients-middle, #contact-middle, #agent-login-middle, #become-agent-middle, #agent-area-middle, #send-mail-middle { width:720px; padding:5px 40px; margin:2px 1px;} #home-middle {background:url(../images/img-home2.jpg) right top no-repeat;} #home-top {background:url(../images/slider.jpg) center 3px no-repeat;} #service-top {background:url(../images/img-webservice.jpg) right 2px no-repeat;} #commerce-top {background:url(../images/img-commerce.jpg) right 2px no-repeat;} #design-top {background:url(../images/img-design.jpg) right 2px no-repeat;} #marketing-top {background:url(../images/img-marketing.jpg) right 2px no-repeat;} #clients-top {background:url(../images/img-client.jpg) right 2px no-repeat;} #contact-top {background:url(../images/img-contact.jpg) right 2px no-repeat;} #agent-area-top, #send-mail-top {background:url(../images/img-agentarea.jpg) right 2px no-repeat;} #navslide {width:800px; position:relative;} #navslide a {display:block; width:12px; height:12px; margin-right:5px; float:left; background:url(../images/bg-nav-slide.jpg) right top no-repeat;} #navslide a:hover, #navslide a.select {background-position:left top;} #boxslide {width:720px; height:290px;} #arrow-left {float:left; width:40px; height:290px;} #arrow-left a img {margin-top:80px;} #img-slide {float:left; width:640px; height:290px;} #arrow-right {float:right; width:40px; height:290px;} #arrow-right a img {margin-top:80px;} #contactus {margin:20px 0px;} #contactus .spec, #agentlogin .spec {padding-right:10px; text-align:right;} #contactus .field input, #contactus .field textarea, #agentlogin .field input, #agentlogin .field textarea, #agentlogin .field select, #send-mail-middle input {background:#B7B7B7; border:none; width:200px;} table#contactus tr td, table#agentlogin tr td {padding-bottom:5px;} #agentlogin {margin:40px 0px;} #agent-area-middle table tr td {padding:0 0 7px;} #send-mail-middle table tr td { width:33%;} /*.........TAB.........*/ #contentmenu {font-weight:bold; font-size:12px;} .contentmenutab{padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: bold 12px Tahoma;list-style-type: none;text-align: left;} .contentmenutab li{display: inline;margin: 0;} .contentmenutab li a{text-decoration: none;position: relative;z-index: 1;padding: 3px 7px;margin-right: 3px;color:#FF0000;} .contentmenutab li a:visited{color:#FF0000;} .contentmenutab li a:hover{text-decoration: underline;color: #FFFFFF;} .contentmenutab li a.selected{position: relative;top: 1px;color:#FFFFFF;} .contentmenutab li a.selected{border-bottom-color: white;} .contentmenutab li a.selected:hover{text-decoration: none;} .tabcontent{display:none;} @media print {.tabcontent {display:block !important;}} /*================= Footer ===================*/ #footer {width:802px; margin:0px auto 20px; text-align:center; color:#FFFFFF;}