/* to lenthen pages just create new container and specify pixel height required that is all. */


html, body, div, p {
	font-family:  Arial, sans-serif; 
	color: #333;
}
body { 
	text-align:center;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right: 0px;
	background: #ccc url(images/bg-tile.jpg) repeat;
}



/* styles */



p {
	font-size:10pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:normal;
}
.p {
	font-size:10pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:normal;
}
.p-ns {
	font-size:10pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:0px;
	font-weight:normal;
}

.p-i {
	font-size:10pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-style:italic;
	
	font-weight:bold;
}
.p-b {
	font-size:10pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:bold;
}
.p-b-ns {
	font-size:10pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:0px;
	font-weight:bold;
}
.highlighted {
	background-color:#e9e9e9;
	padding:10px;
	padding-bottom:1px;
}

.footer-p {
	font-size:10pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-top:10px;
	margin-left:35px;
	margin-right:165px;
	color:#fff;
	font-weight:normal;
}

.large-blue {
	font-size:12pt;
	color:#036;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
	font-weight:normal;
} 
.large-blue-s {
	font-size:12pt;
	color:#036;
	margin:0;
	margin-bottom:19px;
	padding:0;
	border:0;
	text-align:left;
	font-weight:normal;
} 
.small-blue {
	font-size:10pt;
	color:#036;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
	font-weight:normal;
}
.underline-page {
	text-decoration:underline;
}

.blue-i {
	font-size:11pt;
	color:#036;
	margin:0;
	padding:0;
	border:0;
	text-align:justify;
	font-weight:normal;
	font-style:italic;
} 



.headings {
	font-size:12pt;
	color:#036;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
	font-weight:normal;
} 
	
img {
	margin:0;
	padding:0;
	border:0;
}
.latest-site {
	margin:0px;
	margin-bottom:5px;
}
.gallery-img {
	border: 1px solid #ccc;
	margin:0px;
	margin-top:15px;
}
.left-column-img {
	border: 1px solid #09c;
}

/* links */

.inpagelink {
	text-decoration: none;	
	color:#036;
	margin-bottom:0px;
}
.inpagelink:hover {
	text-decoration: underline;
	margin-bottom:0px;
}


.inpagelink-ul {
	text-decoration: underline;	
	color:#036;
}
.inpagelink-ul:hover {
	text-decoration: underline;
	color:#666;
}

.gallerylink {
	font-size:9pt;
	color:#036;
	text-decoration:none;
	text-align:center;
}
.gallerylink:hover {
	text-decoration:underline;
	text-align:center;
}


.footerlink {
	text-decoration:none;
	color: #fff;
}
.footerlink:hover {
	text-decoration:underline;
}

/* lists */

.inpagelist {
	list-style-type:disc;
	font-size:10pt;
	text-align:left;
	margin:0px;
	border:0px;
	padding-bottom:10px;
	padding-top:0px;
}




/* the overall container for the page */


#container1 {
	width:980px;
	height:1132px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container2 {
	width:980px;
	height:1000px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container3 {
	width:980px;
	height:1500px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container4 {
	width:980px;
	height:1500px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container5 {
	width:980px;
	height:1500px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container6 {
	width:980px;
	height:800px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container7 {
	width:980px;
	height:1500px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container8 {
	width:980px;
	height:800px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container9 {
	width:980px;
	height:1490px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container10 {
	width:980px;
	height:990px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container11 {
	width:980px;
	height:1500px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container12 {
	width:980px;
	height:600px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}
#container13 {
	width:980px;
	height:2500px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #C9C9CB; 
	border-bottom:0px solid #C9C9CB; 
	background:#fff;
}









#container-left-margin {
	position:absolute;
	top:0px;
	left:0px;
	width:40px;
	height:100%;
	border:0px;
	border-bottom:0px solid #fff;
	margin:0px;
	padding:0px;
	background: url(images/left-margin.jpg) repeat-y;
}
#container-right-margin {
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	height:100%;
	border:0px;
	border-bottom:0px solid #fff;
	margin:0px;
	padding:0px;
	background: url(images/right-margin.jpg) repeat-y;
}


#masthead {
	position:absolute;
	top:0px;
	left:40px;
	width:900px;
	height:137px;
	border:0px;
	border-bottom:0px solid #fff;
	margin:0px;
	padding:0px;
	background: url(images/masthead-bg.jpg) repeat-x;
	z-index:3;
}
#masthead #colchester-web-design {
	position:absolute;
	top:42px;
	left:47px;
	width:274px;
	height:37px;
	border:0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	text-indent:-10000px;
	background: url(images/colchester-web-design.gif) no-repeat;
	z-index: 5;
}
#masthead #low-cost {
	position:absolute;
	top:80px;
	left:100px;
	width:353px;
	height:22px;
	border:0px;
	border-bottom:0px solid #fff;
	margin:0px;
	text-indent:-10000px;
	overflow:hidden;
	background: url(images/low-cost-web-design.gif) no-repeat;
	padding:0px;
	
	z-index: 4;
}
#masthead #from-10 {
	position:absolute;
	top:27px;
	left:549px;
	width:102px;
	height:89px;
	border:0px;
	border-bottom:0px solid #fff;
	margin:0px;
	padding:0px;
	text-indent:-10000px;
	overflow:hidden;
	background: url(images/from-10-pounds.gif) no-repeat;
	z-index: 4;
}
#masthead #colchester-horizon {
	position:absolute;
	top:0px;
	right:0px;
	width:190px;
	height:135px;
	border:0px;
	border-bottom:0px solid #fff;
	margin:0px;
	padding:0px;
	background: url(images/colchester-horizon.jpg) no-repeat;
	z-index: 4;
}
/* Navigation */




#navigation {
	position:absolute;
	top:137px;
	left:40px;
	width:900px;
	height:33px;
	border:0px;
	margin:0px;
	padding:0px;
	background-color: #639fd3;
	z-index:5;
}
#menu {	
	padding:0em;
	margin: 0em;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	vertical-align: middle;
	text-align:left;	
}
#menu li {
	display:inline;
	height:21px;
}
.main-menu {
	display:inline;
	padding: 6px 50px;
	margin-left: 0em;
	margin-right: 0em;
	color:#fff;
	text-decoration:none;
	float:left;
	height:21px;
	border-right:2px solid #fff;
	font-size:12pt;
}
.main-menu:hover {
	color:#fff;
	background-color:#085b8b;
}

