/* CSS Document */

body {
	background-color:#333333;
	font-size:100%;
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Arial;
	color:#333333;
}

/* H Tages Style */

h1 {
	margin:0px;
	padding:0px;
	font-size:170%;
	color:#007db3;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h2 {
	margin:3px 0px 7px 0px;
	padding:0px 0px 0px 1px;
	font-size:120%;
	color:#5fab01;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


h3 {
	margin: 0px;
	padding: 0px;
	font-size:120%;
	color:#5fab01;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
	h3 a {
		text-decoration:none;
		color:#007db3;
	}
	h3 a:hover {
		text-decoration:underline;
		color:#333333;
	}

p {
	line-height: 1.5em;
}
p strong {
	color:#444444;
}

ul {
	list-style-image:url(images/arrowBlue.gif);
	margin:10px 0px 10px 25px;
	padding:0;
}
ul li {
	margin:2px 0px;
	padding:0;
}
	ul li ul {
		list-style-image:url(images/arrowBlue.gif);
		margin:4px 0px 10px 20px;
		padding:0;
	}
	ul li ul li {
		margin:1px 0px;
		padding:0;
	}
ul a {
	text-decoration:none;
	color:#007db3;
}
ul a:hover {
	text-decoration:underline;
	color:#333333;
}

.outerContainer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.innerContainer {
	float:left;
	display:inline;
	width:1000px;
}

.container {
	width:1000px;
	border:0;
	float:left;
	margin:15px 0 0 0;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(images/bgMiddle.gif);
	background-repeat:repeat-y;
}

/* Background Image Styles */

.bgTop {
	float:left;
	display:inline;
	width:1000px;
	height:20px;
	background-image:url(images/bgTop.gif);
	background-repeat:no-repeat;
}

.bgBottom {
	float:left;
	display:inline;
	width:1000px;
	height:46px;
	background-image:url(images/bgBottom.gif);
	background-repeat:no-repeat;
}

/* Website Containers */

.siteContainer {
	float:left;
	display:inline;
	width:970px;
	margin-left:15px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}

.contentContainer {
	float:left;
	display:inline;
	width:970px;
	margin-top:84px;
	font-size:80%;
}

.leftContainer {
	float:left;
	display:inline;
	width:212px;
	font-size:130%;
}

.centreContainer {
	float:left;
	display:inline;
	width:490px;
	margin-top:0px;
	margin-left:25px;
	margin-right:10px;
	line-height:20px;
}

.widerCentreContainer {
	float:left;
	display:inline;
	width:700px;
	margin-top:0px;
	margin-left:25px;
	margin-right:10px;
	line-height:20px;
}

.rightContainer {
	float:left;
	display:inline;
	width:200px;
	margin:40px 0 12px 15px;
}
	.sidebar-title {
		margin:0 0 0 23px;
	}
	#twitter_update_list {
		color:#444444;
		font-size:90%;
		line-height:1.4em;
	}
	#twitter_update_list a {
		display:block;
		margin-bottom:10px;
	}
	#twitter_update_list span a {
		display:inherit;
		margin:0;
	}

.navContainer {
	float:left;
	display:inline;
	width:215px;
	margin-top:1px;
}

.navItem {
	float:left;
	display:inline;
	width:215px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	color:#007db3;
	border-bottom:1px solid #007db3;
}
	.navItem a {
		float:left;
		display:inline;
		width:195px;
		text-decoration:none;
		color:#007db3;
		padding:8px 0px 8px 20px;
	}
	.navItem a:hover {
		text-decoration:none;
		color:#FFFFFF;
		background-color:#007db3;
		opacity:0.6;
		filter:alpha(opacity=60);
	}

.navHeading {
	font-weight:bold;
	color:#007db3;
	font-size: 130%;
	padding: 0px 0px 5px 8px;
}

