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


/* GENERAL DOCUMENT STYLING */

body {
	font-family: Arial Black, Gadget, sans-serif;
	color: #000000;
	background-color: #000000;
	background-image:url(images/sliderbg.jpg);
	background-position:top center;
	margin: 0px;
	text-align: center;
}

a:link {color: #000000; text-decoration: none}
a:visited {color: #000000; text-decoration: none}
a:hover {color: #FFFFFF; text-decoration: none}
a:active {color: #FFFFFF; text-decoration: none}

a:link img {border:0px; }
a:visited img {border:0px; }
a:hover img {border:0px;}
a:active img {border:0px; }

.h1{
	font-size:22px;
	margin-bottom:30px;
}

.noborder{
	margin:0;
	border:0;
	padding:0;	
}



/* POSITIONING ELEMENTS */

.anchor {
	position: fixed;
	width:850px;
	height:50px;
	margin: 0 auto 0 auto;
	z-index:-1;
}

.topbg {
	position: fixed;
	width:2000px;
	height:2160px;
	top:0px;
	left:50%;
	margin-left:-1000px;
	z-index:-1;
}

.logo {
	position: fixed;
	width:181px;
	height:350px;
	top:60px;
	left:50%;
	margin-left:-511px;
	z-index:999;
}



/* GLOBAL CONTENT BLOCKS */
.clear {
	clear: both;
}
.contentcontainer {
	background-color: #FF3399; /*#FF3399; put this pink color back */
	clear:both;
	width:850px;
	margin:50px auto 0px auto;
	z-index:2;
}

.content {
	position:relative;
	width:600px;
	padding:50px 100px 50px 150px;
	z-index:3;
}



/* NAVIGATION BLOCK */

.navcontainer {
	position:relative;
	top:-180px;
	left:170px;
	width:850px;
	margin:0px auto 0px auto;
	z-index:2;
}

a.nav {
	position:relative;
	/* top: -35px; */
	margin-right:-28px;
	z-index:3;
	
	display:block;
	width:135px;
	height:170px;
	background-position:0px 0px;
	float:left;
}

a.nav:hover,
li.current a.nav {
	background-position:0px -170px;
}
#nav li {
    float: left;
}
#nav {
  /* left: 50%; */
  list-style: none outside none;
  /* margin-left: -286px; */ 
  /* top: 20px; */
  z-index: 99999;
  height: 135px;
  width: 545px;
  margin: 0 auto;
  margin-top: 17px; 
}
#navBarPlaceholder {
    height: 202px;
    position: relative;
}
#navWrapper {
    height: 202px;
    background-image: url(images/nav-bg.png);
    background-repeat: repeat-x;
    border: 1px #990066 solid;
    width: 848px;
    /* left: 50%; */
    list-style: none outside none;
}
#navBar {
    width: 100%; 
    position: relative; 
    top: 0px;
    height: 202px;
}
#navBar.fixed {
    position: fixed; 
    z-index: 99;
}


/* PORTFOLIO SECTION */

.portsection {
	text-align:left;
	margin-bottom:100px;
}

#port {
    margin-top: 0;
}

.wrapleft {
	float:left;
	margin-right:10px;
	margin-top:5px;
	opacity:0.75;
}

.wrapright {
	float:right;
	margin-right:10px;
	margin-top:5px;
	opacity:0.75;
}

img.portthumb {
	width:140px;
	height:140px;
	margin-right:5px;
	margin-top:5px;
	border-width:0px;
	overflow:hidden;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
}

img.portthumb:hover {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	margin-bottom: -3px;
	border-color:#990066;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

img.portthumbhide {
	width:1px;
	height:1px;
	display:none;
	border-width:0px;
}

.archives {
	text-align:right;
	font-size:12px;
}



/* RESUME SECTION */

div.blockresume{
  overflow:hidden;
}
div.blockresume label{
  width:200px;
  display:block;
  float:left;
  text-align:left;
  margin-right:35px;
}

.floatright {
	float:right;
	margin-left:25px;
}



/* CONTACT SECTION */


/* SOCIAL SECTION */

.socialcontainer{
	position:inherit;
}

.social{
	position:absolute;
	top:0px;
	left:100px;
	z-index:3;
}

.opacity{
	opacity:0.65;
	filter:alpha(opacity=65); /* For IE8 and earlier */ 
}



/* FOOTER */