/*Cambs Brickwwork*/


.style{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #27353D;	
	letter-spacing: normal;
}
.whitestyle{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;	
	letter-spacing: normal;
}
.whitestyle2{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;	
	letter-spacing: normal;
}
.whitestyle3{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;	
	letter-spacing: normal;
}
.style2{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #27353D;	
	letter-spacing: normal;
}
.darkstyle{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #27353D;
	letter-spacing: 2px;
}
.lightstyle{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #DFEFF2;
	letter-spacing: 2px;
}

.header{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #27353D;
	font-weight: lighter;
	letter-spacing: 2px;
}
.header1{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #7292A3;
	letter-spacing: normal;
}
.header2{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22.5px;
	font-style: normal;
	color: #7292A3;
	letter-spacing: 5px;
}
.nav-style{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #27353D;	
	letter-spacing: 2px;
}
a:link {
	color: #4A6377;
	letter-spacing: normal;
	text-decoration: none;
}
a:visited {
	color: #27353D;
	letter-spacing: normal;
	text-decoration: none;
}
a:hover{ 
	color: #0099FF;
	letter-spacing: normal;
	text-decoration: underline;
}


/* LAYOUT STYLES */
body {
	margin:0px;
	background-color: #7292A3;
	background-image: url(../images/layout/back.png);
	background-position: left top;
	background-repeat:repeat-x;
}

/* navigation */

#navcontainer{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 850px;
	overflow: hidden;
	text-align: left;
	background-color: #27353D;
	height: 40px;
}

#navigation	{ 
	width: 850px; 
	overflow: hidden; 
	margin: 0px auto 0px auto;
}
#navigation ul{
	float: left;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#navigation ul li{ 
	display: block; 
	margin: 0px;
	float: left; 
}
#navigation ul li a{ 
	float: left; 
	display: block; 
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 18px;
	Padding-bottom: 7px;
	color: #FFFFFF; 
	text-decoration: none;
	letter-spacing: 2px;
}
#navigation li a:hover{
	color: #0099FF;
	letter-spacing: 2px;
	
}
#navigation li a.active	{
	color: #0099FF;
	letter-spacing: 2px;

}

/* LAYERS */
#banner{
	width: 850px;
	height: 200px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/layout/banner.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#content{
	width: 850px;
	height: auto;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	z-index:2;
	background-color: #FFFFFF;
}
#contactformframe{
	width: 850px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #27353D;
	overflow: hidden;
}
#contactformframe a:link {
	color: #FFFFFF;
}
#contactformframe a:hover {
	color: #0099FF;
	text-decoration: none;
}
#fader{
	width: 422px;
	height: 284px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	z-index: 1;
}
#servicescontent{
	width: 850px;
	height: 630px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	z-index:2;
	background-color: #FFFFFF;
}
#portcontent{
	width: 850px;
	height: 730px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	z-index:2;
	background-color: #FFFFFF;
}
#hometext{
	width: 850px;
	height: auto;
	margin-top:0px;
	margin-left: 0px;
	z-index:2;
	padding: 10px;
	text-align:center;
}
#gallery{
	width: 850px;
	height: 900px;
	margin-top:100px;
	margin-left: auto;
	margin-right: auto;
	z-index:1;
	display: block;
	overflow: hidden;
	vertical-align: top;
	position: absolute;
	visibility: visible;
	text-align:center;
}
#footer{
	width: 850px;
	height: 80px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	z-index:2;
	text-align: left;
}
div#footer a:link{
	color: #FFFFFF;
}
div#footer a:hover{
	color: #0099FF;
}
div#footer a:visited{
	color: #CDD8FC;
}