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

td{
	margin:0px;
	padding:0px;
	/*border:solid #000000 1px;*/
}
tr,table{
	margin:0px;
	padding:0px;
}
div.htmlMenu{
	float:right;
	margin-top:35px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
}
div.htmlMenu a{
	color:#EEE;
	text-decoration:none;
}
div.htmlMenu a:hover{
	color:#FFF;
	padding-bottom:5px;
}
div.htmlMenu ul li{
	display:inline;	
}
div.htmlMenu li{
	margin-left:5px;
}
div.mover {
	font-size:12px;
}
div.mover a{
	font-style:normal;
	text-decoration:none;
	
}
div.mover a:hover{
	font-style:normal;
	text-decoration:none;
	color:#000000;
}
span.numb{
font-size:10px;
	color:#AAAAAA;
}

h1,h2,h3,body,div,p,ul,img,form{
	margin:0px;
	padding:0px;
	border:0px;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:normal;
	color:#696969;
	margin-top:10px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#7b7b7b;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:normal;
	color:#696969;
}


body{
	background-color:#dedede;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	font-family:'Trebuchet MS',Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#454545;	
}
div.container{
	width:960px;
	margin: 0 auto;
	margin-top:50px;
}
div.header{
	width:960px;
	height:70px;
	background-image:url(../img/bg_top.gif);
}

div.middle{
	background-image:url(../img/bg_middle.gif);
	float:left;
}

div.content{
	width:780px;
	/*height:400px;*/
	float:left;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-right:20px;
	margin-left:20px;
}

div.bottom{
	background-image:url(../img/bg_bottom.gif);
	height:70px;
	width:960px;
	float:left;
	position:relative;
}

div.topLeft{
	width:70px;
	height:180px;
	background-image:url(../img/bg_top_left.gif);
	float:left;
}
div.topRight{
	width:70px;
	height:180px;
	background-image:url(../img/bg_top_right.gif);
	float:right;
}

div.footer{
	height:70px;
	float:left;
	width:960px;
	margin-top:-20px;
	background-image:url(../img/bg_lower.gif);
	text-align:bottom;
	position:relative;
}
div.footerInner{
	font-size:11px;
	position: absolute;
	top: 10px; 
	text-align: center;
	width:100%;
}


a{
	font-style:normal;
	text-decoration:underline;
	color:#777777;
}
a:hover{
	color:#000000;
}
div.boxLeft{
	width: 380px;
	float: left;
}
div.boxRight{
	width: 380px;
	float: left;
	margin-left:20px;
}

div.personLeft{
	width: 180px;
	float: left;
	margin-bottom:5px;
	position:relative;
}
div.personRight{
	width: 180px;
	float: left;
	margin-left:20px;
	margin-bottom:5px;
	position:relative;
}

div.box{
	float:left;
	margin-bottom:20px;
	width:100%;
}

div{
	border: 0px solid rgb(250,0,255);
}


hr{
   color: #e2e2e2;
   background-color:#e2e2e2;
   border:none;
   height: 1px;
   margin-top:10px;
   margin-bottom:10px;
}

.overlay {
   display:none;
   /*opacity:0.01;filter:alpha(opacity=1)*/
   padding:0;
   margin:0;
   position:absolute;
   height:380px;
   width:380px;
   z-index:2;
}

.thumbnail{
   position:relative;
   left:1px;
   z-index:0;
   height:380px;
   width:380px;
   	margin-bottom:5px;
}

p{
	padding-top:15px;

}
p.marg{
	padding-top:8px;
}
strong{
	color:#444;
	font-weight:bold;
	/*font-style:oblique;*/
}

a.next {
  display: block;
  width: 100px;
  height: 30px;
  background: url('../img/next.gif') 0 0 no-repeat;
  text-decoration: none;
  border-bottom-style:none;
}

a:hover.next {
  background-position: -100px 0;
}

a.prev {
  display: block;
  width: 150px;
  height: 30px;
  background: url('../img/prev.gif') 0 0 no-repeat;
  text-decoration: none;
  border-bottom-style:none;
}

a:hover.prev {
  background-position: -150px 0;
}
.flippersonBox{
	position:absolute;
	top:0;
	left:0;
	z-index: 5;
	background-color:#000;
	height:180px;
	width:180px;
	display:none;
}

.personBox{
	position:relative;

	background-color:#FFF;
	height:180px;
	width:180px;
	}
.personContact{
position:absolute;
left:0;
top:0;
z-index:2;
	width:100%;
	height:100%;
background:#000;
	}
.personSocial{
	width:160px;
	height:160px;
	display:none;
	background:#fff url('../img/socialbk.png');
	padding: 10px;
	}
.personSocialBox{
	position:absolute;
	left:0;
	top:0;
	padding: 10px;
	}
.personIcon{position:absolute;
	left:164px;
	top:164px;
	width:16px;
	height:16px;
	z-index:3;
	background:url('../img/socialicon.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	display:none;}
.personIconClose{position:absolute;
	left:164px;
	top:164px;
	width:16px;
	height:16px;
	z-index:3;}

.personLinks ul{
margin:0;
padding:0;
}
.personLinks a:link,.personLinks a:visited{
	text-decoration:none;
	} 
.personLinks a:hover{
	text-decoration:underline;
	} 
.personLinks li{
height:auto;
width:auto;
display:block;
padding-bottom:6px;
color:#FFFFFF;
}

.twitter{
	padding: 0 0 2px 20px;
	background: url('../img/social/twitter.png');
	background-repeat:no-repeat;
	}
.vimeo{
	padding: 0 0 2px 20px;
	background: url('../img/social/vimeo.png');
	background-repeat:no-repeat;
	}
.tumblr{
	padding: 0 0 2px 20px;
	background: url('../img/social/tumblr.png');
	background-repeat:no-repeat;
	}
.linkedin{
	padding: 0 0 2px 20px;
	background: url('../img/social/linkedin.png');
	background-repeat:no-repeat;
	}
.facebook{
	padding: 0 0 2px 20px;
	background: url('../img/social/facebook.png');
	background-repeat:no-repeat;
	}
.portfolio{
	padding: 0 0 2px 20px;
	background: url('../img/social/portfolio.png');
	background-repeat:no-repeat;
	}
.socialiconbig{margin: 0px 4px 0px 0px; float: left; position:relative; width:32px; height:32px;}
img.socialsv {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.socialcolor {
	position: absolute;
	left: 0;
	top: 0;
	}