body {padding:0; margin:0; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat-x;}

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;}

h3 {font-size:1.2em; margin:7px 0px 10px 0px; color:#0a508f;}

img { border-style: none; }

a { border-style: none; }

.black {color:#000; font-size:1.2em; font-style:oblique; }

.blue { font-size:1.2em; }

p {font-size:1.1em; color:#0a508f; margin:0px; padding:0px; line-height:1.5em;}

.tel {font-size:1.6em; margin-bottom:30px;}

.indent { margin-left:12px; }

a {font-size:1.0em; color:#0a508f; outline: 0;}

a:hover {text-decoration:underline;}

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

ul {margin-left:10px; padding-left:0px;}

li {font-size:1.1em; color:#999999; list-style-type:square; list-style-position:inside;}

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

#header {width:962px; height:101px; padding-top:17px; margin:0; background:url(images/header_bg.gif);}

#header_right {width:631px; float:right; padding-top:3px;}

#header_support {width:294px; float:right;}

#toplinks {width:962px; margin:0; height:22px;}

#spacer {height:29px; background:url(images/topbar_bg.gif) repeat-x; border:1px solid #97d7ed; margin:0px 0px 2px 0px;}

#headerlinks {width:240px; float:right;}

#headerlinks ul {margin:0; padding:0px;}

#headerlinks li {width:238px; height:55px; margin:0px 0px 5px 0px; list-style:none; list-style-position:outside; margin-left:0; padding-left:0px;}

#headerlinks a {display:block; margin:0px 0px; padding:15px 10px; height:50px; font-size:1.6em; text-decoration:none;}

.hl_business { background-color:#0a508f; border:1px solid #0a508f; color:#fff;}

.hl_education { background-color:#97d7ed; border:1px solid #97d7ed; color:#0a508f;}

.hl_softxpand { background-color:#FFF; border:1px solid #97d7ed; color:#0a508f;}

.white {color:#FFF;}

#flashregion {width:962px; height:290px; background:url(images/flash_placeholder.jpg); margin-bottom:10px;}

#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-softxpand.jpg) no-repeat;}
.education_img {background:url(images/content-education.jpg) no-repeat;}
.contactus_img {background:url(images/content-contactus.jpg) no-repeat;}
.news_img {background:url(images/content-news.jpg) no-repeat;}
.sitemap_img {background:url(images/content-sitemap.jpg) no-repeat;}


#c_main {width:710px; padding-left:10px;float:left; border-right:1px dotted #97d7ed; border-left:1px dotted #97d7ed;}

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

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

#rss-header {width:auto; height:39px; padding:0px 5px 0px 0px; border:1px solid #97d7ed; 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;}

.rsstitle {margin-left:0px;}

.more {float:right; font-weight:bold; padding:0px; margin-top:0px; margin-bottom:10px;}

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

#c_right_wrapper {width:220px; float:right;}

#c_left {width:208px; float:left; border:1px solid #97d7ed; margin-top:10px; padding:10px;}

#c_mid {width:460px; float:left; margin:10px 0px 10px 10px; padding-right:10px;}

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

.ticks ul {padding:10px;}

.ticks li {margin-left:0px; padding-left:25px; background:url(images/tick.jpg) no-repeat top left;list-style-image:none; list-style:none; list-style-type:none; list-style-position:outside; line-height:1.8em; }

#service_boxes {clear:both; width:720px; float:left; height:110px;}

.service {width:230px; margin-right:10px; display:inline; float:left; height:27px; }

.service_bot {background:url(images/services_bot_bg.jpg); background-repeat:repeat-x; margin:0px; width:228px; border:1px solid #dadada; height:79px;}

.service_bot ul {margin:9px 0px 0px 0px; padding:0px 0px 0px 9px;}

.service_bot li {list-style-type:square; margin:0px 0px 0px 0px; color:#0a508f; padding:0px 0px 0px 0px; font-weight:bold; line-height:150%;}

.serviceh3 {padding-top:0px; margin:0;}

.serviceh3white {padding-top:0px; color:#FFF; margin-top:0px;}

.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;}

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

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

#footer li.last { border:none; }

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

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

.calltosub {width:49%; float:left;}

#logos { float:left; clear:both; width:695px; }

#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:200px; border:1px dotted #97d7ed; padding:10px; float:right; clear:both; margin-top:30px; }

#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;
}

code{ /*CSS for insructions*/
color: red;
}

.basictab {
padding: 0px 0;
margin-left: 0;
font-size:1.1em;
border-bottom: 1px solid #97d7ed;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li {display: inline; float:left; width:120px; padding:0; text-align:center; line-height:25px;}

.basictab li a{text-decoration: none; border: 1px solid #97d7ed; line-height:25px; text-transform:uppercase; background:url(images/toplinks_bg.jpg) repeat-x bottom; color: #2d2b2b; display:block;}

.basictab li a:visited {color: #000000;}

.basictab li a:hover{background-image:none; border-bottom: none; background-color: #FFFFFF; color: black; }

.basictab li a:active{
background-image:none;
border-bottom: none;
background-color: #FFFFFF;
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

#menuBar {
margin: 0px;
padding: 4px 2px;
text-align: left;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #666666;
background-color: #7088BF;
font-family: "MS Sans Serif", Arial, sans-serif;
font-size: 10px;
color: #FFFFFF;
}

#menubar ul, #menubar li { display: inline; margin: 0; padding: 0; list-style: none; }

#menuBar a {
float: left;
background-color: #e0e0e0;
color: #FFFFFF;
cursor: default;
top: 0px;
left: 0px;
text-decoration: none;
margin: 1px;
padding: 2px 12px;
position: relative;
z-index: 100;
width: 96px;
} 

/*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;}

#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 dotted #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 dotted #090; }

.error { color:#F00; }

#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:180px; }

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

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-right:10px; }