@import url('reset.css');
@import url('text.css');
@import url('960.css');
@import url('sifr.css');
body {
	background:#fff;
	color:#8c8c8c;
	padding-top:40px;
	text-shadow:#e8e8e8 1px 1px 0;
}
.topfade {
	width:100%;
	height:70px;
	position:fixed;
	background:url(../img/top_bg.png) repeat-x;
	top:0;
}
.bottomfade {
	width:940px;
	height:70px;
	position:fixed;
	background:url(../img/bottom_bg.png) repeat-x;
	bottom:0;
}
a {
	display:block;
	color:#404a47;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#4923F0;
}
#sidebar {
	position:fixed;
	width:140px;
}
h1.logo {
	background:url(../img/logo.png) no-repeat;
	height:84px;
	width:140px;
}
h1.logo a {
	height:84px;
	width:140px;
	display:block;
	text-indent:-9999px;
}
h1.logo:hover {
	opacity:0.90;
}
img {
	margin-bottom:0px;
}
img:hover {
	opacity:0.75;
}
#map {
	margin-top:20px;
	border:1px solid #bab9ae;
	width:300px;
	height:300px
}
.title {
	color:#404a47;
	margin-bottom:10px;
	display:block;
}
a.project {
	margin-bottom:10px;
}
ul.navigation li a:active {
	opacity:0.50;
}
.button_home {
	width:110px;
	height:18px;
	display:block;
	background:url(../img/nav_bg.png) no-repeat;
	padding-left:30px;
	color:#fff;
	padding-top:2px;
	margin-bottom:10px;
	text-shadow:none;
}
.button_web {
	width:110px;
	height:18px;
	display:block;
	background:url(../img/nav_bg.png) no-repeat 0 -20px;
	padding-left:30px;
	color:#fff;
	padding-top:2px;
	margin-bottom:10px;
	text-shadow:none;
}
.button_print {
	width:110px;
	height:18px;
	display:block;
	background:url(../img/nav_bg.png) no-repeat 0 -40px;
	padding-left:30px;
	color:#fff;
	padding-top:2px;
	margin-bottom:10px;
	text-shadow:none;
}
.button_contact {
	width:110px;
	height:18px;
	display:block;
	background:url(../img/nav_bg.png) no-repeat 0 -60px;
	padding-left:30px;
	color:#fff;
	padding-top:2px;
	margin-bottom:10px;
	text-shadow:none;
}
.button_visit {
	width:110px;
	height:18px;
	display:inline-block;
	background:url(../img/nav_bg.png) no-repeat 0 -100px;
	padding-left:30px;
	color:#fff;
	padding-top:2px;
	margin-bottom:10px;
	text-shadow:none;
}
.button_next {
	width:110px;
	height:18px;
	display:inline-block;
	background:url(../img/nav_bg.png) no-repeat 0 -120px;
	padding-left:30px;
	color:#fff;
	padding-top:2px;
	margin-bottom:10px;
	text-shadow:none;
}
.button_home:hover {
	background:url(../img/nav_bg.png) no-repeat 0px 0;
	text-decoration:none;
	color:#fff;
}
.button_web:hover {
	background:url(../img/nav_bg.png) no-repeat 0px -20px;
	text-decoration:none;
	color:#fff;
}
.button_print:hover {
	background:url(../img/nav_bg.png) no-repeat 0px -40px;
	text-decoration:none;
	color:#fff;
}
.button_contact:hover {
	background:url(../img/nav_bg.png) no-repeat 0px -60px;
	text-decoration:none;
	color:#fff;
}
.button_visit:hover {
	background:url(../img/nav_bg.png) no-repeat 0px -100px;
	text-decoration:none;
	color:#fff;
}
.button_next:hover {
	background:url(../img/nav_bg.png) no-repeat 0px -120px;
	text-decoration:none;
	color:#fff;
}
ul {
	list-style-type:none;
	margin-top:10px;
	margin-bottom:20px;
}
ul li.ux {
	background:url(../img/desc_icons.png) no-repeat 0 3px;
	padding-left:12px;
	height:12px;
	margin-bottom:5px;
}
ul li.frontend {
	background:url(../img/desc_icons.png) no-repeat 0 -10px;
	padding-left:12px;
	margin-bottom:5px;
	height:12px;
}
ul li.html {
	background:url(../img/desc_icons.png) no-repeat 0 -23px;
	padding-left:12px;
	height:12px;
	margin-bottom:5px;
}
ul li.tick {
	background:url(../img/desc_icons.png) no-repeat 0 -35px;
	padding-left:12px;
	height:12px;
	margin-bottom:5px;
}
ul.contact {
	margin-top:23px;
}
ul.contact li {
	margin-top:20px;
}
.footerleft {
	padding-left:20px;
	color:#fff;
	padding-bottom:12px;
	background:url(../img/footer_bg.png) no-repeat;
	padding-top:2px;
	width:310px;
	float:left;
	text-shadow:none;
}
.footerleft a {
	display:inline;
	color:#fff;
}
.footerright a {
	display:inline;
	color:#fff;
}
.footerright {
	padding-right:20px;
	color:#fff;
	padding-bottom:12px;
	background:url(../img/footer_bg.png) no-repeat -330px 0;
	width:270px;
	float:right;
	text-align:right;
	padding-top:2px;
	text-shadow:none;
}
.button {
	width:140px;
	height:20px;
	display:block;
	background:url(../img/nav_bg.png) no-repeat 0 -80px;
	color:#fff;
	padding-left:30px;
	margin-bottom:20px;
	text-shadow:none;
	border-style:none;
	text-align:left;
}
.button:hover {
	background:url(../img/nav_bg.png) no-repeat -140px -80px;
	text-decoration:none;
	color:#fff;
}
input {
	border-style:none;
	margin-bottom:15px;
	color:#b2b2b2;
	display:block;
	padding-left:20px;
	height:20px;
	width:120px;
	padding-top:1px;
}
.name {
	background:url(../img/form-elements.png) no-repeat;
	margin-top:20px;
}
.email {
	background:url(../img/form-elements.png) no-repeat 0 -20px;
}
.company {
	background:url(../img/form-elements.png) no-repeat 0 -40px;
}
.address {
	background:url(../img/form-elements.png) no-repeat 0 -80px;
}
.address2 {
	background:url(../img/form-elements.png) no-repeat 0 -100px;
}
.phone {
	background:url(../img/form-elements.png) no-repeat 0 -60px;
}
.name:focus {
	background:url(../img/form-elements.png) no-repeat -140px 0;
}
.email:focus {
	background:url(../img/form-elements.png) no-repeat -140px -20px;
}
.company:focus {
	background:url(../img/form-elements.png) no-repeat -140px -40px;
}
.address:focus {
	background:url(../img/form-elements.png) no-repeat -140px -80px;
}
.address2:focus {
	background:url(../img/form-elements.png) no-repeat -140px -100px;
}
.phone:focus {
	background:url(../img/form-elements.png) no-repeat -140px -60px;
}
.message {
	background:url(../img/textarea.png) no-repeat;
	border-style:none;
	color:#b2b2b2;
	display:block;
	padding-left:20px;
	width:280px;
	height:77px;
	margin-bottom:15px;
	padding-top:3px;
	overflow:auto;
	resize:none;
}
.message:focus {
	background:url(../img/textarea.png) no-repeat -300px 0;
}