@charset "UTF-8";
td { line-height:21px
}

ol, ul {list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}


/* Typography
-------------------------------------------------------------- */
body 
{
	background-color:#D4D4D4;
	text-align: center;
	line-height: 1.6em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment: scroll;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-family: "trebuchet ms";
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}



h3 {
font: small-caps 18px/1.5 Georgia, "Times New Roman", Times, serif;
color:#ccc;
margin-bottom:12px;
}



a {
	color: #FFFFFF;
	
}

a:hover {
	color:#FFCC00;
}
.line {
	background-image: url(images/bg_line.gif);
	background-repeat: repeat-x;
}




.myskills li {
padding-top:10px;
width:300px;}

.strongtitle {
	color:#000000;
	font-size:12px;
	text-transform:uppercase;
	font-family: "trebuchet ms";
	text-decoration: underline;
	font-weight: bold;
}

/* Layout
-------------------------------------------------------------- */

#wrapper {
width:810px;
margin: 0px auto;
text-align:left;
position:relative;}

#masthead {
background: url("images/masthead.jpg") no-repeat;
width: 812px;
height:202px;
margin-bottom:40px;}

#masthead h1 {
text-indent: -5000em;
}

.contact {
position:absolute;
top:87px; left:600px;
color: #fff;
}

.portfolio {
float: left;
width:240px;
height:300px;
margin-right: 25px;
display:inline;}

.portfolio img {
border:1px solid #fff;
margin:10px 0px 10px 0px;
clear:left;	
}

.mybio {
width:430px;
margin-left:50px;
float:left;}


/* Tooltip
-------------------------------------------------------------- */
.tooltip{
    position:relative; /*required!*/
    z-index:24;
}

a.tooltip:hover{z-index:25;}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0px; left:0px; width:240px;
    border:1px solid #6dcff6;
    background-color: #000; color:#6dcff6;
    text-align: center;
	font-size:9px;}
.details {
	font-family: tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
.button {
	font-family: "trebuchet ms";
	font-size: 10px;
	background-color: #203B68;
	color: #FFFFFF;
	height: 20px;
	width: 50px;
	border: 1px solid #FFFFFF;
}