/* --------------
main blue: #2c76b9
main red: #c81c00
------------------*/

/* Begin Typography & Colors */
body {
	font-size: 88%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	background:#95acc1; border: none; 
	}

#page {
	text-align: left;
	margin: 0px auto;
	width: 930px;
	background:url("images/body.png") repeat-y top; border: none; 
	}


/* header */
#header {
	background:#95acc1 url('images/top.png') no-repeat top center;
	height: 100px;
	position:relative;
	}
#header h1 {
	width:180px;
	height:65px;
	text-align: center;
	color:#2c76b9;
	background:url(images/logo.gif) no-repeat;
	position:absolute;
	top:30px;
	left:34px;
	}

#header h1 span{display:none}

#header .description {
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	text-align: center;
	position:absolute;
	top:86px;
	left:38px;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited{
	text-decoration: none;
	color: #2c76b9;
	}

#time{width:240px;position:absolute;top:50px;right:40px;font-family:Verdana;font-size:10px;text-transform:uppercase;text-align:right; }
#timecontainer, #timecontainer2 {font-weight:bold;}

.timeblock{float:left;width:95px;padding-top:34px;background: url('images/icon-ireland.gif') no-repeat center top;}
.timeblock#melbourne{margin-left:20px;width:120px;background: url('images/icon-melbourne.gif') no-repeat center top;}

/*
#dublin {background: url('images/icon-ireland.gif') no-repeat center top;margin-right:20px;}
 {background: url('images/icon-melbourne.gif') no-repeat center top;}
*/

#bluebox{
width:860px;height:240px;margin:10px auto;background: url('images/bluebox.jpg') no-repeat left top;position:relative;
}	

/*----Main layout--------------*/

.narrowcolumn {
	float: right;
	padding: 0 0px 20px 0px;
	margin: 20px 34px 0 0;
	width: 610px;
	}
	
*html .narrowcolumn{margin: 20px 8px 0 0;}	

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0px 0 36px;
	width: 860px;	
	}
	
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}
#sidebar
{
	padding: 20px 0 10px 0;
	width: 240px;
	margin:0 0 0 36px;
	float:left;
	}
	
*html #sidebar
{
	padding: 20px 0 10px 0;
	width: 240px;
	margin:0 0 0 14px;
	float:left;
	}

#content p{
	padding:0 0px 16px 0px;
	}


.home #content {padding:0;}

/*----Navigation--------------*/

#bluebox ul{position:absolute;bottom:14px;left:4px;margin:0;height:23px;margin-left:12px;}
#bluebox ul li {float:left;text-transform:uppercase;font-style:oblique;font-size:14px;display:block;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin-right:6px;
}

#bluebox ul li a{color:#fff;text-align:center;padding:5px 0px 4px 0px;width:80px;display:block;}
#bluebox ul li a:hover{text-decoration:none;display:block;}

/*
#bluebox ul li a:hover span,#bluebox ul .current_page_item span
{background: url(images/nav-item.png) no-repeat right top;}
*/

#bluebox ul li.current_page_item a:link, #bluebox ul li.current_page_item a:visited,
#bluebox ul li a:hover
{background: url(images/nav-item.png) no-repeat left top;}

.services li.nav-services a:link, .services li.nav-services a:visited,
.home li.nav-home a:link, .home li.nav-home a:visited,
.helpdesk li.nav-helpdesk a:link, .helpdesk li.nav-helpdesk a:visited,
.referrals li.nav-referrals a:link, .referrals li.nav-referrals a:visited,
.products li.nav-products a:link, .products li.nav-products a:visited,
.about-us li.nav-about-us a:link, .about-us li.nav-about-us a:visited,
.contact li.nav-contact a:link, .contact li.nav-contact a:visited
{padding:5px 0px 4px 0px;background: url(images/nav-item.png) no-repeat left top;}

/*
.home li.nav-home span,
.services li.nav-services span,
.helpdesk li.nav-helpdesk span,
.referrals li.nav-referrals span,
.products li.nav-products span,
.about-us li.nav-about-us span,
.contact li.nav-contact span
{padding:3px 10px 5px 0;background: url(images/nav-right.png) no-repeat right top;}
*/
/*left nav */
.leftnav {padding:18px 24px;background: url(images/services-nav.gif) no-repeat left top;margin:0 0 12px 0;display:none;}
.leftnav h3 {color:#666;margin:0 0 4px 0;padding:0;}

.services #services {display:block;}
.products #products {display:none;}

/* Search */
#searchform{width:160px;position:absolute;bottom:-2px;right:10px;}
input.search {color:#999;font-style:oblique;padding:3px 0 0 4px;display:block;background: url(images/search.png) no-repeat left top; border:none;height:23px;width:160px;}

/*--------------*/


.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color:#2c76b9;
	}


h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	margin:2px 0 4px 0;
	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #2c76b9;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */


.post {
	margin: 0 12px;
	text-align: justify;
	}
	

.post hr {
	display: block;
	}


.clear {clear: both;}
.halfleft {float:left;width:48%;}
.halfright {float:right;width:48%;}


/*   FOOTER  */

#footer {
	float:left;
	background:#95ACC1 url('images/footer.png') no-repeat top;
	margin:0 auto 0px;
	padding-bottom:30px;
	width: 930px;
	font-size:11px;
	}
	