.navSubItem {
	float:left;
	display:inline;
	width:220px;
	font-size:80%;
	padding:0px 0px 0px 0px;
	color:#007db3;
}
	.navSubItem a {
		float:left;
		display:inline;
		width:190px;
		text-decoration:none;
		color:#007db3;
		padding:3px 0px 3px 25px;
	}
	.navSubItem a:hover,.navSubItem a.navOn {
		text-decoration:none;
		color:#FFFFFF;
		background-color:#007db3;
		opacity:0.6;
		filter:alpha(opacity=60);
	}


.contactLeft {
	display:inline;
	float:left;
	width:300px;
}

.contactRight {
	display:inline;
	float:left;
	width:400px;
}

.contactRight #map {
	display:inline;
	float:left;
	width:390px;
	height:210px;
	border:1px solid #cccccc;
}


/* Header Containers */

.logo {
	float:left;
	display:inline;
	width:165px;
	height:116px;
	margin-left:30px;
	margin-top:-5px;
}


/* Breadcrumb */

.BreadCrumb {
	float: left;
	display: inline;
	color: #888888;
	font-size:85%;
	width:480px;
	padding-bottom:10px;
	margin-top:50px;
	margin-left:25px;
}

.Crumb{
	float: left;
	display: inline;
	text-indent: 0px;
	margin-right: 4px;
}

.Crumb a {
	color:#888888;
	text-decoration:none;
}
.Crumb a:hover {
	color:#666666;
	text-decoration:underline;
}

.telNumber {
	float: right;
	display: inline;
	color: #007db3;
	font-size:130%;
	width:180px;
	text-align:right;
	margin-top:50px;
	margin-right:30px;
}
.telNumber a {
		text-decoration:none;
		color:#007db3;
	}
	.telNumber a:hover {
		text-decoration:underline;
		color:#333333;
	}


/******************/
/* Projects Containers */
.projectsText {
	float:left;
	display:inline;
	width:200px;
	text-align:center;
	margin-bottom:10px;
	color:#333333;
}

/******************/
/* Projects Containers */

.portfolioImg {
	margin-right:15px;
	margin-bottom:20px;
}

/* Footer Containers */

.footerContainer {
	float:left;
	display:inline;
	width:930px;
	border-top:1px solid #333333;
	margin-left:30px;
	padding:5px 5px 0px 5px;
	font-size:70%;
	color:#666666;
}

.footerContainer a {
	text-decoration:none;
	color:#666666;
}
.footerContainer a:hover {
	text-decoration:underline;
	color:#333333;
}

.underFooterText {
	float:left;
	display:inline;
	width:930px;
	margin:0 35px;
	
	color:#AAAAAA;
	font-size:70%;
	line-height:1.4em;
}

/* Footer Containers */

.linkNav {
	text-decoration:none;
	color:#007db3;
}
.linkNav:hover {
	text-decoration:underline;
	color:#333333;
}

.linkContent {
	text-decoration:none;
	color:#007db3;
}
.linkContent:hover {
	text-decoration:underline;
	color:#333333;
}

.linkArrow {
	padding-left:12px;
	text-decoration:none;
	color:#007db3;
	
	background-image:url(images/arrowBlue.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.linkArrow:hover {
	text-decoration:underline;
	color:#333333;
}

.linkArrowRight {
	padding-right:14px;
	text-decoration:none;
	color:#007db3;
	
	background-image:url(images/arrowBlue.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.linkArrowRight:hover {
	text-decoration:underline;
	color:#333333;
}

.linkArrowLeft {
	padding-left:12px;
	text-decoration:none;
	color:#007db3;
	
	background-image:url(images/arrowBlueLeft.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.linkArrowLeft:hover {
	text-decoration:underline;
	color:#333333;
}


.quoteBox {
	padding: 8px;
	margin: 20px;
	border: 1px solid #cccccc;
	background-image:url(images/boxBG.jpg);
}


.theTeamBox {
	display:inline;
	float:left;
	width:325px;
	margin:20px 25px 20px 0;
	
	line-height:1.5em;
}

.theTeamBox strong {
	display:block;
	color:#007db3;
	font-size:120%;
	font-weight:normal;
}
.theTeamBox em {
	display:block;
	color:#666666;
	font-style:normal;
	margin-bottom:4px;
}