html, body {
height:100%;
padding:0;
border:none;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
margin:0;
background:#ec7146;
}

a:link {color:#a4a3a5;
text-decoration:none;} 
a:visited {color:#a4a3a5;
text-decoration:none;}  
a:hover {color:#FFF;
text-decoration:none;} 
a:active {color:#a4a3a5;
text-decoration:none;} 


table.content {
margin-left: auto;
margin-right: auto;
padding:0;
height:100%;
color:#ec7146;
font-size:12px;
background: #fcd146; 
border: 0;
width: 900px;
border-collapse:collapse;
}

td.left {
padding:0;
background:#f7a93e;
width:58px;

}

td.right {
padding:0;
background:#f7a93e;
width:58px;
}

td.top {
padding:0;
height:150px;
vertical-align:top;
}

td.main {
padding:0 0 80px 0;
vertical-align:top;
}

div.menu1 {
float:left;
margin-left:25px;
margin-top:25px;
}

div.menu2 {
float:right;
margin-top:55px;
margin-right:30px;
}

div.menu2 img {
padding-left:12px;
}

div.greeting {
margin-top:150px;
margin-left:260px;
margin-bottom:20.8px;
}

.thumbnails { 
padding-left: 20.8px; 
} 

.thumbnails div {
margin-bottom:20.8px; 
height: 170px;
margin: 0px;
border: 0px;
float: left;
display: block;
margin-top: 20.8px;
margin-right: 20.8px;
background-color: #FFF; } 

.thumbnails img { 
height:170px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out; 
} 

.thumbnails img:hover { 
opacity: 0.75; }





.projects {
margin-left:20.8px;
margin-top:20.8px;
}

.projects img{
width:500px;
margin-bottom:10px;
}

.projectpics {
width:500px;
float:left;
margin-bottom:20.8px;
}


.projectdesc {
text-align:justify;
margin-left:20.8px;
width:223px;
float:left;
}

.projecttitle {
text-align:right;
font-weight:bold;
}


.info1 {
margin-top:25px;
margin-left:auto;
margin-right:auto;
position:relative;
background: url('https://farm8.staticflickr.com/7482/15755432218_87a8da7fab_o.gif');
width:700px;
height:450px;
}

.info2 {
text-align:right;
font-size:11px;
color:#FFF;
position:absolute;
top:1.7em;
left: 380px;
width:300px;
}

.info3 {
position:absolute;
left:20px;
top:20px;

}


.info2 a {
color:red;
}
.tooltip {
	display:none;
	position:absolute;
	border:none;
	background-color:#ec7146;
	border-radius:5px;
	padding:3px;
	color:#fff;
	font-size:11px !important;
}