body {
	margin: 0;
	padding: 0;
	background: url(images/bg.png) no-repeat center top #919191;
}

a img,
img a,
img,
a {
	outline: none;
	border: none;
	text-decoration: none;
}
	
@-webkit-keyframes projector {
       0% {
         -webkit-transform: translate(1px,0px);
         opacity: 1.0;
       }
       10% {
       	-webkit-transform: translate(0px,0px);
       	opacity: 1.0;
       }
       20% {
         -webkit-transform: translate(0px,0px);
         opacity: 1.0;
       }
       30% {
         -webkit-transform: translate(0px,1px);
       }
       40% {
         -webkit-transform: translate(0px,0px);
         opacity: 0.8;
       }
       50% {
         -webkit-transform: translate(0px,0px);
         opacity: 1.0;
       }
       60% {
         -webkit-transform: translate(-1px,0px);
         opacity: 1.0;
       }
       70% {
         -webkit-transform: translate(0px,0px);
         opacity: 0.9;
       }
       80% {
         -webkit-transform: translate(0px,1px);
         opacity: 1.0;
       }
       90% {
         -webkit-transform: translate(0px,0px);
       }
       100% {
         -webkit-transform: translate(0px,0px);
         opacity: 1.0;
       }
      }

.pulsedbox {
	-webkit-animation-name: projector;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-iteration-count: infinite;
	}

@-webkit-keyframes projector-2 {
       0% {
        opacity: 0.0;
       }
       10% {
         opacity: 0.0;
       }
       20% {
         opacity: 0.0;
       }
       30% {
        opacity: 0.0;
       }
       38.5% {
       	opacity: 0.0;
       }
       40% {
         opacity: 1.0;
       }
       41.5% {
       	opacity: 0.0;
       	}
       50% {
         opacity: 0.0;
       }
       60% {
         opacity: 0.0;
       }
       70% {
         opacity: 0.0;
       }
       80% {
         opacity: 0.0;
       }
       90% {
         opacity: 0.0;
       }
       100% {
         opacity: 0.0;
       }
      }

.pulsedbox-2 {
	-webkit-animation-name: projector-2;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	}

@-webkit-keyframes projector-3 {
       0% {
        opacity: 0.0;
       }
       10% {
         opacity: 0.0;
       }
       20% {
         opacity: 0.0;
       }
       30% {
        opacity: 0.0;
       }
       40% {
         opacity: 0.0;
       }
      
       50% {
         opacity: 0.0;
       }
       58.5% {
       	opacity: 0.0;
       }
       60% {
         opacity: 1.0;
       }
       61.5% {
       	opacity: 0.0;
       	}
       70% {
         opacity: 0.0;
       }
       80% {
         opacity: 0.0;
       }
       90% {
         opacity: 0.0;
       }
       100% {
         opacity: 0.0;
       }
      }

.pulsedbox-3 {
	-webkit-animation-name: projector-3;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	}

@-webkit-keyframes projector-4 {
       0% {
        opacity: 0.0;
       }
       10% {
         opacity: 0.0;
       }
       20% {
         opacity: 0.0;
       }
       30% {
        opacity: 0.0;
       }
       40% {
         opacity: 0.0;
       }
      
       50% {
         opacity: 0.0;
       }
       59.5% {
       	opacity: 0.0;
       }
       60% {
         opacity: 1.0;
       }
       60.5% {
       	opacity: 0.0;
       	}
       70% {
         opacity: 0.0;
       }
       80% {
         opacity: 0.0;
       }
       90% {
         opacity: 0.0;
       }
       100% {
         opacity: 0.0;
       }
      }

.pulsedbox-4 {
	-webkit-animation-name: projector-4;
	-webkit-animation-duration: 7s;
	-webkit-animation-iteration-count: infinite;
	}




#logo-area {
	position: relative;
	top: -35px;
	left: 0px;
	margin: 0px auto 0px auto;
	width: 220px;
	height: 220px;
}


#logo-texture-4 {
	width: 220px;
	height: 220px;
	margin: 0px auto 0px auto;
	top: -0;
	left: 0px;
	position: absolute;
	z-index: 999;
	}

#logo-texture-3 {
	width: 220px;
	height: 220px;
	margin: 0px auto 0px auto;
	top: -0;
	left: 0px;
	position: absolute;
	z-index: 999;
	}


#logo-texture {
	width: 220px;
	height: 220px;
	margin: 0px auto 0px auto;
	top: -0;
	left: 0px;
	position: absolute;
	z-index: 999;
	}

