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

ul#twitter_update_list {
	margin-left: 0px;
	padding-left: 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li {
	list-style-type: none;
	padding: 2px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li:hover {
	background-color: #fff;
}

li.mac {
	list-style-image: url(/assets/3/drlb.png);
}

li.windows {
	list-style-image: url(/assets/5/raid-bg.png);
}

h2, h2 a {
/* float: left; */
font-family: helvetica, arial, san-serif;
font-size: 20px;
color:#000;
font-weight:100;
margin: 0px 0px 15px 0px;
line-height: 25px;
}

#leftColumn h2 {
padding: 5px 5px 5px 0px;
border-top: 3px solid #00aeef;
color: #000;
}

.clear {
  clear: both;
  height: 0;
}

table, thead, tbody, tr, td, th, a{
font-size: inherit;
font-family: inherit;
font-weight: inherit;
}

body {
font-family: helvetica, arial, san-serif;
background-color: #a0a0a0;
/* background: url(/assets/6/shaded-bg.png) center repeat-y #a0a0a0; */
/* background: url('http://media.drlogic.co.uk/site/img/bgmain.gif') top left repeat #E7E7E7; */
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center;
color: #000;
}

/* this is the whole central page element */
#container {
width: 850px;
background: #fff;
margin-left: auto;
margin-right: auto;
text-align: left;
/*border-left: 1px solid #000;*/
/*border-right: 1px solid #000;*/
/*border-bottom: 1px solid #000;*/
}

#content {
float:left;
width: 830px;
margin: 0px 10px 0px 10px;
background-color: #fff;
}

#pageTop {
float: left;
width:830px;
background: #FF9900:
}

#mainlogo {
float:left;
width:300 px;
margin: 14px 0px 0px 10px;
}

#phonenumber {
float: right;
width: 270px;
margin: 14px 10px 0px 0px ;
}
#phonenumber a {
border-bottom: none;
}
#phonenumber a:hover {
border-bottom: none;
}
.number {
float: left;
font-family: helvetica, arial, san-serif;
font-size: 41px;
font-weight: bold;
letter-spacing: -1px;
color: #00aeef;
margin: 0px 0px 0px 0px;
}

#homePage h1 {
/* float: left; */
font-family: helvetica, arial, san-serif;
font-size: 20px;
color:#FFFFFF;
margin: 0px 0px 20px 0px;
font-weight:100;
padding: 12px 12px 12px 74px;
background:#1C923E;
width: 466px;;
}

h1 {
/* float: left; */
font-family: helvetica, arial, san-serif;
font-size: 25px;
color: #f3520d;
font-weight: normal;
margin: 0px 0px 20px 0px;
line-height: 25px;
}

#more h2 {
/* float: left; */
color:#FF6600;
font-weight: 150;
}

h3 {
/* float: left; */
font-family: helvetica, arial, san-serif;
font-size: 16px;
color: #0080af;
font-weight: bold;
margin: 0px 0px 10px 0px;
line-height: 20px;
}

h3.home {
color: #1C923E;
}

h3.home a {
color: #1C923E;
font-weight: bold;
}

h3.home a:hover {
border-bottom: 2px solid #1C923E;
}

.topmailLink {
float:left;
font-family: helvetica, arial, san-serif;
font-size: 24px;
letter-spacing: -1px;
color: #00aeef;
text-decoration: none;
line-height: 18px; 
background: none;
}

.topmailLink:hover {
color:#000;
background: none;
}

#navigation {
float: left;
height:35px;
/* background: #f6f8f9; */
color: #FFFFFF;
margin: 28px 0px 24px 0px;
}

/* When you change main navigation items you might need to change the values for  left and right padding - see below  */
.navLink, .navSuper {
float: left;
font-size: 13px;
color: #ccc;
font-weight: bold;
background: #666;
margin: 0px 0px 0px 0px;
padding: 10px 16px 10px 16px;
border-bottom: 1px solid #000;
}

.navSuper {
background: #444;
color: #eee;
}

.navLink:hover, .navSuper:hover {
color: #FFFFFF;
background: #888;
}

.navLive {
float: left;
font-size: 13px;
color: #f3520d;
font-weight: bold;
background: #fff;
margin: 0px 0px 0px 0px;
/* padding: top, right, bottom, left in that order*/
padding: 10px 16px 10px 16px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

#leftColumn {
float: left;
width: 530px;
margin: 0px 10px 0px 0px;

}

#leftColumnContentHome {
float:left;
width: 424px;
margin: 0px 0px 0px 70px;
font-size: 14px;
line-height: 17px;
}

