/*

Title:      pceazy
Author:     dan@pceazy.co.uk
Copyright:  2010, pceazy.  All rights resevered (please don't re-use without permission).

*/



body {
	font-family: arial;
	font-size: 10px;
	text-align: left;
	color: #737373;
	margin: 0;
	padding: 0;
	font-weight: normal;

}
#top_wrapper {
	height: 20px;
	background-color: #757576;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #39c3f2;
	margin-left: auto;
	margin-right: auto;
}
#top_wrapper p {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	float: right;
	padding-right: 50px;
	
}

#middle_wrapper {
	height: auto;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#lower_wrapper {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #757576;
	clear: both;
}
#top_nav {
	height: auto;
	width: autopx;
	float: right;

}
#top_nav ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#top_nav ul li {
	float: left;
	margin-right: 7px;

}
#top_nav ul a {
	display: block;
	width: auto;
	text-align: center;
	font-family: arial;
	font-size: 17px;
	color: #757576;
	height: 37px;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 3px;
	padding-right: 3px;
}

#top_nav_1, #top_nav_1 a, 
#top_nav_2, #top_nav_2 a,
#top_nav_3, #top_nav_3 a, 
#top_nav_4, #top_nav_4 a,
#top_nav_5, #top_nav_5 a,
#top_nav_6, #top_nav_6 a
{
	height: 40px;
	text-decoration: none;
}
#top_nav_1 a:hover, #top_nav_1 a.selected, 
#top_nav_2 a:hover, #top_nav_2 a.selected, 
#top_nav_3 a:hover, #top_nav_3 a.selected, 
#top_nav_4 a:hover, #top_nav_4 a.selected,
#top_nav_5 a:hover, #top_nav_5 a.selected, 
#top_nav_6 a:hover, #top_nav_6 a.selected 

 {
	background-image: url(images/menu.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #39C3F1;
	color: #FFFFFF;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	}
#top_nav_6, #top_nav_6 a {
	
	margin-right: 0px;
}
.logohead {
	width: 211px;
	height: 95px;
	float: left;
	background-image: url(images/logo.jpg);
}
.logohead a{
	display: block;
	width: 211px;
	height: 95px;
	text-indent: -9000em;
}
.sussexdiabeteshead {
	width: 150px;
	height: 105px;
	float: left;
	background-image: url(images/sussexdiabetessponsor.jpg);
	margin-left: 30px;
}
.sussexdiabeteshead a{
	display: block;
	width: 150px;
	height: 105px;
	text-indent: -9000em;
}
.comptia {
	width: 68px;
	height: 47px;
	float: right;
	background-image: url(images/comptia.jpg);
	background-repeat: no-repeat;
}
.comptia a{
	display: block;
	width: 68px;
	height: 47px;
	text-indent: -9000em;
}
.wiredsussex {
	width: 179px;
	height: 52px;
	float: right;
	background-image: url(images/wiredsussex.jpg);
	background-repeat: no-repeat;
	padding-right: 20px;
}
.wiredsussex a{
	display: block;
	width: 179px;
	height: 52px;
	text-indent: -9000em;
}
.sussexdiabetessmall {
	width: 76px;
	height: 47px;
	float: right;
	background-image: url(images/Sussex-Diabetes-Gateway-small.jpg);
	background-repeat: no-repeat;
	padding-right: 20px;
}
.sussexdiabetessmall a{
	display: block;
	width: 76px;
	height: 47px;
	text-indent: -9000em;
}
#slogan {
	clear: both;
	text-align: center;
	padding-top: 20px;
	width: auto;
	height: auto;
	margin: auto;
	padding-bottom: 20px;
}

#webdesign_cont {
	width: auto;
	height: auto;
	background-image: url(images/dropsdadow.jpg);
	padding-top: 30px;
	padding-left: 25px;
	margin: auto;
	padding-right: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	background-repeat: repeat-x;
}
#webdesign_blurb {
	width: 600px;
	height: auto;
	float: left;
}
#webdesign_blurb ul {
	padding-left: 20px;
	list-style-image: url(images/tick.png);
	list-style-type: none;

}
#webdesign_blurb li {
	font-size: 12px;
	padding: 3px;

}


#webdesign_cont p {
	font-size: 12px;
	margin: 0;
	padding-top: 5px;

}
#webdesign_list {
	width: auto;
	height: auto;
	float: right;
	clear: right;
}
#webdesign_list ul{
	margin: 0px;
	padding: 3px;
	padding-bottom: 5px;
	list-style-position: inside;
	list-style-image: url(images/tick.png);
	list-style-type: none;
}
#webdesign_list li {
	font-size: 15px;
	color: #00C7FF;
	padding-top: 5px;
}

