body {
background-image:url(images/bgtile.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
margin:0;
padding:0;
width:100%;
font-family:Arial, Helvetica, sans-serif;
}

a { outline: 0; }

.clear {
clear:both;
}

#container {
width:903px;
margin:auto;
}

#header {
width:100%;
height:115px;
background-image:url(images/headerbg.jpg);
}

#logo {
width:188px;
height:115px;
float:left;
}

#topinfo {
float:right;
width:269px;
font-size:11px;
color:#8e9ba1;
margin-top:13px;
}

#topinfo a, #topinfo a:visited, #topinfo a:active {
color:#8e9ba1;
text-decoration:none;
font-weight:normal;
font-size:11px;
}

#topinfo a:hover {
color:#43b0cf;
font-weight:normal;
font-size:11px;
}

#menu {
height:32px;
width:100%;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	padding: 0;
	margin: 0;
	height: 32px;
	list-style: none;
	background-repeat: no-repeat;
}

.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 32px;
	background-repeat: no-repeat;
}

.home {background-image: url(images/homeon.jpg); width: 152px;}
.home a {background-image: url(images/homeoff.jpg);}
.home2 {background-image: url(images/homeon.jpg); width: 152px;}
.home2 a {background-image: url(images/homeon.jpg);}
.about {background-image: url(images/abouton.jpg); width: 150px;}
.about a {background-image: url(images/aboutoff.jpg);}
.about2 {background-image: url(images/abouton.jpg); width: 150px;}
.about2 a {background-image: url(images/abouton.jpg);}
.products {background-image: url(images/productson.jpg); width: 150px;}
.products a {background-image: url(images/productsoff.jpg);}
.products2 {background-image: url(images/productson.jpg); width: 150px;}
.products2 a {background-image: url(images/productson.jpg);}
.shop {background-image: url(images/shopon.jpg); width: 150px;}
.shop a {background-image: url(images/shopoff.jpg);}
.shop2 {background-image: url(images/shopon.jpg); width: 150px;}
.shop2 a {background-image: url(images/shopon.jpg);}
.resellers {background-image: url(images/resellerson.jpg); width: 150px;}
.resellers a {background-image: url(images/resellersoff.jpg);}
.resellers2 {background-image: url(images/resellerson.jpg); width: 150px;}
.resellers2 a {background-image: url(images/resellerson.jpg);}
.contact {background-image: url(images/contacton.jpg); width: 150px;}
.contact a {background-image: url(images/contactoff.jpg);}
.contact2 {background-image: url(images/contacton.jpg); width: 150px;}
.contact2 a {background-image: url(images/contacton.jpg);}

ul.menu li a:hover {background: none;}
li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#homebanner {
background-image:url(images/homebanner.jpg);
height:465px;
width:903px;
}

#homeboxes {
width:100%;
height:421px;
}

a.box1 {
display: block;  
width: 290px;  
height: 421px;  
background: url(images/homecloud.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
}  

a:hover.box1 {  
background-position: 0 -421px;  
}  

a.box2 {
display: block;  
width: 323px;  
height: 421px;  
background: url(images/homevoice.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
}  

a:hover.box2 {  
background-position: 0 -421px;  
} 

a.box3 {
display: block;  
width: 290px;  
height: 421px;  
background: url(images/homenetx.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
}  

a:hover.box3 {  
background-position: 0 -421px;  
} 

#box1 {
float:left;
}

#box2 {
float:left;
}

#box3 {
float:left;
}

#navbar {
height:33px;
width:903px;
background-image:url(images/navbar.jpg);
margin-top:69px;
margin-bottom:15px;
padding-top:5px;
}

#footercolumns a, #footercolumns a:visited, #footercolumns a:active {
color:#525151;
text-decoration:none;
font-weight:normal;
font-size:11px;
}

#footercolumns a:hover {
color:#43b0cf;
text-decoration:none;
font-weight:normal;
font-size:11px;
}

#footer1 {
width:155px;
height:90px;
float:left;
}

#footer2 {
width:155px;
height:90px;
float:left;
}

#footer3 {
width:155px;
height:90px;
float:left;
}

#footer4 {
width:155px;
height:90px;
float:left;
}

#footer5 {
width:155px;
height:90px;
float:left;
}

#footer6 {
width:125px;
height:90px;
float:left;
margin-bottom:30px;
}

#footerbits {
width:257px;
margin-left:auto;
margin-right:auto;
font-size:11px;
color:#525151;
background-repeat:no-repeat;
font-weight:normal;
}

#footerlink {
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}

#footerbits a, #footerbits a:visited, #footerbits a:active {
color:#525151;
text-decoration:none;
font-weight:normal;
font-size:11px;
}

#footerbits a:hover {
color:#43b0cf;
font-weight:normal;
font-size:11px;
}

#barelink {
font-size:11px;
font-color:#525151;
margin-left:auto;
margin-right:auto;
width:127px;
margin-bottom:50px;
color:#525151;
font-weight:normal;

}

div#barelink a, div#barelink a:visited, div#barelink a:active {
color:#43b0cf;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

div#barelink a:hover {
color:#ff0033;
font-weight:normal;
}

#leftcolumn {
width:162px;
float:left;
}

#submenu {
width:162px;
font-size:11px;
margin-top:20px;
height:150px;
}

div#submenu .lisubmenu a, div#submenu .lisubmenu a:active, div#submenu .lisubmenu a:visited {
text-decoration:none;
color:#303030;
font-weight:normal;
font-size:11px;
}

