@charset "utf-8";

html, body{
	padding: 0;
	margin: 0;
}

html{
	font-size: 1em;
}

body{
	font-size: 11px;
	line-height: 15px;
	font-family:"Arial", Georgia, Serif;
	background-color: #AAA;
	background-image: url("../images/background.gif");	
	background-repeat: repeat;
	background-attachment: fixed;
}

h2, h3{
	font-family: "Helvetica", Arial, Serif;
}

.linkBox{
	margin: 1px;
	display: inline;
	float:none;
}

#absNav{
	position: absolute;
	bottom: 29px;
	left: 30px;
	z-index: 400;
	width: 500px;
}

h2{
	font-size: 29px;
	letter-spacing: -1px; 
	line-height: 34px;
	margin: 5px 0px 5px 0px;
	font-weight: 100;
	color: black;
}

	
h3{
	color: #F00;
	font-size: 20px;
	margin:0;
	display:block;
	font-weight: 300;
}

h5{
	color: #F00;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding-bottom: 0;
	display:inline;
	font-weight: 300;
}

a img, :link img, :visited img {
	border: 0;
}

hr{
	margin-top: 0;
	color:#CCC;
	background-color:#CCC;
	height:1px;
	border:none;
}

a:link  {
	text-decoration: none;
	color: RED;
}

a:visited{
	text-decoration: none;
	color: RED;
}

a:active {
	text-decoration: none;
	color: RED;
}

a:hover{
	text-decoration: underline; 
	color: red;
}

#footerLinks{
	text-align: right;
}

#rightColumn a:link , #adminSection a:link , #footerLinks a:link {
	text-decoration: none;
	color: #000;
}

#rightColumn a:visited , #adminSection a:visited , #footerLinks a:visited {
	text-decoration: none;
	color: #000;
}

#rightColumn a:active, #adminSection a:active, #footerLinks a:active {
	text-decoration: none;
	color: #000;
}

#rightColumn a:hover, #adminSection a:hover, #footerLinks  a:hover {
	text-decoration: none; 
	color: red;
}

#adminSection{
	position:fixed;
	bottom: 0;
	left: 0px;
	width: 100%;
	height: 20px;
	padding: 10px 20px 7px 10px ;
	border-top: 2px solid #333;
	background-color: #DDD;
}

#adminSection h5{
	float: left;
	margin-top: 0px;
}

#adminSection li, #adminSection ul, #adminSection p{
	display: inline;
	z-index: 300000;
}

#adminSection p{
	float: right;
	padding-right: 10px;
}

#adminSpace{
	height: 80px;
}

#pageContainer{
	width: 960px;
	background-color: #FFF;	
	margin: 0px auto 0px auto;
	padding: 0;
}

#header{
	position: relative;
	background-color: #FF1000;
	width: 100%;
	height: 130px;
}

#header img{
	position:absolute;
	bottom: 0px;
	
}

#header h4{
	color: #000;
	float: right;
	font-size: 21px;
	letter-spacing:-0.5px;
	margin: 82px 20px 0px 0px;
	font-weight: 300;
}

#navigation{
	width: 100%;
	height: 22px;
	background-color: #000;
}

#navigation li{
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0px 10px
}

#navigation ul{
	color: #FFF;
	margin: 0;
	padding: 0px 0px 0px 15px;
}

#navigation img{
	margin-top: 5px;
}

#pageContentHeader{
	width: 912px;
	background-color: #FFF;
	padding: 24px;
	margin-bottom: 20px;
}

#rightColumn{
	float:right;
	width: 225px;
}

#footer{
	clear: both;
	padding: 23px;
	font-size: 9px;
}

#footer p{
	margin: 0;
	padding: 0;
}

#footer ul{
	margin: 0px 35px;
}

#footer li{
	display: inline;
	list-style-type: none;
}

#newsStubContainer{
	float: left;
	width: 450px;
	height: 260px;
	margin: 0px 5px 0px 5px;
}

#bottomImageRow{
	clear: both;
	width:920px;
	background-color:RED;
}

#projectContainer{
	margin: 0px 5px 0px 0px;
	width: 690px;
}

#comments{
	width: 680px;
}

#commentTable p{
	text-align: right;
}

#commentTable{
	margin-left: 10px;
}

