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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
}

body{
	background-image: url(../images/background.jpg);
	background-color: white;
}
#wrapper{
	width: 900px;
	margin: 0 auto;
}
/* ----------   Left Column   ------*/
#left_column{
	float: left;
	margin-left: 30px;
	width: 150px;
	height: 650px;
	margin-right: 10px;
}
#top_left{
	float: left;
	height: 30px;
	width: 150px;

}
#title{
		height: 150px;
		margin-top: 10px;
		float: left;
		width: 150px;
}
#title h1{
		text-align: right;
		color: white;
		text-shadow: 2px 2px 2px #000;
		font-size: 210%;
		font-weight: bold;
}
#bottom_left{
		float: left;
		width: 150px;
		height: 100%;
		}
/* ----------   Right Column   ------*/
#right_column{
	float: left; 
	width: 700px;
	height: 600px;
}
	/* ----------   Navigation   ------*/
	#navigation{
		width: 150px;
		float: left;
	}
	ul.navlist{
		float: right;
		margin-top: 15px;
		list-style:none;
	}
	ul.navlist li{
		padding: 20px 0 20px 0;
		text-align: right;
		font-weight: bold;
		font-size: 110%;
		color: white;
		text-shadow: 2px 2px 2px #000;	
	}
	ul.navlist li a{
		text-decoration: none;
		color: white;
		padding: 5px;
	}

	#web ul.navlist li.web a,  
	#print ul.navlist li.print a,   
	#illustration ul.navlist li.illustration a,  
	#contact ul.navlist li.contact a  
		{
			color: #253028;
			background-color: white;
			text-shadow: none;
			border: 3px solid white;
		}

	/* ----------   Right Content   ------*/
		#right_content{
			width: 690px;
			float: left;
			margin-top: 45px;
			background-color: white;
				-moz-box-shadow: 3px  3px 3px #000;
				-webkit-box-shadow: 3px 3px 3px #000;
				box-shadow: 3px 3px 3px #000;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
			border: 3px solid #606060;
		}
		#left_menu{
			width: 140px;
			margin-top: 24px;
			margin-left: 29px;
			float:left;
		}
		.carousel li img{
			border: 1px solid white;
			margin-bottom: 10px;
		}
		.prev{
			width: 100px;
			height: 20px;
			background-image:url(../images/prev.gif);
			border: none;
			margin-bottom: 10px;
			margin-left: 3px;
		}
		.next{
			width: 100px;
			height: 20px;
			background-image:url(../images/next.gif);
			border: none;
			margin-top: 0px;
			margin-left: 3px;
		}
		.prev:hover{
			background-image:url(../images/prevhover.gif);
		}
		.next:hover{
			background-image:url(../images/nexthover.gif);
		}
		#right_top{
			width: 500px;
			height: 350px;
			float: left;
		}
		#right_bottom{
			width: 500px;
			float: left;
			margin-top: 40px;
			height: 122px;	
		}
		#right_bottom h3{
			color: black;
			font-weight: bold;
			font-size: 110%;
			padding-bottom: 15px;
			opacity: 1;
			margin-top: 20px;
		}
		#right_bottom p{
			color: black;
			font-size: 80%;
			font-weight: bold;
			opacity: 1;
			padding-right:  15px;
			padding-bottom: 5px;
		}
		#right_bottom p a{
			color: black;
			font-size: 80%;
			font-weight: bold;
			padding-top: 5px;
			padding-bottom: 15px;
		}
	/* ----------   Right scroll   ------*/
		/*--Main Container--*/
		.main_view {
			float: left;
			position: relative;
			margin-top: 55px;
			margin-left: 0px;
				-moz-box-shadow: 3px  3px 3px #000;
				-webkit-box-shadow: 3px 3px 3px #000;
				box-shadow: 3px 3px 3px #000;
		}
		/*--Window/Masking Styles--*/
		.window {
			height:341px;	
			width: 467px;
			overflow: hidden; /*--Hides anything outside of the set width/height--*/
			position: relative;
		}
		.image_reel {
			position: absolute;
			top: 0; left: 0;
		}
		.image_reel img {
			float: left;
		}
		
		/*--Paging Styles--*/
		.paging {
			position: absolute;
			bottom: 5px; right: -7px;
			width: 178px; height:47px;
			z-index: 100; /*--Assures the paging stays on the top layer--*/
			text-align: center;
			line-height: 40px;
			background: url(paging_bg2.png) no-repeat;
			display: none; /*--Hidden by default, will be later shown with jQuery--*/
		}
		.paging a {
			padding: 5px;
			text-decoration: none;
			color: #fff;
		}
		.paging a.active {
			font-weight: bold;
			background: #920000;
			border: 1px solid #610000;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.paging a:hover {font-weight: bold;}
		
	/* ----------   Footer   ------*/
	#footer{
		position: absolute;
		bottom: 0;
		left: 0;
		height: 20px;
		background-color: #bad791;
		width: 100%;
	}
		ul.footernav{
			float: right;
			margin-top: 3px;
		}
		ul.footernav li{
			display: inline;
			padding: 0 20px 0 10px;
			font-weight: bold;
			font-size: 80%;
			color: white;
			text-shadow: 2px 2px 2px #000;	
		}
		ul.footernav li a{
			text-decoration: none;
			color: white;
		}