body {
margin: 0;
font-family: helvetica neue, helvetica, arial, sans-serif;
background: url(images/main_bg.gif) repeat-x #fff;
min-height: 100%;
}
a {
text-decoration: none;
}
p {
font-size: 0.75em;
}

a:link, a:visited {
color: #900000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}


img {
border:0;
}
#outer {
margin: 0 auto;
width: 985px;
padding: 0;
background: #fff;
}


#top {
margin: 0;
height: 153px;
width: 100%;
padding: 0;
background: #a90000 url(images/header_bg.jpg) repeat-x;
}
#name {
margin: 0px auto 0px auto;
width: 985px;
height: 138px;
padding: 10px 0 0 0;
}

.toplinks{
width: 300px;
color: #fff;
font-size: 0.6em;
margin: 0 0 0 30px;
padding: 0;
}

.toplinks a:link, .toplinks a:visited {
color: #fff;
text-decoration: none;
}
.toplinks a:hover {
text-decoration: underline;
}

.rightlogo {
float: right; 
margin: 20px 20px 0 0;
}
#navbar {
width: 950px;
padding:0;
height:39px;
margin-left: -3px;
}
#menu {
float: left;
position: relative;
width: 950px;
padding-left: 20px;
margin-top: 24px;
}

.gecko #menu {margin-top: 19px;}
.ff2 #menu {margin-top: 18px;}
.ff3 #menu {margin-top: 18px;}
.safari #menu {margin-top: 21px;}
.opera #menu {margin-top: 20px;}

#menu ul {
float: left;
position: relative;
padding:0; 
margin:0;
height: 31px;
list-style-type: none;
overflow: hidden;
}
#menu ul li {
height: 25px;
float:left;
background: url(images/tab.jpg) no-repeat;
width: 110px;
position:relative;
margin: 0 0 0 3px;
padding-top: 5px;
padding-bottom: 0px;

}


#menu ul li a, #menu ul li a:visited {
display:inline; 
color:#fff; 
text-decoration:none; 
font-weight: bold;
font-size: 0.8em;
padding-left:10px;
margin-left: 3px;
}
html>body #menu ul li a{padding-left:10px;}

#menu ul li a:hover {
color:#330000; 
}
#menu ul li.current {
color: #900;
width: 53px;
text-decoration:none; 
margin: 0 0 -3px 3px;
font-weight: bold;
font-size: 0.8em;
padding: 7px 0 0 15px;
}
#menu ul li.currentmain {
color: #900;
background: url(images/tab_on.jpg) no-repeat top #fff;
width: 100px;
margin: 0 0 0px 3px;
text-decoration:none; 
font-weight: bold;
font-size: 0.8em;
padding: 7px 0 0 10px;
}
#menu ul li.intouch {
margin-left: 155px;
}
#menu ul li.currtouch {
color: #900;
background: url(images/tab_on.jpg) no-repeat top #fff;
width: 100px;
margin: 0 0 0px 155px;
text-decoration:none; 
font-weight: bold;
font-size: 0.8em;
padding: 7px 0 0 10px;
}
#box {
margin: 4px auto;
width: 945px;
padding: 20px;
}
#container {
width: 100%;
}