#computer_cont {
	width: auto;
	height: auto;
	background-image: url(images/dropsdadow.jpg);
	margin: auto;
	padding-top: 30px;
	padding-left: 25px;
	clear: both;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
}
#computer_blurb {
	width: 900px;
	height: auto;
	float: left;
	padding-bottom: 40px;
}

#computer_cont p {
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding-top: 5px;

}
#computer_services {
	height: auto;
	width: auto;
	clear: left;
}
#computer_services p {
	font-size: 12px;
}
#computer_services strong {

}
#data_recovery {
	height: 110px;
	width: 230px;
	background-image: url(images/services/data_recovery.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}

#data_transfer {
	height: 110px;
	width: 230px;
	background-image: url(images/services/data_transfer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}
#wireless_internet {
	height: 110px;
	width: 230px;
	background-image: url(images/services/wifi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}
#internet_threat {
	height: 110px;
	width: 230px;
	background-image: url(images/services/internet_threat.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}
#wired_wireless_networks {
	height: 110px;
	width: 230px;
	background-image: url(images/services/networks.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}
#hardware_upgrades {
	height: 110px;
	width: 230px;
	background-image: url(images/services/hardware_upgrades.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}
#system_healthcheck {
	height: 110px;
	width: 230px;
	background-image: url(images/services/system_health_check.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}
#support {
	height: 110px;
	width: 230px;
	background-image: url(images/services/support.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-left: 50px;
	margin-right: 5px;
}

#lower_advert_banner {
	height: 60px;
	
	margin-left: auto;
	margin-right: auto;
	background-color: #C5C5C5;
}
#footer {
	margin: auto;
	width: 1000px;

	padding-top: 5px;
	height: auto;
}
#footer p {
	color: #FFFFFF;
	font-size: 12px;
}

#logo_banner {
	margin: auto;
	width: 1000px;

	padding-top: 5px;
}

#lower_wrapper p {
	color: #FFFFFF;
	float: left;
	clear: left;
	margin: 0;
	padding-top: 10px;
}
#lower_wrapper a {
	color: #FFFFFF;
}


#twitter {
	width: 300px;
	height: 200px;
	float: left;
}

#feedback {
	width: 300px;
	height: 200px;
	float: left;
}
#sponsor {
	width: 300px;
	height: 200px;
	float: left;
}

#tomcoulson {
	width: 300px;
	height: autopx;
	float: left;
}
#sussexdiabetes {
	width: 300px;
	height: autopx;
	float: left;
	padding-top: 3px;
}



#carousel {
	float: left;
	clear: left;
	width: 750px;
	height: auto;
	margin-top: 20px;
}


#twitter_div {
	height: auto;
	width: auto;
	padding-top: 10px;
}
#twitter_div a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
#twitter_div  ul {
	list-style: none;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}
#twitter_div li {
	color: #ffffff;
	font-size: 12px;
	padding-bottom: 2px;
}
#main_cont {
	width: auto;
	height: auto;
	background-image: url(images/dropsdadow.jpg);
	padding-top: 30px;
	padding-left: 25px;
	margin: auto;
	padding-right: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	background-repeat: repeat-x;
}
#main_blurb {
	width: 500px;
	height: auto;
	float: left;
	padding-bottom: 20px;
}

#main_cont p {
	font-size: 12px;
	margin: 0;
	padding-top: 5px;
}
#services_holder {
	width: 300px;
	height: auto;
	float: left;
	clear: left;
}
#services_blurb {
	width: 300px;
	height: auto;
	float: left;
	padding-left: 20px;
}
#services_blurb p {

}
#services_blurb ul {
	padding-left: 20px;
	list-style-image: url(images/tick.png);
	list-style-type: none;

}
#services_blurb li {
	font-size: 12px;
	padding: 3px;

}







h1 {
	font-size: 40px;
	color: #C8C8C8;
	margin: 0;
	padding: 0;
	font-weight: normal;

}
h2 {
	font-size: 20px;
	color: #00C6FF;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h3 {
	font-size: 20px;
	color: #757576;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h4 {
	font-size: 20px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.clear {
	clear: both;
}
a {
	color: #757576;
	text-decoration: none;
}
#add_features {
	width: auto;
	height: auto;
	clear: both;
	float: left;
}
#add_features  a {
	font-size: 11px;
	color: #3AC6FF;
	margin: 0;
	padding: 0;

}

