@charset "utf-8";
/* CSS Document */


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/********/

a{color:#8896CB;}
a:hover{color:#8896CB;}

.email{visibility:hidden;}


h1{font-size:18px;color:#C768A8;font-weight:bold;margin-bottom:8px;}
h1 a{font-size:18px;color:#C768A8;font-weight:bold;margin-bottom:8px;}
h2{font-size:15px;color:#8896CB;font-weight:bold;margin-bottom:6px;}
h3{font-size:13px;color:#8896CB;font-weight:bold;margin-bottom:4px;}
h4{font-size:14px;color:#B4C871;font-weight:bold;width:100%;border-bottom:1px dashed #ccc;}
h10{font-size:13px;color:#666666;font-weight:bold;margin-bottom:0px;}

.introline{color:#8896CB;font-size:13px;}
.bold{font-weight:bold;}
.clear{clear:both;}
.leftpad{margin-left:10px;}

html, body{
	color:#666666;
	background:#CCCCCC url(../img/bg-tile.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:13px;
}

#xcontainer{
	width:800px;
	background:white;
	border-left:#666666 1px solid;
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	padding:1px;
}

#header{height:134px;overflow:hidden;}
#logo{width:360px;float:left;}
#support-buttons{float:right;margin:5px 5px 0 0;}


/** Splashes **/
#splashes{width:100%;overflow:hidden;}
.splash-float-r{width:300px;float:right;}
.splash-float-l{float:left;color:#FFFFFF;padding:45px 0 0 60px;font-size:13px;font-weight:bold;font-style:italic;text-shadow: #000 20px -12px 2px;}
.bluesplash1{height:124px;width:100%;background:url(../img/splashes/bluesplash1.gif) top left repeat-x;border-top:#8896CB 1px solid;border-bottom:#8896CB 1px solid;}
.greensplash1{height:124px;width:100%;background:url(../img/splashes/greensplash1.gif) top left repeat-x;border-top:#96A952 1px solid;border-bottom:#96A952 1px solid;}
.yellowsplash1{height:124px;width:100%;background:url(../img/splashes/yellowsplash1.gif) top left repeat-x;border-top:#A9A21B 1px solid;border-bottom:#A9A21B 1px solid;}
.pinksplash1{height:124px;width:100%;background:url(../img/splashes/pinksplash1.gif) top left repeat-x;border-top:#A74E8A 1px solid;border-bottom:#A74E8A 1px solid;}
.greensplash2{height:124px;width:100%;background:url(../img/splashes/greenspash2.gif) top left repeat-x;border-top:#7D9874 1px solid;border-bottom:#7D9874 1px solid;}



#kwick-holder{width:100%;height:80px;background:#C768A8;}	
.kwicks {list-style:none;position:relative;margin:0; padding:0;}  
.kwicks li{display: block;overflow: hidden;padding: 0;cursor: pointer;}  
.kwicks li {float: left;width: 99px;height: 80px;}
.kwicks li a{
	height: 80px;
	text-indent: -9999px;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	display: block;
	background-image: url(images/mainmenu.png);
	background-repeat: no-repeat;
	z-index: 2;
	cursor: pointer;
}

#kwick1 {background:#99A9E4 url(../img/kwick/maintenance.jpg) top left no-repeat;}
#kwick2 {background:#B4C871 url(../img/kwick/backup.jpg) top left no-repeat;}
#kwick3 {background:#C768A8 url(../img/kwick/broadband2.jpg) top left no-repeat;}
#kwick4 {background:#9FB996 url(../img/kwick/sales.jpg) top left no-repeat;}
#kwick5 {background:#DDD222 url(../img/kwick/webservices.jpg) top left no-repeat;}
#kwick6 {background:#99A9E4 url(../img/kwick/webdesign.jpg) top left no-repeat;}
#kwick7 {background:#B4C871 url(../img/kwick/repairs.jpg) top left no-repeat;}
#kwick8 {background:#C768A8 url(../img/kwick/contact.jpg) top left no-repeat;}
        	

/** Structure **/
#split{width:100%;padding-top:10px;}
#split-left{width:170px;float:left;}
#split-right{width:610px;float:right;margin-right:10px;}

.spliter1{width:100%;}
.spliter1-left{width:370px;float:left;}
.spliter1-right{width:220px;float:right;}

/** Footer **/
#footer{
	height:36px;
	border-top:1px ridge #666666;
	margin-top:10px;
	overflow:hidden;
}

#footer-nav{
	float:left;
	margin-top:5px;
}


#footer-copy{
	float:right;
	margin-top:6px;
	margin-right:15px;
}

.footer-nav ul{
	margin:6px 0 0 0;
	padding:0;
	overflow:hidden;
	list-style:none;
	float:left;
}
.footer-nav ul li{
	float:left;
	margin:0 1px 0 -1px;
	display:inline;
	background:url(../img/footer-seperator.gif) no-repeat left;
	padding:0 13px 0 14px;
}
.footer-nav ul li.copy{
	background:none;
	padding:0 0 0 16px;
}

.footer-nav a{color:#959595;}

.footer-nav a:hover{
	color:#000;
	text-decoration:none;
}

/** Structure **/

.halfnhalf{width:100%;font-size:12px;}
.halfnhalf-left{width:280px;padding:5px;float:left;border:1px solid #CCC;}
.halfnhalf-right{width:280px;padding:5px;float:right;border:1px solid #CCC;}


/** Boxes **/

#services-page a{font-size:14px;color:#B4C871;font-weight:bold;width:100%;border-bottom:1px dashed #ccc;text-decoration:none;}
#services-page a:hover{font-size:14px;color:#9FB996;font-weight:bold;width:100%;border-bottom:1px dashed #ccc;}

/** Lists **/

#bullet-list1{
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px dashed #CCC;
}

#bullet-list1 li{
	list-style: none;
	background:url(../img/content-list-img.gif) center left no-repeat;
	margin: 0;
	padding: 0.25em;
	border-top: 1px dashed #CCC;
}

#bullet-list1 li p { color:#C768A8; text-decoration: none; padding-left:12px; font-weight:bold;}

/** Navigation **/

#navcontainer ul{list-style-type:none;text-align:left;margin-left:8px}
#navcontainer ul li a{background: transparent url(../img/list-off.gif) left center no-repeat;padding-left: 18px;text-align: left;font: normal 13px tahoma, verdana;font-weight:bold;text-decoration: none;color: #666666;}
#navcontainer ul li a:hover{background: transparent url(../img/list-on.gif) left center no-repeat;color: #99A9E4;}

#navcontainer2 ul{list-style-type:none;text-align:left;margin-left:8px}
#navcontainer2 ul li a{background: transparent url(../img/list-off2.gif) left center no-repeat;padding-left: 18px;text-align: left;font: normal 13px tahoma, verdana;font-weight:bold;text-decoration: none;color: #666666;}
#navcontainer2 ul li a:hover{background: transparent url(../img/list-on.gif) left center no-repeat;color: #99A9E4;}



/** Forms **/

.input{width:160px;padding:2px;border:1px solid #CCC;margin-bottom:2px;margin-bottom:2px;}
.query{width:200px;padding:2px;border:1px solid #CCC;margin-bottom:2px;margin-bottom:2px;}
.radio{border:1px solid #CCC;margin-bottom:2px;}