.commentHolder{
	padding-bottom: 20px;
}

.commentHolder p{
	margin-top: 0px;
}

.projectText{
	margin: 10px 0px 0px 0px;
}

.projectText p{
	margin: 0;
	padding: 0 0 15px 1px;
}
.projectText a:link {
	font-size: 14px;
	text-decoration: none;
	color: RED;
}

.projectText a:visited {
	text-decoration: none;
	color: RED;
}

.projectText a:active {
	text-decoration: none;
	color: #000;
}

.projectText a:hover {
	text-decoration: none; 
	color: #000;
}

.clientLinks a:link  {
	text-decoration: none;
	color: RED;
}

.clientLinks a:visited{
	text-decoration: none;
	color: RED;
}

.clientLinks a:active {
	text-decoration: none;
	color: RED;
}

.clientLinks a:hover{
	text-decoration: underline; 
	color: red;
}

.contentRow{
	clear:both;
	margin: 5px;
}

.leftContent{
	margin: 0px 5px 40px 5px;
	width: 680px;
}

.space{
	margin-top:60px;
}

.newsItem{
	width: 680px;
	margin-bottom: 80px;
	padding-left: 3px;
}

.newsText{
	margin-top: 15px;
}

.newsText br{
	margin-top: 5px;
}

.newsImages{
	margin: 0px -4px 10px -4px;
	width: 690px;
	float:left;
}

.projectImages{
	margin: 0px -4px 10px -4px;
	width: 690px;
	float:left;
}

.imageBox{
	position:relative;
	float: left;
	width: 220px;
	height: 200px;
	margin: 0px 4px 8px 4px;
}

.mainContent{
	padding: 0px 19px 20px 19px;
	background-color: #FFF;
	width: 920px;
	float:left;
	clear: both;
}

.mainContent ul{
	padding-left: 2em;
	margin:0 5px 0 10px;
	list-style-type: square;
}

.box450{
	float: left;
	width: 450px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

.box220{
	float: left;
	width: 220px;
	height: 310px;
	margin: 0px 5px 0px 5px;
}

.homeBox{
	float: left;
	width: 220px;
	height: 210px;
	margin: 0px 5px 0px 5px;
}

.bottomBox{
	float: left;
	width: 220px;
	margin: 0px 5px 0px 5px;
}

.staticBox{
	float: left;
	width: 220px;
	height: 200px;
	margin: 0px 10px 0px 0px;
}

.projectBox{
	float: left;
	width: 220px;
	height: 200px;
	margin: 0px 5px 0px 5px;
}

.redText{
	color: RED;
}

p .redText{
	margin-bottom: 5px;
}

.floatRight{
	float:right;
}

.smallInput{
	background-color: #FFF; 
	border: 1px solid #CCC; 
	height:14px; 
	font-size: 10px;
	width: 145px;
}

.newsTitle{
	color: #F00;
}

.greyText{
	color: #888;
}

.newsStub {
	margin: 0px 0px 15px 0px;
}

.heading{
	height: 22px;
	margin: 0;
}

.smallHeading{
	height: 19px;
	margin: 0;
}

/*newsPagination css*/

div.newsPagination {
	width: 680px;
	text-align: center;
	padding: 3px;
	margin: 3px;
}

div.newsPagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFC4C4;
	
	text-decoration: none;
	color: #000;
}
div.newsPagination a:hover, div.newsPagination a:active {
	border: 1px solid RED;
	color: #000;
}
div.newsPagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid RED;
	
	font-weight: bold;
	background-color: RED;
	color: #FFF;
}
div.newsPagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
 /*reCaptcha widget background color*/
}

#recaptcha_table input {
border: none; /*reCaptcha widget border color*/
}

#recaptcha_response_field {
	
	background-color: #FFF; 
	width: 145px;
}

#recaptcha_challenge_field{
	border: #fff;
	text-align:left;
}

#map_canvas{
	width: 664px;
	height: 350px;
	margin-top: 50px;
	border: solid 1px #CCC;
}

.slideshowText{
	width: 260px;
	height: 100px;
	position: absolute;
	top: 25px;
	right: 20px;
}

#subscribeResponce{
	color: red;
	padding-top: 10px;
	text-align: center;
	width: 210px;
}
.bold{
	font-weight: bold;
}