#domain_reg {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/domain_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#package_promo {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/package_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#nofix_nofee_promo {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/nofix_nofee_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#out_of_hours_promo {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/outofhours_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#data_recovery_promo {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/data_recovery_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#virus_promo {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/virus_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#consultation_promo {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/consultation_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#webdesign_hosting {
	width: 177px;
	height: 26px;
	float: left;
	background-image: url(images/hosting_banner.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
}
#hosting {
	width: 499px;
	height: auto;
	float: left;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.grid_table{
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	width: 100%;
	clear: both;
}
.grid_table td{
	border-left: solid 1px silver;	
	border-top: solid 1px silver;	
	padding: 4px;	
}
.top_row{
	background-color:#CCCCCC;
}
#slogan2 {
	clear: both;
	text-align: center;
	padding-top: 20px;
	width: auto;
	height: auto;
	margin: auto;
	padding-bottom: 20px;
}

#services_nav {
	height: auto;
	width: 235px;
	float: left;
	background-image: url(images/services_menu/bg.jpg);
	background-repeat: repeat-y;
	background-position: right center;
	padding-bottom: 30px;
}
#services_nav ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#services_nav ul li {
	float: left;
	width: 235px;
	height: 60px;
	padding-bottom: 5px;
}
#services_nav ul a {
	display: block;
	width: 235px;
	color: #525252;
	height: 60px;
}
#services_nav_1
{
	background-image: url(images/services_menu/data_recovery_off.png);
	background-repeat: no-repeat;
}
#services_nav_2
{
	background-image: url(images/services_menu/data_transfer_off.png);
	background-repeat: no-repeat;
}
#services_nav_3
{
	background-image: url(images/services_menu/system_health_check_off.png);
	background-repeat: no-repeat;
}
#services_nav_4
{
	background-image: url(images/services_menu/wired_wireless_networks_off.png);
	background-repeat: no-repeat;
}
#services_nav_5
{
	background-image: url(images/services_menu/internet_threat_removal_off.png);
	background-repeat: no-repeat;
}
#services_nav_6
{
	background-image: url(images/services_menu/wireless_internet_off.png);
	background-repeat: no-repeat;
}
#services_nav_7
{
	background-image: url(images/services_menu/hardware_upgrades_off.png);
	background-repeat: no-repeat;
}
#services_nav_8
{
	background-image: url(images/services_menu/support_off.png);
	background-repeat: no-repeat;
}

#services_nav_1, #services_nav_1 a, 
#services_nav_2, #services_nav_2 a,
#services_nav_3, #services_nav_3 a, 
#services_nav_4, #services_nav_4 a,
#services_nav_5, #services_nav_5 a,
#services_nav_6, #services_nav_6 a,
#services_nav_7, #services_nav_7 a,
#services_nav_8, #services_nav_8 a

{
	text-decoration: none;
}
#services_nav_1 a:hover, #services_nav_1 a.selected
{
	background-image: url(images/services_menu/data_recovery_on.png);
	background-repeat: no-repeat;
}
#services_nav_2 a:hover, #services_nav_2 a.selected
{
	background-image: url(images/services_menu/data_transfer_on.png);
	background-repeat: no-repeat;
}
#services_nav_3 a:hover, #services_nav_3 a.selected 
{
	background-image: url(images/services_menu/system_health_check_on.png);
	background-repeat: no-repeat;
}
#services_nav_4 a:hover, #services_nav_4 a.selected
{
	background-image: url(images/services_menu/wired_wireless_networks_on.png);
	background-repeat: no-repeat;
}
#services_nav_5 a:hover, #services_nav_5 a.selected 
{
	background-image: url(images/services_menu/internet_threat_removal_on.png);
	background-repeat: no-repeat;
}
#services_nav_6 a:hover, #services_nav_6 a.selected 
{
	background-image: url(images/services_menu/wireless_internet_on.png);
	background-repeat: no-repeat;
}
#services_nav_7 a:hover, #services_nav_7 a.selected 
{
	background-image: url(images/services_menu/hardware_upgrades_on.png);
	background-repeat: no-repeat;
}
#services_nav_8 a:hover, #services_nav_8 a.selected 
{
	background-image: url(images/services_menu/support_on.png);
	background-repeat: no-repeat;
	
}
#form {
	width: 440px;
	height: auto;
	float: right;
	margin-bottom: 10px;
}
#form ul {
	margin-left: 30px;
}
#form li{
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.error{
	color: red;
}
#errors{
	background-color: #E6E8E7;
	padding: 10px;
	padding-top: 5px;
}
.input,textarea{
	width: 400px;
	font-size: 1em;
}
.submit{
	width: 150px;
	color: #39C3F1;
}
.float_left{
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}
.portfolio img{
	background-image:url(../images/portfolio_wrapper_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom: 20px;
	padding-left: 19px;
	padding-right: 21px;	
	padding-top: 19px;		
}
.portfolio_small{
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}
.portfolio_small img{
	background-image:url(images/portfolio_small.gif);
	background-repeat:no-repeat;
	padding: 8px;
	padding-top: 6px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#quote {
	width: 250px;
	height: 110px;
	float: right;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 20px;
}
#client_sheet {
	width: 400px;
	height: auto;
	float: left;
	border: 3px dashed #C5C5C5;
	padding: 10px;
	margin-top: 20px;
	margin-left: 50px;
	
}
.download {
	width: 198px;
	height: 71px;
	float: right;
	background-image: url(images/download.jpg);
}
.download a{
	display: block;
	width: 198px;
	height: 71px;
	text-indent: -9000em;
}
#web_services_nav {
	height: auto;
	width: 235px;
	float: left;
	background-image: url(images/services_menu/bg.jpg);
	background-repeat: repeat-y;
	background-position: right center;
	padding-bottom: 30px;
	margin-right: 20px;
}
#web_services_nav ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#web_services_nav ul li {
	float: left;
	width: 235px;
	height: 60px;
	padding-bottom: 5px;
}
#web_services_nav ul a {
	display: block;
	width: 235px;
	color: #525252;
	height: 60px;
}
#web_services_nav_1
{
	background-image: url(images/web_menu/psd_design_off.png);
	background-repeat: no-repeat;
}
#web_services_nav_2
{
	background-image: url(images/web_menu/hosting_off.png);
	background-repeat: no-repeat;
}
#web_services_nav_3
{
	background-image: url(images/web_menu/logo_design_off.png);
	background-repeat: no-repeat;
}
#web_services_nav_4
{
	background-image: url(images/web_menu/visitor_analysis_off.png);
	background-repeat: no-repeat;
}
#web_services_nav_5
{
	background-image: url(images/web_menu/e-commerce_off.png);
	background-repeat: no-repeat;
}
#web_services_nav_6
{
	background-image: url(images/web_menu/content_off.png);
	background-repeat: no-repeat;
}
#web_services_nav_7
{
	background-image: url(images/web_menu/email_markt_off.png);
	background-repeat: no-repeat;
}
#web_services_nav_8
{
	background-image: url(images/web_menu/templates_off.png);
	background-repeat: no-repeat;
}

