/*====================================================================
KLS DESIGNS - GLOBAL STYLE SHEET - Copyright 2008 KLS Designs Ltd
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif ;}
.clear {clear: both;}

/* Default Header Styles */
h1 {text-indent: -9999px; background: url(../images/h1_logo.gif) 30px 15px no-repeat; height: 94px; display: block;}
h1 a {display: block;}
h2, h3, h4 {font-weight: normal; letter-spacing: -1px;}
h2 {font-size: 24px; line-height: 30px; color: #000033; margin-bottom: 18px;}
h3 {font-size: 18px; line-height: 24px; margin: 0 0 14px 0; color: #000033;}
h4 {font-size: 14px; line-height: 24px; letter-spacing: normal; color: #000033; margin: 4px 0px;}

/* Default / Alternative P Styles */
p {padding: 0 30px 18px 0; color: #666; font-size: 12px; line-height: 16px;}


/*====================================================================
PAGE LAYOUT
======================================================================*/

body {background: #fff url(../images/body_bg.gif) repeat-x top left; text-align: left;}
#header {width: 900px; height: 122px; margin: 0 auto; position: relative; border-bottom: 1px solid #cbcbcb;}
#header .headEmail {
	text-indent: -9999px;
	background: url(../images/head_email.gif) no-repeat;
	height: 70px;
	display: block;
	position: absolute;
	width: 225px;
	left: 650px;
	top: 15px;
}

#indBanner {width: 900px; margin: 0 auto; border-bottom: 1px solid #fff; height: 210px; background: url(../images/ind_banner.jpg) no-repeat top left;  position: relative;}
#indBanner h2 {text-indent: -9999px; padding: 0; margin: 0; float: left;}

#indService {width: 250px; height: 210px; background: url(../images/ind_problem.jpg) no-repeat top left; position: relative; float: right;}
#indService h2 {text-indent: -9999px; width: 250px; display: block; padding: 0; margin: 0;}

#indService form {padding: 0; border: 0; font-size: 12px; background: url(../images/ind_problem_formbg.jpg) no-repeat top left; width: 224px; height: 35px; position: absolute; right: 15px; top: 148px;}
#indService form select {display: block; float: left; height: 19px; border: 1px solid #ccc; font-size: 12px; padding: 0; margin: 7px; width: 160px;}
#indService form .submit {float: none; height: 26px; width: 40px; background: url(../images/button/indservice_go.gif) no-repeat; margin: 4px 0; padding: 0; border: none; color: #3399cc;}
#indService form .submit:hover {color: #cccc00;}
#indService form br {clear: left;}

#indinner {width: 900px; margin: 0 auto; padding: 40px 0 50px 0; background: url(../images/inner_shadow.jpg) top center no-repeat;}
#inner {width: 900px; margin: 0 auto; padding: 40px 0 50px 0; background: url(../images/inner_shadow.jpg) top center no-repeat;}

#main {width: 570px; float: left; padding: 0 50px 0 30px; margin: 0; display: inline; }
#main img {float: left; margin: 0 20px 20px 0;}


#right {width: 250px; float: left; display: inline; background: #fcfcfc url(../images/right_shadow.gif) left repeat-y; border-top: 5px solid #000033; }

#right .imgCaption {background: #000033; padding: 5px 15px; margin: 0 15px 15px 15px; }
#right .imgCaption p {padding: 0 0 8px 0; font-size: 11px; color: #fff; line-height: 14px;}
#right .imgCaption p strong {color: #cccc00; }

#right img.inset {width: 220px; margin: 15px 15px 0 15px;}

#right .item {padding: 20px 25px; border-bottom: 1px solid #ccc; }
#right .item h3 {padding-left: 45px;}
#right .item p {color: #000; padding-right: 0; font-size: 11px;}

#rightService {width: 250px; height: 140px; background: url(../images/right_problem.jpg) no-repeat top left; position: relative; border-bottom: 3px solid #000033;}
#rightService h2 {text-indent: -9999px; width: 250px; display: block; padding: 0; margin: 0;}

#rightService form {padding: 0; border: 0; font-size: 12px; background: url(../images/ind_problem_formbg.jpg) no-repeat top left; width: 224px; height: 35px; position: absolute; right: 15px; top: 88px;}
#rightService form select {display: block; float: left; height: 19px; border: 1px solid #ccc; font-size: 12px; padding: 0; margin: 7px; width: 160px;}
#rightService form .submit {float: none; height: 26px; width: 40px; background: url(../images/button/indservice_go.gif) no-repeat; margin: 4px 0; padding: 0; border: none; color: #3399cc;}
#rightService form .submit:hover {color: #cccc00;}
#rightService form br {clear: left;}

#footer {width: 900px; margin: 0 auto; height: 80px; background: url(../images/inner_shadow.jpg) top center no-repeat; text-align: center; padding: 20px 0;}
#footer p {padding: 10px 0 30px 0; font-size: 11px; }
#footer p .credit {margin-left: 20px;}
#footer p .credit a {color: #cccc00;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Alternative Header Styles */
#right .item h3.padlock {background: url(../images/righth3_padlock.gif) no-repeat left; line-height: 43px;}
#right .item h3.zen {background: url(../images/icons/zen.gif) no-repeat left; padding-left: 55px;}
#right .item h3.home {background: url(../images/righth3_home.gif) no-repeat left;  line-height: 43px;}
#right .item h3.alert {background: url(../images/icons/shield.gif) no-repeat left;  line-height: 43px;}
#right .item h3.weee {background: url(../images/icons/weee.gif) no-repeat left;  line-height: 43px; padding-left: 50px;}

h2.emb {background: url(../images/it.gif) no-repeat 198px 5px;}
h2.embind {background: url(../images/it.gif) no-repeat 260px 5px;}

h3.und {border-bottom: 1px solid #ccc;}

/* Alternative Para Styles */
.intro {font-size: 14px; line-height: 18px; border-bottom: 1px solid #ccc; margin-bottom: 14px; padding-bottom: 18px; color: #000033;}
.feint {color: #666;}
.date {font-size: 11px; color: #666; line-height: 15px;}
.discreet {font-size: 9px; color: #666; line-height: 15px;}

/* Link Styles */
a {color: #3399cc; font-weight: normal; text-decoration: underline;}
a:hover {color: #cccc00; text-decoration: underline;}

/* List Styles */
ul, ol {font-size: 12px; margin: 0 50px 20px 30px; color: #666;}
ul li, ol li {line-height: 16px;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

.lightItem {padding: 20px 25px; border-bottom: 1px solid #ccc; width: 350px; background: #fcfcfc; border: 3px solid #999; margin: 15px 10px;}
.lightItem h3 {line-height: 42px; padding-left: 45px;}
.lightItem p {color: #000; padding-right: 0; font-size: 11px;}

.lightItem#security h3 {background: url(../images/icons/shield.gif) no-repeat left;}
.lightItem#email h3 {background: url(../images/icons/email.gif) no-repeat left;}
.lightItem#servers h3 {background: url(../images/icons/servers.gif) no-repeat left;}
.lightItem#pcmanagement h3 {background: url(../images/icons/pcmanagement.gif) no-repeat left;}
.lightItem#hardware h3 {background: url(../images/icons/hardware.gif) no-repeat left;}
.lightItem#backup h3 {background: url(../images/icons/lock.gif) no-repeat left;}

.popItem {padding: 20px 25px; border-bottom: 1px solid #ccc; width: 550px; background: #fcfcfc; border: 3px solid #999; margin: 15px 10px 0 10px;}
.popItem h3 {line-height: 42px; padding-left: 0;}
.popItem p {color: #000; padding-right: 0; font-size: 11px;}

/*====================================================================
PARTS
======================================================================*/

/* Pricing LIsts */
.pricing {float: left;}
.pricing h4 {margin-left: 0; border-bottom: 1px solid #ccc; padding-right: 20px;}
.pricing ul {list-style-type: none; margin: 0 30px 20px 0;}


/*====================================================================
MAIN SITE NAVIGATION
======================================================================*/

ul#mainNav	{height: 28px; width: 860px; background: #000033 url(../images/mainnav.gif) no-repeat top; margin: 0; position: relative; padding: 0 20px;}
ul#mainNav li {margin: 0;  padding: 0;	font-size: 11px; list-style: none; line-height: 28px; text-transform: uppercase; padding: 0 10px; height: 28px; display: inline;}
ul#mainNav li a	{text-decoration: none; color: #86c3d6;}
ul#mainNav li a:hover {color: #fff;}
ul#mainNav li a.current {color: #cccc00;}

#servNavCont {width: 900px; margin: 0 auto;}
ul#servNav {height: 63px; width: 900px; position: relative; padding: 0; margin: 0; background: transparent url(../images/servnav.gif) no-repeat;}
ul#servNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#servNav li, ul#servNav a	{height: 63px; display: block;}
ul#servNav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 0; width: 150px;}
#opt2 {left: 150px; width: 150px;}
#opt3 {left: 300px; width: 150px;}
#opt4 {left: 450px; width: 150px;}
#opt5 {left: 600px; width: 150px;}
#opt6 {left: 750px; width: 150px;}

#opt1 a:hover {background: transparent url(../images/servnav.gif) 0 -63px no-repeat;}
#opt2 a:hover {background: transparent url(../images/servnav.gif) -150px -63px no-repeat;}
#opt3 a:hover {background: transparent url(../images/servnav.gif) -300px -63px no-repeat;}
#opt4 a:hover {background: transparent url(../images/servnav.gif) -450px -63px no-repeat;}
#opt5 a:hover {background: transparent url(../images/servnav.gif) -600px -63px no-repeat;}
#opt6 a:hover {background: transparent url(../images/servnav.gif) -750px -63px no-repeat;}

#opt1 a.current {background: transparent url(../images/servnav.gif) 0 -63px no-repeat;}
#opt2 a.current {background: transparent url(../images/servnav.gif) -150px -63px no-repeat;}
#opt3 a.current {background: transparent url(../images/servnav.gif) -300px -63px no-repeat;}
#opt4 a.current {background: transparent url(../images/servnav.gif) -450px -63px no-repeat;}
#opt5 a.current {background: transparent url(../images/servnav.gif) -600px -63px no-repeat;}
#opt6 a.current {background: transparent url(../images/servnav.gif) -750px -63px no-repeat;}

ul#footNav	{height: 28px; margin: 0; position: relative; padding: 0;}
ul#footNav li {margin: 0;  padding: 0;	font-size: 11px; list-style: none; line-height: 28px; padding: 0 5px; height: 28px; display: inline;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form {padding: 0 10px; border: 0; font-size: 12px; background: #fcfcfc; border-top: 1px solid #ccc; border-bottom: 5px solid #000033;}
form fieldset {padding: 12px 0; border: 0;}

form label, textarea, select {display: block; float: left; padding-top: 3px; color: #666;}
form label {margin: 0 5px 5px 0; text-align: left; width: 170px; padding-right: 5px;}
form input {display: block; float: left; height: 18px; width: 200px; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px;}
form select {display: block; float: left; height: 20px; border: 1px solid #ccc; font-size: 12px; padding: 2px 0; margin-bottom: 5px;}
form textarea {width: 250px; height: 150px; border: 1px solid #ccc; padding: 4px; font-size: 11px; margin-bottom: 7px;}

form input:hover, form textarea:hover {border: 1px solid #333333;}
form .submit:hover {color: #cccc00; border: 0;}
form p.disclaimer {font-size: 11px; color: #666666; padding: 10px 200px 0 0;}

form .submit {float: none; height: 22px; width: 124px; background: url(../images/button/submit_bg.gif) no-repeat; margin: 6px 0 10px 0; padding: 0; border: none; color: #86c3d6;}
form br {clear: left;}