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

html, body {
	width: 100%;
	height: 100%;
}

body {
	margin:0;
	background: #000 url(images/background.jpg) center top;
	font: 18px Arial;
}

a { outline: none; }

a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #FFF; }
a:active { color: #000; }

input, textarea, img {
	border: 2px solid black;
	background-color: #CCC;
}


.container, .header {
	margin: auto;
	width: 999px;
}


.header_container {
	background: #000 url(images/header_container.jpg) center bottom repeat-x;
}

	.header {
		height: 181px;
		background: url(images/header.jpg) center no-repeat;
	}
	
		.header a {
			display: block;
			height: 100%;
			width: 100%;
		}


.menu_container {
	height: 136px;
	background: url(images/menu.jpg) center top no-repeat;
}

	.menu {
		padding: 30px 0 0 78px;
	}

		.menu a {
			display: block;
			float: left;
			height: 96px;
		}
		
		.menu .home:hover, .menu .home:focus, 
		.menu .what_we_offer:hover, .menu .what_we_offer:focus,
		.menu .portfolio:hover, .menu .portfolio:focus,
		.menu .contact_us:hover, .menu .contact_us:focus,
		.menu .the_blog:hover, .menu .the_blog:focus,
		.menu .rss:hover, .menu .rss:focus
		{ background:url(images/menu.jpg) no-repeat; }
		
		.menu .home { width: 105px; }
		.menu .home:hover, .menu .home:focus { background-position: -78px bottom; }
		
		.menu .what_we_offer { width: 190px; }
		.menu .what_we_offer:hover, .menu .what_we_offer:focus { background-position: -183px bottom; }
		
		.menu .portfolio { width: 125px; }
		.menu .portfolio:hover, .menu .portfolio:focus { background-position: -373px bottom; }
	
		.menu .contact_us { width: 146px; }
		.menu .contact_us:hover, .menu .contact_us:focus { background-position: -498px bottom; }
		
		.menu .the_blog {
			width: 125px;
			margin-left: 20px;
		}
		.menu .the_blog:hover, .menu .the_blog:focus { background-position: -664px bottom; }
		
		.menu .rss { width: 120px; }
		.menu .rss:hover, .menu .rss:focus { background-position: -789px bottom; }



.content {
	padding: 1px 50px 1px 55px;
	background: url(images/papermid.png) center top repeat-y;
}

	.content p[class=subtitle]:first-letter  { 
	font-weight: bold;
	font-size: 20px;
	font-family: Comic Sans MS;
	}
	
	.content .quickdesc { 
	font-size: 16px;
	font-weight: 400;
	color: #333;
	font-style: italic;
	}

	.affiliate_links {
		float: right;
		width: 92px;
		height: 379px;
		margin: 20px 0 20px 20px;
	}
	
	.affiliate_links a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(images/affiliate_links.png) no-repeat;
	}
	
	.affiliate_links a:hover, .affiliate_links a:focus { background-position: right; }
	
	h1 {
		text-align: center;
		text-decoration: underline;
	}
	
	.content .subtitle {
		font-size: 20px;
		font-weight: bold;
	}
	
	.error, .success { font-weight: bold; }
	.error { color: #F00;}
	.success { color: #090; }
	
	.content .portfolio { padding-left: 65px; }
	
	.content .portfolio img { cursor: pointer; }
	
	.content .portfolio .fade {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		cursor: default;
		background: url(images/fade.png);
	}
	
	.content .portfolio .small {
		position: static;
		float: left;
		margin: 10px;
	}
	.content .portfolio .small img {
		width: 300px;
		height: 200px;
	}
	.content .portfolio .small .info { display: none; }
	
	.portfolio .large {
		position: fixed;
		width: 600px;
	}
	.content .portfolio .large img {
		width: 600px;
		height: 400px;
	}
	.content .portfolio .large .info { display: block; }
	
	.content .portfolio .info {
		color: #FFF;
		max-height: 160px;
		overflow: auto;
		padding: 0 15px 0 15px;
	}
	
	.content .portfolio .info a:link { color: #FFF; }
	.content .portfolio .info a:visited { color: #FFF; }
	.content .portfolio .info a:hover { color: #000; }
	.content .portfolio .info a:active { color: #FFF; }
	
	.content .portfolio .info .title {
		text-align: center;
		font: bold 24px Arial;
	}
	.content .portfolio .info hr { 
		border: 1px #fff solid; 
	}
	.content .portfolio .info em { font-size: 14px; }
		
	
	.email_form input { width: 300px; }
	.email_form td { padding-right: 30px; }
	
	.email_form input:focus, .email_form textarea:focus { background-color: #FFF; }
	.email_form textarea, .email_form input { 
		font: 16px Arial; 
		padding: 2px;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	#security_code { 
		width: 116px;
		margin-top: 2px;
	}
		
	.email_form input[type=submit] {
		margin-top: 23px;
		width: 215px;
		height: 76px;
		cursor: pointer;
		background: url(images/send_email.png);
		border: none;
	}
	.email_form input[type=submit]:hover, .email_form input[type=submit]:focus { background-position: bottom; }


.footer {
	height: 188px;
	background: url(images/paperbottom.png) center top no-repeat;
	padding-bottom: 5px;
}