@import "lightbox.css";
@import "works.css";
@import "about.css";
@import "contact.css";
*{margin: 0; padding: 0;}
body{
	background: #f3f3f3 url("../images/bg.gif") repeat-x 0 0;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial;
	color: #555;
}
a, a:hover, a:focus{outline: none;}
a{color: #990404; text-decoration: none;}
a:hover{color: #222;}
.left{float: left;}
#container{
	width: 100%;
	background: url("../images/background.jpg") no-repeat center top;
}
#header{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	color: #929292;
}
#header-content{
	height: 109px;
	position: relative
}
#logo{
	width: 166px;
	height: 71px;
	position: absolute;
	top: 21px;
	left: 0px;
}
#logo a{
	width: 166px;
	height: 71px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/logo.png") no-repeat 0 0;
}
.hdr-contact{
	position: absolute;
	right: 0px;
	top: 10px;
	font: 11px Arial, Verdana, Tahoma;
	color: #686868;
}
.hdr-contact a{color: #686868;}
.hdr-contact a:hover{color: #fff;}
#navigation{
	position: absolute;
	top: 52px;
	right: 0px;
}
#navigation li{
	list-style-type: none;
	width: 82px;
	padding: 0px 5px;
	float: left;
}
#navigation li a{
	width: 82px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
}
#navigation li a:hover{background-position: 0 -28px;}
#navigation li a.active{background-position: 0 -56px;}
.btn-home{background: url("../images/buttons/home.gif") no-repeat;}
.btn-about{background: url("../images/buttons/about.gif") no-repeat;}
.btn-works{background: url("../images/buttons/works.gif") no-repeat;}
.btn-price{background: url("../images/buttons/price.gif") no-repeat;}
.btn-contact{background: url("../images/buttons/contact.gif") no-repeat;}
#sub-info{
	height: 71px;
	position: relative;
}
#sub-info h2{
	width: 392px;
	height: 50px;
	background: url("../images/basic_info.gif") no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 11px;
	left: 10px;
}
#sub-info .free-for-hire, #sub-info .free-for-hire-no-link{
	width: 185px;
	height: 42px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/freeforhire.gif") no-repeat 0 0; 
	position: absolute;
	top: 15px;
	left: 450px;
}
#sub-info .free-for-hire:hover{background-position: 0 -42px;}
#sub-info .toggle{
	width: 183px;
	height: 38px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	top: 18px;
	right: 0px;
}
#sub-info .recent_button{background: url("../images/toggle_recent.gif") no-repeat;}
#sub-info .location_button{background: url("../images/toggle_location.gif") no-repeat;}
#sub-info .creativity_button{background: url("../images/toggle_creativity.gif") no-repeat;}
#sub-info .toggle_hide{background-position: 0 -76px;}
#sub-info .toggle_hide:hover{background-position: 0 -114px;}
#sub-info .toggle_show{background-position: 0 0;}
#sub-info .toggle_show:hover{background-position: 0 -38px;}

.recent-works{	
	width: 900px;
	height: 188px;
	padding: 14px 0 19px 0;
	z-index: 0;
	position: relative;
}
.recent-works .next_nav{width: 42px; position: absolute; right: -50px; top: 90px;}
.recent-works .prev_nav{width: 42px; position: absolute; left: -50px; top: 90px;}
.recent-works .next_nav .navlink, .recent-works .prev_nav .navlink{
	width: 41px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background-position: 0 0;
	cursor: pointer;
}
.recent-works .next_nav .navlink:hover, .recent-works .prev_nav .navlink:hover{background-position: 0 -51px;}
.recent-works .prev_nav .back{background: url("../images/recent_nav_left.gif") no-repeat;}
.recent-works .next_nav .next{background: url("../images/recent_nav_right.gif") no-repeat;}
.carousel-wrap{width: 900px; height: 188px; float: left; overflow: hidden;}

