body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background: #333399 url(../images/background.jpg) repeat-x 0 0;
	margin:0px;
	line-height: 18px;
	color:#333;
}
#container { 
	margin: 0px auto;
    text-align: left;
	width:940px;
	background-color:#FFF;
	overflow: hidden;
	margin-top:8px;
	margin-bottom:8px;
	background-image:url(../images/bkgrnd-tile.gif);
	background-repeat:repeat;
}
#topbanner{
	position:relative ;
	float:left;
	background-image:url(../images/bann-top-bkgrnd.gif);
	background-repeat:repeat-x;
	height:120px;
	width:924px;
}
#topcontact{
	position:relative ;
	float:right;
	top:5px;
	text-align:right;
	color:#fff;
	font-size:10px;	
}
.toplinks {
	color:#fff;
	font-size:10px;
	text-decoration:none;
	}
/*SEARCH*/
#search {
	position:relative ;
	margin: 0;
  	padding: 0;
}
#search fieldset {
	border:none;
 	padding-top: 10px;        /* padding in fieldset support spotty in IE */
  	margin: 0;
}
#search label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 5px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	color:#fff;
}
#search input.text-box
{
	float: left;	
	border: 1px solid #333399;
	margin: 5px 5px 0 0;
	width: 165px;
	display: inline;
	font-size:11px;
}
#search input.image-button {
	float: left;
	margin: 5px 0 0 0;	
	display: inline;
}
.greenline {
	position:relative ;
	background-image:url(../images/thin-bar-green.gif);
	background-repeat:repeat-x;
	height:2px;
	width:940px;
}
.blueline {
	position:relative ;
	background-image:url(../images/thin-line-blue.gif);
	background-repeat:repeat-x;
	height:1px;
	width:940px;
}
.center {
	text-align: center;
}
.clear {
	clear:both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.imageframe {
	border:1px #CCC solid;
}
img {
	border:none;
	}
/*MENU*/
#menu {
	position:relative ;
	width:940px;
	height:25px;
	margin-right: 5px ;
	padding: 0 0 0 0 ;
	text-align:center;
	background-image:url(../images/button-bkgrnd.gif);
	background-repeat:repeat-x;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #333399;
	border-top:1px solid #333399;
	}
#menu ul {
	margin: 0 ;
	padding: 0 0 0 20px ;
	list-style-type:none;
}
#menu li {
	margin: 0 ;
	padding: 0 ;
	display:block;
	float:left;
	text-align: center ;
}
#menu li span {
	float:left;
	line-height:20px;
	padding: 0 12px 0 12px;
	text-align:center;
	color:#333399;
	font-weight:bold;
}
#menu li a {
	color:#333399;
	text-decoration: none ;
}
#menu li a:hover {
	color : #39F;
}
.menuselected {
	color : #39F;
	
}
/*UNDER MENU*/
#bannerbott{
	position:relative ;
	float:left;
	background-image:url(../images/bann-bott-bkgrnd.gif);
	background-repeat:repeat-x;
	height:15px;
	width:920px;
}
/*MAIN CONTENT*/
#content {
	position:relative;
	float:left;
	padding: 10px 20px 10px 20px;
	width:900px;
}

h1 {
	color:#333399; 
	font-size:18px;
	margin-top:0px;
}
h2{
	font-size:13px;
	margin-top:0px;
	color:#666666;
}
h3{
	font-size:12px;
	margin-top:0px;
	margin-bottom:3px;
	color:#333399;
	font-weight:normal;
}
li {
	line-height:24px;
}
hr {
	border: 0;
	color: #c0c0c0;
	background-color: #c0c0c0;
	height: 1px;
	width: 98%;
	text-align: left;
}
.imageborder {
	background-color:#333399;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	font-size:11px;
	color:#FFF;
	border:none;
}
#homeBox1 {
  width: 630px;
  float: left;
  padding: 0 0 20px 0;
  /*border:#999 1px solid;*/
}
#home-right-column {
	float:right;
	width:250px;
	margin: 0;
	padding: 0;
	}
/*News Box*/
#newsbox {
	width: 240px;
	height:90px;
	float: right;
	background-image:url(../images/latest-news-bkgrnd.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding: 2px 0px 0px 10px;
}
/*news bullets*/
#newsbox ul {
	margin: 0 ;
	padding: 0;
	list-style:none;
}
#newsbox li {
	margin: 0 ;
	padding: 0 ;
	display:block;
}
/*Projects box*/
#projectbox {
	float:right;
	width:240px;
	height:250px;
	background-image:url(../images/latest-project-bkgrnd.gif);
	background-repeat:no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 0px 10px;
}
.projectsscreenshot {
  float: left;
  padding: 0 5px 0 7px;
  color:#666666;
}
#linksbox {
	width:650px;
	height:40px;
	background-image:url(../images/linksbox.gif);
	background-repeat:no-repeat;
	margin: 30px 0 10px 0;
	}
