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

body {background: #fff;
font-family:"arial", Times New Roman, serif; font-size: 14px; line-height: 24px; 
font-size: 16px; 
line-height:20px;
color:#ccc; 
margin-top: 50px;}

p.center {text-align: center;}

@font-face {
	font-family: 'Square721 BT';
	src: local('Square721'), local('Square721 BT'), url('fonts/Sqr721n.ttf') format('truetype');
}

a:visited, a:link {text-decoration:none;  color:#666}
a:hover {text-decoration: underline; color:#ccc}

.clear {clear: both;}
ul {background-repeat:no-repeat; margin-left:25px; padding:3px; list-style:square }

#wrapper {
	width: 100%; 
}

#background {
	left: 0px; top: 0px; position: absolute; z-index: -10;
}
#background {
	position: fixed; z-index: -10;
}
.ie6 #background {
	display: none;
}
#fader ul{list-style:none; margin:0; padding:0;}

#container {
	width: 955px;
	text-align: left;
	z-index: 1;
	margin-top: 0px;
	margin-right: auto;
	padding-bottom: 0px;
	margin-left: auto;
	background:url(images/layout/main.png);
}


#menu {
	width: 955px;
	height: 54px;
	margin-top: 0;
	z-index: 1;
	margin-bottom: 0px;
	padding-left: 0px;
	background:url(images/layout/menu.gif); background-repeat:no-repeat;
	clear:both;
}

#fader ul{list-style:none; margin:0; padding:0;}

#menu a:visited,
#menu a:link {text-decoration: none; font-weight: 400;  float: left; padding: 0 50px; line-height: 54px; text-transform: uppercase; font-size: 14px; color: #666; display:block ; text-align:center;float:left; letter-spacing:2px}
#menu a:hover {color:#ccc; background:#333}
#menu a#active{	color:#ccc;	background:#333;	border-left:1px solid #000}
#menu a {background-image:url(images/layout/line.gif); background-repeat:no-repeat ;background-position:right;}


#logo { height:74px;width:955px; }
#banner { height:450px; width:955px; float:left;  }
#content {
    float:right;
	margin-right:0px;
	width:700px;
	padding-top: 10px;
	padding-right: 19px;
	padding-bottom: 10px;
	padding-left: 19px;
	margin-left:0px;
	/*text-align:justify;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background:url(images/layout/bg.png); 
	border:5px solid #000;*/
}

#content  a:hover img{
filter: alpha(opacity=80);
opacity: .8;		
}

#rightcol { width:235px; float:right;  padding:5px 5px 5px 10px; font-size:14px; text-align:left;  margin-top:5px; margin-right:5px}
#innerrightcol { width:245px; float:right;  padding:5px 10px 5px 5px; font-size:14px; text-align:right;  margin-top:5px; margin-right:5px}
#rightcolevents { width:245px; float:right;  padding:5px 5px 5px 10px; font-size:14px; text-align:left;  margin-top:5px;  margin-right:5px}



h1 {font-size: 26px;  color:#999; padding-bottom:5px; border-bottom:1px solid #999; letter-spacing:8px }
h2 {font-size: 16px; margin: 0; padding: 5px 0 5px 0;color:#ccc; letter-spacing:1px}
h3 {color: #666666;}
h5{font-family: Arial, Helvetica, sans-serif; color: #00A0DC; font-size:36px; margin-left:10px}

#footer {
	width: 100%;
	height: 100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*background:#000;
	background:url(images/layout/footer.gif); background-repeat:repeat-x*/}

.copytext {
   text-align:center; font-size:10px; color:#999; margin-right:0px; padding-top:35px; text-transform:uppercase; letter-spacing:1px
   }
   
#footer a:visited {text-decoration: none; color:#ef0a04}
#footer a:link {text-decoration: none; color:#ef0a04}
#footer a:hover {text-decoration: underline;}   


.photos { margin:5px; border:0; }
.gallery { margin:6px; border:0px}

form input {border: 1px solid #666; padding: 2px; margin-bottom: 2px; background:#666; color:#ccc }
form select {border: 1px solid #666; padding: 2px; margin-bottom: 2px; background:#666;  color:#ccc}
form textarea {margin-left: 0px; font: inherit; height: 60px; background:#666; border: 1px solid #666; color:#ccc}
form button {padding:5px; border: 1px solid #666; width: 100px; color:#ccc; background:#ccc; height:30px; width:75px}
.button { background:#000; color:#CCC; width:75px; height:35px}

table.form {width:100%; margin: 0px 0;}
table td {padding: 3px; vertical-align: top;}
table.form td { border-top:1px dotted #333;}
table.form td header {background:#fff}


table.project {margin: 0px 0;}
table.project td { border-top:1px dotted #333; text-align:center}
table.project td header {background:#fff}

.smaller {
	font-size: 12px; color:#333; text-align:center
	}
	
td {vertical-align: top;}
.redtext{ color:#C00;}
.grrentext{ color:#93e912; font-weight:400; font-size:18px}
.whitetext { color:#000}

#divider { margin:5px; padding:5px; width:650px; border-bottom:1px dotted #ccc; font-size:12px; text-align:right}

.sidecontact tr td {border-bottom: 1px solid #444242; padding: 5px; vertical-align:middle}
.sidecontact tr:hover td {background::#121212;}
.sidecontact th {background: #333; border-bottom: 1px solid #444242; padding: 5px; vertical-align:middle}

#gallery img { border:1px solid #191919; margin:2px}
.pdf{background-image:url(images/pdf.gif); background-repeat:no-repeat; padding:10px 0px 0px 30px; height:40px; line-height:30px;}

#page-left {float:left;
	margin-top: 10px;
	margin-right:0px;
	width:190px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
		
		#page-left a:visited,
		#page-left a:link {display: block; color: #fff; font-size:14px; line-height: 35px; padding: 0px 10px; width:175px;  text-decoration:none; margin-bottom:3px; }
		#page-left a:hover { width:175px; font-size:14px; color:#ef0a04}
		#page-left a#active {width:175px; font-size:14px; color:#ef0a04 }