/*==============================================================
DigitalMind Computers CSS
Created by Salt Design (UK) Ltd. (http://www.saltdesign.org.uk)
==============================================================*/

/* START - override default styles*/

body {
	font:0.76em Arial, Helvetica, Sans-Serif;
	color:#000000;
	background:#F2F2F3 url(../images/DigitalMind-Background.jpg) center 0px repeat-x;
	margin:0 0 0 0;
	/* top, right, bottom, left*/
	padding:0px 0px 30px 0px;
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
	margin-bottom:0px;
	color:#076EB0;
	text-align:left
}
	

h1 {
	font: bold 1.6em Arial, Helvetica, Sans-Serif;
	letter-spacing:-0.06em;
	margin-bottom:0px;
	color:#076EB0;
}

h2 {
	font:bold 1.2em Arial, Helvetica, Sans-Serif;
	letter-spacing:-0.06em;
	margin:0px 0px 2px 0px;
	color:#076EB0;
}

h3 {
	font:italic 1.0em Arial, Helvetica, Sans-Serif;
	letter-spacing:-0.06em;
	margin:0px 0px 10px 0px;
	color:#666666;
}

p {
    font:normal 0.95em Arial, Helvetica, Sans-Serif;
	line-height: 1.3em;
	margin-top:0px;
	margin-bottom:10px;
}

ul {
	font-size:0.95em;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 25px;
	list-style: url(../images/arrow.gif);
}

ol {
	font-size:0.95em;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 25px;
}

li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	
a {
	color:#076EB0; 
	text-decoration:none;
}

a:hover,a:active,a:focus {
	color:#21448F;
	text-decoration:none;
}

.clearfix {
	clear: both;
}

/* END - override default styles*/



/* START - structural elements */

#wrapper {
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
}

#logo_bar {
	position:relative;
	width:900px;
	height:120px;
	margin:0 auto;
	padding:5px 0px 0px 0px;
	background:url(../images/DigitalMind-Computers-Header.jpg) center 0px no-repeat!important;
}

#logo {
	position:relative;
	float:left;
	width:385px;
	height:86px;
	margin:18px 0px 6px 13px;
}

#helpdesk {
	position:relative;
	float:right;
	width:156px;
	height:48px;
	margin:0px 15px 10px 0px;
}

#date {
	position:relative;
	float:right;
	width:300px;
	margin:10px 10px 10px 0px;
}

#quick_links {
	position:relative;
	float:right;
	text-align:right;
	width:400px;
	margin:0px 15px 10px 0px;
}

#main_menu {
	position:relative;
	width:870px;
	height:22px;
	margin:0 auto;
	padding:0px 15px 2px 15px;
}

#menu_spaced {
	position:relative;
	float:left;
	height:22px;
	margin:0 auto;
	padding:0px 2px 0px 0px;
}

#menu_nospace {
	position:relative;
	float:left;
	height:22px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}

#main_feature {
	position:relative;
	width:870px;
	height:170px;
	margin:0 auto;
	padding:0px 15px 15px 15px;
}

#main_feature p {
	margin:-30px 0 0 65px;
}


/* This is for the mid section of the page, holding left & right columns */
#mid_section {
	position: relative;
	height:auto;
}

#mid_left {
	float:left;
	width:420px;
	height:auto;
	margin:0 auto;
	padding:0px 0px 50px 35px;
	list-style:none;
}


#mid_right {
	float:right;
	width:390px;
	height:auto;
	margin:0 auto;
	padding:0px 35px 50px 0px;
}

#mid_right p {
	float:left;
	width:390px;
	margin:0px 0px 5px 0px;
}

#home_feature_left {
	float: left;
	width: 192px;
	margin: 0px 6px 5px 0px;
}

#home_feature_right {
	margin: 0px 0px 5px 0px;
}

#services p {
	float:left;
	margin:0px 0px 0px 0px;
}

#faqs {
	float:left;
	width:420px;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}

#faqs p {
	padding: 0px 20px 0px 20px;
}


#why_use_us {
	padding: 0px 20px 0px 10px;
}

#why_use_us p {
	padding: 0px 20px 0px 11px;
}

#home_support {
	padding: 0px 20px 0px 10px;
}

#home_support p {
	padding: 0px 20px 0px 11px;
}

#pc_repair_commandments {
	position: relative;
	float: relative;
	width: 390px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#pc_repair_commandments li {
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
}

#folio {
	float:left;
	width:85px;
	padding: 0px 5px 5px 0px;
}

#testimonial {
	float:left;
	width:340px;
	height:auto;
	margin:0 auto;
	padding:10px 50px 10px 30px;
	list-style:none;
}

ol.sitemaplist {
	font-size:0.95em;
	line-height:1.3em;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 25px;
	list-style: url(../images/arrow.gif);
}

li.sitemaplist {
	font-size:0.95em;
	line-height:1.3em;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 25px;
	list-style: url(../images/arrow.gif);
}


/* Style the tables */

