/* --- DEFAULT --- */
* {
	border:0;
	margin:0;
	padding:0;
	outline:0;
	font-family:helvetica, "Trebuchet MS", sans-serif;
	text-decoration:none !important;
}
html {
	width:100%;
	overflow-x:hidden;
	background: #222938 url(../images/main_bg.png) repeat;
}
body {
	background: transparent url(../images/header_bg.png) repeat-x;
}
a {
	color:#535e7d;
	text-decoration:none !important;
}
a:hover {
	color:#6292DA;
}

/* --- HEADER --- */
#logo {
	display:block;
	height:92px;
	width:126px;
	margin:0 auto;
	text-indent:-99999px;
	background: transparent url(../images/logo.png) no-repeat;
}
#header {
	height:92px;
	text-align:center;
	margin-bottom:17px;
}

#navbar {
	display:block;
	width:525px;
	height:38px;
	margin:0px auto 17px auto;
	list-style:none !important;
}
.contact_page #navbar {
	margin:0px auto 12px auto !important;
}

	#navbar li {
		float:left;
		display:block;
		width:105px;
		height:38px;
		list-style:none !important;
	}
		#navbar li a {
			display:block;
			width:105px;
			height:38px;
			text-indent:-99999px;
			
			background-image: url(../images/navbar.png);
			background-repeat: no-repeat;
		}
			#nav_work {
				background-position: 0px 0px;
			}
				#nav_work:hover,
				#nav_work:active {
					background-position: 0px -38px;
				}
				#nav_work.active,
				#nav_work.active:hover,
				#nav_work.active:active {
					background-position: 0px -76px;
				}
			#nav_goodies {
				background-position: -105px 0px;
			}
				#nav_goodies:hover,
				#nav_goodies:active {
					background-position: -105px -38px;
				}
				#nav_goodies.active,
				#nav_goodies.active:hover,
				#nav_goodies.active:active {
					background-position: -105px -76px;
				}
			#nav_about {
				background-position: -210px 0px;
			}
				#nav_about:hover,
				#nav_about:active {
					background-position: -210px -38px;
				}
				#nav_about.active,
				#nav_about.active:hover,
				#nav_about.active:active {
					background-position: -210px -76px;
				}
			#nav_contact {
				background-position: -315px 0px;
			}
				#nav_contact:hover,
				#nav_contact:active {
					background-position: -315px -38px;
				}
				#nav_contact.active,
				#nav_contact.active:hover,
				#nav_contact.active:active {
					background-position: -315px -76px;
				}
			#nav_blog {
				background-position: -420px 0px;
			}
				#nav_blog:hover,
				#nav_blog:active {
					background-position: -420px -38px;
				}
				#nav_blog.active,
				#nav_blog.active:hover,
				#nav_blog.active:active{
					background-position: -420px -76px;
				}


/* --- CLASSES --- */
.blue_box {
	background-color:#1c222e;
	
	border:1px solid #151922;
	border-top:1px solid #101020;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow: inset #141820 0px 1px 5px, #31394a 0px 1px 0px;
	-moz-box-shadow: inset #141820 0px 1px 5px, #31394a 0px 1px 0px;
	box-shadow: inset #141820 0px 1px 5px, #31394a 0px 1px 0px;
}

/* --- ABOUT PAGE --- */
#about_content {
	display:block;
	width:730px;
	margin: 0 auto;
}
	#about_textbox_container {
		float:left;
		display:block;
		width:530px;
		min-height:248px;
		margin-left:20px;
	}
		#about_textbox {
			display:block;
			margin:15px;
			color:#737e9d;
			text-shadow:#101020 1px 1px 0px;
			font-size:14px;
			line-height:20px;
		}
		#about_textbox h1 {
			color:#6292DA;
			font-weight:bold;
			text-shadow:#000010 1px 1px 0px;
			font-size:20px;
			margin-bottom:10px;
		}
	#me {
		float:left;
		display:block;
		width:178px;
		height:178px;
	}
		#photo {
			display:block;
			width:178px;
			height:178px;
			background: transparent url(../images/me.png) no-repeat center top;
		}
		#social {
			display:block;
			width:172px;
			height:50px;
			margin:20px 0px 0px 2px;
		}
			#social_content {
				display:block;
				width:152px;
				height:34px;
				margin:9px 8px 10px 9px;
			}
				.social_icon {
					float:left;
					display:block;
					width:34px;
					height:34px;
					margin:0px 2px 0px 2px;
				}
					#dribbble {
						background: transparent url(../images/social/dribbble.png) no-repeat 0px 0px;
					}
					#twitter {
						background: transparent url(../images/social/twitter.png) no-repeat 0px 0px;
					}
					#mail {
						background: transparent url(../images/social/mail.png) no-repeat 0px 0px;
					}
					#forrst {
						background: transparent url(../images/social/forrst.png) no-repeat 0px 0px;
					}
						#dribbble:hover,
						#twitter:hover,
						#mail:hover,
						#forrst:hover {
							background-position: -34px 0px;
						}

