@charset "utf-8";
/* CSS Document */
/* Author - Lee Miller*/
/* url - colchester-web-design.com */
/* email - support@colchester-web-design.com */

/* GENERAL TAGS */

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) #3e0e1c;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #c38597;
	text-align: center;
}
img {
	border: none;
	outline: none;
}
a {
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
        border: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 15px 0 15px 0;
	line-height: 23px;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
h2 {
	margin: 0 0 15px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 26px;
	color: #ffffd4;
}
h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 20px;
	color: #ffffd4;
	display: inline;
}

/* UNIQUE CLASSES */

.services h3 {
	margin: 0 0 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 20px;
	color: #ffffd4;
	display: inline;
}
.portfolio h3 {
	margin: 0 0 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 20px;
	color: #ffffd4;
	display: inline;
}
.hidden {
	display: none;
	visibility: hidden;
}
.clear {
	clear: both;
	height: 1px;
}
.column {
	margin: 0 50px 0 0;
	width: 280px;
	float: left;
}
.columnlarge {
	margin: 0;
	width: 610px;
	float: left;
}
.columnlast {
	margin: 0;
	width: 280px;
	float: left;
}
.smallcolumn {
	margin: 0 50px 0 0;
	width: 197px;
	float: left;
}
.smallcolumnlast {
	margin: 0;
	width: 197px;
	float: left;
}
.iconheader {
	margin: 0 0 20px 0;
	padding: 0;
	height: 28px;
}
.dotted {
	margin: 0;
	padding: 0;
	height: 1px;
	display: block;
	background: url(../images/dotted.gif);
}
.client {
	color: #daa9b7;
	text-align: right;
}

/* UNIQUE IDS */

#container {
	margin: 50px auto 50px auto;
	padding: 0;
	width: 940px;
	text-align: left;
}
#menu {
	margin: 15px 0 50px 0;
	padding: 0;
	width: 940px;
	height: 30px;
	background: url(../images/menubg.gif) no-repeat;
	position: relative;
}
#menu ul {
	margin: 0 0 0 15px;
	padding: 0;
}
#menu ul li {
	margin: 6px 0 0 0;
	padding: 0 15px 0 15px;
	border-right: 1px solid #2b0d15;
	border-left: 1px solid #643743;
	float: left;
}
#menu ul li.over a {
	color: #ffffd4;
}
#menu ul li.first {
	padding: 0 15px 0 0;
	border-left: none;
}
#menu ul li.last {
	padding: 0 0 0 15px;
	border-right: none;
}
#sendemail {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	right: 15px;
}
#sendemail a {
	color: #76525c;
}
#sendemail img {
	margin: 0 5px 0 0;
}
#splash {
	margin: 0 0 50px 0;
	padding: 0;
	background: url(../images/banner.png) no-repeat;
	width: 940px;
	height: 143px;
	position: relative;
}

