@import 'reset.css';
@import 'fonts/fonts.css';

html {
	background: #1b1b1b url('../images/bg.png') 0 0 repeat;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'f1', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #edecc2;
}

.fl {
	float: left;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 39px 39px;
	padding: 0;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	margin: 2px 0 39px 0;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 39px 0;
}

a:link, a:visited {
	color: #edecc2;
	text-decoration: none;
	-moz-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
a:hover, a:active, .active a:link, .active a:visited {
	text-decoration: none;
	color: #75a4c7;
	-moz-transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

::selection { background: #edecc2; color: #333333; }
::-moz-selection { background: #edecc2; color: #333333; }
::-webkit-selection { background: #edecc2; color: #333333; }

object { display: block; }

#header, #projects {
	min-width: 960px;
}

#header {
	background: transparent url('../images/bg_header.png') 0 0 repeat;
}
#header .stripes {
	background: transparent url('../images/bg_header_stripes.png') 0 0 no-repeat;
	overflow: hidden;
	padding: 0 0 39px 13px;
}

.logo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-indent: -1000px;
	width: 320px;
	height: 120px;
	background: url('../images/logo.png') 0 0 no-repeat;
}

#contacts {
	padding: 0 60px 0 39px;
	border-right: 1px dotted #2e311f;
	margin: 0 60px 0 0;
}
#contacts h2 {
	color: #d9ff00;
}
#contacts dt {
	width: 13px;
	height: 14px;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	background: transparent url('../images/icons.png') 0 0 no-repeat;
}
#contacts dd {
	margin: 0 0 10px 13px;
	padding: 0 0 0 8px;
	white-space: nowrap;
}
#contacts dd:hover, #contacts dd.hover { color: #75a4c7; }
#contacts .icon-adr { background-position: 0 1px; }
#contacts .icon-tel { background-position: 0 -20px; }
#contacts .icon-email { background-position: 0 -36px; }
#contacts ::selection { background: #d9ff00; }
#contacts ::-moz-selection { background: #d9ff00; }
#contacts ::-webkit-selection { background: #d9ff00; }

#services li {
	padding:0 0 10px 15px;
	background: transparent url('../images/bullet.png') 0 4px no-repeat;
	white-space: nowrap;
}
#services li:hover {
	background-position: 0 -96px;
	color: #d9ff00;
}
#services h2 {
	color: #75a4c7;
}
#services ::selection { background: #75a4c7; }
#services ::-moz-selection { background: #75a4c7; }
#services ::-webkit-selection { background: #75a4c7; }

#projects {
	background: transparent url('../images/bg_projects_shadow.png') 0 0 repeat-x;
}
#projects .inner {
	padding: 39px 0 39px 52px;
}