/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @override http://localhost:3000/stylesheets/css2.css */

/* @group general */
body {
	background: #555 !important;

}
/* @end */



/* @group home */

div#home {
	border: none;
	background: url(../images/backgrounds/wave.png) no-repeat 90% 50%; 
}
	div#introduction {		
		padding: 0px 0px 0px 10px;
		height: 230px;
	}
		div#introduction h1 {
			color: #FFF;
			font-size: 60px;
			font-weight: normal;
			line-height: 140%;
			margin: 10px 0px 25px 0px;
			padding: 0;
		}
		div#introduction h3 {
			color: #FFF;
			font-weight: normal;
			line-height: 160%;
			margin: 0px 0px 0px 0px;
			padding: 0;
			font-size: 20px;
		}
		div#buttons_wrapper {
			height: 235px;
			background:  url('../images/backgrounds/buttons_back_laptop.png') no-repeat bottom left;
			
		}
			div.buttons {
				position: absolute;
				bottom: 100px;
				right: -30px;
				text-align: right;
			}
				div.buttons ul{
					list-style: none;
					display: block;
				}
					div.buttons ul li{
						display: block;
						float: right;
						
					}
						div.buttons ul li a{
							display: block;
							width: 180px;
							text-align: center;
							cursor: pointer;
							text-decoration: none;
							color: #eee;
							padding: 5px 0px;
							font-size: 20px;
							background: #222;
							border: 2px solid #333;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
						}
						div.buttons ul li a:hover{
							background: #333;
							color: #fff;
						}							
						div.buttons ul li a#button_work {
						}
						div.buttons ul li a#button_contact {
						}
				
/* @end */

/* @group PAGE_home */
div#header_splash {

}
	div#header_splash p {
		color: #555;
		position: absolute;
		top: 75px;
		left: 145px;
	}

/* @end */

/* @group PAGE_aboutme */
div.pic_wrapper {
	background: url('../images/backgrounds/about_mypicture.png') no-repeat center center;
	height: 420px;	
	width: 400px;
	overflow: hidden;
	position: relative;
}
	div.pic_wrapper img {
		margin-top: 46px;
		margin-left: 48px;
	}

div.about_right {
	margin: 30px 50px 0px 0px;
	color: #eee;
}
	div.about_right h2.about_title {
		font-size: 26px;
		font-weight: normal;
		letter-spacing: 3px;
		margin: 20px 0px 0px 0px;
		border-bottom: 1px solid #101010;
	}
	div.about_right div.about_text {
		border-top: 1px solid #282828;
		font-size: 16px;
		font-weight: normal;
		line-height: 170%;
		color: #ccc;
	}
		div.about_right div.about_text span {
			color: #6da3bf;
		}
		
		div.about_right div.about_text ul {
		 	list-style: none;
		 	margin: 5px 0px 0px 0px ;
		}
				div.about_right div.about_text ul li{				
					display: block;
					width: 65px;
					height: 65px;
					float: left;
					margin: 5px 15px 0px 0px;
					cursor: pointer;
				}
					div.about_text ul li.rails { background: url('../images/icons-bundle.png') no-repeat -391px -67px; }
					div.about_text ul li.php { background: url('../images/icons-bundle.png') no-repeat -391px -133px; }
					div.about_text ul li.mysql { background: url('../images/icons-bundle.png') no-repeat -460px -133px; }
					div.about_text ul li.xhtml { background: url('../images/icons-bundle.png') no-repeat -460px -67px; }
					div.about_text ul li.css { background: url('../images/icons-bundle.png') no-repeat -460px -0px; }
					div.about_text ul li.jquery { background: url('../images/icons-bundle.png') no-repeat -391px -0px; }
					
					div.about_right div.about_text ul li a{				
						color: #eee;
						font-size: 11px;
						letter-spacing: 0px;
						text-align: center;
						width: 70px;
						display: block;
						margin-top: 62px;
						margin-left: -2px;
						text-decoration: none;
					}			
/* @end */

