@charset "UTF-8";

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	line-height: 20px;
	background-color: #2C2C59;
	background-image: url(/test__images2/bg-main.png);
	background-position: left top;
}

div, p, a, img, dl, dt, dd, ul, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 11px;
	color: #666;
}

h2, h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	line-height: 14px;
}


acronym {
	cursor: help;
}


a {
	color: #1f1f40;
}

a:link {
	color: #1f1f40;
}

a:visited {
	color: #2c2c40;
}

a:active {
	color: #1f1f40;
}

a:hover {
	color: #42426a;
}



dt {
	font-weight: bold;
	font-size: 13px;
}

dl {
	padding-bottom: 20px;
}

dd, dt {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

dd {
	padding-left: 25px;
	padding-bottom: 5px;
}

li {
	list-style-type: square;
}

li li {
	list-style-type: circle;
}



#header, #content, #footer {
	width: 860px;
	margin: 0 auto;
	position: relative;
}



#background {
	background-image: url(/test__images2/bg-top.png);
	width: 100%;
	height: 230px;
	position: absolute;
	left: 0;
}



#main-nav {
	list-style-type: none;
	background-image: url(/test__images2/bg-header.png);
	background-repeat: no-repeat;
	width: 860px;
	height: 230px;
	margin: 0 auto;
	padding: 0;
}

#main-nav li {
	float: left;
	display: block;
	width: 135px;
	margin: 0;
	padding: 0;
}

#main-nav img {
	border: 0;
}

#main-nav a {
	display: block;
	width: 135px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	left: 140px;
}

#main-nav span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 145px;
	height: 46px;
	background-image: url(/test__images2/nav.png);
}



#main-nav a:hover {
	cursor: pointer;
}


#nav-home span {
	background-position: 0 0px;
}

#nav-projects span {
	background-position: -135px 0;
}

#nav-clients span {
	background-position: -270px 0;
}

#nav-contact span {
	background-position: -405px 0;
}



#nav-home:hover span {
	background-position: 0 -46px;
}

#nav-projects:hover span {
	background-position: -135px -46px;
}

#nav-clients:hover span {
	background-position: -270px -46px;
}

#nav-contact:hover span {
	background-position: -405px -46px;
}



#content {
	background-image: url(/test__images2/bg-content.png);
	background-repeat: repeat-y;
}



#page-content {
	width: 500px;
	position: relative;
	top: -120px;
	left: 180px;
}

#page-content ul {
	padding: 0;
	padding-bottom: 10px;
	margin-left: 30px;
}

#page-content li ul {
	width: 350px;
}




.project, .other-project {
	border-bottom: 1px solid #ceceee;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.project p, .other-project p {
	margin-left: 0;
}

.project img {
	margin-bottom: 10px;
}

#page-content .project ul, #page-content .other-project ul {
	margin-left: 40px;
}

.other-project h2 {
	font-size: 12px;
}

.form {
	margin-top: 30px;
}

.signature {
	text-align: right;
}



input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	border: 1px solid #8989ba;
	margin: 0 10px 10px 0;
	background-color: #fff;
}

.button {
	width: auto;
	overflow: visible;
	background-color: #efefff;
}



#footer {
	background-image: url(/test__images2/bg-footer-2.png);
	background-repeat: no-repeat;
	height: 280px;
	font-size: 10px;
	color: #666;
	margin-top: -100px;
	text-align: center;
}

#footer p {
	display: inline;
	color: #8888BA;
	text-align: center;
	padding: 0 12px;
	line-height: 330px;
}

#footer a {
	color: #8282B9;
}