#footer .left{padding-left:30px;}	
#footer .right{padding-right:30px;margin-top:8px;}	

#footer ul{margin-top:29px;}
#footer li{float:left;padding:0 6px}

#footer p {
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */


h2 {}

h2.pagetitle {
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	}


h3.comments {
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}


#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	padding: 10px;
	}

.commentlist {
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	}

.commentmetadata {
	display: block;
	}
/* End Comments */



/* Begin Sidebar */

#sidebar form {
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin:0 0 8px 0;
	padding:0px;
	background: url(images/quotebox-top.gif) no-repeat left top;
	}

blockquote p{padding:20px 20px 14px 20px;}
	
blockquote h4{
clear:both;
background: url(images/quotebox-bottom.gif) no-repeat left bottom;
padding:0px 20px 20px 20px;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
}
/* End captions */


.entry h2 {
width:100%;
background: url(images/header-arrow.gif) no-repeat left top;
color: #fff;	
padding:21px 0 26px 22px;
margin:0 0 0 -5px;
font-size:20px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}


/* Lists  */
.post ul {margin-bottom:16px;}
.post ul li, .leftnav ul li{background: url(images/bullet.gif) no-repeat left 50%;padding-left:16px;}

.post ol {margin:0 0 16px 22px;}
.post ol li{margin-bottom:3px;}


/* ---------------------------------------------  */
/*   - - - - - - - - -HOMEPAGE - - - - - - - - -  */
/* ---------------------------------------------  */

