#header {clear: both; width: 960px; height: 140px; background: #000000 url(../images/header.jpg) no-repeat; border-bottom:2px solid #58595b;}
#footer {clear: both; width: 960px; background: #f1f1f1; padding-top:10px;}
#footer #links{margin: 5px 15px; font-size:100%;}
#footer #copyright{float: right; margin: 5px;}

#mainWrapper{float:right; width: 780px; background:#f1f1f1;}
#mainContent{padding: 0 10px;}
#mainContentSingle{width: 760px;}
#mainContentLeft{float: left; width: 590px;}

#sidemenu1{float:left; width: 180px; background:#f1f1f1;}
#sidenav ul{margin:0; padding:0; list-style-type:none; width: 180px;}
#sidenav li{border-bottom:1px solid #58595b; border-left:3px solid #58595b; background: #000000 right repeat-y;
	padding: 6px 5px; font-size:1.2em; margin-bottom:0; margin-left:0;}
#sidenav a, #sidenav a:link{font-weight:bold; color:#FFFFFF; text-decoration:none; font-style:normal;}
#sidenav a:hover{color:#FF0000;}

/* index page */
#twitterfeed {float: right; margin: 10px 0 10px 10px;}
#businesssupport{float: right; margin: 0 0 10px 10px; border: 0;}
#servicepoints{padding-top: 5px; padding-bottom:5px; font-size:12px; font-weight: bold; width: 570px;}
#servicepoints li{float: left; display: inline; height: 25px; line-height: 25px; padding-left:30px; margin-right: 15px; background:url(../images/tick.png) no-repeat 0 50%;}

/* computer repair page */
#phonerepair {float: right; width: 300px; background: url(../images/phonerepairmid.jpg) repeat-y; color:#ffffff; margin-top: 25px; margin-bottom: 10px;}
#phonerepair div{background: url(../images/phonerepairtop.jpg) top no-repeat;}
#phonerepair div div{height: 115px; background: url(../images/phonerepairbottom.jpg) bottom no-repeat;}
#phonerepair div div .phonetext{margin-right: 60px; padding:15px 5px 10px 10px; border: 0; background:none; font-size:110%;}

/* it services page */
.itservice {margin-top: 10px;}
.itservice img{float: left; margin-right: 10px; margin-top: 0.3em; border: 1px solid #58595b;}
.itservice .servicetext{float: left; width: 630px; margin-left : 5px;}
.itservice .servicetext h4{margin-top:0;}

/* website photography page */
#webproducts {float: right; width: 360px; background: #000000; text-align:center; padding-top:10px; padding-bottom:10px;}

/* web design page */
#websamples{margin: 15px auto; text-align: center;}
#websamples h4{text-align: left;}
#websamples img{margin: 5px 1px;}

/* business support page */
#businessservices{float: right; margin-left: 10px;}
#businessservices div{width: 350px; background:url(../images/busservmid.jpg) repeat-y;}
#businessservices div div{background:url(../images/busservtop.jpg) top no-repeat; padding-top:216px;}
#businessservices div div div{background:url(../images/busservbottom.jpg) bottom no-repeat; padding-top: 10px; padding-bottom:10px;}
#businessservices div div div li{color: #ffffff; font-size:110%; margin-bottom:0.5em; background:url(../images/bullet_round_white.png) no-repeat 0.7em 0.4em;}

/* contacts page */
.enqmethod {margin-bottom:15px;}
.enqmethod img{float: left; margin-right:10px;}
.enqmethod .methodtext{float: left;}

.contact-form {float: left; margin-left: 30px;}
.contact-form form{padding: 10px 0;}
.contact-form p{margin-top: 0.5em; margin-bottom: 0.8em;}
.contact-form .fieldlabel{float: left; display: inline; width: 70px; text-align:right; padding-top:0.3em;}
.contact-form .error{display: block; margin-left: 70px; color: red;}
.contact-form input, .contact-form textarea{margin-top: 5px; margin-left:5px;}
.contact-form .submitbutton{margin-left: 80px;}
#contactform {width:430px;}

/* free software page */
#remote{text-align:center; margin: 30px auto; width: 250px;}
#remote img{border: 0;}