/* CSS for all front-end elements goes here */

body {
margin: 0px;
padding: 0px;
font-family:"Lucida Sans", Arial, sans-serif;
font-size:0.7em;
line-height:1.4em;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.trans {
float:right;
	behavior: url("/pngbehavior.htc");
}

a {
color: #9063ac
}

ul {
padding: 0px;
margin:0px 0px 0px 15px;
}

#wrapper {
width: 738px;
margin: 0 auto;
}

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

#rightcolumn {
float: left;
width: 509px;
}

#content {
margin-left:16px;
width:493px;
}

#header {
background:url(/Images/Gif/header-bg.gif);
padding: 25px 15px 25px 15px;
width: 479px;
height:23px;
}
#header a {
padding: 0px 5px 0px 5px;
}

#footer {
padding: 35px 18px 15px 18px;
clear:both;
background:url(/Images/Gif/footer-bg.gif) no-repeat bottom;
width: 702px;
height: 20px;
}

#footer a {
font-family:Arial, Helvetica, sans-serif;
padding: 0px 7px 0px 0px;
font-size:90%;
font-weight:bold;
text-decoration: none;
}

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

#logo {
padding-top:30px;
vertical-align:middle;
height:44px;
}

.specialise ul {
margin:14px 0px 14px 20px;
}

.specialise li {
list-style-image:url(/Images/Gif/bullet.gif);
}

.demoContact {
height: 60px;
}

.sidebox {
padding:0px 13px 0px 13px;
background-color: #e6eaeb;
width:203px;
}

.mainbox {
background:url(/Images/Gif/biggreyboxbg.gif) repeat-y;
padding:0px 15px 0px 20px;
background-color: #e6eaeb;
width:457px;
}

.mainboxFeatures {
background:url(/Images/Gif/biggreyboxbg.gif) repeat-y;
padding:0px 0px 0px 0px;
background-color: #e6eaeb;
width:493px;
}

.textbox {
padding:3px;
vertical-align:middle;
font-size:100%;
border:0px;
height:19px;
color: #9063ac;
}

.textbox2 {
padding:3px;
vertical-align:top;
font-size:100%;
border:1px solid #000000;
height:17px;
color: #9063ac;
}

.purple {
font-weight:bold;
color: #916caf;
}

.getintouch {
padding:25px 15px 15px 15px;
background:url(/Images/Gif/getintouch-bg.gif) no-repeat;
height: 55px;
width:463px;
}

.contactblock {
float:left;
width:150px;
}

.fourboxbg {
background:url(/Images/Jpg/4boxbg.jpg) no-repeat;
width: 491px;
height: 198px;
}

.fourboxmini {
margin-right:4px;
padding:38px 2px 10px 19px;
float:left;
width:96px;
}

.greystrips1 {
margin:0px -13px 0px -13px;
}

.greystrips2 {
margin:0px -20px 0px -20px;
}  

.greystrips3 {
margin:-20px 0px 0px -20px;
} 

#holdingWrapper {
float: left;
width: 100%;
padding-top: 40px;
padding-left: 40px;
text-align: center;
}

.holdingBox1 {
float: left;
width: 250px;
text-align: left;
}

.holdingBox2 {
float: left;
width:500px;
text-align: left;
}

.specialiseText {
text-decoration: none;
color: #000000;
}

.specialiseText  {
text-decoration: none;
color: #000000;
}

.specialiseText a:link, .specialiseText a:visited, .specialiseText a:active {
	color: #000000;
	text-decoration: none;
}

.specialiseText a:hover {
	text-decoration: underline;
}