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



* {
	margin:0px;
	padding:0px;
}

body {
	background-image:url(../images/page_bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;
}

div#container {
	width:800px;
	margin:0 auto;
	padding:26px 0px 20px 0px;
}

	div#header {
		height:117px;
		position:relative;
		z-index:100;
	}

		div#header a img {
			float:left;
			border:0px;
		}
		
		div#header p.header-contact {
			display:block;
			float:right;
			color:#000000;
			font-size:11px;
			font-weight:bold;
		}
		
			div#header p.header-contact span {
				font-size:18px;
				color:#885019;
			}
			
	div#nav {
		clear:both;
		width:800px;
		height:28px;
		background-image:url(../images/navbar-bg.jpg);
		position:relative;
		z-index:900;
	}
	
		ul#navlist {
			list-style:none;
			margin:0px 0px 0px 285px;
		}
	
			ul#navlist li {
				list-style:none;
				display:inline;
			}
	
				ul#navlist li a {
					float:left;
					display:block;
					background-image:url(../images/nav-bg-inactive.gif);
					height:56px;
					width:97px;
					margin:-44px 5px 0px 0px;
					padding:16px 0px 0px 0px;
					position:relative;
					z-index:999;
				}
	
				ul#navlist li a:hover, ul#navlist li.active a {
					background-image:url(../images/nav-bg-active.gif);
					height:66px;
					padding:6px 0px 0px 0px;
				}
	
					ul#navlist li a span.name {
						display:none;
					}
	
					ul#navlist li a span.title {
						margin:0 auto;
					}
	
						ul#navlist li a.home span.title {
							display:block;
							background-image:url(../images/nav-home.gif);
							width:48px;
							height:23px;
						}
	
						ul#navlist li a.about span.title {
							display:block;
							background-image:url(../images/nav-about.gif);
							width:52px;
							height:23px;
						}
	
						ul#navlist li a.portfolio span.title {
							display:block;
							background-image:url(../images/nav-portfolio.gif);
							width:66px;
							height:23px;
						}
	
						ul#navlist li a.buzz span.title {
							display:block;
							background-image:url(../images/nav-buzz.gif);
							width:52px;
							height:23px;
						}
	
						ul#navlist li a.contact span.title {
							display:block;
							background-image:url(../images/nav-contact.gif);
							width:64px;
							height:23px;
						}
						
	div#wrapper-top-shadow {
		background-image:url(../images/content-bg-wshadow.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		background-position:left top;
	}
	
		div#wrapper-bottom-shadow {
			background-image:url(../images/content-wood-3shadows.jpg);
			background-repeat:no-repeat;
			background-position:bottom left;
			padding:18px 13px 51px 20px;
			line-height:21px;
			font-size:12px;
		}
						
	div#wrapper-top {
		background-image:url(../images/content-bg-noshadow.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		background-position:top left;
	}
	
		div#wrapper-bottom {
			background-image:url(../images/content-wood-noshadow.jpg);
			background-repeat:no-repeat;
			background-position:bottom left;
			padding:18px 13px 115px 20px;
			line-height:21px;
			font-size:12px;
		}
		
			div#big-image {
				float:left;
				width:323px;
			}
			
			div#small-images {
				float:right;
				width:430px;
			}
			
			div#small-images img {
				float:right;
			}
			
				div#small-images img.margin {
					margin:0px 0px 0px 13px;
				}
		
			div#content {
				width:380px;
				padding:30px 20px 0px 0px;
				float:right;
				height:237px;
			}
		
			div#content-variable {
				width:380px;
				padding:30px 20px 0px 0px;
				float:right;
			}
		
				div#wrapper-bottom-shadow ul, div#wrapper-bottom ul {
					margin:0px 0px 0px 15px;
				}
		
				div#wrapper-bottom-shadow p, div#wrapper-bottom p {
					margin:0px 0px 5px 0px;
					padding-top: 10px;
				}
		
				div#wrapper-bottom-shadow h1, div#wrapper-bottom h1 {
					font-size:22px;
					line-height:22px;
					letter-spacing:-1px;
					margin:0px 0px 5px 0px;
				}
				
			div.left-images {
				float:left;
				width:375px;
			}
				
			div.right-images {
				float:right;
				width:375px;
			}
				
				div.left-images img, div.right-images img {
					margin:5px 0px 0px 0px;
				}
				
					div.left-images a img, div.right-images a img {
						border:0px;
					}
				
	div#footer {
		background-image:url(../images/footer-bg.jpg);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		font-size:11px;
		text-align:center;
		padding:15px 0px 13px 0px;
	}
	
		div#footer a {
			color:#666666;
			text-decoration:none;
		}
	
			div#footer a:hover {
				color:#000000;
			}
	
			div#footer a:hover span {
				text-decoration:underline;
			}
			
	a#banda {
		display:block;
		background-color:#E7E7A6;
		color:#333333;
		text-decoration:none;
		padding:20px;
		font-size:12px;
		background-image:url(../images/b-and-a-bg.jpg);
		background-repeat:no-repeat;
		background-position:300px 5px;
		}
			
		a#banda span {
			font-size:20px;
			display:block;
			font-weight:bold;
			}