/* @group PAGE_portfolio */

		
a.arrow-right { background:#fff url('../images/backgrounds/arrow_right_on.gif') no-repeat center center }
a.arrow-left { background:#fff url('../images/backgrounds/arrow_left_on.gif') no-repeat center center }
a.arrow-right, a.arrow-left {
	cursor:pointer;
	opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;
	position:absolute;
	bottom:66px;
	padding:0;
	width:50px;
	height:214px;
}
		
		
.home-full-wrap,.full-wrap { background:#fff; }
#featured { 
	margin:0px;
	width:960px;
 	height:420px; 
 	padding:0; 
 	clear:both; 
 	overflow:hidden; 
 	position:relative;
 	text-align: center;
 }
	.featured-entry { 
		width:940px; 
		height:420px; 
		position:relative; 
		overflow:hidden;
	}
		.featured-entry img { 
			text-align: center;
			margin: 10px 10px;
			width:920px; 
			height:420px;
		}
		
.top-slide, .bottom-slide { 
	background:url('../images/backgrounds/slider_bg.png');
	width:900px; 
	position:absolute; 
	padding:0px 20px;
	text-align: left;
}
	.featured-entry .top-slide { 
		top:-70px; 
		left:0;
		height: 70px;
	}
		.top-slide h2 { font-size:22px; letter-spacing:-1px; margin:0 0 5px; padding-top: 5px}
		.top-slide h2 a, .top-slide h2 a:hover { text-decoration:none }
		.top-slide .cat { font-size:10px; text-transform:uppercase }
		.top-slide .catname { font-size:12px }
		.date-link {
			font-size:12px;
			line-height:18px;
			text-align:right;
			font-size:13px;
			position:absolute;
			bottom:15px; 
			right:20px; 
		}
		.date-link .date { font-size:11px; text-transform:uppercase }
			
	.featured-entry .bottom-slide { 
		line-height:18px; 
		bottom:-60px; 
		height: 60px;
		left:0;
		padding-top: 10px;
	}
		.comments { float:left; margin:3px 20px 0 0; font-size:22px; font-weight:bold; padding:5px 0 5px 25px; }
		.comments { background:url('../images/backgrounds/icon_comments_ondark.png') 0 7px no-repeat }

	.top-slide a, .bottom-slide a { 
		font-weight:bold;
		color:#CEF4FF;
	 }
		.top-slide, .bottom-slide, .top-slide a:hover, .bottom-slide a:hover, .top-slide h2 a, .comments { 
			color:#fff 
		}
		a.arrow-right { right:-50px }	
		a.arrow-left { left:-50px }
		
.slider-block { height:420px; float:left; margin:0; padding:0 }
.slider-pages-wrap, .content-wrap { float:left; margin-right:0px !important; width:630px !important; }
.content-wrap.large { float:none !important; width:940px !important }
.content-wrap.large #content { padding:20px !important }


.slide-page { cursor:pointer; }
.slider-pages, .slider-viewall { height:26px;  overflow: hidden; padding:5px 10px;}
.slider-pages a {
	display:block;
	float: left;
	margin:0 7px 0 0;
	padding:1px 10px;
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	font-size:14px;
	background:#1d597f !important; 
	color:#eee;
}
 	.slider-pages a:hover { 
 		background:#999 !important; 
 		color:#333; 
 		text-decoration: none;
 	}
		.slider-pages a.active, .slider-pages a:hover.active { 
			background: #999 !important;
			color:#fff; 
		}
			

/* @end */

/* @group PAGE_contactme */
div#contact_info_message {
	display: none;
	margin: 5px;
	padding: 10px;
	border: 2px solid #eee;
	background: #0c0;
	color: #eee;
	font-size: 14px;
	letter-spacing: 1px;
}
div.contact_form {
	border: 2px solid #555;
	margin: 5px;
	padding: 5px;
	font-size: 14px;
	color: #eee;

}
	.contact_form * {
		line-height: 150%;
		outline: none;
	}
	.contact_form p {
		padding: 0px;
		margin: 10px 0px;
		clear: both;
	}
	.contact_form input {
		background: none;
		border:none;
		border-bottom: 1px solid #333;
		margin: 0px 3px;
		color: #6da3bf;
		font-size: 14px;
		font-style: italic;
		width: 160px;
	}
		.contact_form input:focus {
			border-bottom: 1px solid #aaa;
		}

	.contact_form select {
		background: none;
		color: #eee;
		border: none;
		width: auto;
		font-size: 14px;
		color: #6da3bf;

	}
	.contact_form textarea {
		background: #222;
		border: 1px solid #333;
		width: 630px;
		height: 35px;
		color: #6da3bf;
		font-size: 12px;
		font-style: italic;

	}
		.contact_form textarea:focus {
			border: 1px solid #222;		
		}		
	.contact_form .first_line {
		display: block;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.contact_form .submit_form {
		background: #eee;
		color: #555;
		width: 120px;
		text-align: center;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 2px;
		cursor: pointer !mportant;
	}
	.contact_form .submit_form:hover {
		background-color: #333;
		color: #eee;
	}

div.contact {
	margin: 10px 0px;
}
	ul.contact {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		ul.contact li {
			float: left;
			margin: 0;
			padding: 0;
			
		}
			ul.contact li a {
				text-decoration: none;
				display: block;
			}
				ul.contact li a div {
					height: 70px;
					width: 70px;
					float: left;
				}
					div.img_gmail {
						background: url('../images/icons-bundle.png') no-repeat -300px -120px;
					}
					div.img_linkedin {
						background: url('../images/icons-bundle.png') no-repeat -71px -120px;
					}
					div.img_facebook {
						background: url('../images/icons-bundle.png') no-repeat -145px -120px;
					}
					div.img_twitter {
						background: url('../images/icons-bundle.png') no-repeat -223px -120px;
					}
					div.img_delicious {
						background: url('../images/icons-bundle.png') no-repeat -0px -120px;
					}
					
				ul.contact li span {
					display: block;
					float: left;
					padding-left: 10px;
					line-height: 80px;
					font-size: 15px;
					color: #eee;
					text-decoration: none;
				}
/* @end */

/* @group FOOTER */



/* @end */

/* @group navigation  */
div#navigation_wrapper {
	background: #CCC url('../images/backgrounds/navigation_back_h560.png') repeat-x top left;
	height: 400px;
}
	div#navigation_wrapper * {
		text-decoration: none;
		cursor: pointer;
	}
	div#navigation_wrapper a {
		display: block;
	}
