/* CSS Document */

body {background:url(../images/bg1.jpg) repeat; font: 13px/28px Arial, Helvetica, Verdana, sans-serif;}

.surname {display:none}

#container {margin:10px auto 0 auto; width: 842px}

#header {background:url(http://www.agathos.co.uk/images/header.jpg) no-repeat; width:866px; height:149px; margin:0px; padding:0px}

#header2 {background:url(../images/header2.jpg) no-repeat; width:841px; height:149px; margin:0px; padding:0px}

#wrapper {margin:0px; padding:0px; background:url(../images/wrapper.gif) repeat-y; width:866px;
min-height:500px;  height:auto !important;  height:500px;}
.clearfix:after {display:block; content:"."; height:0; visibility:hidden; clear:both;}.clearfix {display:inline-table}/* for IEMac only */.clearfix {display:block} /* resets to block */

#content {margin: 30px; width:850px; padding:0px; float:left}
*html #content {margin: 30px 0 0 15px; width:850px; padding:0px; float:left}

p.footer {color:#FFFFFF}

li {list-style:none}
p, h1, h2, h3{margin:0px; padding:0px}

h3 {color:#004878; padding: 0 0 10px 0; font-size:16px}

.infoiconlink {float:left; margin:2px 0 0 4px }
.infoicon {float:left; }

.link, 
a.link:link, 
a.link:active, 
a.link:visited             {float:left; margin:0px 0 0 0; font-size:12px; font-weight:bold; color:#0099FF; text-decoration:underline}

a.link:hover {color:#972267}

ul.apostle {float:left; margin: 20px 0 0 80px; padding-bottom: 20px}

a:link, 
a:active, 
a:visited    { font-size:12px; font-weight:bold; color:#0099FF; text-decoration:underline}

a:hover {color:#972267}


#apostle h1 {text-indent:-30000px; background:url(../images/h1apostle.gif) no-repeat; width:450px; height:45px}

#company h1 {text-indent:-30000px; background:url(../images/h1company.gif) no-repeat; width:650px; height:100px}

#recruitment h1 {text-indent:-30000px; background:url(../images/h1recruitment.jpg) no-repeat; width:650px; height:60px}

#company h2 {text-indent:-30000px; background:url(../images/h2company.gif) no-repeat; width:341px; height:42px}



#apostle h2 {margin: 10px 0 0 0; text-indent:-30000px; background:url(../images/h2apostle.gif) no-repeat; width:760px; height:30px}

h4.apostle {margin: 0px 0 0 185px; text-indent:-30000px; background:url(../images/h4apostle.gif) no-repeat; width:500px; height:42px}

h4.apostlesoftware {margin: 0px; text-indent:-30000px; background:url(../images/h4apostlesoftware.gif) no-repeat; width:500px; height:42px}

h4.epossoftware {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epossoftware.gif) no-repeat; width:500px; height:42px}

h4.intranet{margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4intranet.gif) no-repeat; width:500px; height:42px}

h4.epostle {margin: 0px 0 0 185px; text-indent:-30000px; background:url(../images/h4epostle.gif) no-repeat; width:500px; height:42px}

h4.epostlebasic {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epostle.gif) no-repeat; width:500px; height:42px}


h4.networks {margin: 0px 0 0 185px; text-indent:-30000px; background:url(../images/h4networks.gif) no-repeat; width:500px; height:42px}

h4.xpress {margin: 0px 0 0 185px; text-indent:-30000px; background:url(../images/h4xpress.gif) no-repeat; width:500px; height:42px}

h4.web{float:left; margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4websites.gif) no-repeat; width:750px; height:42px}



h4.business{float:left; margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4business.gif) no-repeat;  width:750px;  height:42px}

#recruitment, #epostle, #company, #support, #products, #showcase, #contact  {width:780px; float:left}


#apostle p, #epostle p, #company p, #support p, #products p, #showcase p, 
#contact p {
margin: 0px 0px 10px 0px;
padding: 0px;
line-height: 18px;}



h2.write {margin: 0px; text-indent:-30000px; background:url(../images/h2write.gif) no-repeat; height:32px; width:150px}

h2.telephone {margin: 0px; text-indent:-30000px; background:url(../images/h2telephone.gif) no-repeat; height:32px; width:150px}


h2.visit {margin: 0px; text-indent:-30000px; 
background:url(../images/h2visit.gif) no-repeat; height:32px; width:150px}

h2.enquiry {margin: 0px; text-indent:-30000px; background:url(../images/h2enquiry.gif) no-repeat; height:32px}