table.shortcuts {
	font:0.95em Arial, Helvetica, sans-serif;
	color:#000000;
	border-collapse: collapse;
	width: 420px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

table.shortcuts th {
	padding: 0 0.5em;
	text-align: left;
}

table.shortcuts tr.heading td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #F2F3F4;
	padding: 10px 4px 10px 4px;
}

table.shortcuts td {
	border: 1px solid #999;
	padding: 4px 4px 4px 4px;
	vertical-align:top;
}

table.shortcuts td:first-child {
	width: 150px;
}



table.services {
	font:0.95em Arial, Helvetica, sans-serif;
	color:#000000;
	border-collapse: collapse;
	width: 380px;
	margin:0 0 0 20px;
	padding:0 0 0 0;
}

table.services th {
	padding: 0 0.5em;
	text-align: left;
}

table.services tr.heading td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #F2F3F4;
	padding: 10px 4px 10px 4px;
}

table.services td {
	border: 1px solid #999;
	padding: 4px 4px 4px 4px;
	vertical-align:top;
}

table.services td:first-child {
	width: 150px;
}


/* End Style of tables */
	

/* End of mid section */


#footer {
	position:relative;
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:#FFFFFF url(../images/DigitalMind-Computers-Footer.gif) center 0px no-repeat!important;
}

#footer_links {
	float:left;
	width:830px;
	padding:65px 35px 25px 35px;
}




/* START - Forms */

#error-divide { /* Error Divide Space */
	height:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

input.validEmpty, input.validEmail, input.main { /* Style of main forms & validation input boxs */
	height:20px;
	max-height:20px;
	size:20px;
	width:250px;
	padding:3px 3px 0px 3px; /* Internal padding */
	margin:5px 0 0 0;
	border:1px solid #aaa;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333;
}

textarea.validEmpty, textarea.main { /* Style of main forms & validation textarea box */
	height:100px;
	max-height:100px;
	size:100px;
	width:250px;
	max-width:250px;
	padding:3px 3px 3px 3px; /* Internal padding */
	margin:5px 0 0 0;
	border:1px solid #aaa;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333;
}

.required {
    font:1.1em Arial, Helvetica, sans-serif;
	color:#076EB0;
}

input.submit { /* Custom submit button */
	display:inline;
	width:75px; 
	height:22px;
	clear:both;
	border:none;
	margin: 0 0 0 0;
	background:url(../images/DigitalMind-Computers-Submit-Button.gif) top left no-repeat;
	cursor:pointer;
}

input.submit-booking { /* Custom submit button */
	display:inline;
	width:132px; 
	height:22px;
	clear:both;
	border:none;
	margin: 0 0 0 0;
	background:url(../images/DigitalMind-Computers-Submit-Booking-Button.gif) top left no-repeat;
	cursor:pointer;
}

input.submit-testimonial { /* Custom submit testimonial button */
	display:inline;
	width:155px; 
	height:22px;
	clear:both;
	border:none;
	margin: 0 0 0 0;
	background:url(../images/DigitalMind-Computers-Submit-Testimonial-Button.gif) top left no-repeat;
	cursor:pointer;
}



/* END - Forms */

/* END - structural elements */



/* START - font styles */
.date p {
    font:1.1em Arial, Helvetica, sans-serif;
	color:#808284;
	margin:0 0 0 0;
	padding:0px 0px 5px 0px;
	text-align: right;
}

.alt {
    font:0.8em Arial, Helvetica, sans-serif;
	color:#808284;
	margin:0 0 0 0;
	padding:0px 0px 0px 0px;
	text-align: left;
}

.flashlinks {
	font:0.95em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.main p {
    font:0.95em Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0 0 0 0;
	padding:0px 0px 5px 0px;
	text-align: left;
}

.footerlinks p {
	font:0.93em Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0 0 0 0;
	padding:0px 0px 2px 0px;
}

.footerlinks a {
	text-decoration: none;
	color:#666666;
}

.footerlinks a:hover,a:active,a:focus {
	text-decoration: none;
	color:#076EB0;
}

.smalltext {
    font:0.8em Arial, Helvetica, sans-serif;
	color:#808284;
	margin:0 0 0 0;
	padding:0px 0px 10px 0px;
	text-align: left;
}

.testimonial p {
    font:1.3em Arial, Helvetica, sans-serif;
	color:#076EB0;
	letter-spacing:-0.04em;
	margin:0 0 0 0;
	padding:0px 0px 5px 0px;
	text-align: left;
}

.testimonialname {
    font:0.90em Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0 0 0 0;
	padding:0px 0px 5px 0px;
	text-align: left;
}

/* END - font styles */

	
/* A bit of css to fix the clearing problem with divs containing floats so that they automatically extend - explained here http://www.positioniseverything.net/easyclearing.html */
.floatfix:after,.tile:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}latest_tile
.floatfix,.tile {display:inline-block}
/* Hides from IE-mac \*/
* html .floatfix,* html .tile {height:1%}
.floatfix,.tile {display:block}
/* End hide from IE-mac */