#row1 {
width: 943px;
height: 280px;
border: 1px solid #ccc;

}
#row2 {
width: 100%;
height: 192px;
border-bottom: 1px solid #ccc;
margin-top: 20px;
}
#rightbox {
float: right;
margin: 0;
width: 179px;
height: 146px;
background: #fff;
border: #ccc solid 1px;
padding: 10px;
}
#rightbox h3{
width: 170px;
margin: 0;
padding: 5px 0 3px 0;
color: #900000;
}
#rightbox ul{
width: 179px;
margin-left: -15px;
margin-top: 0px;
padding: 0;
}
#rightbox li{
list-style-type: none;
padding: 0 0 0 27px;
margin: 0px 0 4px 0;
font-size: 0.7em;
color: #333;
}
#rightbox p {
margin: 0;
padding: 5px 0 3px 0;
}
#midboxleft {
float: left;
margin: 0;
width: 179px;
height: 146px;
padding: 10px;
background: url(images/redbox_bg.jpg) repeat-x top #dd0f01;
margin-right: 15px;
}
#midboxleft h3{
width: 170px;
margin: 0;
padding: 5px 0 3px 0;
color: #fff;
}
#midboxleft p{
margin: 0;
padding: 5px 0 3px 0;
}
#midboxleft a:link, #midboxleft a:visited{
color: #fff;
font-weight: normal;
}
#midboxleft a:hover{
text-decoration: underline;
}
#midbox {
float: left;
margin-right: 15px;
width: 179px;
height: 146px;
padding: 0px;
}
#midboxtop {
margin: 0;
width: 100%;
height: 146px;
background: url(images/dkgrey_bg.gif) repeat-x top #666;
padding: 10px 0 10px 10px;
}
#midboxtop a:link, #midboxtop a:visited {
color: #6cf;
text-decoration: none;

}
.follow img {
float: right;
margin-right: 10px;
}
#midboxtop a:hover {
text-decoration: underline;
}
#midboxtop ul{
width: 175px;
margin-left: -2px;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 5px;
padding: 0;
}
#midboxtop li{
list-style-type: none;
padding: 0 0 0 30px;
background: url(images/twitter_bull.gif) no-repeat;
margin: 0;
font-size: 0.7em;
color: #fff;
}
#midboxbtm {
margin: 0;
width: 100%;
height: 21px;
background: url(images/dkgreysml_bg.gif) repeat-x top #666;
padding: 10px 0 10px 10px;
}
#leftbox {
float: left;
margin: 0 15px 0 0;
width: 301px;
height: 166px;
padding: 5px;
}
#leftbox p{
margin: 0;
padding: 5px 0 0 0;
font-size: 1.2em;
color: #666666;
}


#leftmenu {
float: left;
height: 355px;
width: 140px;
margin: 10px 0 20px 0;
}
#leftmenu ul{
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
#leftmenu ul li{
color: #333333;
font-size: 0.75em;
font-weight: bold;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

#leftmenu ul li a:hover{
text-decoration: underline; 
}
#content {
width: 930px;
margin:35px 0 10px 5px;
overflow: visible;
height: auto;
}
#content h1 {
width: 400px;
margin: 0px;
font-size: 2em;
color: #900000;
}
#content h3 {
width: 400px;
margin: 5px 0 5px 0;
padding-top: 10px;
font-size: 1.2em;
font-weight: bold;
color: #900000;
}
#content h4 {
width: 400px;
margin: 5px 0 5px 0;
padding-top: 10px;
font-size: 0.75em;
font-weight: bold;
color: #900000;
}
#describe {
width: 130px;
background: url(images/greybox_bg.gif) repeat-x top #fff;
margin-top: 40px;
padding: 10px;
line-height: 1.5em;
font-size: 0.7em;
}

#webcontent {
float: right;
width: 730px;
height: 355px;
margin: 10px 0 20px 50px;
overflow: visible;
font-size: 0.75em;
line-height: 1.5em;
}
#webcontent img{
float: right;
margin: -90px 0 0 20px;
padding: 0;
position: relative;
}
#webcontent h2{
width: 320px;
font-size: 1.5em;
font-weight: bold;
color: #900000;
padding: 0;
margin: 10px 0 10px 0;
}
#webcontent p{
width: 380px;
margin: 10px 0 10px 0;
font-size: 1em;
padding: 0;
}
#contact {
float: right;
width: 730px;
height: 355px;
margin: 10px 0 20px 50px;
}
#general {
float: right;
width: 730px;
height: auto;
margin: 10px 0 20px 50px;
}
#general h3 {
width: 400px;
margin: 5px 0 5px 0;
padding-top: 10px;
font-size: 1.2em;
font-weight: bold;
color: #900000;
}
#general h4 {
width: 400px;
margin: 5px 0 5px 0;
padding-top: 10px;
font-size: 0.75em;
font-weight: bold;
color: #900000;
}
#general p{
width: 700px;
margin: 10px 0 10px 0;
padding: 0;
}
#general ol{
width: 700px;
margin: 10px 0 10px 0;
padding: 0;
}
#general ol li{
margin-left: 18px;
font-size: 0.75em;
}
#general ul{
width: 700px;
margin: 10px 0 10px 0;
padding: 0;
}
#general ul li{
margin: 0 0 0 18px;
font-size: 0.75em;
}
#general ul ul li{
margin: 0 0 0 28px;
font-size: 0.75em;
padding: 0;
}

