@charset "UTF-8";
/* CSS Document */

/* STRUCTURE */

body {
	background-color:#666666;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/bgtile.gif);
	font-size:12px;
	font-weight: lighter;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}



a:visited {
color: #ffcc33;
text-decoration:none;
}

a:link {
color: #ffcc33;
text-decoration:none;
}

a:hover {
color: #fff;
text-decoration:underline;
}

h1 {
	color: #a73639;
	font-size:34px;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	text-decoration: none;
	padding:0px;
	margin:0px;
}

h3, h2, H3, H2 {
padding:0px;
margin:0px;
/*color: #a73639;*/
color:#a59191;
font-size:16px;
font-weight:normal;
}



p {
line-height:16px;
}

#backdrop {
	width:800px;
	background-color:#333333;
	background:#333333;
	margin-right:auto;
	margin-left:auto;
	clear:both;
}

#wrapper {
	width:768px;
	float:left;
	margin-left:16px;
}

#header {
	height:57px;
	width:768px;
	margin:0px;
	padding:0px;
}

#footer {
border-top:1px solid #fff;
float:left;
margin-top:6px;
margin-bottom:6px;
padding-top:6px;
font-size:10px;
color:#999999;
width:100%;
}

/* GENERAL STYLES */

.article {
float:left;
margin:10px;


}

.article p {
margin:0px;
padding:0px;
}

div.article H3, H2, h3, h2 {
/*color: #ffcc33;*/
padding:0px;
margin:0px;
margin-bottom:5px;
font-size:16px;
font-weight:normal;
}



.articlebody {
clear:left;
float:left;
font-weight:normal;

}

#narrow {
width:570px;
float:left;
}

.articlebody2 {
	clear:right;
	float:left;
	font-weight:normal;
	background-color:#828080;
	border:1px solid #fff;
	
	padding-left:10px;
	padding-right:6px;
	padding-top:10px;
	margin:10px;
	color:#000000;
	
}

.articlebody img {

	border: 1px solid #fff;

}

.projectthumb {
	float: left;
	padding: 0 1em 3em 0;
	vertical-align: top;
}

.imageholder {
	float: left;
  	/*padding: 0 1em 1em 0;
  	vertical-align: top;*/
}

/*.imageholder img {
	border:1px solid #ffffff;
	margin-top:5px;
}*/

.images {
	float: left;
  	vertical-align: top;
	border:1px solid #ffffff;
	margin-right:10px;
	margin-bottom:10px;
}




.timestamp {
	font-size:11px;
	color:#CCCCCC;
	float:left;
	margin-bottom:5px;

}

.readmore {

font-size:11px;
font-weight:normal;
float:right;
clear:left;
}

div.readmore a:visited {
color: #ffcc33;
text-decoration:none;
}

div.readmore a:link {
color: #ffcc33;
text-decoration:none;
}

div.readmore a:hover {
color: #fff;
text-decoration:underline;
}

.previewbox {
	background-color:#a73639;
	margin:12px;
	float:left;
	font-size:11px;
	color:#FFFFFF;
	width:153px;
	padding:6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #666666;
	height:160px;
	}
	

.previewbox img {
float:left;
clear:left;
margin-bottom:4px;

}

/** HEADER STYLES **/

.logo {
	width:250px;
	height:83px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	padding:0px;
	margin:0px;
	position:absolute;
	top:14px;
}

#tel {
	float:right;
	color:#FFFFFF;
	font-size:12px;
	margin-top:15px;
}

#tel a:visited {
	
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

#tel a:link {
	
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

#tel a:hover{
	
	color:#FFFFFF;
	font-size:12px;
	text-decoration:underline;
}

.telyel {
	color:#ffcc33;
}

.headernav {
	float:right;
	margin-top:20px;
}


div.headernav a {
	width:80px;
	height:18px;
	padding-top:4px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	margin-left:5px;
	display:block;
	float:left;
	
}

