/* ###########  Resets  ########### */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0 auto;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
} ul { list-style-type: none; }
article,aside,details,div,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
iframe,img,figure { float: left; }

/* ###########  General Page Layout  ########### */
html {
    width: 100%;
    height: 100%;
    background:	#161813 url('./../images/bgRepeat.jpg') 0 0 repeat-y;
}

body {
    width: 100%;
    height: 100%;
    font-size: 100%;
	  font-family: 'Roboto Condensed','Open Sans','Verdana',sans-serif;
		text-align: left;
    color: #dddddd;
    -webkit-font-smoothing: antialiased;
}

header {
	display:		block;
	width:			100%;
	height:			537px;
	background: transparent url('./../images/bgHeader.jpg') 0 0 no-repeat;
	text-align:	center;
}
	header h1 {
		position:		absolute;
		display:		block;
		top:			11px;
		left:			50px;
		width:			315px;
		height:			107px;
		background:		url('./../images/logo.png') 0 0 no-repeat !important;
		background:		url('./../images/logo.gif') 0 0 no-repeat;
	} header h1 span { display:	none; visibility: hidden; }

	header nav {
		position:		absolute;
		display:		block;
		top:			50px;
		right:			125px;
		font:			normal 30px 'Droid Serif','Georgia',serif;
	}
		header nav ul li {
			float:			right;
			padding:		2px;
			margin-right:	12px;
		}
		header nav ul li a {
			color:			 #c2c2c2;
			text-decoration: none;
			border-left:	 8px solid transparent;
			padding-left:	 8px;
		}
			header nav ul li a.active {
				color:				#8cce87;
        border-left:		8px solid #ffffff;
				text-decoration:	none;
			}

			header nav ul li a:hover  {
				color:				#8cce87;
				text-decoration:	underline;
				border-left:		8px solid #ffffff;
			}

	header header {
		position:		absolute;
		top:			72px;
		left:			220px;
		width:			722px !important;
		width:			750px;
		padding-left:	28px;
		height:			218px;
		background:		url('./../images/tape.png') 0 0 no-repeat !important;
		background:		url('./../images/tape.gif') 0 0 no-repeat;
		font:			normal 36px 'Droid Serif','Georgia',serif;
		text-align:		left;
	} header header p:nth-child(1){
		padding-top:		69px;
	   -webkit-transform:	rotate(3deg);
	   -moz-transform:		rotate(3deg);
	  }
	  header header p:nth-child(2){
		padding-top:		8px;
		padding-left:		34px;
		font-size:			32px;
	   -webkit-transform:	rotate(3deg);
	   -moz-transform:		rotate(3deg);
	  }
	  header header p:nth-child(3){
		padding-left:		128px;
		font-size:			42px;
	   -webkit-transform:	rotate(-0.9deg);
	   -moz-transform:		rotate(-0.9deg);
	  }
		header header p strong {
			color:			#8cce87;
			font-weight:	normal;	}
		header header p em {
			color:			#ffffff;
			font-weight:	bold;	}

  @media screen and (min-width: 1325px) {
    div#phone {
      display: block;
      float: right;
      width: 359px;
      height: 147px;
      margin-top: 112px;
      margin-right: 125px;
      background-image: url('./../images/phone.png') !important;
      background-image: url('./../images/phone.gif');
      background-position: 0 0;
      background-repeat: no-repeat;
    } div#phone:hover { background-position: 0 -147px; }
  }

