* {
				margin:0;
				padding:0;
}

body {
				padding : 0;
				margin : 0;
				font-size : 14px;
				font-family:  Helvetica , sans-serif;
				background : #3d3d3b url('../img/background.jpg');
				color : #999;
				text-align:  center;

}
h1 , h2 , h3 , h4 {
				font-family:  Helvetica , sans-serif;
				font-size: 86px;
				font-weight : bold;
				color: #000;
				padding: 0 30px;
				text-transform:  uppercase;
}

h2 , h3 {
				text-transform:  lowercase;

}
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4 { font-size: 14px; }

a {
	font-size: 14px;
	background:#fff;
				text-decoration: none;
}
a:hover {
	background:#000;
	color: #FFF;
	text-decoration:  line-through;
				
				
}
a img {
				border:none;
}
ul, li {
				margin: 0 12px;
}

/* Layout */

#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #fff;
background : #a9bc52 url('../images/tabl.gif') no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url('../images/tabr.gif') no-repeat right top;
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
margin : 0 0 0 5px;
}

#container {
				width:  1000px;
				margin: 30px auto;
				background : #FFF;
}

.seperator{
				margin : 0 30px;
				border-bottom: 1px solid #CCCCCC;
				height : 1px;
}

/* Content */

.content-box{
				margin: 10px 30px;
				line-height: 18px;
}
.content-box .seperator{
				margin: 0px;
}
.content-box h3 , .content-box h4{
				padding: 0px;
				margin: 0px;
}

.content-box .img-thumb {
				float:  left;
				margin: 15px;
				width: 270px;
				/*height: 160px;*/
				background-color:  gray;
				border: 5px solid black;
}
.content-box .img-thumb img { height: 150px;  }
.content-box .img-thumb:hover {
				border: 5px solid #0099ff;
}

span.emp{
				color: #0099ff;
}

#mini-nav{
				width: 20px;
				float: left;
				margin: 4px;
				padding-left: 30px;
				position: fixed;

}

#mini-nav a{
				background-color: #262729;
				border: none;
}

a img {
				border:  none;
}

.project-link {
				text-align: right;
				position: relative;
				padding-right: 10px;
}
.project-link a{
				text-decoration: none;
				color: gray;
}
.project-link a:hover{
				color: black;
}



ul.skills {
	margin: 0;
	padding: 0;
	width: 225px;
	float: left;
}
ul.skills li{
	list-style-type: none;
	font-weight: bold;
}
ul.skills li:hover{
	color: #000;
}
ul.skills ul {
	list-style-type: none;
}
ul.skills ul li , ul.skills ul li:hover{
	list-style-type: square;
	font-weight: normal;
	color: #999;
}