.home h2 {color:#666; text-align:center; font-weight:normal;line-height:28px;padding-bottom:0;}

.box{float:left;width:260px;height:230px;background: url(images/box.gif) no-repeat left top;margin:20px 40px 30px 0;position:relative; }
.last.box  {margin-right:0;}
*html .box{margin:20px 2px 30px 0;}
*html .last.box  {width:255px;}

.bignumber{float:left;width:44px;font-size:80px;line-height:80px;font-family: Georgia; text-align:center;color:#7f8c8c;margin:10px 0 25px 24px; }
.box h3 {position:absolute;top:0px;left: 65px;float:left;font-size:22px;margin:32px 0px 0 25px !important;text-align:center;color:#5b5656;width:124px;display:inline !important;}
.box h3#one{margin:32px 0px 0 10px !important;}
.box p{position:absolute;top:140px;left: 25px;float:left;text-align:center;color:#fff;line-height:18px;width:80%;}
.last.box .bignumber {font-size:70px;line-height:75px;}

.quote{float:left;width:371px;height:134px;background: url(images/homequote.gif) no-repeat left top;padding:20px 20px 12px 20px;
font-family:Georgia;font-size:99%;}
.quote p{float:left;/*background: url(images/endquote.gif) no-repeat 290px 84%*/;line-height:16px;color:#666}
.quote h4 {clear:both;margin:12px 0 0 0;font-size:92%}

*html .quote{}


.cta{float:right;width:405px;height:166px;background: url(images/cta.gif) no-repeat left top;margin-left:40px;}
.cta a:link, .cta a:visited{display:block;font-size:26px;font-style:italic;text-align:center;margin:12px auto;
line-height:42px; width:60%;background: url(images/arrow.gif) no-repeat 190px 43px;color:#fff;}
.cta a:hover{text-decoration:none;background: url(images/arrow-over.gif) no-repeat 190px 43px;}
.free{display:block;font-size:42px;}

.cta-small{float:left;margin-left:7px;width:224px;height:102px;background: url(images/cta-small.gif) no-repeat left top;}
.cta-small a:link, .cta-small a:visited{display:block;font-size:16px;font-style:italic;text-align:center;margin:12px auto;
line-height:26px; width:80%;background: url(images/arrow-small.gif) no-repeat 130px 23px;color:#fff;}
.cta-small a:hover{text-decoration:none;background: url(images/arrow-small-over.gif) no-repeat 130px 23px;}
.free-small{display:block;font-size:22px;}


.servicebox {float:left;width:176px;height:236px;background: url(images/servicebox.gif) no-repeat left top;margin:20px 20px 0px 0;padding:12px;}
.servicebox a{font-weight:bold;margin-top:8px;}
.last.servicebox {margin-right:0;}
*html .servicebox {margin-right:10px;}
.servicebox h4 {color:#333;padding:16px 0 0px 66px;height:50px;font-size:13px;font-style:italic;}
.servicebox p{float:left;color:#333;line-height:16px;font-size:12px;}
#remote {background: url(images/services-remote.gif) no-repeat left top;}
#consultancy {background: url(images/services-consultancy.gif) no-repeat left top;}
#network {background: url(images/services-network.gif) no-repeat left top;}
#maintenance {background: url(images/services-maintenance.gif) no-repeat left top;}

/*--------------------Contact form -----------------------------*/
form ol { list-style:none }
.cform ol {margin-left:0;}
.linklove {display:none}

/* This is very long winded but the only way I could style the checkboxes on 
the product page was to add the id for every other input below */
#wpcf label, 
.cform #li--1 label,
.cform #li--2 label,
.cform #li--3 label,
.cform #li--4 label,
.cform #li--5 label,
.cform #li--6 label,
.cform #li--7 label,
.cform #li--8 label,
.cform #li--9 label,
.cform #li-2-1 label,
.cform #li-2-2 label,
.cform #li-2-3 label,
.cform #li-2-4 label,
.cform #li-2-5 label
{float:left;clear:left;text-align:left;width:170px;display:block;color:#807f7f}
input.input, .cform input.single, select {float:left;height:30px;padding:4px 5px 4px 10px;width:270px;display:inline;background: url(images/input.gif) no-repeat left top !important;margin-bottom:4px;border:none;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -mso-border-radius:4px;}
#wpcf textarea, .cform textarea {width:98%;padding:8px;background:#fff;border:solid 2px #EAEAEA;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -mso-border-radius:4px;
}


.reqtxt{float:right;color:red;font-size:10px;height:30px;line-height:30px;}


#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

input.hidden, .cf_hidden{display:none;}
.contactform {color:red;}
.contactform form, .cform {background:#fafafa; border:solid 3px #f5f5f5;width:94%;padding:12px;margin:0 auto 16px auto;float:right;
font-family:tahoma;font-size:13px;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -mso-border-radius:8px;
box-shadow: 4px 3px 6px #e1e1e1; -webkit-box-shadow: 3px 3px 6px #e1e1e1; -moz-box-shadow: 3px 3px 6px #e1e1e1;
}

#li--8items{float:left;width:160px;border:solid 1px #fff !important;}
#li--8items input{float:left; clear:none;display:inline;width:30px;}
#li--8items span {float:left;width:90px;display:inline;text-align:left;}
#li--8items label {font-weight:bold;margin-right:-10px;display:inline; }

/*products form */
#li-2-6items {float:left !important;
width:160px !important;
background: url(images/product-icons.gif) no-repeat right 8px !important; 
border:solid 1px #fff !important;
padding-bottom:8px !important;}

.cf-box-title {clear:both;text-align:left; font-weight:bold;font-size:110%}
#li-2-6items input{float:left; clear:none;display:inline;width:30px;margin:12px 0;}
#li-2-6items span {float:left;width:90px;display:inline;padding:12px 40px 12px 0;text-align:left;color:#666}
#li-2-6items label {font-weight:bold;margin-right:-10px;display:inline; }

cf3_field_1-1 {border:solid 1px red;}
/*  */

input.sendbutton{float:left;clear:both;width:100px;}

form h1 {text-align:left;font-size:16px;margin:12px 0 30px 4px !important;}

input#contactsubmit {float:right;width:139px !important;background:url(images/scCheckoutButton.gif) no-repeat !important;border:none;padding:6px 18px 12px 14px;
font-size:15px !important;text-transform:lowercase;font-style:oblique !important;font-weight:bold  !important;text-decoration:none !important;
color:#bcbbbb !important;}
input#contactsubmit:hover {cursor: pointer;background:url(images/scCheckoutButtonOver.gif) no-repeat !important}

a#contactsubmit {padding:6px 6px 12px 18px;width:127px !important;}

/* tables */
caption{background: url(images/caption.gif) no-repeat left top;color:#fff;padding:10px;font-size:18px;}
table {width:590px;margin-bottom:20px;color:#999; table-layout:auto}
th{background:#d0cfcf;color:#666;padding:4px 8px;text-align:center;}
th.first {text-align:left;}
table td {padding:4px 8px;text-align:center}
table td.first{font-weight:bold;text-align:left;}
table tr{background:#edecec;border-bottom:solid 1px #dcdbdb}
table tr.odd {background:#f2f2f2;border-bottom:solid 1px #dcdbdb}




.entry p, .entry h3,.entry h4, .entry table,.entry ul, .entry ol {padding-left:12px !important; }

/*--------------------------------*/
.info {display:none !important;}

.post-edit-link {float:left;}

/* wufoo */