/*  
Author: Skat
Author URI: http://www.skatdesign.com/
*/



/*-------------------------------------------------------------------------------------------------------------------*/



/*--General--*/

* {	/*--make all to 0 as default--*/
	padding: 0;
	margin: 0;
}
body {
	background:#030303 url(../images/bg.png) repeat-x top;
	font: 80%/170% Arial, Verdana, Tahoma;
}
/*--formatting--*/

a {
	color: #FF0000;
	text-decoration: underline;
	outline-style: none;
}
a:hover {
	color: #FF00FF;
	text-decoration: underline;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
}
/*-- HEADER --*/
#header {
	width: 960px;
	height: 189px;
	float: left;
	background: url(../images/header-bg.png) no-repeat top right;
}
/*-- logo --*/
.logo {
	margin: 65px 0 0 70px;
	float: left;
}
.logo h1 a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	text-indent: -9999em;
	width: 315px;
	height: 78px;
}
/*-- menu --*/
.menu {
	width: 960px;
	height: 37px;
	float: left;
	background: url(../images/menu-bg.png) repeat-x;
}
.menu ul.buttons {
	list-style: none;
	margin-left: 20px;
	float: left;
}
.menu ul.buttons li {
	float: left;
	margin-right: 50px;
}
.menu ul.buttons li a {
	display: block;
	width: 58px;
	height: 31px;
	text-indent: -9999em;
}
.menu ul.buttons li.home a {
	background: url(../images/home-button.png) no-repeat;
}
.menu ul.buttons li.about a {
	background: url(../images/about-button.png) no-repeat;
}
.menu ul.buttons li.portfolio a {
	background: url(../images/portfolio-button.png) no-repeat;
}
.menu ul.buttons li.contact a {
	background: url(../images/contact-button.png) no-repeat;
}

.menu ul.buttons li.blog a {
	background: url(../images/blog-button.png) no-repeat;
}
/*-- menu contact--*/
.menu ul.contact-menu {
	list-style: none;
	float: right;
	margin-right: 35px;
}
.menu ul.contact-menu li {
	float: left;
	margin-left: 20px;
}
.menu ul.contact-menu li.mail-popup {
	position: relative;
}
.menu ul.contact-menu li.mail-popup a {
	background: url(../images/mail.png) no-repeat;
	width: 32px;
	height: 29px;
	text-indent: -9999em;
	display: block;
}
.menu ul.contact-menu li.mail-popup em {
	background: #505050;
	position: absolute;
	top: -35px;
	left: 30px;
	text-align: center;
	z-index: 2;
	display: none;
	font: bold 11px Arial, Verdana, Tahoma;
	color: #ffffff;
	line-height: 25px;
	width: 120px;
	border: 3px solid #303030;
}
.menu ul.contact-menu li.quote-popup {
	position: relative;
}
.menu ul.contact-menu li.quote-popup a {
	background: url(../images/pencil.png) no-repeat;
	width: 36px;
	height: 29px;
	text-indent: -9999em;
	display: block;
}
.menu ul.contact-menu li.quote-popup em {
	background: #505050;
	position: absolute;
	top: -35px;
	left: 35px;
	text-align: center;
	z-index: 2;
	display: none;
	font: bold 11px Arial, Verdana, Tahoma;
	color: #ffffff;
	line-height: 25px;
	width: 120px;
	border: 3px solid #303030;
}
.menu ul.contact-menu li.twitter-popup {
	position: relative;
}
.menu ul.contact-menu li.twitter-popup a {
	background: url(../images/twitter.png) no-repeat;
	width: 36px;
	height: 29px;
	text-indent: -9999em;
	display: block;
}
.menu ul.contact-menu li.twitter-popup em {
	background: #505050;
	position: absolute;
	top: -35px;
	left: 30px;
	text-align: center;
	z-index: 2;
	display: none;
	font: bold 11px Arial, Verdana, Tahoma;
	color: #ffffff;
	line-height: 25px;
	width: 140px;
	border: 3px solid #303030;
}
/*-- content --*/

#content {
	width: 960px;
	float: left;
	background: url(../images/content-bg.png) repeat-y top;
	padding-bottom: 10px;
}
/* Easy Slider */

.sliding-content {
	float: left;
	width: 940px;
	background: url(../images/sliding-content-bg.png) repeat-y top;
	margin: 0 0 0 10px;
	padding-bottom: 10px;
	position: relative;
}