#leftColumnContent {
float:left;
width: 500px;
margin: 0px 0px 0px 20px;
font-size: 14px;
line-height: 17px;
}

#breadcrumb {
float:left;
margin: -6px 0px 14px 0px;
font-size: 12px;
color:#666666;
}

.breadcrumbLink {
color: #333333;
}

.blogTitleLink {
float: left;
font-size: 20px;
color: #3399CC;
text decoration: none;
background: none;
margin: 6px 0px 6px -2px;
padding:2px;
}

.blogTitleLink:hover {
color: #3399CC;
background: #FFFFCC;
}


.georgiaItalic {
font-family: Georgia;
font-size: 10px;
color:#999999;
font-style: italic;
}

.georgiaUpper {
font-family: Georgia;
font-size: 10px;
color:#666666;
text-transform: uppercase;
}

.leftImage {
float:left;
margin: 0px 20px 10px 0px;
}

#rightImage {
float:right;
margin: 0px 0px 10px 20px;
}

.centreImage {
float:left;
margin: 10px 0px 10px 0px;
}

#rightColumn {
float: right;
width: 270px;
margin-right: 20px;
font-size: 13px;
line-height: 17px;
}

#rightColumn h2 {
color: #00aeef;
font-weight: bold;
text-shadow: #fff 0 1px 0;
}

#rhcBackground {
float: left;
width: 270px;
background: #F7F7F7 url('http://media.drlogic.co.uk/site/img/rhc_bg.gif') top left repeat-y;
}

#rhcContent {
margin:10px;
}

.rhcLink {
margin: 0px 0px 0px 25px;
}

#rhcEnd {
float: left;
width: 270px;
height: 7px;
background: url('http://media.drlogic.co.uk/site/img/rhc_bottom.gif') top left no-repeat;
}

.lineOne {
float: left;
width: 252px;
height: 1px;
color:#dfdfdf;
background-color:#dfdfdf;
text-align: right;
border: 0;
}

.lineTwo {
float: left;
width: 450px;
height: 1px;
color:#dfdfdf;
background-color:#dfdfdf;
text-align: right;
border: 0;
margin: 6px 0px 10px 0px;
}

.titleOne {
font-size: 12px;
color: #000000;
text-transform: uppercase;
line-height: 6px;
font-weight: bold;
background:none;
}

.titleOne:hover {
color: #CC0000;
}

.dateOne {
font-size: 11px;
color: #666666;
line-height: 16px;
font-family: Georgia;
}

a {
/*color: #00aeef;*/
color: #0080af;
text-decoration: none;
border-bottom: dotted 1px #0080af;
}

a:hover {
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
}

.linkOne {
float: right;
width: 250px;
font-family: Georgia;
text-transform: uppercase;
font-size: 10px;
color: #999999;
text-decoration: none;
text-align: right;
}

.linkOne:hover {
color: #333333;
text-decoration: none;
}

#ourServicesBox {
float:left;
width:830px;
height: 111px;
background: url('http://media.drlogic.co.uk/site/img/ourservices_bg.jpg') bottom right no-repeat;
margin: 0px 0px 0px 0px;
}

#serviceBadge {
float: left;
width:131px;
height: 111px;
background: url('http://media.drlogic.co.uk/site/img/ourservice_sticker.jpg') bottom left no-repeat;

}

#ourServicesHolder {
float: right;
width: 680px;
margin: 51px 10px 0px 0px;
}

.ourServicesLink {
float:left;
width: 120px;
height: 10px;
padding:5px;
margin: 1px 1px 0px 1px ;
background: #FFFFFF;
font-size:11px;
color: #990000;
text-decoration: none;
}

.ourServicesLink:hover {
background: #990000;
color: #FFFFFF;
text-decoration: none;
}

#footerContainer {
float: left;
width:830px;
font-size: 11px;
margin: 10px 0px 10px 10px;
}

#footerRight {
float:right;
}

.footerLink {
text-decoration: none;
color: #999999;
}

.footerLink:hover {
text-decoration: none;
color: #333333;
}

#footerLeft {
float: left;
color: #666666;
}


#endcontainer {
width: 850px;
}

img {
	border: 0px;
}

.blog_header {
  padding: 10px;
  border-top: 3px solid #1C923E;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #eee;
}

.blog_header img {
  border: 1px solid black;
  margin-right: 10px;
}



table.backup {
	border: 1px solid #000;
	border-collapse: collapse
}

table.backup td {
	border: 1px solid #000;
	vertical-align: top;
}

table.backup th {
	border: 1px solid #000;
	background: #76ccec;
	color: #000;
	text-align: center;
	vertical-align: top;
}

.right-align {
	text-align: right;
}