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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

body {padding:0; margin:0; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat-x;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

img { border: 0; outline: 0; }
a {text-decoration:none;}
h1 {font-size:1.6em; color:#0a508f; margin:0px; padding:0px; margin-bottom:10px;}

h2 {font-size:1.4em; margin:7px 0px 7px 0px; color:#0a508f;}
h2 a {font-size:1.4em; margin:7px 0px 7px 0px; color:#0a508f; text-decoration:none;}
h3 {font-size:1.2em; margin:7px 0px 10px 0px; color:#0a508f;}
h3.call { font-size:1.8em; color:#FFF; margin-left: 14px;}
h3.call2 { font-size:1.8em; color:#FFF; margin-left: 51px;}
img { border-style: none; }

p {font-size:1.1em; color:#0a508f; margin:0px; padding:0px; line-height:1.5em;}
.postmetadata a {font-size:1.0em; color:#0a508f; text-decoration:none;} 
.tel {color:#00baf6;font-size:1.6em; font-weight:bold;}
.line {text-decoration:underline; color:#0a508f;}
.place{color:#0a508f;font-size:1.4em;font-weight:bold; line-height:1.2em; }
.bigger { font-size:1.2em; color:#0a508f; margin-top:10px; padding:0px; line-height:1.5em; }
ul {padding:0;}
.spacing { margin-top:10px;}
.indent { margin-left:12px; }

hr {background-color: #cccccc; height:1px;}

#pagesurround {margin:0 auto; width:962px; padding:0px 10px 10px 10px;}

/* header */
#header {width:962px; height:101px; padding-top:17px; margin:0; }
.blue {color:#0a508f; font-size:1.2em; }
.grey {color:#676767; font-size:1.2em;}
.top { margin-top:10px;float:right; }
.number1 { text-align:left; float:left; margin-right:10px;line-height:1.5em;}
.number2 { text-align:left; float:left; margin-right:10px;line-height:1.5em; }
.number3 { text-align:left; float:left; margin-right:10px; line-height:1.5em;}
.number4 { text-align:left; float:left; line-height:1.5em; }
.bottom {clear:both;text-align:right; float:right; margin:5px 0 0 0;}

/* nav */
nav { background: url(images/navbar2.jpg) no-repeat; width:962px; margin:15px 0 14px 0; height:40px; }

nav ul {margin-left:39px; }
nav li { float:left; padding:12px 20px 0 20px; background:url(images/spacer.jpg) right no-repeat; list-style:none;}
nav li a { display:block; color:#676767; font-size: 1.3em; height: 30px; text-decoration: none; text-transform:uppercase; font-weight:600; float:left; display:block;  }
nav li a:hover { color:#0a508f;}
nav li.last{background:none;}

#headerlinks {float:right; width:240px; height:180px;}
.boxb a { width:240px; height:90px; background: url(images/businessright.jpg) no-repeat; float:right; text-indent: -9999px; padding:0 0 3px 0; cursor: pointer;}
.boxe a { width:240px; height:90px; background: url(images/educationright.jpg) no-repeat; float:right; text-indent: -9999px; cursor: pointer;  }

.white {color:#FFF;}
#feedback { margin: 10px 0 10px 0; padding-bottom:10px; border-bottom:solid 1px #dcdcdc; }
#feeback img { }
#slider {width:718px; height:290px;float:left; overflow: hidden; }
#rightboxes { float:right; height:274px; width:230px;}
.box1 a { width:230px; height:137px; padding:0 0 16px 0; background: url(images/business.jpg) no-repeat; float:right; text-indent: -9999px; cursor: pointer; }
.box2 a { width:230px; height:137px; background: url(images/education.jpg) no-repeat; float:right; text-indent: -9999px; cursor: pointer;}
#content-header {width:962px; height:183px; margin-bottom:10px;}

.hardware_img {background:url(images/content-hardware.jpg) no-repeat;}
.software_img {background:url(images/content-software.jpg) no-repeat;}
.maintenance_img {background:url(images/content-maintenance.jpg) no-repeat;}
.softxpand_img {background: url(images/content-maintenance.jpg) no-repeat;}
.education_img {background:url(images/content-education.jpg) no-repeat;}
.contactus_img { }
.news_img {background:url(images/content-news.jpg) no-repeat;}
.sitemap_img {background:url(images/content-sitemap.jpg) no-repeat;}

#smallbox {width:230px; height:83px; float:right; padding-bottom:10px;  background:url(images/smallbusiness.jpg) no-repeat; }

#logmein {  border:1px solid #dcdcdc; padding:10px 10px; width:218px; margin-bottom:10px;background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */

background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

#c_right {clear:both;width:208px; border:1px solid #dcdcdc; float:right; margin-bottom:10px; padding:10px; text-align:center;}

#c_right_rss {width:217px; border:1px solid #dcdcdc; float:right; margin-bottom:10px; padding:10px; text-align:left;}
#c_right_rss2 {width:208px; border:1px solid #dcdcdc; float:right; margin-bottom:10px; padding:10px; text-align:left;}

#rss-header {width:auto; height:39px; padding:0px 5px 0px 0px; border:1px solid #dcdcdc; background:url(images/rss_bg.jpg) repeat-x; background-position:bottom;}

.rssh3 {margin:5px 0px 0px 0px; padding:0; font-size:1.5em; float:right;}

.rssp {margin:0; padding:0; text-transform:uppercase; float:right; color:#999;}

.rssbody {margin:0px; padding:0px;}

h3.rsstitle {margin-left:0px; color:#0a508f;}

.more {float:right; font-weight:bold; padding:0px; margin-top:0px; margin-bottom:10px; color:#0a508f; text-decoration:underline;}

.date {color:#ff9d1f; font-weight:bold; margin-top:10px; clear:both;}

#c_right_wrapper {width:239px; float:right;}
#c_right_wrapper2 {width:239px; float:right;}

#c_left {width:208px; float:left; border:1px solid #97d7ed; background: #4dc0e7; /* Old browsers */

background: -moz-linear-gradient(top,  #4dc0e7 0%, #97d7ed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dc0e7), color-stop(100%,#97d7ed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* IE10+ */

background: linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc0e7', endColorstr='#97d7ed',GradientType=0 ); /* IE6-9 */

 padding:10px;}
 #c_left2 {width:208px; float:left; border:1px solid #97d7ed; background: #4dc0e7; /* Old browsers */

background: -moz-linear-gradient(top,  #4dc0e7 0%, #97d7ed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dc0e7), color-stop(100%,#97d7ed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* IE10+ */

background: linear-gradient(top,  #4dc0e7 0%,#97d7ed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc0e7', endColorstr='#97d7ed',GradientType=0 ); /* IE6-9 */

 padding:10px;}
 
ul.softwarelist {line-height: 23px; width: 430px; margin-left: 25px; list-style-image: url(images/tick.jpg); color:#676767; font-size:1.2em;} 

#c_mid {width: 469px;
float: left;
margin: 0 0 0 16px;

text-align: justify;}

#c_mid_content {width:700px; float:left; margin:10px 0px 10px 0px; padding-right:10px;}

.ticks ul { line-height: 33px; }

ul.ticks li {line-height: 23px; width: 430px; margin-left: 25px; list-style-image: url(images/tick.jpg); color:#676767; font-size:1.2em;   }


#service_boxes {clear:both;float:left; width:962px; height:110px;margin:15px 0 15px 0;}

.service1 a { background:url(images/support.jpg); width:230px; margin-right:14px; display:inline; float:left; height:110px; float:left;  text-indent: -9999px; cursor: pointer; }
.service2 a { background:url(images/hardware.jpg); width:230px; margin-right:14px; display:inline; float:left; height:110px; float:left; text-indent: -9999px; cursor: pointer; }
.service3 a { background:url(images/software.jpg); width:230px; margin-right:14px; display:inline; float:left; height:110px; float:left; text-indent: -9999px; cursor: pointer;}
.service4 a { background:url(images/problem.jpg); width:230px;  display:inline; float:left; height:110px;float:left; text-indent: -9999px; }




.hardware {height:20px; background:url(images/hardware_bg.jpg) repeat-x; margin-bottom:1px; padding-top:7px; padding-left:7px;}

.software {height:20px; background:url(images/software_bg.jpg) repeat-x; margin-bottom:1px; padding-top:7px; padding-left:7px;}

.maintenance {height:20px; background:url(images/maintenance_bg.jpg) repeat-x; margin-bottom:1px; padding-top:7px; padding-left:7px;}

.white {color:#FFFFFF;}

.callback_form {width:200px; border:1px solid #97d7ed; margin-top:3px; margin-bottom:10px; padding:3px 3px; }

#calltoaction {float:left;padding:10px; overflow:hidden; margin-bottom:20px; margin-top:20px; border-top:1px solid #cccccc; }

.calltosub {width:49%; float:left; }
.calltosub li {color:#0a508f; list-style-type:none;}
#logos { float:left; clear:both; width:695px; }

#footer {text-align:center;  clear:both; }

#footer a { text-decoration:none; color:#0a508f; }

#footer a:hover { text-decoration:underline; }

#footer ul { color:#676767; }

#footer li { display:inline; border-right:1px solid #0a508f; padding-right:6px; margin-right:3px; margin-bottom:10px; }

#footer li.last { border:none; }

#footer li a { text-decoration:none; color:#0a508f;}

#footer li a:hover { text-decoration:underline;}



#w_s_logo_08 { float:left; width:197px; margin-top:40px; }

#w_s_b_logo_08 { float:right; width:187px; padding-left:30px; margin-top:14px; }

#w_v_logo { float:left; width:109px; padding-left:30px; }

#o_s_b_logo { float:right; width:113px; }

#antispam {width:300px;  padding:10px; float:left; clear:both; margin-top:10px; }

#map { float:right; text-align:center; clear:both; margin-top:30px; padding-right:30px; }

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:#4F351A;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example3{ /*Demo 3 main container*/
width: 232px;
height: 280px;
padding: 4px;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}




/*Wordpress Styles*/

#c_mid_content_wp {width:670px; float:left; margin:0px 0px 10px 0px; padding:10px;}

#sidebar {width:210px;}

#sidebar ul { margin-left:0px; padding-left:0px;}

#sidebar li {list-style:none; list-style-position:outside; margin-left:5px; padding-left:0px;}
#sidebar li a{color:#0a508f;}
#content {float:right;}

#content h1 {margin-left:0px; padding-left:0px;}

.narrowcolumn {width:690px; float:right;}

.post {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cccccc;}

.postmetadata {font-weight:bold; color:#999; margin-top:10px;}

#hardware { width:695; float:left; margin-top:10px; }

.img_1 { float:left; margin:10px 0 20px 0; text-align:center; width:143px; padding-right:10px; clear:left; }

.desc_h { float:right; width:540px; padding:10px 0 10px 0; clear:right; }

#address { float:right; text-align:right; }

#contact_form { width:290px; }

#contact_form div { clear:both; margin:1em 0; font-size:1.1em; width:240px; }

#contact_form input { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #999; width:250px; }

#contact_form textarea { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #999; width:250px; }

legend { font-size:1.1em; font-weight:bold; width:400px; }

fieldset { border:none; margin-top:8px; font-size:1.1em;  color:#0a508f; }

.success { color:#090; font-size:1.4em; margin:5px 0 5px 0; border-bottom:1px solid #090; }

.error { color:#F00; }
/* homepage form */

#c_left div { clear:both; margin:1em 0; font-size:1.1em; width:170px; }

#c_left input { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #999; width:200px; }

#c_left textarea { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #999; width:199px; }

#captcha { width: 157px;margin: 5px 0;float: left; }

#c_left .submitbutton { width:132px!important; height: 33px!important; background: url(images/submit.jpg) no-repeat; display: block; cursor: pointer; border: 0; margin: 0 0 0 36px; }


.reload { float:right; }

.formstyle2 { margin: 5px 0; }

.formstyle2:hover { background: #eee; color: #666; font-style: italic; }

.formstyle2:focus { background: #eee; color: #666; font-style: italic; }

/* contact us*/
#c_left2 div { clear:both; margin:1em 0; font-size:1.1em; width:170px; }

#c_left2 input { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #999; width:200px; }

#c_left2 textarea { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #999; width:199px; }

#captcha { width: 145px;margin: 5px 0;float: left; }

#c_left2 .submitbutton { width:132px!important; height: 33px!important; background: url(images/submit.jpg) no-repeat; display: block; cursor: pointer; border: 0; margin: 0 0 0 36px; }


.reload { margin: 11px; }

.formstyle2 { margin: 5px 0; }

.formstyle2:hover { background: #eee; color: #666; font-style: italic; }

.formstyle2:focus { background: #eee; color: #666; font-style: italic; }
fieldset2 { border:none; font-size:1.0em;  color:#0a508f; }

/* education table styles */

.edu-table { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#0a508f; margin:0 auto; margin-top:10px; }

.row_colour { background-color:#F2F5FF; }

.table_header { font-weight:bold; }

#table-logos { width:700px; display:inline; margin:0 auto; }

#table-logos img { margin:15px 10px 0 0; }