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

html {
overflow-x: hidden;
overflow-y:hidden;
}

body  {
	font-family: "Rockwell",Courier, monospace;
	font-size:12px;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	overflow-x: hidden;
	overflow-y: hidden;
}
.twoColLiqLt #container { 
	width: 100%;  /* this will create a container 80% of the browser width */
	height:100%;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


.thumb {
float:left;
padding-right:40px;
width:170px;
}

.thumbCD {
float:left;
}

.job {
}

.thumb p {
	font-family: "Rockwell",Courier, monospace;
	font-size:12px;
	margin:0;
	padding-bottom:25px;
}

.thumbCD p {
	font-family: "Rockwell",Courier, monospace;
	font-size:12px;
	margin:0;
	padding-bottom:25px;
}

#thumbWrapper {
width:640px;
position:relative;
}

#thumbWrapperWide {
width:690px;
position:relative;
}

#contactWrapper {
margin-top:-40px;
position:absolute;
top:50%;
width:inherit;
/*background-color:#f00;*/
text-align:center;

}

a.emailme{
text-decoration:none;
color:#000;
}
a.emailme{text-decoration:none}
a.emailme:link {color:#000}     /* unvisited link */
a.emailme:visited {color: #000}  /* visited link */
a.emailme:hover {color: #ff6600}   /* mouse over link */
a.emailme:active {color: ff6600}   /* selected link */




#subContent{

}

#mainContent {
}


#main-inner {
	/*background-color: #00FFFF;*/
}


.twoColLiqLt #sidebar1 {
	float: left; 
	width: 24%; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0; /* top and bottom padding create visual space within this div  */
}
.twoColLiqLt #sidebar1 h3, .twoColLiqLt #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


.next a:link, .back a:link {color: #000}     /* unvisited link */
.next a:visited, .back a:visited {color: #000}  /* visited link */
.next a:hover, .back a:hover {color: #ff6600}   /* mouse over link */
.next a:active, .back a:active {color: #000}   /* selected link */

.next a{
float:right;
font-family: "American Typewriter",Courier, monospace;
font-size:18px;
margin-right:-10px;
margin-top:-80px;
text-decoration:none;
}

.back a{
float:left;
font-family: "American Typewriter",Courier, monospace;
font-size:18px;
margin-left:-60px;
margin-top:-80px;
text-decoration:none;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColLiqLt #homeContent
{
  position: absolute;
  width:797px;
  height: 211px;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -100px;
}

.twoColLiqLt #subContent
{
  position: absolute;
  width:797px;

  left: 50%;
  top: 0%;
  margin-left: -200px;
  margin-top: 32px;

}



.imagey {
	display:inline;
}


#nav {
	  position: absolute;
  width:219px;
  height: 102px;
  top: 50%;
  margin-top: -80px;
 /* border:1px solid #333333;*/
}


 #backgroundPopup{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
 }  
 #popupContact{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:384px;  
 width:408px;  
 background:#FFFFFF;  
 border:2px solid #cecece;  
 z-index:2;  
 padding:12px;  
 font-size:13px;  
 }  
 #popupContact h1{  
 text-align:left;  
 color:#6FA5FD;  
font-size:22px;  
 font-weight:700;  
 border-bottom:1px dotted #D3D3D3;  
 padding-bottom:2px;  
 margin-bottom:20px;  
 }  
 #popupContactClose{  
font-size:14px;  
line-height:14px;  
 right:6px;  
 top:4px;  
 position:absolute;  
 color:#6fa5fd;  
 font-weight:700;  
 display:block;  
 }  