#splashtext {
	margin: 0;
	padding: 0;
	color: #cfcf8d;
	position: absolute;
	top: 45px;
	left: 45px;
	width: 450px;
}
#splashtext a {
	color: #ffffd4;
}
#banner_services {
	margin: 0 0 50px 0;
	padding: 0;
	background: url(../images/banner.png) no-repeat;
	width: 940px;
	height: 120px;
	position: relative;
}
#banner_about {
	margin: 0 0 50px 0;
	padding: 0;
	background: url(../images/banner_about.jpg) no-repeat;
	width: 940px;
	height: 120px;
	position: relative;
}
#banner_portfolio {
	margin: 0 0 50px 0;
	padding: 0;
	background: url(../images/banner_portfolio.jpg) no-repeat;
	width: 940px;
	height: 120px;
	position: relative;
}
#banner_contact {
	margin: 0 0 50px 0;
	padding: 0;
	background: url(../images/banner_contact.jpg) no-repeat;
	width: 940px;
	height: 120px;
	position: relative;
}
#banner_services_head {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -27px;
	left: 794px;
	background: url(../images/computertop.png) no-repeat;
	width: 87px;
	height: 27px;
}
#banner_about_head {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -13px;
	left: 783px;
	background: url(../images/chinchillatop.png) no-repeat;
	width: 88px;
	height: 13px;
}
#banner_portfolio_head {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -25px;
	left: 770px;
	background: url(../images/portfoliotop.png) no-repeat;
	width: 75px;
	height: 25px;
}
#banner_contact_head {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -14px;
	left: 792px;
	background: url(../images/envelopetop.png) no-repeat;
	width: 81px;
	height: 14px;
}
#bannerheader {
	margin: 0;
	padding: 0;
	color: #cfcf8d;
	position: absolute;
	top: 47px;
	left: 47px;
}
#bannerheader h2 {
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	background: url(../images/greendivider.jpg) repeat-y right;
	display: inline;
}
#banner_services_tag {
	margin: 0;
	padding: 0;
	color: #FFFFD4;
      font-size: 26px;
	position: absolute;
	top: 44px;
	left: 275px;
}
#banner_about_tag {
	margin: 0;
	padding: 0;
	color: #cfcf8d;
	position: absolute;
	top: 53px;
	left: 330px;
}
#banner_portfolio_tag {
	margin: 0;
	padding: 0;
	color: #cfcf8d;
	position: absolute;
	top: 53px;
	left: 295px;
}
#banner_contact_tag {
	margin: 0;
	padding: 0;
	color: #cfcf8d;
	position: absolute;
	top: 53px;
	left: 180px;
}
#banner_contact_tag a {
	color: #eeeeb9;
}
#productsdivider {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 940px;
}
#footer {
	margin: 50px 0 0 0;
	padding: 0;
	width: 940px;
	height: 61px;
	background: url(../images/footerbg.gif);
	position: relative;
	font-size: 12px;
	color: #76525c;
}
#footer a {
	color: #926672;
}
#footertextleft {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	left: 23px;
}
#footertextright {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	right: 45px;
}

#digg {
  
       margin-left: 650px;
       margin-top: -50px;

       
}

#dyslexia {

      background: url(../images/dyslexia1.png);
      width: 288px;
      height: 384px;
      margin-left: 600px;
      margin-bottom: 10px;

}

#dyslexia2 {

      background: url(../images/dyslexia2.png);
      width: 288px;
      height: 384px;
      margin-left: 600px;
      margin-bottom: 10px;

}

.align-left { float:left; margin: -390px 385px 50px 0; }

.align-video { float:left; margin: 0px 185px 30px 300px; }

.align-contact { float:left; margin: 0px 0px 0px 0px; }

.home1 {

      margin-left: 1px;
      margin-top: 20px;
      margin-right: 0px;
      margin-bottom: 10px;

}

.icon { float:left; margin: -10px 15px 10px 0; }

.video { float:left; margin: 10px 5px 0px 360px; }

#menu2 {
	margin: 15px 0 -40px 0;
	padding: 0;
	width: 940px;
	height: 30px;
	background: url(../images/menubg.gif) no-repeat;
        font-size: 14px;
	position: relative;
}
#menu2 ul {
	margin: 0 0 0 15px;
	padding: 0;
}
#menu2 ul li {
	margin: 6px 0 0 0;
	padding: 0 15px 0 15px;
	border-right: 1px solid #2b0d15;
	border-left: 1px solid #643743;
	float: left;
}
#menu2 ul li.over a {
	color: #ffffd4;
}
#menu2 ul li.first {
	padding: 0 15px 0 0;
	border-left: none;
}
#menu2 ul li.last {
	padding: 0 0 0 15px;
	border-right: none;
}

#content ul {

        margin: 0;

}

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

#content ul li {
	margin: 6px 140px 20px 20px;
	padding: 0 15px 0 15px;
	border-left: 1px solid #643743;
	float: left;
}

#contentextra {
	margin: 6px 140px 0px 0px;

}

#ulmap {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
list-style-image: url(../images/bullet.png);
list-style-type: square;
padding: 6px;
margin: 2px 3px 4px 50px;
}