.recent_content li{
	width: 900px;
	height: 188px;
	float: left;
	overflow: hidden;
	display: inline;
	list-style-type: none;
}
.recent_content li .recent_image, .recent_content li .recent_image_scnd{
	width: 440px;
	height: 188px;
	padding: 0;
	float: left;
}
.recent_content li .scnd{padding-left: 20px !important;}
.recent_content .recent_image, .scnd{position: relative;}
.recent_content li .recent_image a{
	padding: 3px; 
	background-color: #222; 
	display: block;
}
.recent_content li .recent_image .descr{
	width: 400px;
	height: 35px;
	padding: 10px 20px;
	position: absolute;
	background: url("../images/descr_bgr.png");
}
.recent_content li .recent_image .descr h3{color: #ccc; text-decoration: none; font-size: 18px; font-weight: normal;}
.recent_content li .recent_image .descr p{color: #990404; text-decoration: none; text-transform: uppercase;}

.recent_content li .recent_image a:hover{background-color: #333;}
.recent_content li .recent_image a img{width: 434px; height: 182px; border: 0;}

.recent_descr h3{font-size: 18px; font-weight: normal;}
.recent_descr p{line-height: 14px;}
#content{
	width: 100%;
	color: #555;
	background: #f3f3f3 url("../images/contentbg.jpg") no-repeat center top;
	z-index: 10;
}
#main{
	width: 900px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	min-height: 325px;
	position: relative;
}
.two_col{background: url("../images/twocol_bg.gif") repeat-y 0 0;}
#home_content{
	width: 900px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url("../images/homecontent_bg.gif") repeat-y 0 0;
	position: relative;
}
#home_content .column{
	width: 270px;
	padding: 0 15px;
	float: left;
}
#home_content .column h4.col_title{padding-bottom: 15px;}
#home_content .column h4.col_title a{
	height: 12px;
	display: block;
	text-indent: -9999px;
	background-position: 0 0;
}
#home_content .column h4.col_title a:hover{background-position: 0 -12px;}
.column h4.col_title a.who_link{
	width: 87px;
	background: url("../images/hometitles/who.gif") no-repeat;
}
.column h4.col_title a.what_link{
	width: 152px;
	background: url("../images/hometitles/what.gif") no-repeat;
}
.column h4.col_title a.where_link{
	width: 215px;
	background: url("../images/hometitles/where.gif") no-repeat;
}
#home_content .column .myphoto{border: 3px solid #d7d7d7; margin-right: 10px;}
#home_content .column .who_links{
	width: 270px;
	padding: 15px 0 10px 0;
	overflow: hidden;
}
.who_links li{
	list-style-type: none;
	width: 135px;
	float: left;
}
.who_links li .link_btn{
	width: 125px;
	height: 28px;
	display: block;
	background-position: 0 0;
	text-indent: -9999px;
}
.who_links li .link_btn:hover{background-position: 0 -28px;}
.who_links li .read_more{background: url("../images/who_more.gif") no-repeat; margin-right: 10px;}
.who_links li .cv{background: url("../images/who_cv.gif") no-repeat; margin-left: 10px;}
#twitter{
	background: #eaeaea url("../images/tweetbg.gif") no-repeat 0 0;
	padding: 40px 15px 10px 15px;
	color: #7c7c7c;
	border-bottom: 1px solid #dcdbdb;
}
#twitter ul li{list-style-type: none; padding: 2px 0; font-style: italic;}
#twitter .posted{padding-top: 3px; font-size: 10px;}
#twitter p{text-align: center; font-style: italic; padding-bottom: 3px;}
#twitter .twittloader{display: block; margin: 0 auto;}
.what_services{padding: 10px 0 30px 0; color: #888; background: url("../images/know_how.gif") no-repeat right bottom;}
.what_services li{
	list-style-type: none;
	padding-left: 20px;
	background: url("../images/list_style_type.gif") no-repeat 0 2px;
}
.map_link{padding: 3px; background-color: #d7d7d7; display: block; margin: 10px 0;}
.map_link:hover{background-color: #aaa;}
.map_link img{border: 0;}
.findme{
	overflow: hidden;
	margin-top: 10px;
	padding-top: 10px;
	background: url("../images/dotted_h.gif") repeat-x 0 0;
}
.findme li{list-style-type: none; float: left; padding-right: 5px;}
.findme li a{
	width: 28px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background-position: 0 0;
}
.findme li a:hover{background-position: 0 -28px;}
.fm_mm{background: url("../images/findme/mobileme.gif") no-repeat;}
.fm_fb{background: url("../images/findme/facebook.gif") no-repeat;}
.fm_tw{background: url("../images/findme/twitter.gif") no-repeat;}
.fm_de{background: url("../images/findme/delicious.gif") no-repeat;}
.latest_photos{
	width: 120px;
	height: 132px;
	display: block;
	text-indent: -9999px;
	background: url("../images/latest_photos.png") no-repeat 0 0;
	position: absolute;
	left: -130px;
	top: 7px;
}
.latest_photos:hover{background: url("../images/latest_photos_hover.png") no-repeat 0 0;}
#footer{
	width: 900px;
	margin: 0 auto;
	background: url("../images/dotted_h.gif") repeat-x 0 0;
	margin-top: 20px;
	padding-top: 15px;
	position: relative;
	color: #ccc;
}
#footer a{color: #ccc;}
#footer a:hover{color: #aaa;}
#footer #footnav{
	position: absolute;
	top: 15px;
	left: 0;
	overflow: hidden;
}
#footnav li{
	list-style-type: none;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	float: left;
	line-height: 12px;
	text-transform: lowercase;
}
#footnav li.fn_first{padding: 0 10px 0 0 !important; border: 0 !important;}
#footnav li a.active{color: #777;}
#footer #copyright{
	position: absolute;
	top: 15px;
	right: 0;
	text-align: right;
	padding-bottom: 30px;
}
#copyright span{color: #aaa;}
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;}