div.nav_item {
	overflow: hidden;
	padding: 40px 0px 0px 0px;
	margin: 0px;
}
div.nav_item:hover, div.nav_item.active {
	background:url('../images/navicons/active_arrow_66x28.png') no-repeat 60% -1%;
}
	div.nav_image {
		margin: 0px;
	}
		div.nav_image div {
			height: 115px;
			text-align: right;	
			float: right;
			padding-right: 10px;
			width: 120px;

		}
			div.img_about {
				background: url('../images/icons-bundle.png') no-repeat -285px 0px;
				width: 95px !important;
			}
			div.img_portfolio {
				background: url('../images/icons-bundle.png') no-repeat 0px 0px;
			}
			div.img_contact {
				background: url('../images/icons-bundle.png') no-repeat -150px -4px;
			}
			
	div.nav_descr, div.nav_descr a {
		margin: 0px;
		padding: 0px;
		width: 160px !important;
	}	
	div.nav_descr h1, div.nav_descr h1 a {
		font-size: 18px;
		font-weight: normal;
		color: #111;
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		text-decoration: none;
	}
	div.nav_descr p, div.nav_descr p a{
		font-size: 12px;
		text-decoration: none;
		color: #444;
		text-align: left;
		line-height: 140%;
	}
	
	div.more_information {
		text-align: center;
		margin:0px !important;
		display: block;
		
	}
		div.more_information a {
			display: block;
			background: #6da3bf;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			color: #eee;
			text-decoration: none;
			margin: 10px 20px 0px 20px;
			cursor: pointer;
		}
		div.more_information a:hover {
			background: #395563;
		}
			div.more_information a span {
				display: block;
				color: #eee;
				background: none;
				padding: 2px;
				
			}
/* @end */

#content, .pages {
	padding:0;
	margin:0;
	list-style:none;
	list-style-position: left;
}
#content{
	overflow:hidden;
	background-color:white;
	position:relative;
	height:450px;
	float:left;
	background: #333 url('../images/backgrounds/header_back_h523.png') repeat-x top left;
	width: 960px;
	
	
}
	.pages {
		width: 3840px;
		height: 450px;
		position: relative;
	}

		.pages .sub{
			position: relative;
			float: left;
			padding: 0px;
			width: 960px;
			height: 450px;
		}