#thumbnails {
float: right;
width: 730px;
height: auto;
margin: 10px 0 20px 50px;
}

.thumbs {
float: left;
width: 126px;
height: 190px;
margin-right: 18px;
font-size: 0.7em;
text-align: center;
}
.thumbs img {
border: solid 8px #eaeaea;
margin-bottom: 10px;
}
.clients {
float: left;
width: 136px;
height: 64px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
}
.clients img {
border: solid 8px #eaeaea;

}
#screenshots {
float: right;
width: 720px;
height: auto;
margin: 10px 0 20px 50px;
}
#screenshots p{
width: 712px;
margin: 10px 0 10px 0;
padding: 0;
}
.screens {
float: left;
width: 220px;
height: 210px;
margin-right: 15px;
font-size: 0.7em;
text-align: center;
}
.screens img {
border: solid 8px #eaeaea;
margin-bottom: 10px;
}
#googlemap {
float: right;
width: 425px;
height: 380px;
position: relative;
font-size: 0.7em;
border: solid 8px #eaeaea;
padding: 5px;
margin-top: -90px;
}
/******** CLASSES ********/
.bold {
font-weight: bold;
}
.dark {
color: #444444;
}
.items {
font-weight: bold;
}
.red {
color: #7b1d20;
}
.white {
color: #FFFFFF;
}
.text {
font-size: 11px;
line-height: 15px;
color: #333333;
}
.asterisk {
color: #CC0000;
}
.intro {
font-size: 1.5em;
font-weight: lighter;
color: #900000;
line-height: 2em;
}

/*************** top band *************/
#topband {
height: 18px;
background: #666666;
}

/*************LAYOUT************/
#logo_bar {
background: #C2C2C2;
padding: 5px;
}
#logo_bar h2{
float: right;
margin: 45px 20px 0 0;
font-size: 22px;
font-family: times;
font-style: italic;
color: #FFFFFF;
}



#ways {
margin: 0 10px 10px 10px;
}
#ways img {
padding: 20px 0 0 0;
}
#space {
margin: 10px;
}



/************** FOOTER *************/

#footer {
width: 939px;
color: #333;
padding: 10px 3px 0 3px;
height: 20px;
font-size: 0.7em;
margin: 0 auto;
clear: both;
border-top: solid 1px #eaeaea;
}
#footer a {
color: #900000;
}
#footer a:hover {
text-decoration: underline;
}
.copyright {
float:right;
text-align:right; 
width:550px;
}

.fum {
width: 760px;
margin: 10px auto 10px auto;
text-align:right; 
font-size:11px; 
color: #fff;
}
.telno {
float: left;
text-align:right; 
font-size: 0.9em; 
color: #900000; 
font-weight: bold;
}
.book {
width: 300px;
text-align: center;
margin-top: 10px;
margin-left: 100px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 14px;
font-weight: bold;
}
.formsent {
width: 400px;
text-align: center;
margin-top: 10px;
margin-left: 0px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 13px;
font-weight: bold;
}
.formsent2 {
text-align: center;
margin-top: 10px;
margin-left: 0px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 12px;
font-weight: bold;
}

.txtcentre {
text-align: center;
}
.spacer {
clear: both;
}