#web_services_nav_1, #web_services_nav_1 a, 
#web_services_nav_2, #web_services_nav_2 a,
#web_services_nav_3, #web_services_nav_3 a, 
#web_services_nav_4, #web_services_nav_4 a,
#web_services_nav_5, #web_services_nav_5 a,
#web_services_nav_6, #web_services_nav_6 a,
#web_services_nav_7, #web_services_nav_7 a,
#web_services_nav_8, #web_services_nav_8 a

{
	text-decoration: none;
}
#web_services_nav_1 a:hover, #web_services_nav_1 a.selected
{
	background-image: url(images/web_menu/psd_design_on.png);
	background-repeat: no-repeat;
}
#web_services_nav_2 a:hover, #web_services_nav_2 a.selected
{
	background-image: url(images/web_menu/hosting_on.png);
	background-repeat: no-repeat;
}
#web_services_nav_3 a:hover, #web_services_nav_3 a.selected 
{
	background-image: url(images/web_menu/logo_design_on.png);
	background-repeat: no-repeat;
}
#web_services_nav_4 a:hover, #web_services_nav_4 a.selected
{
	background-image: url(images/web_menu/visitor_analysis_on.png);
	background-repeat: no-repeat;
}
#web_services_nav_5 a:hover, #web_services_nav_5 a.selected 
{
	background-image: url(images/web_menu/e-commerce_on.png);
	background-repeat: no-repeat;
}
#web_services_nav_6 a:hover, #web_services_nav_6 a.selected 
{
	background-image: url(images/web_menu/content_on.png);
	background-repeat: no-repeat;
}
#web_services_nav_7 a:hover, #web_services_nav_7 a.selected 
{
	background-image: url(images/web_menu/email_markt_on.png);
	background-repeat: no-repeat;
}
#web_services_nav_8 a:hover, #web_services_nav_8 a.selected 
{
	background-image: url(images/web_menu/templates_on.png);
	background-repeat: no-repeat;
	
}
.twitterbut {
	width: 16px;
	height: 16px;
	float: right;
	background-image: url(images/twitter.png);
	margin-top: 2px;
	margin-right: 10px;

}
.twitterbut a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9000em;
}
/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1em;	
	font-weight: bold;
	font-size: 12px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

a img { 
	border: 3px solid #C8C8C8; 
	margin-right: 8px; 
	margin-bottom: 8px;
}
.images a:hover img {
	border-color: #C8C8C8;
	
	}
.images a {
	background: none;
	padding: 0;
}
#portfolio {
margin-left: auto;
margin-right: auto;
float: left;
clear: left;
margin-top: 20px;
width: 900px;

}
#portfolio_large {
width: 300px;
height: 200px;
float: left;
margin-left: 43px;

}