@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: none;
}
a {
  outline: none;
}


body {
	background-color: #252525;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #211c1b;
	width: 100%;
}
	wrapper {
		width: 300px;
		margin: 50px auto 0 auto;
		display: block;
	}
		header {
			background-image: url(../img/header.png);
			background-position: center bottom;
			background-repeat: no-repeat;
			width: 300px;
			height: 85px;
			display: block;
		}
			header h1 {
				color: #fffefe;
				font-size: 20px;
				line-height: 22px;
				font-weight: normal;
				padding: 20px 20px 0;
				text-shadow: 1px 1px 1px #9c9c9c;
			}
			header span {
				color: #fffefe;
				font-size: 13px;
				line-height: 14px;
				opacity: 0.5;
				padding: 0 20px 5px;
				text-shadow: 1px 1px 1px #9c9c9c;
			}
		nav {
			background-image: url(../img/nav.png);
			background-position: center bottom;
			background-repeat: no-repeat;
			width: 300px;
			height: 29px;
			list-style: none;
			display: block;
		}
			nav li {
				float: left;
				width: 100px;
				text-align: center;
			}
				nav li a {
					font-size: 11px;
					font-weight: bold;
					line-height: 29px;
					height: 29px;
					color: #060606;
					text-decoration: none;
					text-shadow: 1px 1px 1px #9c9c9c;
					display: block;
				}
					nav li a.current {
						color: #eaeaea;
					}
		article {
			width: 300px;
			display: block;
			background-image: url(../img/article.png);
			background-position: center top;
			background-repeat: no-repeat;
		}
			article h2 {
				font-size: 35px;
				line-height: 40px;
				font-weight: normal;
				padding: 30px 20px 0 20px;
				text-shadow: 1px 1px 2px #ededed;
				color: #211c1b;
				height: 61px;
			}
			section {
				background-color: #eeeeee;
				padding: 25px 0 15px;
				display: block;
			}
				section p {
					margin-bottom: 10px;
					padding: 0 20px;
				}
					section p img {
						background-color: #9D9D9D;
						padding: 1px;
						border: 1px solid #f7f7f7;
						margin-left: 5px;
					}
					section span.phone,
					section span.email,
					section span.www {
						padding-left: 23px;
						background-position: left;
						background-repeat: no-repeat;
						line-height: 20px;
					}
					section span.phone {
						background-image: url(../img/phone.gif);
					}
					section span.email {
						background-image: url(../img/email.gif);
					}
					section span.www {
						background-image: url(../img/www.gif);
					}
				section address {
					margin-bottom: 10px;
					font-style: italic;
				}
				section hr {
					width: 100%;
					color: #f7f7f7;
					background-color: #f7f7f7;
					height: 1px;
					margin-bottom: 10px;
				}
				section a:link {
					color: #211c1b;
					text-decoration: underline;
				}
					section a:hover {
						text-decoration: none;
					}
				
				article#networks section {
					padding: 0;
				}
				section item {
					width: 150px;
					height: 62px;
					display: block;
					background-position: top;
					background-repeat: no-repeat;
				}
					section item.left {
						float: left;
						clear: left;
						background-image: url(../img/network-left.png);
					}
					section item.right {
						float: right;
						background-image: url(../img/network-right.png);
					}
					section item a {
						width: 80px;
						height: 32px;
						display: block;
						background-position: 15px 50%;
						background-repeat: no-repeat;
						padding: 15px 15px 15px 55px;
						text-decoration: none;
					}
						section item a:link,
						section item a:visited,
						section item a:hover {
							text-decoration: none;
						}
						section item a h4 {
							color: #211c1b;
							font-weight: normal;
							font-size: 12px;
						}
						section item a span {
							color: #9d9d9d;
							font-size: 9px;
						}
							section item a.wordpress {
								background-image: url(../img/website-32x32.png);
							}
							section item a.flickr {
								background-image: url(../img/flickr-32x32.png);
							}
							section item a.rss {
								background-image: url(../img/feed-32x32.png);
							}
							section item a.youtube {
								background-image: url(../img/youtube-32x32.png);
							}
							section item a.twitter {
								background-image: url(../img/twitter-32x32.png);
							}
							section item a.linkedin {
								background-image: url(../img/linkedin-32x32.png);
							}
							section item a.delicious {
								background-image: url(../img/delicious-32x32.png);
							}
							section item a.facebook {
								background-image: url(../img/facebook-32x32.png);
							}
							section item a.tumblr {
								background-image: url(../img/tumblr-32x32.png);
							}
							section item a.myspace {
								background-image: url(../img/myspace-32x32.png);
							}
				article form {}
					article form p {
						display: block;
					}
						article form p label {
							color: #9d9d9d;
						}
							article form p label.error {}
								article form p label.error input,
								article form p label.error textarea {
									border-color: #C30;
								}
							article form p label input,
							article form p label textarea {
								margin-top: 3px;
								width: 250px;
								border: 1px solid #9D9D9D;
								background-color: #F7F7F7;
								padding: 3px 4px;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								font-size: 11px;
							}
							article form p label span {
								margin-top: 3px;
								width: 70px;
								display: block;
								float: left;
								line-height: 21px;
							}
								article form p label input#captcha {
									width: 180px;
									float: left;
								}
								article form p label input#submit {
									width: 260px;
								}
							article form p label textarea {
								font-family: Arial, Helvetica, sans-serif;
								height: 100px;
								resize: vertical;
								overflow: auto;
							}
		footer {
			background-image: url(../img/footer.png);
			background-position: center bottom;
			background-repeat: no-repeat;
			width: 300px;
			height: 19px;
			display: block;
		}
		copyright {
			width: 300px;
			display: block;
			color: #9D9D9D;
			font-size: 9px;
			text-align: center;
		}
			copyright span {
			    -moz-transform: rotate(180deg);
			    -webkit-transform: rotate(180deg);
			}
.clear {
	clear: both;
	height: 0;
	font-size: 0;
	display: block;
	visibility: hidden;
}


#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#popup {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	border: 1px solid #9D9D9D;
	background-color: #F7F7F7;
	z-index: 2;
	padding: 12px;
	font-size: 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#popup h1 {
	text-align: left;
	color: #060606;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 1px solid #F7F7F7;
	padding-bottom: 2px;
	margin-bottom: 20px;
}
#popupClose {
	font-size: 14px;
	line-height: 14px;
	right: 6px;
	top: 4px;
	position: absolute;
	color: #c30;
	font-weight: 700;
	display: block;
	cursor: pointer;
}