body {
text-align:center;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCC;
margin:0 auto;
}

#container {
width:770px;
text-align:left;
margin:170px auto 0;
}

#nav {
width:auto;
}

#nav div {
float:left;
width:6%;
}

#logo {
	text-align:right;
	float:right;
	margin-top:0px;
}

a {
	color:#9999FF;
	text-decoration:underline;
}

a:hover {
	color:#000;
	background-color:#666;
}

#image {
border-top:1px solid #333;
border-bottom:1px solid #333;
padding-top:2px;
padding-bottom:2px;
clear:both;
}

#footer {
text-align:right;
width:770px;
}

#header {
clear:both;
}

/* SUBMENU PORFOLIO */
#menu {
margin-left:-40px;
padding:0;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
float:left;
position:relative;
list-style:none;
margin:0;
padding:10px 1px;
}

#nav li a {
color:#FFF;
text-decoration:none;
letter-spacing:normal;
padding:0 6px;
}

#nav li a:hover {
	color:#9999FF;
	text-decoration:none;
	background:none;
	padding:0 6px;
}

#nav li ul {
display:none;
position:absolute;
top:30px;
left:2px;
background:#fff;
border-left:1px dotted #333;
border-right:1px dotted #333;
}

#nav li ul li {
display:block;
width:10em;
border-bottom:1px dotted #333;
margin:0;
padding:2px;
}

#nav li ul li a {
display:block;
letter-spacing:normal;
color:#333;
text-decoration:none;
background:#f1f1f1;
border-right:5px solid #ccc;
padding:1px 4px;
}

#nav li ul li a:hover {
letter-spacing:normal;
color:#333;
text-decoration:none;
background:#FFF;
border-right:5px solid #333;
padding:1px 4px;
}

#nav ul li>ul {
top:auto;
left:auto;
}

/* portfolio */
.gallery {
	margin: 0 auto;
	width: 760px;
	min-height: 300px;
}

.gallery img {
	margin:4px 2px 0;
}

.gallery a img {
	border:1px solid #000;
}

.gallery a:hover img {
	border:1px solid #9999FF;
}

#cv h2 {
font-size:11px;
font-weight:700;
color:#F5F5F5;
}

#cv li {
list-style:square;
margin:5px;
}

#cv ul {
margin:5px;
padding:0;
}

#image cv {
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
padding-top:2px;
padding-bottom:2px;
clear:both;
}

#contact #form-left {
	width:205px;
	float:left;
	margin: 0 0 0 0px;
	height: 160px;
	padding: 0 25px;
}

#contact span.msg-contact {
	font-size:11px;
	font-weight:700;
	text-align:center;
	display:block;
	padding:30px 0;
}

#contact .button {
	margin: 0 auto;

}

#contact .button input {
height:auto;
width:auto;
}

form {
margin:0;
padding:0;
}

fieldset {
border:none;
padding:0;
}

input {
	height:15px;
	border:1px solid #4f4f4f;
	color:#999999;
	background:#222;
	width:200px;
	font:11px "Trebuchet MS", Verdana, sans-serif;
	margin-bottom:15px;
	padding:0 4px;
}

textarea {
	overflow:auto;
	font:11px "Trebuchet MS", Verdana, sans-serif;
	width:200px;
	margin-bottom:10px;
	border:1px solid #4f4f4f;
	background:#222;
	color:#999;
	padding:0 4px;
}

#nav li:hover ul,#nav li.over ul,label {
display:block;
}

.gallery a,.gallery a:hover {
background-color:#000;
margin:0;
padding:0;
}

#cv h1,#contact h1,.gallery h1 {
font-size:11px;
font-weight:700;
}

.errors {
color:#FF0000;
text-align:center;
display:block;
}