/*  
Theme Name: Konnect
Description: Konnect Computing Solutions theme designed by Nathan Beck
Version: 1.0
Author: Nathan Beck
Author URI: http://www.nathanbeck.co.uk
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, Helvetica, Calibri, Arial, Sans-Serif;
	font-size: 12px;
	vertical-align: top;
        padding: 0;
	background: #f7f7f7 url(images/bodybg.png) repeat-x top;
	color: #333;
}

#wrapper {
	width: 920px;
	margin: 0 auto;
}

#innerwrapper {
     width: 900px;
     padding: 0 10px 20px 10px;
     float: left;
     display: inline;
     background: url(images/wrapperbg.png) repeat-y;
}

#menu {
	width: 902px;
        float: left;
        display: inline;
	height: 52px;	
	margin: 0 10px 0 8px;
        background: url(images/menubgline.png) no-repeat left;
}

#header {
	width: 900px;
	height: 125px;
	float: left;
	display: inline;
	clear: both;
}

#logo {
	width: 450px;
	height: 115px;
	padding-top: 10px;
	float: left;
	display: inline;
        background: url(images/logobg.png) no-repeat;
}

#phonenumber{
     float: right;
     padding: 50px 10px 0 0;
}

#banner {
	width: 899px;
	height: 200px;
	display: inline;
	float: left;
        background: url(images/banner.png) no-repeat;
}

#content {
	width: 850px;
        padding: 25px;
	display: inline;
	float: left;
}

#contentleft {
     width: 575px;
     padding-right: 25px;
     float: left;
     display: inline;
}

#sidebar {
     width: 250px;
     float: left;
     display: inline;
}

#footer {
     height: 50px;
     width: 920px;
     margin: 0 auto;
     padding-top: 10px;
     clear: both;
     margin-bottom: 10px;
     background: url(images/footerbg.png) no-repeat;
     text-align: center;
}

#footer p{
     font-size: 10px;
     line-height: 15px;
}

#aboutheader {
     height: 60px;
     width: 899px;
     float: left;
     display: inline;
     background: url(images/aboutheader.png) no-repeat;
}

#pageheader {
     height: 4px;
     width: 899px;
     float: left;
     display: inline;
     background: url(images/pageheader.png) no-repeat;
}

#homesolutionsheader {
     height: 60px;
     width: 899px;
     float: left;
     display: inline;
     background: url(images/homesolutionsheader.png) no-repeat;
}

#businessheader {
     height: 60px;
     width: 899px;
     float: left;
     display: inline;
     background: url(images/businessheader.png) no-repeat;
}

#downloadsheader {
     height: 60px;
     width: 899px;
     float: left;
     display: inline;
     background: url(images/downloadsheader.png) no-repeat;
}

#contactheader {
     height: 60px;
     width: 899px;
     float: left;
     display: inline;
     background: url(images/contactheader.png) no-repeat;
}

#homesolutionslist ul li{
     list-style-type: none;
     font-size: 13px;
     font-weight: bold;
     line-height: 30px;
     height: 30px;
     color: #cc0849;
     padding-left: 25px;
     background: url(images/bullet2.png) no-repeat;
}

/* Front Page Styles */

#fpsplash1 {
     width: 219px;
     height: 220px;
     padding-right: 25px;
     float: left;
     display: inline;
     border-right: 1px solid #d7d7d7;
}

#fpsplash2 {
     width: 310px;
     height: 220px;
     padding: 0 25px 0 25px;
     float: left;
     display: inline;
}

#fpsplash3 {
     width: 219px;
     height: 220px;
     padding-left: 25px;
     float: left;
     display: inline;
     border-left: 1px solid #d7d7d7;
}

#servicelinks a{
     font-size: 13px;
     font-weight: bold;
     line-height: 20px;
     vertical-align: top;
     display: inline;
}

#splashbuttons {
    width: 850px;
    height: 80px;
    margin-top: 25px;
    float: left;
    display: inline;
}

