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


/*- reset
-----------------------------------------------------------------------------------------------*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, blockquote, address, th, td {
margin:0;
padding:0;
}

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

caption, th {text-align: left;}
fieldset, img {border:0;}

dt, address, caption, cite, code, dfn, em, i, strong, b, th, var {
font-style:normal;
font-weight: normal;
}

/*- basic
-----------------------------------------------------------------------------------------------*/
body {
text-align:center;
font-family: Calibri, Arial, helvetica, sans-serif;
color: #666; 
}


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


/* Layout
-------------------------------------------------------------- */
h4 {
clear:both;
}

body {
text-align:center;
min-width:810px;
}

#myemail {
height:22px;
float:right;
margin-right:12px;
display:inline;
}

#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 #a7a7a7;
margin:10px 0px 10px 0px;
clear:left;	
padding:5px;
}

#content {
margin-left: 50px;
}

.line {
clear:both;
height:40px;
width:780px;
border-bottom: 3px solid #ccc;}

.clear {
clear:both;
}
.box1 {
width:500px;
float:left;}

.box1 p {
padding: 8px 0;
font: 13px/1.5 Calibri, Arial, helvetica, sans-serif;}

#content h2 {
font: normal 18px/1.2 Georgia, "Times New Roman", Times, serif;
padding:30px 0 10px 0;
color:#324962;
}

#content h4 {
font-weight:normal;
letter-spacing:2px;
}
#myskills {
float:left;
color:#666;
margin-top:60px;}

#myskills li {
padding:10px 0 0 30px;
font: 14px/1.2 Georgia, "Times New Roman", Times, serif;
letter-spacing: 2px;}

.email {
font-size:14px;
letter-spacing: 2px;
color: #4f4f4f;
}
/*- Main Navigation
-----------------------------------------------------------------------------------------------
#nav_main{
float: right;
margin-right:10px;
display:inline;}

#nav_main li{
display:block;
float: left;
}

#nav_main a {
text-indent:-5000em;
display:block;
background-repeat: none;
text-decoration:none;
height:22px;}

#nav_main #nav_home {
background-image:url(images/nav_home.gif);
width:64px;}

#nav_main #nav_about {
background-image:url(images/nav_about.gif);
width:79px;
}
#nav_main #nav_contact {
background-image:url(images/nav_contact.gif);
width:72px;
}

#nav_main a:hover {
background-position:0px -22px;}

/*body#home #nav_home, body#about #nav_about, body#contact #nav_contact {
background-position:0px -62px;
}
*/
/*- Background images
-----------------------------------------------------------------------------------------------*/
#background {
background: url(images/tile_top.jpg) repeat-x center top;
}

h1 {
clear: both;
text-indent:-5000em;
background:url(images/masthead_new.jpg) no-repeat center top;
width:882px;
height:291px;}

#container {
background: url(images/tile.jpg) repeat-y;
width:882px;
}


/* Portfolio Typography
-------------------------------------------------------------- */
.portfolio h3 {
font: small-caps 14px/1.5 Georgia, "Times New Roman", Times, serif;
color:#6e6e6e;
padding:0 0 6px 0;}

.portfolio p {
font-size: 11px;
padding: 0;}

a {
color: #324962;
}

a:hover {
color:#666;
}


/* 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:252px;
    background-color: #666; color:#fff;
    text-align: center;
	font-size:10px;}


/* Footer
-------------------------------------------------------------- */
#footer {
background:url(images/footer.jpg) no-repeat center top;
text-align:center;
height:43px;
width:882px;}

#footer p {
font-size:12px;
padding-top:15px;
}