*{
padding: 0px;
margin: 0px;
}

/**********************************************************************************************/
body{	font-family:Arial, Helvetica, sans-serif;	text-align: center;	font-size: 12px;	color: #222;	background-color: #eee;	margin: 10px 0;}

/* ----------- Links ----------------------------------- */
a:link{text-decoration: underline;color: #666666; }
a:visited{text-decoration: underline;color: #666666; }
a:hover{text-decoration: underline;color: #999999; }
a:active{text-decoration: none;color: #666666; }

#standarddomains a:link{text-decoration: underline;color: red; }
#standarddomains a:visited{text-decoration: underline;color: red; }
#standarddomains a:hover{text-decoration: underline;color: red; }
#standarddomains a:active{text-decoration: none;color: red; }

#redanchor a:link{text-decoration: underline;color: red; }
#redanchor a:visited{text-decoration: underline;color: red; }
#redanchor a:hover{text-decoration: underline;color: red; }
#redanchor a:active{text-decoration: none;color: red; }

/*---- Left navigation Links --------------*/
a.weblinks:link		{text-decoration: none;	color: #222; }
a.weblinks:visited	{text-decoration: none; color: #222; }
a.weblinks:hover	{text-decoration: none; color: red; }
a.weblinks:active	{text-decoration: none; color: #222; }


#clrboth{clear:both;}
.clrboth{clear:both;}

ul{
padding-left: 24px;
}

li{	list-style-image: url(../Templates/NavArrow.gif); font-size: 12px;}

h1{font-size: 14px;xbackground-color: pink;font-weight: bold;}
h2{font-size: 12px;padding: 0px;font-weight: bold;padding: 0px;margin:0px;}
h3{font-size: 12px;}
p{font-size: 12px;padding: 10;margin:5px 0 5px 0px;}

/** Structural **/
#wrapper{	width: 782px;	margin: 0 auto;	text-align: left; position: relative;}

#mainareaouter{	width: 782px;}
#mainarea{
border: solid 1px gray;
background-color:white;
padding: 5px 0px 5px 5px;
padding-left: 16px;
padding-top: 16px;
}

#column1{width: 524px;float:left;padding-bottom: 5px;}
#columnmid{width:7px; height:5px; color: #FFCC00; float:left;}
#column2{float:left;width: 236px;}

#column2web{float:left;width: 569px;}
#column2webinner{padding: 0px 16px 16px 16px;}

#column1web{width:190px;border: solid 1px gray;	height: 337px;	float: left;}

/*-Nav buttons-*/
#buttonstrip{	padding-top: 4px;	padding-bottom: 4px;	font-size: 12px;	font-weight: bold;}

/*==== Buttons =====*/
#buttondiv{width:127px;float:left;  text-align: center;}
#buttondiv2{width:126px;float:left; text-align: center;}

#btn01outer{padding-right: 4px;float: left;} 
#btn01outerb{float: left;} 

#btn01{text-align: center;   border: solid 1px black; width: 386px; }
#btn01b{text-align: center;   border: solid 1px black; width: 387px; }

#buttonstrip a{color: #cccccc; text-decoration:none;display: block;background-color: #555555;}
#buttonstrip a:hover{color: #eeeeee; text-decoration:none;background-color: #777777;}

/*------- Window Strip ---------------------*/

#bannerpic{
/*width: 782px; height: 116px; background: url(../images/Banner01.jpg);*/
border: 1px solid #666666;
height: 115px;
margin-bottom :5px;
}

#quote{}
#company{float: right;}

#portfoliosection{	width: 525px;	height: 80px;	border-bottom: dotted 1px Gray;}

#copymsg{color:#333333;text-align: right;font-size: 10px;}

/* ################  HOME css ##################################*/

#intropara{}

#sectiona{padding-top: 10px;}
#title1{text-align: center; font-weight: bold; margin-bottom: 5px;}
#para1{ margin-bottom: 5px;}
#linklist1a{width: 200px;float: left; margin-left: 40px;margin-right: 30px;}
#linklist1b{margin-left: 40px;margin-right: 30px;}

/*-------- Database and software development  ----------*/
#sectionb{padding-top: 15px;}
#title2{	text-align: center; font-weight: bold;margin-bottom: 5px;}
#para2{ margin-bottom: 5px;}

#linklist2a{width: 200px;float: left; margin-left: 40px;margin-right: 30px;}
#linklist2b{margin-left: 40px;margin-right: 30px;}

#newsheading{text-align: center;width:235px;	 	height:17px;		border: solid 1px gray;		background-color: #eeeeee;}

#news01{padding-top: 2px;	padding-bottom: 2px; border-bottom: dotted 1px Gray;}
#news02{padding-top: 2px;	padding-bottom: 2px; border-bottom: dotted 1px Gray;}
#news03{padding-top: 2px;	padding-bottom: 2px; }

#vacancybox{	margin-left: 70px;	margin-top: 40px;	width: 360px;	height: 80px;	border: solid 1px gray;	padding: 10px;	background-color: #eeeeee;}

/* ---------------------------  WEB ----------------------------------- */

#subheading1{		font-weight: bold;	text-align: center;	margin-bottom: 20px;}
#subheading2{	text-align: center;	font-weight: bold;	margin: 1px;	padding: 1px;}

#items{	margin-top: 2px;	float: left;	height: 20px;	width: 190px;	margin: 1px;	padding: 1px;}
#bullets{	float: left;	background: url(../images/ArrowIcon02.gif) no-repeat;	height: 20px;}
#txts{	float: left;	padding-left: 18px;	color: red;	height: 20px;}

/*-------- Recent Work ----------*/

#FolioItem{padding: 16px 0 16px 20px;border-top: 1px solid grey;}

.FolioImage{width: 200px;height: 122px;float: left;}

#FolioImg_01{background: url(../images/EsysFolio_SamBarkerPhoto.jpg) no-repeat;}
#FolioImg_02{background: url(../images/EsysFolio_SodakaMobiles.jpg) no-repeat;}
#FolioImg_03{background: url(../images/EsysFolio_ChloeBarker.jpg) no-repeat;}
#FolioImg_04{background: url(../images/EsysFolio_ExpertDrive.jpg) no-repeat;}
#FolioImg_05{background: url(../images/EsysFolio_BouncyLand.jpg) no-repeat;}
#FolioImg_06{background: url(../images/EsysFolio_Palmermoff.jpg) no-repeat;}
#FolioImg_07{background: url(../images/EsysFolio_TeamT83G.jpg) no-repeat;}

#FolioTxtColumn{
text-align: justify;
width: 470px;
float: left;
}


/*---------- Contact --------------------------------------*/

td{font-size: 11px;}

.subheading1
{
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: gray;
  margin-bottom: 5px;
  letter-spacing: 1px;
  border: solid #222222 1px;
  padding: 4px;
}

.formbutton
{
  background-color: #99cc66;
  border-top: solid #ccff99 1px;
  border-bottom: solid #669933 1px;
  border-left: solid #ccff99 1px;
  border-right: solid #669933 1px;
  font-weight: bold;
  font-family: tahoma,arial,helvetica,sans;
  font-size: 90%;
  color: White;
  behavior: url(/htc/buttons.htc);
}

.formtext{  border: solid silver 1px;  width: 99%;}

.maincontent{vertical-align: top;}

#contacscreen{	padding-left: 48px;	padding-top: 16px;}

#contactform{float: left;xborder: 1px solid red;width: 490px;}
#contactleft{float: left;width: 170px;height: 300px;}

/*---------- Software Page --------------------------------------*/

#foliopage{padding-left: 32px; padding-right: 32px;padding-BOTTOM: 24px; padding-top: 16px;}

/*---------- Software Page --------------------------------------*/

#softwarepage{padding-left: 32px; padding-right: 32px;padding-BOTTOM: 24px; padding-top: 16px;}

/*---------- FAQ --------------------------------------*/

#faqpage{padding-left: 32px; padding-right: 32px;padding-BOTTOM: 24px;}

/*---------- Home Page --------------------------------------*/

#hpmain{	padding-left: 24px;	padding-bottom: 16px; }

/*
#hpleft{width: 480px; xbackground-color: yellow; float: left; }
#hpright{float: left; padding-top: 10px;}
*/

#hpleft{
	width: 480px;
}
#hpright{
	width: 40px;
	float: left;
}

#hptop{	padding-bottom: 24px;padding-top: 24px;}
#hpbottom{}
#hpbottomleft{float: left;width: 224px;}
#hpleftmainOuter{background: url(../images/MainSectionEdges.gif); width: 224px; 
border-bottom: 1px solid #C8C8C8;}
#hplefttopborder{background: url(../images/LeftSectionTop.gif); width: 224px; height: 16px;}
#hpleftmain{background: url(../images/LeftSectionPic.jpg) no-repeat bottom center; height: 200px;padding-left: 12px; padding-right: 12px;text-align:justify;}

#hpbotmiddle{width: 32px; height: 16px; float: left;}

#hpbottomright{float: left;width: 224px;}
#hprightmainOuter{background: url(../images/MainSectionEdges.gif); width: 224px; 
border-bottom: 1px solid #C8C8C8;}
#hprighttopborder{background: url(../images/RightSectionTop.gif); width: 224px; height: 16px;}
#hprightmain{background: url(../images/RightSectionPic.jpg) no-repeat bottom center; height: 200px;padding-left: 12px; padding-right: 12px;text-align:justify;}

#rightsct01{width: 220px; height: 119px; border: 1px dashed #999999;}
#rightsct02{width: 220px; height: 97px; border: 1px dashed #999999;margin-top: 12px;}
#rightsct03{width: 220px; height: 97px; border: 1px dashed #999999;margin-top: 12px;}

#sct01txt{padding: 6px;}
#sct02txt{padding: 6px;}
#sct03txt{padding: 6px;}

#sctpic01{text-align: center; padding-top: 4px;}
#sctpic02{text-align: center; padding-top: 4px;}
#sctpic03{text-align: center; padding-top: 4px;}

.topnav{width: 120px;}

#thankyouheight{
height: 350px;
}

/* banner */
#bannercart{
	background-repeat: no-repeat;
	background-position: 4px 4px;
	border: 1px solid #aaaaaa;
	xleft: 622px;
	xtop: 161px;
	padding: 6px;
	padding-left: 16px;
	width: 120px;
}
#titlestrip{background-color: white;border: solid 1px Gray;height: 77px; position: relative;}
#logo {
	position: absolute;
	left: 17px;
	top: 15px;
}
#phonenum{
	text-align: right;
	color: #999999;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	width: 160px;
	height: 24px;
	left: 593px;
	top: 23px;
}