#buttonscontainer {
	float:left;
	width:640px;
	height:110px;
	text-align:justify;
	padding:0;
	margin:37px 0 0 0 ;
}
#first-time-box {
	float:left;
	width:170px;
	height:110px;
	padding: 35px 28px 20px 12px;
	margin: 0 0 0 0;
	background-image:url(../images/first-time-setup-box.gif);
	background-repeat:no-repeat;
	}
#boost-website-box {
	float:left;
	width:170px;
	height:110px;
	padding: 35px 28px 20px 12px;
	margin: 0 0 0 5px;
	background-image:url(../images/boost-website-box.gif);
	background-repeat:no-repeat;
}
#improve-website-box {
	float:left;
	width:170px;
	height:110px;
	padding: 35px 28px 20px 12px;
	margin: 0 0 0 5px;
	background-image:url(../images/improve-website-box.gif);
	background-repeat:no-repeat;
}
#external-links-box {
	float:left;
	width:250px;
	height:100px;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 0px 10px;
	background-image:url(../images/external-links-box.gif);
	background-repeat:no-repeat;
	}
.external-link {
	float:left;
	margin:5px 16px 0 16px;
	padding:0;
	text-align:center;
}
/*web design box*/
#webdesBox {
  width: 650px;
  float: left;
}
#webdesexamples {
	float:right;
	width:200px;
	}
/*News Section*/	
.news-image {
	float:right;
	margin: 0 10px 5px 20px;
	padding: 2px;
	border:#CCC 1px solid;
}
/*portfolio box*/
.portfoliobox {
  width: 900px;
  float: left;
  padding-bottom:20px;
  margin-bottom:20px;
}
.projectbox {
	float:left;
	width:200px;
	height:250px;
	background-image:url(../images/projects-box-bkgrnd.gif);
	background-repeat:no-repeat;
	margin: 10px 7px 0px 7px;
	padding: 10px 0px 0px 10px;
}
.screenshotthumb {
  float: left;
  padding: 0 5px 0 15px;
}
.screenshotthumb2 {
  float: left;
  padding-right:18px;
  padding-top:20px;
}
#portfolioimages {
	float:left;
}
#portfolioinfo {
	float:right;
	width:470px;
}
/*padded content box*/
#contentbox {
	float:left;
	margin:10px 20px 0 20px;
	width:874px;
}
/*Portfolio*/
.porttext {
	float:left;
	margin-left: 20px;
	margin-bottom:20px;
	width:660px;
}
.portfadesep {
	float:left;
	margin-bottom:20px;
}

/*CONTACT FORM*/
#enquiryform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  width: 780px; 
}
#enquiryform fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #333399;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

#enquiryform fieldset legend {
	color:#333399;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                      /* be careful with padding, it'll shift the nice offset on top of border  */		  
	font-weight:bold;
}
#enquiryform label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
#enquiryform input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	border : 1px Solid #333399;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
#enquiryform select {
	margin:5px 0 0 10px;  /* set margin-left back to zero on reset button (set above) */
	border : 1px Solid #333399;
	background : #DCDCDC;

}
#enquiryform input.submit {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	border:#333399 solid 1px;
	font-size:11px;
	float:right;

}
/*Hidden field to stop spam bots*/
.surname {
	visibility:hidden;
}

/*TEXT FORMATTING*/
.highlight {
	font-weight: bold;
	font-size:15px;	
}
.txtsmall {
	font-size:11px;
}
.txtbold {
	font-weight:bold;
}
.red {
	color:#FF0000;
}
.grey {
	color:#666666;
}
.blue {
	color:#333399;
}
.biggertxt {
	font-size:larger;
}

/*Image formatting*/
.imageedge{
	padding-left:10px;
	margin-left:15px;
	margin-bottom:20px;
	text-align:center;
}

/*LINK FORMATTING*/
.bttmlink {
	font-size:12px;
	color:#3300FF;
}
a {
	color:#0066cc;
	text-decoration : none;
}
.h2link {
	font-weight: bold;
	color:#C90;
	text-decoration:none;
}
/*FOOTER*/
#footer{
	position:relative ;
	float:left;
	background-image:url(../images/foot-bott-bkgrnd.gif);
	background-repeat:repeat-x;
	height:31px;
	width:920px;
}

/*WEBSPAN*/
#webspancontainer {
	margin: 0px auto;
	width:940px;
	text-align:right;
	font-size:10px;
	padding-top:10px;
	color:#333399;
	
}
.webspanlink {
	font-size:10px;
	color:#6699FF;
	text-align:right;
	text-decoration:none;
}