/*CSS*/

body {
background: #161616 url('image/mainBackground.png') center no-repeat ;
color: #fff;
font-family: verdana, ariel;
font-size: 10px;
overflow: auto;
}

h1 {
	font-size: 44px;
	text-align: center;
	font-family: serif;
}

h1 span {
	font-size:10px;
	font-weight: bold;
	text-align: center;
	display: block;
	font-family: verdana;
}

a {
color: #fff;
}

td {
text-align: left;
}

.midDiv {
	border-size: 0px 1px;
	border-color: #474747;
	border-style: solid;
}

.mainContainer{
margin-left: auto;
margin-right: auto;
width:420px;
border-bottom: 2px solid #474747;
border-top: 2px solid #474747;
height: 260px;
}

.DivWebsite {
float:left;
width: 210px;
height: 200px;
padding: 0px 0px;
margin: 20px 0px;
text-align: center;
position: relative;
}

.DivWebsite a{
display: block;
width: 210px;
height: 196px;
text-decoration: none;
padding:10px 0 10px 0;
margin:0;
/*border: 1px solid black;*/
/*background-color: rgba(100%,100%,100%, 0.5);*/
}

.DivWebsite a:hover{
background-color: rgba(100%,100%,100%, 0);
}

.DivWebsite h2 {
display: box;
border-top: 1px solid black;
border-bottom: 1px solid black;
margin: 0;
padding: 2px 0;
background: #222222;
}

#blog a:hover h2 {
background: #6b009b;
}

#tools a:hover h2 {
background: #FF9900;
}

.DivWebsite p{
display: block;
bottom: 0;
//height: 41px;
width: 210px;
margin-bottom: 12px;
padding: 1px 0;
text-align: center;
position:absolute;
color: #FFF;
border-top: 1px solid black;
border-bottom: 1px solid black;
background: #222;
}

.DivWebsite img {
display: block;
margin: 10px auto ;
}

.divProject {
float:left;
width: 230px;
padding: 0px 10px;
text-align: center;
}

.divProject h2 {
	display:box;
}

.divProject img {
margin-left: auto;
margin-right: auto;
width: 50px;
height: 50px;
background-color: #fff;
display: block;
}


.colB{
text-align: right;
width: 75px;
}

.invisible {
display: none;
}

.screenshots{
float:left;
width: 460px;
display: inline-block;
}

.screenshots img {
background: #fff;
border: 1px solid black;
width : 450px;
height: 200px;
display: block;
margin: 5px;
}

.tumbnails img {
display: inline-block;
width:100px;
height: 75px;
background: #fff;
margin-left: 8px;
}

.info {
float:right;
width:275px;
background: #474747;
padding: 3px;
}

.copy{
text-align: center;
text-size: 8px;
width: 100%;
padding:5px;
margin-top:20px;
}

#footer {
clear: left;
margin-left: auto;
margin-right: auto;
width:752px;
height: 150px;
}

#projectList {
	text-align: left;
}

#projectList ul li {
width: 150px;
}

#projectList span{
text-align: right;
width: 50px;
display:inline-block;
}

#container {
width: 752px;
height: 0px;
margin-left: auto;
margin-right: auto;
opacity: 0.2;
}

/* #blog {
background: url('image/backgrounds.png') no-repeat left top;
}

#portfolio{
background: url('image/backgrounds.png') no-repeat -213px 0px;
}

#tools {
background: url('image/backgrounds.png') no-repeat right top;
}*/