.recent-work {
	width: 102px;
	height: 102px;
	background: url(../images/recent.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 25px;
}

.sliding-content-bg-top {
	float: left;
	width: 940px;
	height: 13px;
	background: url(../images/sliding-content-bg-top.png) no-repeat top;
	margin: 10px 0 0 10px; 
}

.sliding-content-bg-bottom {
	float: left;
	width: 940px;
	height: 13px;
	background: url(../images/sliding-content-bg-bottom.png) no-repeat top;
	margin: 0 0 0 10px; 
}

.slider {
	margin: 5px 0 0 30px;
}

.slider ul, .slider li {
	margin:0;
	padding:0;
	list-style:none;
}

.slider li {
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width: 880px;
	height:250px;
	overflow:hidden;
}

#prevBtn, #nextBtn,  #slider1next, #slider1prev {
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:5px;
	top:120px;
	z-index:1000;
}

#nextBtn, #slider1next {
	left:915px;
}

#prevBtn a, #nextBtn a,  #slider1next a, #slider1prev a {
	display:block;
	position:relative;
	width:20px;
	height:30px;
	background:url(../images/l-arrow.png) no-repeat 0 0;
}

#nextBtn a, #slider1next a {
	background:url(../images/r-arrow.png) no-repeat 0 0;
}

#prevBtn a:hover {
	background:url(../images/l-hover.png) no-repeat 0 0;
}

#nextBtn a:hover, #slider1next a:hover {
	background:url(../images/r-hover.png) no-repeat 0 0;
}

.overlay {
	width: 880px;
	background: transparent url(../images/overlay-bg.png) repeat-y;
	color: #ffffff;
	margin: 200px 0 0 0;
	height: 50px;
	float: left;
}

.overlay h2 {
	font: bold 11px Arial, Verdana, Tahoma;
	margin: 5px 0 0 10px;
}

.overlay p {
	font: 11px Arial, Verdana, Tahoma;
	color: #656565;
	margin: 0 0 0 10px;
}	

/*-- bottom sidebar --*/

.bottom-sidebar-bg-top {
	float: left;
	width: 940px;
	height: 4px;
	margin: 10px 0 0 10px;
	background: url(../images/bottom-sidebar-bg-top.png) no-repeat;
}

.bottom-sidebar {
	float: left;
	width: 940px;
	padding: 10px 0 5px 0;
	margin: 0 0 0 10px;
	background: #121212;	
}

.bottom-sidebar-bg-bottom {
	float: left;
	width: 940px;
	height: 4px;
	margin: 0 0 0 10px;
	background: url(../images/bottom-sidebar-bg-bottom.png) no-repeat;
}

.aim {
	width: 207px;
	height: 80px;
	background: url(../images/aim.png) no-repeat;
	float: left;
}

.aim img{
	float: right;
	margin: 55px 20px 0 0;
}

.quote-banner {
	float: left;
	margin: 0 0 0 10px;
}

.quote-banner a {
	display: block;
	float: left;
	width: 707px;
	height: 90px;
	background: url(../images/quote-banner.png) no-repeat;
	text-indent: -9999em;
}

/*-- pages --*/

.page-content {
	float: left;
	width: 940px;
	background: url(../images/sliding-content-bg.png) repeat-y top;
	margin: 0 0 0 10px;
	padding-bottom: 10px;
	position: relative;
}

.page-content h2 {
	color: #008ddf;
	text-shadow: #000 2px 2px 2px;
	font: bold 20px Arial, Verdana, Tahoma;
	margin: 0 0 20px 20px;
}

.page-content h2.about {
	color: #8b1999;
}

.page-content h2.portfolio {
	color: #008ddf;
}

.page-content h2.contact {
	color: #b13f09;
	margin: 0 0 0 20px;
}

.page-content h2.quote {
	color: #04ae04;	
}

.page-content p.about-content{
	font: 12px Arial, Verdana, Tahoma;
	line-height: 22px;
	color: #999999;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
}

.page-content p.portfolio-gallery{
	font: 10px Arial, Verdana, Tahoma;
	color: #ffffff;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
}

p.portfolio-gallery span {
	position: absolute;
	width: 265px;
	height: 30px;
	background: url(../images/span.png) no-repeat;
	top: 85px;
	left: 30px;
	padding: 10px 0 0 5px;
}

.zoom img {
	border: none;
	background: #444444;
	padding: 5px;
	margin: 0 0 30px 25px;
}
/*-- footer --*/

#footer {
	width: 960px;
	height: 31px;
	background: url(../images/footer.png) no-repeat;
	float: left;
}

#footer p {
	text-align: left;
	color: #ffffff;
	font: 11px Arial, Verdana, Tahoma;
	line-height: 31px;
	padding-left: 30px;
}

#footer p a{
	color: #656565;		
}

#footer p a:hover{
	color: #FF00FF;		
}