.current-page {
	background-color:#085b8b;
}
#navigation #header-telephone {
	position:absolute;
	right:25px;
	top:3px;
	padding:0px;
	margin:0px;
	margin-left:0px;
	border:0px;
	color:#fff;
	text-decoration:none;
	font-size:16pt;
}


/* side navigation */

#outer-content #inner-content #sub-nav {
	position:absolute;
	top: 345px;
	margin:0;
	padding:0;
	border:0;
	right:35px;
	height: 176px;
	width:140px;
	z-index:5;	
}
#outer-content #inner-content #sub-nav #sidelist {	
	border:0;
	padding:0;
	margin-top:0;
	margin-left:0px;
	color:#333;
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	text-align:left;
	z-index:10;	
}

#sidelist li {
	display:inline;

}
#sidelist li a {
	padding-left:5px;
	padding-top:3px;
	width:140px;
	height:18px;
	color:#333;
	text-decoration:none;
	float:left;
	border-right:0px solid #fff;
	border-bottom:3px solid #fff;
	font-size:14px;
	background-color: #ccc;
}
#sidelist li a:hover {
	color:#333;
	background-color:#dedede;
}
.static-page {
	padding-left:5px;
	padding-top:3px;
	width:140px;
	height:18px;
	color:#333;
	text-decoration:none;
	float:left;
	border-right:0px solid #fff;
	border-bottom:3px solid #fff;
	font-size:14px;
	background-color: #a09f9f;

	
}
/* price list table */
.price-list {
	border-spacing:0px;
	background-color:#e9e9e9;
}
.price-list td {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #666;
	border-spacing:0px;
	height:25px;
}
.headings {
	color:#036;
	font-size:12pt;
}


/* forms */
.availweb {
	text-align:right;
	margin:0;
	padding:0;
	border:0;
}
.enquiry {
	font-size:10pt;
	color:#036;
	text-align:left;
	margin-bottom:0px;
}
.enquiry-input {
	width:225px;
}
.email-input {
	width:320px;
}

.buttons {
	margin-top:10px;
	float:right;
	width:60px;
}
.email-note {
	font-size:10pt;
	color:#036;
	font-style:italic;
	margin-top:10px;
	margin-bottom:5px;
}
/* footer navigation */

#footer #footer-menu {
	position:absolute;
	bottom:20px;
	left:15px;
	width:900px;
	height:15px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:5;
}
#all-pages {	
	padding:0em;
	margin: 0em;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	vertical-align: middle;
	text-align:left;	
}
#all-pages li {
	display:inline;
	height:15px;
	padding-bottom:5px;
}
.all-pages {
	display:inline;
	padding: 0px 10px;
	margin-left: 0em;
	margin-right: 0em;
	color:#fff;
	text-decoration:none;
	float:left;
	height:15px;
	border-right:1px solid #fff;
	font-size:9pt;
}
.all-pages:hover {
	color:#9cf;
}

.end-list {
	border:0;
}
#navigation #header-telephone {
	position:absolute;
	right:25px;
	top:3px;
	padding:0px;
	margin:0px;
	margin-left:0px;
	border:0px;
	color:#fff;
	text-decoration:none;
	font-size:16pt;
}






