/*
 * Kucing-Kelabu.com main website CSS
 * version:	2.00
 * 
 * Date: 	16 November 2009
 * 
 * Authors:	Munirah (Designs)	- munirah@kucing-kelabu.com
 * 			Ross (HTML/CSS)		- fird@kucing-kelabu.com
 * 
 * All rights reserved.
 * No cats are harmed during the making of this website.
 * We love cats!
 */

/* Global Styles */
body {background: #fede78 url(../images/kkbg-top.jpg) repeat-x scroll 50% 0; color: #fff;}

#kk-lower {z-index: 900; margin-top: -100px; position: relative; padding:30px 0 0 0; background: #fede78 url(../images/kkbg-bot.jpg) repeat-x scroll 50% 100%;}
#kk-header {position: relative;}
.kk-head {position: relative;}
.kk-head h1 {width: 231px; height: 43px; text-indent: -9999em; float: right; margin: 110px 160px 0 0;
			 background: transparent url(../images/kk-h-logo.png) no-repeat scroll 0 0; overflow:hidden;}
.kk-star {width: 141px; height: 141px; padding:0; margin:0; position: absolute; right: 0; top: 70px;
		  background: transparent url(../images/kk-star.png) no-repeat scroll 0 0;}
.kk-motto {text-align:right; margin:5px 160px 0 0;}

/* navbar */
#kk-nav {width: 560px; padding: 0px 42px; height: 64px; overflow: hidden; margin: 20px auto -10px; background: transparent url(../images/kk-nav.png) no-repeat 0 1px;}
#kk-nav ul {list-style-type: none; padding:0;}
#kk-nav li {cursor: pointer; height: 37px; float: left; text-align: center; width: 100px; margin: 12px 10px 0 0; padding: 0 0 0 0;}

#kk-nav a {text-indent: -9999em; display: block; width: 100px; height: 51px; background: transparent url(../images/nav-bubble.png) no-repeat 0 0;}
#kk-nav .nav-home a {}
#kk-nav .nav-home a:hover, #kk-nav .nav-home.current a {background-position: 0px -51px;}
#kk-nav .nav-serv a {background-position: -100px 0;}
#kk-nav .nav-serv a:hover, #kk-nav .nav-serv.current a {background-position: -100px -51px;}
#kk-nav .nav-port a {background-position: -200px 0;}
#kk-nav .nav-port a:hover, #kk-nav .nav-port.current a {background-position: -200px -51px;}
#kk-nav .nav-contact a {background-position: -300px 0;}
#kk-nav .nav-contact a:hover, #kk-nav .nav-contact.current a {background-position: -300px -51px;}

/* content */
#kk-content {position: relative; z-index: 1000; font: 14px/1.4 "Segoe UI","Helvetica","Arial",sans-serif; color: #949494;}
#kk-content a {text-decoration: none; color: #f14a75;}
#kk-content a.alt {color: #0dbcb6;}
#kk-content a:hover {text-decoration: underline;}
#kk-content h2 {color: #f14a75; font: 36px/1 "Helvetica Light","Arial",sans-serif; letter-spacing: -2px; margin-bottom: 10px;}
#kk-content h3 {font: normal 14px/1 "Georgia","Times New Roman","Times", serif; color: #666051; margin:0 0 20px 0;}
#kk-content h4 {color: #f14a75; font: normal 18px/1 "Georgia","Times New Roman","Times", serif; margin-bottom: 5px;}
#kk-content p {margin-bottom: 20px;}
.content-mid {width: 520px; margin: 0px auto; background: transparent url(../images/content-bg-mid.png) repeat-y 0 0; padding: 20px 62px;}
.content-top {margin: 0px auto; width: 644px; height: 40px; background: transparent url(../images/content-bg-top.png) no-repeat 0 0;}
.content-bot {margin: 0px auto; width: 644px; height: 40px; background: transparent url(../images/content-bg-bot.png) no-repeat 0 0;}

#content-load {text-align: center; padding: 20px 0;}
#content-contact {display: none;}
#content-home {display: none;}
#content-port {display: none;}
#content-serv {display: none;}

.googleform label {font: normal 14px/1 "Segoe Ui","Helvetica","Arial",sans-serif; color: #666;}
.googleform label.form-help {font-size: 10px;}
.googleform input[type=text], .googleform textarea {border: 1px solid #ddd; padding: 6px; width: 508px; font: normal 14px/1.3 "Segoe Ui","Helvetica","Arial",sans-serif;}
.googleform textarea {height: 160px;}
.googleform input[type=text]:focus, .googleform textarea:focus {border: 1px solid #404040; background-color:#ffe6e7;}
.googleform input[type=submit] {cursor: pointer; text-align: center; padding: 8px 24px; font: normal 16px/1 "Segoe UI", "Helvetica", "Arial",sans-serif;}
.required {color: #f14a75;}
p.right {text-align: right;}
.submitaction {text-align: center; padding: 40px 0; display: none;}
.thanksform {display: none;}


.social-link {width: 600px; margin: -10px auto 0; text-align: right; line-height: 16px; vertical-align: middle;}

.sil {width: 400px; height: 340px; background: transparent url(../images/sil.png) no-repeat 0 0;}
.sil-home {background-position: 0 0;}
.sil-port {background-position: 0 -340px;}
.sil-contact {background-position: 0 -680px;}

a#home-link-contact {text-indent: -999em; margin: 95px 0 0 314px; width: 156px; height: 245px; display: block; background: transparent url(../images/cat.png) no-repeat 0 0;}
a#home-link-contact:hover {background-position: 0 -245px;}
form {margin:0; padding:0;}
#kk-footer {font: normal 18px/1 "Segoe UI","Helvetica","Arial",sans-serif; color: #c5c5c5; background: #363535 url(../images/footerbg.png) repeat-x 0 0; padding: 20px 0 0;}
#kk-footer a, #kk-footer a:visited, #kk-footer a:hover, #kk-footer a:active {color: #fff; text-decoration: underline;}
#nn-form {color: #ffffff;}
#nn-form input[type=text] {width: 200px; font: normal 18px/1 "Segoe UI","Helvetica","Arial",sans-serif; display: inline; border: 0px none; border-bottom: 1px solid #ffd200; background-color: #000; color: #ffd200;}
.copyright {font-size: 11px;}
.news-thanks {display: none;}
.news-submit {display: none;}

.sharehide {display: none;}
.share-btn {display: block; width: 176px; height: 76px; text-indent: -9999em; background: transparent url(../images/btn-shareus.gif) no-repeat 0 0;}