#support h1  {text-indent:-30000px; background:url(../images/h1support.jpg) no-repeat; width:450px; height:45px}

#products h1 {text-indent:-30000px; background:url(../images/h1products.gif) no-repeat; width:450px; height:45px}

#showcase h1 {text-indent:-30000px; background:url(../images/h1showcase.gif) no-repeat; width:450px; height:45px}

#contact h1 {text-indent:-30000px; background:url(../images/h1contact.gif) no-repeat; width:450px; height:45px}

#epostle h1 {text-indent:-30000px; background:url(../images/h1epostle.gif) no-repeat; width:450px; height:45px}

h4.epostlebase {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epostlebase.gif) no-repeat; width:500px; height:48px}

h4.epostleapp {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epostlesoftware.gif) no-repeat; width:500px; height:42px}

h4.epostlelite {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epostlelite.gif) no-repeat; width:500px; height:55px}

h4.epostlepro {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epostlepro.gif) no-repeat; width:500px; height:48px}

h4.epostleproplus {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epostleplus.gif) no-repeat; width:500px; height:48px}


h4.epostleplus {margin: 0px 0 0 0px; text-indent:-30000px; background:url(../images/h4epostlepplus.gif) no-repeat; width:500px; height:48px}


#contact h3 {font-size:13px; font-weight:bold; color:#003366; margin: 10px 0 0 0; padding:0px}


h2.username {margin: 15px 0 0 0; text-indent:-30000px; background:url(../images/h2username.gif) no-repeat; width:132px;  height:35px}

h2.password{margin: 0px ; text-indent:-30000px; background:url(../images/h2password.gif) no-repeat; width:132px; height:35px}


#logonbg {background:url(../images/loginbox.gif) no-repeat; width:531px; height:318px; margin: 50px 0 0 100px}
#enquirybg {background:url(../images/enquiry.gif) no-repeat; width:681px; height:428px; margin: 30px 0 0 65px}

.form {float:left; margin: 25px 0 0 45px}
*html .form {float:left; margin: 25px 0 0 25px}
.form2 {float:left; margin: 25px 0 0 65px}
p.antispam {float:left; margin:10px 0 0 0; font-size:10px}

