@import url('typography.css');
@import url('colors.css');

html {
background:url("../img/bg.gif") repeat-x #fbfbfb;}

body {
padding:0;
margin:0;
background:url("../img/bg.gif") repeat-x #fbfbfb;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;}

img {
border:0px;}

#header {
width:100%;
background:url("../img/dashed.gif") repeat-x;
background-position:bottom;}

#footer {
clear:both;
padding-top:20px;
width:935px;
height:60px;
padding-left:40px;
}

#top {
padding-left:40px;
position:relative;
width:935px;
height:82px;}

#logo {
display:block;
float:left;
margin-top:40px;
outline:none;}

#logo img {
display:block;}

#container {
width:100%;}

.content {
width:935px;
padding-left:40px;
position:relative;
padding-top:50px;}

#loader {
position:absolute;
top:200px;
left:50%;
margin-left:-34px;
width:48px;
height:48px;
display:none;
padding:10px;
background:#fbfbfb;
z-index:99;
opacity:0.8;}

#menu {
padding:0;
margin:0;
list-style:none;
display:block;
margin-top:40px;
float:right;}

#menu li {
display:block;
float:left;
padding-left:5px;}

#menu li a {
display:block;
height:11px;
text-indent: -9999px; 
overflow: hidden;
outline:none;
padding-left:5px;
padding-right:5px;}

#menu li a:active {
outline:none;}

#menu li a#menu-web {
width:36px;
background:url("../img/menu-web.gif") no-repeat;
background-position:6px 0px;}

#menu li a#menu-id {
width:20px;
background:url("../img/menu-id.gif") no-repeat;
background-position:6px 0px;}

#menu li a#menu-misc {
width:41px;
background:url("../img/menu-misc.gif") no-repeat;
background-position:6px 0px;}

#menu li a#menu-contact {
width:78px;
background:url("../img/menu-contact.gif") no-repeat;
background-position:6px 0px;}

#menu li a#menu-web:hover, #menu li a#menu-id:hover, #menu li a#menu-misc:hover, #menu li a#menu-contact:hover {
background-position:6px -16px;}

#menu li a#menu-web.active, #menu li a#menu-id.active, #menu li a#menu-misc.active, #menu li a#menu-contact.active {
background-position:6px -32px;}

.rc8 {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;}

#project .work img {
	display:block;
}

#project .work {
	padding-bottom:22px;
}

#project .project_info {
	padding-bottom:20px;
}

#project .navigation {
	padding-bottom:25px;
}
	
#category .project_thumb {
	display:block;
	background:#fff;
	padding:5px;
	border:1px solid #c5c5c5;
	width:210px;
	height:140px;
	outline:none;
	float:left;
	margin-right:11px;
	margin-bottom:40px;
	position:relative;
	z-index:9;
	text-decoration:none;
}

#category .project_thumb:hover {
	display:block;
	background:#fff;
	padding:5px;
	border:1px solid #494949;
	width:210px;
	outline:none;
}

#category .project_thumb img {
	position:relative;
	z-index:10;
	display:block;
	background:url("../img/loader_small.gif") no-repeat;
	background-position:center center;
	width:210px;
	height:140px;
	color:#fff;
}
	
a {
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.hide {
	display:none;
}

.block {
	display:block;
}

.lazy {
background:url("../img/loader_small.gif") no-repeat;
background-position:center center;
color:#fff;}

.menu_link {
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow:1px 0 1px #fff;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
}

.cover {
color:#000;
height:20px;
left:0;
position:absolute;
top:115px;
width:100%;
z-index:1;
}
.cover_txt {
padding:10px;
padding-left:6px;
position:absolute;
z-index:2;
display:none;
}

.zoom {
outline:none;}

#contact {
float:left;
padding-right:50px;
}

#contact h1 {
margin-bottom:30px;}

#contact p {
padding-bottom:6px;}


.link-prev {
	margin-right:10px;
}