#logo-texture-2 {
	width: 220px;
	height: 220px;
	margin: 0px auto 0px auto;
	top: -0;
	left: 0px;
	position: absolute;
	z-index: 999;
	}


#logo {
	width: 220px;
	height: 220px;
	margin: -10px auto 0px auto;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 99;
	}


#logo-bg {
	width: 220px;
	height: 220px;
	margin: 0px auto 0px auto;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 9;
	}



#content-top {
	width: 900px;
	height: 51px;
	background: url(images/content-top.png) no-repeat;
	margin: 0px auto 0px auto;
}


#content {
	background: url(images/content-repeat.png) repeat-y #f6f6f0;
	width: 900px;
	height: 840px;
	margin: 0px auto 0px auto;
	padding-bottom: 60px;
}

#content-bottom {
	background: url(images/content-bottom.png) no-repeat top;
	clear: both;
	width: 900px;
	height: 75px !important;
	margin: 0px auto 50px auto;
	z-index: -999;
}



#nav {
	background: url(images/nav-bg.png) repeat-x;
	height: 41px;
	width: auto;
}

/* Firefox 3.0+ */
#logo-texture-2, #logo-texture-3, #logo-texture-4, x:-moz-any-link, x:default  { display: none;  }


#logo-tg {
	width: 718px;
	height: 68px;
	margin: -180px auto 0px auto;
	background: url(images/logo-tg.png);
}


#projects {
	margin: 20px auto 0px 38px;
}


#project-list {	
	width: 810px;
	clear: both;
	margin: 0px auto 0px auto;
}


#project-list li {
	width: 237px;
	display: inline;
	list-style-type: none;
	float: left;
	padding: 0px 30px 0px 0px;
}

	#project-list li:hover a {
		color: #dfb40b !important;
	}


#project-list li img {
	height: 176px;
	width: 237px;
	margin-bottom: 5px;
}


#projects-header {
	background: url(images/projects-header.png) no-repeat;
	width: 775px;
	height: 22px;
	margin: 108px auto 0px auto;
}

h2 {
	font-family: 'Futura Bold', "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 14px;
	margin-bottom: -5px;
}

h2 a {
	text-decoration: none;
	color: #222 !important;
	line-height: 15px;
}

h2 a:hover {
	color: #dfb40b !important;
}

p {
	font-size: 12px;
	font-family: "Lucida Grande";
	color: #72726e;
	line-height: 18px;
}


ul {
	-webkit-padding-start: 0px;
}


#info {
	width: 515px;
	height: 275px;
	clear: both;
	background: url(images/card-bg.png) no-repeat;
	margin: 30px 0px 0px 60px;
}


ul#networks {
	clear: both;
	float: right;
	width: 442px;
	margin: 0px 36px 0px 0px;
	list-style: none;
}

#networks li {
	vertical-align: middle;
	margin: 0px 0px 5px 0px;
	border-top: 1px dotted #e7e7e4;
	padding-top: 5px;
}


.right {
	float: right;
}

h4 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline;
}

span.networks-list {
	display: inline;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #72726e;
	font-style: italic;
}

h1 {
	font-size: 22px;
	line-height: 30px;
	margin: 0px 0px 50px 36px;
	padding-top: 27px;
	color: #444;
}

#map {
	background: url(images/map.png) no-repeat;
	width: 240px;
	height: 280px;
	margin: -274px 60px 0px 0px;
	clear: both;
	float: right;
}

p.special {
	vertical-align: bottom;
	line-height: 16px;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 223px;
	max-width: 230px;
	margin: 10px auto 0px auto;
}

a:visited {
	color: #666;
	text-decoration: none;
	outline: none;
	border: none;
}

#networks li a:hover {
	color: #c85625;
}

#networks li a{
	color: #696966;
}


#letstalk {
	width: 836px;
	height: 75px;
	margin: 0px auto 0px auto;
	display: block;
	background: url(images/letstalk.png) no-repeat 0 0px;
	z-index: 9999;
	position: relative;
	top: -37px;
}

#letstalk:hover {
	background: url(images/letstalk.png) no-repeat 0 -75px;
}

p.footer {
	font-size: 11px;
	color: #666666;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	clear: both;
	margin: 15px auto 40px auto;
}

p.footer a {
	color: #444444;
}

	p.footer a:hover {
		color: #dfb40b;
	}
	
.futura {
	font-family:'Futura Bold';
	font-weight: bold;
}