/* MENU STYLES */

#menu ul{
	width: 600px;
	height: 52px;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li{
	width: 100px;
	height: 52px;
	display: inline;
	float: right;
	background-position: top;
}

#menu ul li.home {background: url(images/menuhome.png) no-repeat;}
#menu ul li.home:hover {background-position: bottom;}

#menu ul li.about {background: url(images/menuabout.png) no-repeat;}
#menu ul li.about:hover {background-position: bottom;}

#menu ul li.homesolutions {background: url(images/menuhomesolutions.png) no-repeat;}
#menu ul li.homesolutions:hover {background-position: bottom;}

#menu ul li.business {background: url(images/menubusiness.png) no-repeat;}
#menu ul li.business:hover {background-position: bottom;}

#menu ul li.downloads {background: url(images/menudownloads.png) no-repeat;}
#menu ul li.downloads:hover {background-position: bottom;}

#menu ul li.contact {background: url(images/menucontact.png) no-repeat;}
#menu ul li.contact:hover {background-position: bottom;}


/* Banner */

img.bannerbutton{
     width: 150px;
     height: 200px;
     float: right;
     display: inline;
     background-position: top;
}

img#banner1{background: url(images/bannerbutton1.png) no-repeat;}
img#banner1:hover{background-position: bottom;}

img#banner2{background: url(images/bannerbutton2.png) no-repeat;}
img#banner2:hover{background-position: bottom;}

img#banner3{background: url(images/bannerbutton3.png) no-repeat;}
img#banner3:hover{background-position: bottom;}


/* Sidebar styles */

#sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li{
	padding: 0;
        border: 1px solid #dedede;
        margin-bottom: 20px;
}

#sidebar ul li div.textwidget {
     padding: 10px;
     font-size: 11px;
     color: #666;
}

#sidebar ul li h2{
	padding-left: 10px;
        margin: 0;
        background: url(images/sidebarheader.png) no-repeat;
        font-size: 16px;
        font-weight: bold;
        line-height: 35px;
        height: 35px;
        width: 238px;
        font-family: Arial, sans-serif;
}

#sidebar ul ul{
	padding: 0;
}

#sidebar ul ul li{
	margin: 0;
	padding: 0;
        border: none;
	border-bottom: 1px solid #dedede;
	line-height: 30px;
        height: 30px;
        overflow: hidden;
}

#sidebar ul ul li a{
     height: 30px;
     width: 250px;
     display: block;
     padding-left: 10px;
     color: #666 !important;
     font-size: 13px;
}

#sidebar ul ul li a:hover{
     text-decoration: none;
}

#sidebar ul ul li:hover{
     background: #fde5fa;
     text-decoration: none;
}


/* General site and text styles */

h1, h2, h3, h4, h5, h6{
	font-family: Lucida, "Lucida Bright", Georgia;
	font-size: 18px;
	font-weight: normal;
}

h2{
  font-size: 21px;
  color: #ea5398;
  margin-bottom: 16px;
}

p {
  margin: 0 0 14px 0;
  padding: 0;
  line-height: 18px;
}

a{
	text-decoration: none;
	color: #cc0849;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: 0;
}

hr{
	clear: both;
	margin: 25px 0;
	border: 0;
	height: 1px;
	text-align: left;
	background: #ddd;
}

.aboutimage {
     float: left;
     display: inline;
     margin-right: 10px;
}

/* Fussy Bitty Styles */

input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
        border: 1px solid #999;
        background: #fcf3fb;
        color: #444;
        width: 250px;
}

input#contactsubmit{
     width: 60px;
}

input#contactsubmit:hover{
     background: #e367c0;
     color: #222;
}

input#s, input#author, input#email, input#url, textarea#comment{
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
        margin-top: 30px;
}

.contactleft {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
        min-height: 25px;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
        min-height: 25px;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}
/* End Contact Form CSS */