/* --- CONTACT PAGE --- */
#contact_content {
	display:block;
	width:730px;
	margin:0px auto;
}
	#slit_container {
		float:left;
		display:block;
		width:516px;
		height:453px;
		background: transparent url(../images/slot.png) no-repeat center bottom;
	}
		#envelope {
			position:relative;
			display:block;
			width:516px;
			height:452px;
			background: transparent url(../images/envelope.png) no-repeat 0px 0px;
			margin:0 auto;
		}
			#envelope_content {
				position:absolute;
				top:0;
				display:block;
				width:416px;
				height:302px;
				margin:50px;
			}
			#envelope_content .input {
				float:left;
				display:block;
				width:304px;
				height:40px;
				background-color:#f3f3f3;
				border:#bfbebe solid 1px;
				margin:0 0 20px 10px;
				-webkit-box-shadow: #fff 0px 1px 0px, inset #e0e0e0 0px 1px 0px;
				-moz-box-shadow: #fff 0px 1px 0px, inset #e0e0e0 0px 1px 0px;
				box-shadow: #fff 0px 1px 0px, inset #e0e0e0 0px 1px 0px;
				
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
			}
				.input input {
					display:block;
					width:284px;
					height:20px;
					margin:10px;
					background-color:#f3f3f3;
					color:#222;
					font-weight:bold;
					text-shadow: #fff 0px 1px 0px;
				}
				#name_parent.fail, #email_parent.fail, #message_parent.fail {
					border:#dfb0b0 solid 1px !important;
					background-color:#ffefef !important;
				}
				.fail input, .fail textarea {
					background-color:#ffefef !important;
				}
			#envelope_content #message_parent {
				float:left;
				display:block;
				width:304px;
				height:120px;
				background-color:#f3f3f3;
				border:#bfbebe solid 1px;
				margin:0 0 0 10px;
				-webkit-box-shadow: #fff 0px 1px 0px, inset #e0e0e0 0px 1px 0px;
				-moz-box-shadow: #fff 0px 1px 0px, inset #e0e0e0 0px 1px 0px;
				box-shadow: #fff 0px 1px 0px, inset #e0e0e0 0px 1px 0px;
				
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
			}
			#envelope_content textarea {
				display:block;
				width:284px;
				height:100px;
				margin:10px;
				background-color:#f3f3f3;
				
				color:#222;
				font-weight:bold;
				text-shadow: #fff 0px 1px 0px;
			}
			#envelope_content label {
				float:left;
				display:block;
				width:100px;
				height:42px;
				text-align:right;
				line-height:42px;
				color:#3e404f;
				font-weight:bold;
				text-shadow: #fff 0px 1px 0px;
			}
			#send_button {
				position:absolute;
				bottom:0px;
				right:0px;
				display:block;
				width:124px;
				height:34px;
				cursor:pointer;
				background: transparent url(../images/send.png) no-repeat 0px -34px;
			}
			#send_button:hover, #send_button:active {
				background-position:0px 0px;
			}
	#contact_info_container {
		float:left;
		display:block;
		width:170px;
		height:101px;
		margin-left:20px;
		margin-top:13px;
	}
		#contact_info {
			display:block;
			width:172px;
			height:100px;
			margin:13px;
			font-size:13px;
			font-weight:bold;
			color:#737e9d;
			text-shadow:#101020 1px 1px 0px;
		}
			#contact_info a {
				font-weight:normal !important;
				font-size:12px;
			}

/* --- BLOG --- */
#coming_soon {
	display:block;
	width:730px;
	height:500px;
	margin:0 auto;
	background: transparent url(../images/comingsoon.png) no-repeat;
}


/* --- FOOTER --- */
#footer {
	display:block;
	width:324px;
	height:130px;
	margin:25px auto 0 auto;
	background: transparent url(../images/divider.png) no-repeat;
}
	#footer_mail{
		float:left;
		display:block;
		width:26px;
		height:25px;
		margin: 40px 0px 0px 125px;
		background:transparent url(../images/mail.png) no-repeat -26px 0px;
	}
		#footer_mail:hover {
			background:transparent url(../images/mail.png) no-repeat 0px 0px;
		}
	#footer_twitter {
		float:right;
		display:block;
		width:20px;
		height:25px;
		margin: 40px 125px 0px 0px;
		background:transparent url(../images/twitter.png) no-repeat -20px 0px;
	}
		#footer_twitter:hover {
			background:transparent url(../images/twitter.png) no-repeat 0px 0px;
		}
	
	#footer_text {
		position:absolute;
		bottom:10px;
		display:block;
		width:324px;
		height:30px;
		font-size:12px;
		color:#35445a;
		text-align:center;
		text-shadow:#1b1f30 0px 1px 0px;
		line-height:18px;
	}
		#footer_text a {
			font-size:12px;
			color:#535e7d;
		}
			#footer_text a:hover {
				color:#737e9d;
			}