@charset "utf-8";
/* CSS Document */


* { margin:0; padding:0; }

body {
	background: url(../images/bg.gif) #383838;
}

#wrapper {
	margin:0 auto;
	position:relative;
	width:1000px;
	height:550px;
}

#logo {
	clear:both;
	position:absolute;
	right:70px;
	top:265px;
	width:314px;
	height:86px;
}

#logo-about {
	position:absolute;
	clear:both;
	right:20px;
	top:-87px;
	width:314px;
	height:86px;
}

#aboutContent {
	background:url(../images/view-bg.png) no-repeat;
	margin:0 auto;
	clear:both;
	width:988px;
	height:357px;
	margin-top:90px;
}

#overlay {
	background:url(../images/overlay.png) no-repeat;
	position:absolute;
	height:549px;
	width:413px;
	z-index:99;
	left: 8px;
	top: 1px;
}

#nav {
	position:absolute;
	top:50%;
	margin-top:-225px;
	left:100;
	height:450px;
	width:286px;
	overflow:hidden;
	margin-left:80px;

}

#navContainer {
	position:absolute;
	left:0;
	width:286px;
	height:700px;
	overflow:hidden;
	padding-top:26px;
}

#about {
	background:url(../images/about.png) no-repeat;
	position:absolute;
	cursor:pointer;
	left:0;
	top:65px;
	width:198px;
	height:146px;
}

#work {
	background:url(../images/work.png) no-repeat;
	position:absolute;
	cursor:pointer;
	left:0;
	top:234px;
	width:174px;
	height:86px;
	margin-top:45px;
}

#services {
	background:url(../images/services.png) no-repeat;
	position:absolute;
	cursor:pointer;
	left:0;
	top:384px;
	width:268px;
	height:83px;
	margin-top:45px;
}

#contact {
	background:url(../images/contact.png) no-repeat;
	position:absolute;
	cursor:pointer;
	left:0;
	top:532px;
	width:258px;
	height:85px;
	margin-top:45px;
}
#blog {
	background:url(../images/blog.png) no-repeat;
	position:absolute;
	cursor:pointer;
	left:0;
	top:600px;
	width:145px;
	height:90px;
	margin-top:45px;
}

#copyright {
	position:absolute;
	width:357px;
	height:12px;
	background:url(../images/copyright.png) no-repeat;
	bottom:-50px;
	right:70px;
}

#twitter {
	position:absolute;
	width:186px;
	height:32px;
	background:url(../images/twitter.png) no-repeat;
	bottom:-30px;
	right:70px;
	cursor:pointer;
}

#copyrightAbout {
	position:absolute;
	width:357px;
	height:12px;
	background:url(../images/copyright.png) no-repeat;
	bottom:-50px;
	right:0px;
}

#twitterWork {
	position:absolute;
	width:186px;
	height:32px;
	background:url(../images/twitter.png) no-repeat;
	bottom:-4px;
	right:17px;
	cursor:pointer;
}

#copyrightWork {
	position:absolute;
	width:357px;
	height:12px;
	background:url(../images/copyright.png) no-repeat;
	bottom:-20px;
	right:20px;
}

#twitterAbout {
	position:absolute;
	width:186px;
	height:32px;
	background:url(../images/twitter.png) no-repeat;
	bottom:-30px;
	right:0px;
	cursor:pointer;
}

#workMainPlaceholder {
	background:url(../images/testPlaceholder.png) no-repeat;
	width:600px;
	height:292px;
	float:left;
	margin:34px 0 0 35px;
}

#workHeader {
	background:url(../images/workHeader.png) no-repeat;
	width:175px;
	height:87px;
	float:right;
	margin:120px 100px 0 0;
}

#workContent {
	background:url(../images/view-bg.png) no-repeat;
	margin:0 auto;
	clear:both;
	width:988px;
	height:357px;
	margin-top:120px;
}

#categories {
	background:url(../images/categories.png) no-repeat;
	width:254px;
	height:395px;
	margin:10px 0 0 16px;
}