div#submenu .lisubmenu a:hover {
color:#43b0cf;
font-weight:normal;
font-size:11px;
}

div#submenu .lisubmenuactive a {
text-decoration:none;
color:#ffffff;
font-weight:normal;
font-size:11px;
}

div#submenu .lisubmenuactive a:hover {
color:#ffffff;
text-decoration:none;
font-weight:normal;
font-size:11px;
}


div#submenu .ulsubmenu {
list-style:none;
margin:0px;
padding-left:0px;
}

div#submenu .lisubmenu {
width:162px;
height:33px;
background-image:url(images/suboff.jpg);
margin-bottom:6px;
}

div#submenu .lisubmenuactive {
width:162px;
height:33px;
background-image:url(images/subon.jpg);
margin-bottom:6px;
}

#shopbutton {
width:162px;
height:116px;
margin-top:22px;
}

.shopbutton2 {
width:162px;
height:116px;
margin-top:18px;
}

#livechat {
width:162px;
margin-top:32px;
}

#rightcolumn {
float:right;
width:708px;
margin-top:20px;
}

.title {
font-weight:bold;
color:#43b0cf;
font-size:17px;
}

.intro {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
font-weight:bold;
}

#thinclient {
height:211px;
width:136px;
background-image:url(images/thinclient.jpg);
float:left;
background-repeat:no-repeat;
margin-bottom:33px;
}

#thinclienttext {
font-size:12px;
font-weight:normal;
color:#363636;
}

.icon {
margin-right:12px;
float:left;
}

.text {
font-size:12px;
color:#363636;
font-weight:normal;
}

.iconbit {
width:708px;
margin-top:25px;
}

.bluetext {
font-weight:bold;
font-size:12px;
color:#43b0cf;
}

.cost a, .cost a:visited, .cost a:hover, .cost a:active {
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#43b0cf;
} 

#voicebox1 {
width:708px;
height:243px;
background-image:url(images/voiceimg1.jpg);
margin-bottom:20px;
}

#voicebox2 {
width:708px;
height:243px;
background-image:url(images/voiceimg2.jpg);
margin-bottom:20px;
}

#drquote {
width:708px;
height:82px;
background-image:url(images/drquote.jpg);
margin-top:28px;
margin-bottom:52px;
}

#resellersimg {
height:275px;
width:708px;
background-image:url(images/resellersimg.jpg);
}



#leftcontact {
width:49%;
float:left;
}

#rightcontact {
width:320px;
float:right;
}

#contactmaps a:link, #contactmaps a:visited, #contactmaps a:hover, #contactmaps a:active {
text-decoration:none;
color:#43b0cf;
font-size:11px;
font-weight:normal;
}

.bullet {
color:#43b0cf;
font-size:14px;
font-weight:bold;
}

.bluelink a:link, .bluelink a:visited, .bluelink a:hover, .bluelink a:active {
font-size:12px;
color:#43b0cf;
font-weight:bold;
text-decoration:none;
}

#newsdatetime {
font-size:11px;
color:#959595;
font-family:Arial, Helvetica, sans-serif;
}

#newstitle {
font-size:18px;
color:#43b0cf;
font-weight:bold;
margin-top:5px;
margin-bottom:10px;
}

#newsintro {
color:#363636;
font-size:12px;
margin-bottom:18px;
}

#newsbutton a:link, #newsbutton a:visited, #newsbutton a:active {
margin-bottom:60px;
background-image:url(images/readmore.jpg);
width:93px;
height:26px;
display:block;
text-decoration:none;
}

#newsbutton a:hover {
margin-bottom:60px;
background-image:url(images/readmore.jpg);
background-position:0 -26px;
width:93px;
height:26px;
display:block;
text-decoration:none;
}

#newsbold {
font-weight:bold;
font-size:12px;
}

#newsmain {
font-size:12px;
font-weight:normal;
color:#363636;
margin-bottom:50px;
}

#newsback {
margin:auto;
}

textarea {
width:250px;
height:100px;
}

.backlink {
font-size:12px;
color:#43b0cf;
font-weight:bold;
text-decoration:none;
}

.posttext {
font-size:14px;
}

#backlogin {
width:312px;
height:182px;
background-image:url(images/login.png);
}

#quoteform {
padding:22px;
border:1px solid;
border-color:#d2d2d2;
margin-top:20px;
font-size:11px;
font-weight:bold;
color:#363636;
}

.buttonstyle {
width:120px;
height:27px;
background-image:url(images/requestquote.jpg);
text-indent:-10000px;
border:0;
cursor:pointer;
margin-top:17px;
}

.buttonstyle:hover {
background-position:0 -27px;
}

input[type=text] {
width:350px;
}

.quotetextarea {
width:490px;
height:130px;
}

#careersbox {

border:1px solid;
border-color:#d2d2d2;
margin-top:30px;
padding:22px;
}

#casestudy {
border: 1px solid;
border-color:#d2d2d2;
padding:30px;
height:100%;
}

#casestudyleft {
width:140px;
float:left;
}

#casestudytext {
width:480px;
float:right;
}

.visitwebsite a:link, .visitwebsite a:visited, .visitwebsite a:active{
width:132px;
height:27px;
background-image:url(images/visit.jpg);
margin-top:20px;
text-decoration:none;
display:block;
}

.visitwebsite a:hover {
background-position:0 -27px;
}