/* domains and hosting */
#standarddomains, #specialdommains, #sectionhosting{
border: 1px solid #666666;
background-color: #f9f9f9;
padding: 8px;
margin-bottom: 8px;
width: 600px;
}

table{
border: 1px solid #666666;
}
td{
background-color: #e0e0e0;
padding: 4px;
}
th{
background-color: #d0d0d0;
padding: 4px;
text-align: center;
}
#cart, #shoppingcart{
padding: 40px 0 40px 40px;
}
#paypalpage{
padding: 40px 0 140px 40px;
}

#errorform{
}

#greatdaylogo{
position: absolute;
top: 8px;
left: 8px;
border: 1px solid #aaaaaa;
background-color: #f0f0ff;
padding: 10px;
width :116px;
height: 40px;
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #666666;
}

#subtxt{
font-size: 10px;
font-weight: bold;
position: relative;
top: -10px;
}

.addtocartbutton{
	background-image: url(../images/AddToCartButton.gif);
	width: 136px;
	height: 34px;
	background-repeat:no-repeat;
}

#domainresults{
margin-top: 10px;
}

#domainerrorresults{
margin-top: 10px;
padding: 8px;
border: 2px solid red;
color: #000000;
}

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

.frmPostCode{
width: 100px;
}

.progarrow{
	float: left;
	height: 29px;
	width: 16px;
	background-image: url(../images/progress_Arrow.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
}

#proceed{
	color: white;
	height: 23px;
	width: 199px;
	background-image: url(../images/proceed.gif);
	background-repeat: no-repeat;
	line-height: 23px;
	text-align:center;
}

#proceed a{
	color: white;
	text-decoration: none;
}
#proceed a:hover{
	color: white;
}


.progbar{
	width: 141px;
	height: 29px;
	text-align: center;
	font-weight: bold;
	line-height: 29px;
	float: left;
	
}


.imgup{
	background-image: url(../images/progress-up.gif);
}
.imgdown{
	background-image: url(../images/progress-down.gif);
}

#progresssection{
	padding-bottom:24px;
	padding-left:24px;
}