#outer-content {
	position:absolute;
	top:0px;
	left:40px;
	width:900px;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-image: url(images/outer-content-bg-2.jpg); 
            background-repeat: repeat-x;
            background-position: 0px 170px;
            background-color:#b3d1eb;
            z-index:2;
}
#outer-content #inner-content {
	position:absolute;
	top:0px;
	left:254px;
	width:625px;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-color: #fff;
}
#outer-content #inner-content #left-margin {
	position:absolute;
	top:0px;
	left:0px;
	width:12px;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-image: url(images/inner-left-margin-2testing.jpg);
	background-repeat: repeat-y;
	background-position: 0px 170px;
	z-index:2;

}
#outer-content #inner-content #right-margin {
	position:absolute;
	top:0px;
	right:0px;
	width:12px;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-image: url(images/inner-right-margin-2testing.jpg);
	background-repeat: repeat-y;
	background-position: 0px 170px;
	z-index:2;
}
#outer-content #inner-content #banner {
	position:absolute;
	top:170px;
	left:12px;
	width:601px;
	height:158px;
	border:0px;
	margin:0px;
	padding:0px;
}
#outer-content #inner-content #page-content {
	position:absolute;
	top:325px;
	left:0px;
	margin:0px;
	margin-top:25px;
	margin-left:35px;
	width:373px;
	height:auto;
	border:0px;
	padding:0px;
}
#outer-content #left-column {
	position:absolute;
	top:197px;
	left:0px;
	width:265px;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	text-align:center;
}
#outer-content #left-column #portfolio {
	position:absolute;
	top:113px;
	left:30px;
	width:161px;
	height:180px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	text-align:center;
}
#outer-content #w3c {
	position:absolute;
	bottom:125px;
	left:0px;
	width:265px;
	height:50px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	text-align:center;
}




#outer-content #inner-content #horizontal-line-1 {
	position:absolute;
	top:345px;
	right:192px;
	width:2px;
	height:650px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-2 {
	position:absolute;
	top:345px;
	right:192px;
	width:2px;
	height:485px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-3 {
	position:absolute;
	top:345px;
	right:192px;
	width:2px;
	height:1037px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-4 {
	position:absolute;
	top:196px;
	right:192px;
	width:2px;
	height:1163px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-5 {
	position:absolute;
	top:345px;
	right:192px;
	width:2px;
	height:325px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-6 {
	position:absolute;
	top:345px;
	right:192px;
	width:2px;
	height:340px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-7 {
	position:absolute;
	top:345px;
	right:192px;
	width:2px;
	height:1030px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-8 {
	position:absolute;
	top:345px;
	right:192px;
	width:2px;
	height:470px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}
#outer-content #inner-content #horizontal-line-9 {
	position:absolute;
	top:190px;
	right:192px;
	width:2px;
	height:2100px;
	border:0px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-color: #ccc;
}








.gallery-column1 {
	position:absolute;
	top:50px;
	left:0;
	height:auto;
	width:180px;
	font-size:9pt;
	border: 0;
}
.gallery-column2 {
	position:absolute;
	top: 50px;
	right:0px;
	height:auto;
	width:180px;
	font-size:9pt;
	border: 0;
}



#footer {
	position:absolute;
	bottom:0px;
	left:40px;
	width:900px;
	height:106px;
	border:0px;
	margin:0px;
	padding:0px;
	background-color: #085b8b;
	z-index:3;
}
#footer #ukwda {
	position:absolute;
	top:15px;
	right:30px;
	width:127px;
	height:50px;
	border:0px;
	margin:0px;
	padding:0px;
}

/* gallery */

#outer-content #inner-content #page-content-g {
	position:absolute;
	top:170px;
	left:0px;
	margin:0px;
	margin-top:25px;
	margin-left:35px;
	width:373px;
	height:auto;
	border:0px;
	padding:0px;
}

#outer-content #inner-content #sub-nav-g {
	position:absolute;
	top: 180px;
	margin:0;
	padding:0;
	border:0;
	right:75px;
	height: 176px;
	width:140px;
	z-index:5;	
}


/* footer navigation */

#outer-content #inner-content-t {
	position:absolute;
	top:0px;
	left:54px;
	width:825px;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-color: #fff;
}
#outer-content #inner-content-t #left-margin {
	position:absolute;
	top:0px;
	left:0px;
	width:12px;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-image: url(images/inner-left-margin-2.jpg);
	background-repeat: repeat-y;
	background-position: 0px 170px;
	z-index:2;

}
#outer-content #inner-content-t #right-margin {
	position:absolute;
	top:0px;
	right:0px;
	width:12px;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	background-image: url(images/inner-right-margin-2.jpg);
	background-repeat: repeat-y;
	background-position: 0px 170px;
	z-index:2;
}
#outer-content #inner-content-t #banner {
	position:absolute;
	top:170px;
	left:12px;
	width:601px;
	height:172px;
	border:0px;
	margin:0px;
	padding:0px;
}
#outer-content #inner-content-t #page-content {
	position:absolute;
	top:170px;
	left:0px;
	margin:0px;
	margin-top:25px;
	margin-left:50px;
	width:725px;
	height:auto;
	border:0px;
	padding:0px;
}