body {background: #e4e4e4; font-family: Arial, sans-serif; text-align: center; font-size: small; margin: 0;}
h1 {font-size: 160%;color:#fff;margin:20px 0 0 30px;padding:0;float:left;}
h2 {font-size: 18px;color:#444;margin:0 0 5px 0;}
h3 {color:#4C4946;font-size:16px;}
h4 {font-size: 75%;}
p {font-size: 100%; font-size:115%; color: #444;line-height:17px;}
a {font-weight: bold; text-decoration: underline;color:#222;}
a img {border: none;}
.clear {clear:both;}
ul li {font-size: 14px; color:#444;}

.wrapper {margin: 0 auto; width: 880px; padding:0;text-align:left;clear:both;position:relative;}
#header {clear:both;background:transparent url(../images/headerBackground.gif) repeat top left;height:170px;padding-top:10px;}
.container {clear: both; background:#fff;text-align:center;padding: 15px 0;}
.pageContainer {background:#f24f00;clear:both;border-top: solid 1px #fb8200;padding-bottom: 15px;}

.side {float: right;  position: relative; width: 350px; display: inline;margin: 15px 30px 0px 0px;}
.side img.screen {border:solid 3px #f7f7f7;padding: 1px; float:left; clear:both; margin: 0 0 15px 0;}
.side img { max-width:350px;}
.side h2.head {color:#74bcd7;}
.core {float: left; position: relative; width: 420px; display: inline;margin: 15px 0 15px 30px;}
.col {width: 205px;float:left;margin-right: 20px;margin-bottom: 15px;height: 240px;position:relative;background:#FFFFFF url(../images/colBackground.jpg) no-repeat scroll 0 -1px;}
.col img.heading {width:205px;}
.col .heading {float:left;clear:both;}
.col.last, .col#footerLast {margin-right:0;}
.col .panel {background:#fff url(../images/colBackground.jpg) no-repeat 0 -1px;padding: 14px;width: 177px;float:left;clear:both;margin-bottom: 20px;}
.col .panel p {margin:0 0 7px 0;}
.col .panel .readmore {position:absolute;bottom: 15px;right:10px;}
.wrapper#full {border-top: solid 1px #ddd;padding-top: 20px;}

.page {float:left;width:880px;clear:both;margin: 15px 0 30px 0;background:none;}
.page .hd {width: 880px;float:left;clear:both;background: #4c4946 url(../images/brownHeader.jpg) no-repeat top left;border-bottom: solid 1px #383330;}
.page .bd{float:left;width:880px;clear:both;background:#fff;}
.page .ft {width: 880px;float:left;clear:both;background: transparent url(../images/pageFoot.jpg) no-repeat bottom left;height: 14px;}
.pageContactUs {float:right;margin:15px 25px 10px 0;}

ul.features {margin:0;padding:0;list-style:none;width: 100%;}
ul.features li {float:left;width: 390px;padding-left: 30px;background:#fff url(../images/tick.jpg) no-repeat 0px 0px;margin: 0 0 10px 0;font-weight:bold;}

#footer {background:#e4e4e4;text-align:center;clear:both;padding: 10px 0 100px 0;}
#footer .col { background:none;}
#footer a {color: #666;text-decoration:underline;}
#footer ul {list-style:none;margin:0;padding:0;}
#footer ul li {font-size:14px;}
#bar {background:transparent url(../images/barBackground.jpg) repeat-x bottom left;clear:both;height: 50px;margin-top: -20px;padding: 20px 0;}
#bar h2 {float:left;width: 600px;margin-top:10px;}
#bar .contactUs {float:right;}


#nav {float:right;margin-top: 110px;width:500px;height: 35px;text-align:left;}
#nav ul{margin: 0; padding: 0; list-style-type: none;float:left;}
#nav ul li{display:inline;padding-top: 3px;float:left;}
#nav ul li a{font-size: 100%;float:left;}
#nav ul li a span{display:none;}

#nav ul li.pageSelected#home a, #nav ul li#home a:hover,
#nav ul li.pageSelected#getonline a, #nav ul li#getonline a:hover,
#nav ul li.pageSelected#services a, #nav ul li#services a:hover,
#nav ul li.pageSelected#support a, #nav ul li#support a:hover,
#nav ul li.pageSelected#contact a, #nav ul li#contact a:hover,
#nav ul li.pageSelected#about a, #nav ul li#about a:hover{background-position: 0px 0px;}

#nav ul li#home a {background: transparent url(../images/nav/home.gif) no-repeat 0px -35px; width: 75px; height: 35px;text-align:center;margin-left: 20px;}
#nav ul li#getonline a {background: transparent url(../images/nav/getonline.gif) no-repeat 0px -35px; width: 115px; height: 35px;text-align:center;}
#nav ul li#services a {background: transparent url(../images/nav/services.gif) no-repeat 0px -35px; width: 100px; height: 35px;text-align:center;}
#nav ul li#support a {background: transparent url(../images/nav/support.gif) no-repeat 0px -35px; width: 90px; height: 35px;text-align:center;}
#nav ul li#contact a {background: transparent url(../images/nav/contact.gif) no-repeat 0px -35px; width: 90px; height: 35px;text-align:center;}
#nav ul li#about a {background: transparent url(../images/nav/about.gif) no-repeat 0px -35px; width: 90px; height: 35px;text-align:center;}

.slider {float:left;clear:both;margin: 20px 0;width: 880px;}
.slider ul {margin:0;padding:0;list-style:none;}
.slider ul li {height: 222px;width: 880px;position:relative;}
.slider ul li .text {position:absolute; top: 20px;left: 30px;width: 520px;font-size: 16px;color:#fff;}
.slider ul li .text h1 {margin:0 0 7px 0;}
.slider ul li .text p{color:#fff;}
.slider ul li .text a {color:#fff;text-decoration:underline;}
.slider ul li .text .readmore {float:left;}
.slider ul li .imageSlider {position:absolute;top: 10px;right: 10px;}
.slider .sliderBar .prev{float:left;margin: 12px 0px 5px 30px;}
.slider .sliderBar .next{float:left;margin: 12px 0px 5px 5px;}
.slider .sliderBar .pause{float:left;margin: 12px 0px 5px 5px;}

.leftCol {float:left;width: 410px;}
.rightCol {float:right;width: 430px;}
.rightCol .col#news {float:left;width: 200px;margin:0 20px 0 0;background:none;}
.rightCol .col#articles {float:left;width: 200px;margin:0;background:none;}
.rightCol .col h2 a {font-size: 14px;margin:0;padding:0;}
.rightCol .col p {margin:0 0 8px 0;padding:0;}
.sliderBar {background:transparent url(../images/sliderControlBar.jpg) no-repeat bottom left;width: 880px;height: 45px;}
.head {color:#f24f00;font-size: 18px;}
.logo {float:left;}
.telephone {position:absolute;top: 10px;right:80px;}
.openLogin {position:absolute;top: 10px; right: 0px;}

.contactform {}
.formpanel {float:left; position:relative; padding: 15px;width:410px;margin:0 0 15px 0;background:#f1f1f1;}
.side .formpanel { width:325px;}
label {margin: 3px; float: left; font-weight: bold;font-size:14px;color:#666;width: 150px;}
label.error {color:red;float:none;width:1px;}
.textinput {width: 230px; margin: 3px; padding: 2px; border:1px solid #4C4946;}
.textbox {width: 230px; margin: 3px; padding: 2px; border:1px solid #4C4946; font-family: Arial, sans-serif;height: 90px;}
.enquirybutton {float:left; margin: 10px 0 0 157px;}
.submitbutton {margin-top: 3px;margin-left: 5px;float:left;}
select {margin: 3px;}
checkbox {margin: 3px;}

.leftCol h2, .core h2 {color:#f24f00;}
.side h2 { color:#74BCD7;}

.side ul { padding-left:2em; }
.side ul li { list-style-image: url('../images/tickbullet.jpg'); }

#loginPanel {padding: 5px;display:none;position:absolute;right: 0px;top: 39px;width: 195px;background:#fff;border: solid 5px #3a3836;z-index:1000;}
#loginPanel label {width: 180px;float:left;clear:both;}
#loginPanel .textinput {width: 180px;float:left;clear:both;border:solid 1px #ccc;margin-bottom: 4px;}
#loginPanel .login-button {float:right;clear:both;margin:4px;}
.sitemap ul li { list-style: none;font-size:0.85em;}
.sitemap ul, .sitemap ul li {margin:0px;}
.sitemap ul { padding:0 5px;}
.mainSitemap ul li { list-style: none;font-size:1em;}
.mainSitemap ul { padding:2px 20px;}
#twitter-ticker{width:200px;height:200px;color:#666;display:none;-moz-border-radius:10px 10px 6px 6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-align:left;}
#tweet-container{height:200px;width:auto;overflow:hidden;}
.tweet{background:url(img/transparent.png);width:auto;overflow:hidden;padding:5px;}
.tweet .avatar,.tweet .user,.tweet .time{float:left;font-size:0.8em;}
.tweet .time{text-transform:uppercase;font-size:10px;color:#AAA;white-space:nowrap;}
.tweet .avatar img{width:21px;height:21px;border:2px solid #eee;margin:0 5px 0 0;}
.tweet .txt{clear:both;font-size:0.8em;}
.tweet .user{font-weight:700;width:140px;}
a,a:visited{color:#0BF;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
#loading{margin:100px 95px;}