input {margin:0; padding:0}
.input {border:1px solid #4CA1C1; width:250px; margin:0px; padding:0px}
.input2 {border:1px solid #4CA1C1; width:250px; margin:0px; padding:0px}


.submitbttn, .submitbttn:link 
{display:block; background:url(../images/submit.gif) no-repeat;text-decoration: none; margin-top:5px; padding:0px;width: 73px;height: 25px;text-indent: -3000px; -moz-outline-style:none; text-decoration:none}

.submitbttn:hover {background-position: 0 -24px}


.submitbttn2, .submitbttn2:link 
{display:block; background:url(../images/submit.gif) no-repeat;text-decoration: none; margin:10px 0 0 0px; padding:0px;width: 73px;height: 25px;text-indent: -3000px; -moz-outline-style:none; text-decoration:none}

.submitbttn2:hover {background-position: 0 -24px}


.floatcontact {margin:0px 0 0 0; padding:0px; float:left;  }
.floatcontact2 {margin:0px 0 0 20px; padding:0px; float:left;  }

.floatright2 {width:280px; height:222px; margin:0px 0 0 0px; padding:0 ; float:right; }

.floatright {margin:-20px 60px 0 0px; padding:0px; float:right; }

.floatteam{margin:0px 15px 0 35px; border:2px solid #BCE4FE; padding:0px; float:right; }

.companydocuments {background:url(../images/documents.jpg) no-repeat; width: 253px; height:151px; float:left}

.companyproducts {background:url(../images/companyproducts.jpg) no-repeat; width: 253px; height:151px; float:left}

.customersupport {background:url(../images/customersupport.jpg) no-repeat; width: 253px; height:151px; margin: 0 0 0 10px; float:left}

.contactinfo {background:url(../images/contactinfo.jpg) no-repeat; width: 253px; height:151px; margin: 0 0 0 10px; float:left; padding: 0 0 20px 0}

.textbox {margin:55px 0 0 63px; width:160px; line-height:14px; color:#066198; float:left; font-size:12px}

*html .textbox {margin:55px 0 0 32px;}

.floatrightepostle {margin:-20px 0 0 0; padding: 0 0px 0 15px; float:right; }
.floatleft {margin:3px 0 0 0; padding:0px 10px 30px 0px; float:left; }
.products h4 {color:#990000; font-size:13px}

.products{float:left; margin: 20px 0 0 0; padding: 0 0 10px 0; min-height:165px;  height:auto !important;  height:165px; width:700px;}

.productsshowcase{float:left; margin: 20px 0 0 0; padding: 0 0 10px 0; min-height:165px;  height:auto !important;  height:165px; width:750px;}

.showcase {width:800px;  margin: 0px 0 0 0; padding: 0 0 0px 0}

#footer {float:left; background:url(../images/footer.gif) no-repeat; width:866px; height:28px; margin:0px;  padding: 0 0 20px 0}



.modifynewsbttn:hover {background-position: 0 -24px}

*html #navbar {float:left; margin:108px 0 0 0px}
#navbar {float:left; margin:108px 0 0 7px}

.bttnlogout, .bttnlogout:link {display:block; background:url(../images/bttnlogout.jpg) no-repeat; text-decoration: none; height:41px; width:93px; float:right; -moz-outline-style:none;text-indent: -3000px; margin: 0px 8px 0 0px}

.bttnlogout:hover {background-position: 0 -41px}

.bttnreturn, .bttnreturn:link {display:block; background:url(../images/bttnreturn.jpg) no-repeat; text-decoration: none; height:41px; width:183px; float:right; -moz-outline-style:none;text-indent: -3000px; margin: 0px 0 0 0px}

.bttnreturn:hover {background-position: 0 -41px}

.bttnoverview, .bttnoverview:link {display:block; background:url(../images/bttncompanyoverview.jpg) no-repeat; text-decoration: none; height:41px; width:183px; float:left; -moz-outline-style:none;text-indent: -3000px; margin: 0px 0 0 0px}

.bttnoverview:hover {background-position: 0 -41px}


.bttnproducts, .bttnproducts:link {background:url(../images/bttnproducts.jpg) no-repeat; height:41px; width:134px; float:left; display:block; text-decoration: none;float:left; -moz-outline-style:none;text-indent: -3000px; margin: 0px 0 0 0px}

.bttnproducts:hover {background-position: 0 -41px}

.bttnsupport, .bttnsupport:link  {background:url(../images/bttnsupport.jpg) no-repeat; height:41px; width:172px; float:left; display:block; text-decoration: none;float:left; -moz-outline-style:none;text-indent: -3000px;margin: 0px 0 0 0px}

.bttnsupport:hover{background-position: 0 -41px}

.bttncontact, bttncontact:link{background:url(../images/bttncontact.jpg) no-repeat; height:41px; width:116px;text-decoration: none;float:left; -moz-outline-style:none;text-indent: -3000px;margin: 0px 0 0 0px}

.bttncontact:hover{background-position: 0 -41px}

.bttnshowcase, bttnshowcase:link{background:url(../images/bttnshowcase.jpg) no-repeat; height:41px; width:113px; text-decoration: none;float:left; -moz-outline-style:none;text-indent: -3000px;margin: 0px 0 0 0px}
.bttnshowcase:hover{background-position: 0 -41px}

.bttnshop, bttnshop:link{background:url(../images/bttnshop.jpg) no-repeat; height:41px; width:137px; text-decoration: none;float:left; -moz-outline-style:none;text-indent: -3000px;margin: 0px 0 0 0px}
.bttnshop:hover{background-position: 0 -41px}





.divider {float:left; width:750px; margin:15px 0 0 0}

a.mainmenulinks, a.mainmenulinks:link, a.mainmenulinks:visited{font:bold 16px Arial, Helvetica, sans-serif; color:#0099FF; text-decoration:underline}a.linklinks, a.linklinks:link, a.linklinks:visited
{font:bold 16px Arial, Helvetica, sans-serif; 
color:#20A1B8; text-decoration:none}

a.mainmenulinks:active, a.mainmenulinks:focus, a.mainmenulinks:hover, 
a.linklinks:active, a.linklinks:focus, a.linklinks:hover
{color:#003366; outline-style:none;}



#linkcontain {float:left; margin:60px 0 0 160px; padding:0px}
*html #linkcontain {float:left; margin:60px 0 0 100px; padding:0px; height:350px}

.links {float:left; width:300px; height:28px}

/* slider */

html { font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
		#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		#panes {
			text-align: justify;
			border-style: none;
			width: 245px;
			margin: 0 auto 0 auto;
		}
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }
		
		
		/* slider */
		
		.dhtmlgoodies_question p{	/* Styling question */
	/* Start layout CSS */
font-size:12px; font-weight:bold; color:#0099FF; text-decoration:underline; 
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	position:relative;
}

.error { color: red; font-weight: bold; }


.rtitle {margin: 0 0 0 10px; float:left; width:300px}
.rlocation {float:left; width:300px}
.rfind {float:left}