#services {
	display: block;
	width: 100%;
  clear: both;
}
	#services ul {
    width: 85%;
    max-width: 1300px;
    min-width: 1048px;
		margin-top: -196px;
		background-color: #11120f;
		text-align: center;
		box-shadow: rgba(0,0,0,0.4) 0 0 40px;
			-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0 40px;
			-moz-box-shadow: rgba(0,0,0,0.4) 0 0 40px;
	}
	#services ul li {
		display: inline-block;
		list-style-type: none;
	}
	#services ul li a {
		display: block;
		width: 256px;
		height: 256px;
		background-image: url('./../images/services.png') !important;
		background-image: url('./../images/services.gif');
		text-decoration: none;
		color: #3b3b3b;
	} #services ul li a:hover , .sactive {
			background-color: #161713;
		}
		#services ul li a span {
			display: block;
			width: 200px;
		} #services ul li a:hover span , .sactive span { color: #ffffff; }
		#services ul li a strong {
			display: block;
			padding-top: 8px;
			padding-bottom: 180px;
		} #services ul li a:hover strong , .sactive strong { color: #8cce87; }
		#services ul li:nth-child(1) a { background-position: 0 0; }
		#services ul li:nth-child(2) a { background-position: -256px 0; }
		#services ul li:nth-child(3) a { background-position: -512px 0; }
		#services ul li:nth-child(4) a { background-position: -768px 0; }
		#services ul li:nth-child(1) a:hover { background-position: 0 -256px; }
		#services ul li:nth-child(2) a:hover { background-position: -256px -256px; }
		#services ul li:nth-child(3) a:hover { background-position: -512px -256px; }
		#services ul li:nth-child(4) a:hover { background-position: -768px -256px; }

#projects {
	width: 85%;
	max-width: 1300px;
	min-width: 1048px;
	height: 512px;
	margin-top: 64px;
}
	#projects aside {
		float: right;
		background-color: #11120f;
		width: 59%;
		color: #999999;
    padding: 24px;
		box-shadow: rgba(0,0,0,0.4) 0 0 20px;
			-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0 20px;
			-moz-box-shadow: rgba(0,0,0,0.4) 0 0 20px;
	}
    #projects aside h2 {
      font-size: 150%;
      font-weight: bold;
    }
		#projects aside p {
			padding: 24px;
      font-size: 115%;
      text-indent: 15px;
      line-height: 24px;
      font-family: 'Open Sans';
		}
	#projects ul {
		float:		left;
		width:		34%;
		margin:		0 0 0 0;
		font-family: 'Roboto Condensed', sans-serif;
		box-shadow: rgba(0,0,0,0.2) 0 0 20px;
			-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0 20px;
			-moz-box-shadow: rgba(0,0,0,0.2) 0 0 20px;
	} #projects ul li {
			width:		100%;
		}
		#projects ul li.lh h2 { padding: 4px; background: #11120f; -moz-opacity:.65; filter:alpha(opacity=65); opacity:.65; }
	#projects ul li a {
			display:	block;
			width:		100%;
			padding:	10px 0 10px 0;
			text-decoration: none;
			background-color: #11120f;
			opacity:.25; -moz-opacity:.25; filter:alpha(opacity=25);
		}
			#projects ul li a span img { overflow: hidden;
				float:	left;
				width:	50px;
				height: 50px;
				margin-right: 4px;
				margin-top:	1px;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
			}
			#projects ul li a span strong {
				display: block;
				color:	#ffffff;
				font-size: 12px;
			} #projects ul li a:hover span strong { color:	#8cce87; }
			#projects ul li a span {
				display: block;
				font-size: 11px;
				text-indent: 3px;
				color: #aaaaaa;
			}
			#projects ul li a em {
				display: block;
				float:	right;
				font-size: 10px;
				font-style: normal;
				color: #ffffff;
			}
		#projects ul li a:hover {
			-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
		}

footer {
	position:		relative;
	clear:			both;
	display:		block;
	width:			100%;
	height:			393px;
	margin-top:		32px;
	background:		url('./../images/bgFooter.jpg') 0 0 no-repeat;
}
  footer div {
    width: 85%;
    max-width: 1300px;
    min-width: 1048px;
    height: 196px;
    margin-top: 0;
    background-color: #11120f;
    text-align: left;
    box-shadow: rgba(0,0,0,0.4) 0 0 40px;
      -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0 40px;
      -moz-box-shadow: rgba(0,0,0,0.4) 0 0 40px;
  } footer div p { position: relative; }
	footer p {
		position: absolute;
		bottom: 4px;
		left:	20px;
		color: #999999;
	}
	footer a {
		text-decoration: none;
		color: #999999;
		font-weight: bold;
		-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
	}
		footer a:hover {
			color: #afd956;
		}