/* @override http://www.pc-homecall.co.uk/CSS/newComputerStyleSheet.css */

/* @group Top Section */

#top {
	float: left;
	width: 710px;
	height: 55px;
}

#top div.topleft {
	width: 210px;
	float: left;
	height: 55px;
}

#top div.tright {
	width: 370px;
	float: right;
	height: 55px;
}

#top div.tright div.topmiddle {
	width: 170px;
	float: left;
	text-align: center;
	height: 55px;
	padding-top: 10px;
}

#top div.topmiddle p, p.adsub,p.admain {
	text-align: center;
	margin: 0px;
}

#top div.tright div.topright {
	display: block;
	width: 170px;
	height: 55px;
	float: right;
	text-align: right;
	padding-top: 10px;
}

div.topleft h2 {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 36px;
	background: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/32x32/devices/computer.png) no-repeat
}

/* @end */

/* @group General & Misc */

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #2a75c0;
}

a:link, a:visited {
	text-decoration: none;
	color: #5a7ff5;
}

a:hover, a:active {
	text-decoration: underline;
}

#content {
	float: left;
	width: 710px;
}

#wrapper {
	width: 750px;
	margin: auto;
	padding: 0 0 0 0;
	margin-top: 0px;
}
#innerwrap{
	float: left;
	background: #fff;
}

/* @end*/

/* @group Page Conditionals (Colour) */
#newcomputerbg {
	border: 5px solid #ccc;
	width: 710px;
	padding: 5px;
	margin: 10px;
	float: left;
	/*background: url(images/silverbg4502.jpg) repeat-x;*/
	/*background: #d6f8f9;*/
	/*background: #0080fe;*/	
	background:#eee;	
	font-size: 12px;
}
#virusAttackbg{
	border: 5px solid #ff8895;
	width: 710px;
	padding: 5px;
	margin: 10px;
	float: left;
	background: url(images/rollybg450.jpg) repeat-x;
	font-size: 12px;	
}
#windowsErrorsbg{
	border: 5px solid #4c4c4c;
	width: 710px;
	padding: 5px;
	margin: 10px;
	float: left;
	background: url(images/greybg450.jpg) repeat-x;
	font-size: 12px;	
}
#stayingSafebg{
	border: 5px solid #fab379;
	width: 710px;
	padding: 5px;
	margin: 10px;
	float: left;
	background: url(images/orangebg450.jpg) repeat-x;
	font-size: 12px;	
}
#wirelessNetworksbg{
	border: 5px solid #48008c;
	width: 710px;
	padding: 5px;
	margin: 10px;
	float: left;
	background: url(images/purplebg450.jpg) repeat-x;
	font-size: 12px;	
}
#ComputerTroublebg{
	border: 5px solid #94d3ff;
	width: 710px;
	padding: 5px;
	margin: 10px;
	float: left;
	background: url(images/bluebg450.jpg) repeat-x;
	font-size: 12px;	
}
/* @end*/

/* @group Header */

#theheader {
	width: 751px;
	height: 262px;
	background: url(images/newbanner.jpg);
}

#theheader h1.hideme {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: -1000000px;
	visibility: hidden;
}

#theheader h2.hideme {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: -1000000px;
	visibility: hidden;
}

#theheader hr.hideme {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: -1000000px;
	visibility: hidden;
}

#contact {
	position: relative;
	top: 205px;
	left:25px;
	width: 400px;
}

#contact ul {
	margin: 0 0 0 0;
	padding-left: 0;
	list-style-image: none;
}

#contact ul li.mobile {
	display: inline;
	font-size: 16px;
	line-height: 28px;
	background: url(http://svn.plone.org/svn/collective/Plango/icons/plango/16x16/devices/multimedia-phone.png) no-repeat 1px;
	padding-left: 20px;
	padding-bottom: 2px;
	list-style: none;
	font-weight: bold;
	margin-left:5px;
;

}


/* @end */

/* @group Menu */

/*
	This is the old menu
*/

#menu {
	width: 750px;
	overflow: hidden;	
}


.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu {
	width: 100%;
	margin: 0 0;
	padding: 0px 0.5em;
	background: #eee none;	
	padding: 0;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.menu li {
	margin: 0;
	padding: 0;
	padding-top: 3px;
	float: left;	
	width: 107px;
	height: 27px;
	background: url(images/green_tab.gif) no-repeat;
	text-align: center;
	list-style: none;
}

.menu a {
	padding-top: 5px;
	display: block;
	width: 100%;
	text-decoration: none;
	color: white;
}

.menu a:hover {
	background: url(images/green_tab_down.jpg) no-repeat;
	
}



/* @end */

/* @group nav */
/*
 
 This is the Real Menu, it uses the suckerfish Menu from AList Apart

*/

ul#nav {
	float:left;
	width: 750px;
	list-style: none;
	padding: 0;
	padding-left: 1px;
	margin: 0;
	background: #8b97ba;
	text-align: center;
}

li {
	float: left;
	position: relative;
	width: 107px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

li a{
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	color: red;
}
li a:link{
	color: #e5deff;
}
li a:hover{
	color: #f9f6ff;
}
li a:active{
	color: #e5deff;
}
li a:visited{
	color: #e5deff;
}



/* @end */

/* @group Footer */

#footer{
	display: block;
	float: left;
	width: 720px;
	margin-left:10px;
	padding: 5px;
	border-top: 1px solid #ccc;
	font-size: 10px;
	color: #ccc;
}

/* @end */