div.headernav a:visited {
	
	color:#FFFFFF;
	background-image: url(../images/navtile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#7a1f0b;

	}

div.headernav a:link {
	
	color:#FFFFFF;
	background-image: url(../images/navtile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#7a1f0b;
	
}

div.headernav a:hover {
	
	color:#000;
	background-image: url(../images/navtile_on.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#ce8a1b;
	}


/* HOME PAGE */


#promoarea {
	width:768px;
	background-image: url(../images/promo_tile.jpg);
	background-repeat: repeat-x;
	height:282px;
	float:left;
	color:#333333;
	
	
}

#promoarea2 {
	width:768px;
	background-image: url(../images/promo_tile.jpg);
	background-repeat: repeat-x;
	height:200px;
	float:left;
	color:#333333;
	
	
}

#promoarea3 {
	width:768px;
	background-image: url(../images/promo_tile.jpg);
	background-repeat: repeat-x;
	height:80px;
	float:left;
	color:#333333;
	
	
}







#promoarea img {
	float:right;
	padding:0px;
	margin:0px;
}

#promoarea2 img {
	float:right;
	padding:0px;
	margin:0px;
}

#promoarea3 img {
	float:right;
	padding:0px;
	margin:0px;
}

.promocontent {
	float:left;
	margin-top:50px;
	margin-left:20px;
	width:300px;
	color:#333333;

}

.promocontent2 {
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:450px;

}

.promocontent3 {
	float:left;
	margin-top:15px;
	margin-left:20px;
	

}



.promotext {
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
}

#left_column {
width:383px;
float:left;
font-size:12px;

}

#right_column {
width:383px;
float:left;
margin-left:2px;
font-size:12px;

}

.yellowheader {
	background-color:#ffcc33;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	background-image: url(../images/navtile_on.gif);
	color:#000000;
}

/* PAGE 2 */

#titlearea {
	width:768px;
	
	height:80px;
	float:left;
	background-color:#000000;
		
}

div.tatitle {
float:left;
margin-top:15px;
margin-left:30px;
}

#titlearea  h1 {
	color: #ccc;
	font-size:34px;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	text-decoration: none;
	padding:0px;
	margin:0px;
	}
	
#breadcrumb {
background-color:#828080;
padding-top:2px;
padding-bottom:2px;
width:100%;

	}
	
.breadcrumbtext {
font-size:11px;
color:#000;
margin-left:260px;
	}
	
.breadcrumbtext a:visited {
color:#fff;
text-decoration:none;

}

.breadcrumbtext a:link {
color:#fff;
text-decoration:none;

}

.breadcrumbtext a:hover {
color:#ffcc33;
text-decoration:underline;

}

.tastatement {
float:right;
color:#FFFFFF;
margin-right:20px;
margin-top:25px;
}


.navlist li {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.navlist li a {
  color: #8e0000;
  text-decoration: none;
}
.navlist li a:visited {
  text-decoration: none;
}
#where {
  background: #8e0000;
  margin: 0 0 0 15px;
  padding: 0 1em 0 0;
  font-weight: bold;
}

#map {
  	width: 301px;
  	height: 301px;
  	float: left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:35px;
  	border:1px solid #ffcc33;
	overflow: hidden;
}

.listborder {
	padding-bottom:8px;
	border-bottom:1px solid #666;
	margin-bottom:5px;
	height:70px;
	clear:left;
}

.listborder2 {
	padding-bottom:8px;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	margin-top:10px;
	clear:left;
	width:750px;
}

.listborderright {
	float:right;
	text-align:left;
	width:645px;
}

.listborder .readmore {

font-size:11px;
font-weight:normal;
float:right;
clear:right;
}

.servicethumb {
	border:0px;
	float:left;
	margin-right:10px;

}

.serviceimage {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:-20px;
}

div.clear {
clear:both;
}


div.project img {
float:right;
clear:left;
border:0px;
}

div.project {
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
}