@import 'reset.css';

body,textarea,input,select {
	font-family:Arial,sans-serif;
	}

html,body {height:100%}

strong,b {font-weight:bold}
em,i {font-style:italic}

body {
	min-width:996px;
	max-width:1700px;
	background:#F7F4EA url(../images/web/body.png);
	line-height:1.3;
	font-size:62.5%; /* experimental */
	color:#000;
	}

/* ;-)
	a:visited:after {
		content:"\00A0\221A";
		font-size:75%;
		}
*/



DIV#grapes1_div {
	background:url(../images/web/grapes.png) no-repeat right bottom;
	position: absolute;
	right: 0;
	top: 300px;
	width: 111px;
	height: 148px;
	z-index: 3;
}
DIV#grapes2_div {
	background:url(../images/web/grapes2.png) no-repeat right top;
	position: absolute;
	right: 0;
	top: 0;
	width: 434px;
	height: 299px;
	z-index: 3;
}
DIV#decor_div {	
	background:url(../images/web/header-layout.png) left bottom no-repeat;
	position: absolute;
	left: 0;
	top: 250px;
	width: 323px;
	height: 85px;
	z-index: 3;
}

/* Header
------------------------------------ */
#header {
	clear:both;
	float:left;
	width:100%;
	height: 335px;
	background: #8C2735 url(../images/web/header_back.jpg) -399px 0 repeat-x;
	min-width: 1000px;
	position: relative;
	}
	#header h1,
	#header h1 span {
		width:234px;
		height:223px;
		}
	#header h1 {
		position:absolute;
		overflow:hidden;
		top:0px;
		left:35px;
		text-align:center;
		line-height:223px;
		font-size:2em;
		color:black;
		z-index: 2;
		}
		#header h1 span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
			background:url(../images/web/logo.png);
			}
			#header h1 a {color:black}
				#header h1 a:hover {text-decoration:none}
				#header h1 a span {cursor:pointer}
	/* Header Layout */
	#header .layout {
		width: 100%;
		overflow-x: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		height: 335px;
	}
	#header .layout[class] {
	overflow: hidden;
}
	/* Header Content */
	#header .content {
		position:relative;
		width:100%;
		height:335px;
		}
		
		#header .content h2,
		#header .content h2 span {
			width:317px;
			height:45px;
			}
		#header .content h2 {
			position:absolute;
			overflow:hidden;
			top:90px;
			left:388px;
			line-height:45px;
			font-size:2.4em;
			color:#FFF;
			}
			#header .content h2 span {
				display:block;
				position:absolute;
				top:0;
				left:0;
				z-index:1;
				background:url(../images/web/header-h2.jpg);
				}
		#header .content p,
		#header .content p span {
			width:317px;
			height:65px;
			}
		#header .content p {
			position:absolute;
			overflow:hidden;
			top:135px;
			left:388px;
			font-size:1.3em;
			color:#DBBEC2;
			}
			#header .content p span {
 
				display:block;
				position:absolute;
				top:0;
				left:0;
				z-index:1;
				/*background:url(../images/web/header-p.jpg); */
				}

/* Inner
------------------------------------ */
#inner {
	position:relative;
	overflow:hidden;
	clear:both;
	float:left;
	width:100%;
    min-width:996px;
	background:url(../images/web/main.jpg) repeat-x;
	}
	/* Inner Mask */
	#inner .mask {
		position:relative;
		left:324px;
		width:200%;
		float:left;
		margin-left:-200%;
		background:url(../images/web/sidebar-mask.jpg) right top no-repeat;
		}
	/* Inner Wrap */
	#inner .wrapper {
		position:relative;
		right:324px;
		float:left;
		padding-bottom:1em;
		width:50%;
		}

/* Main
------------------------------------ */
#main {
	position:relative;
	overflow:hidden;
	left:200%;
	margin-left:324px;
	background:url(../images/web/inner-wrap.jpg) repeat-x;
	}
	#main a {color:#9D0201}
	/* Menu but not Main ;-) */

	#main .menu {
		padding:3px 0 0 50px;
		height:95px;
		background:url(../images/web/main-menu.jpg) no-repeat;
		}
		#main .menu ul {margin:0;padding:0;
			overflow:hidden;
			float:left;
			width:100%;
			height:95px;
			background:url(../images/web/main-menu-ul.png) right bottom no-repeat;
		list-style:none;
			}
		#main .menu li {margin:0;padding:0;
			float:left;
			width:24.5%;	/* 100%/columns = */
			height:95px;
			text-align:center;
			}
		#main .menu a {
			display:block;
			overflow:hidden;
			width:100px;
			text-align:center;
			text-decoration:none;
			padding-top:78px;
			font:bold 1.6em/16px Arial, sans-serif;
			color:#86474A;
			}
			#main .menu a:hover {color:#A6676A}
		#main .menu .ico1 a {background:url(../images/web/menuicons/1.png) no-repeat}
		#main .menu .ico2 a {background:url(../images/web/menuicons/2.png) no-repeat}
		#main .menu .ico3 a {background:url(../images/web/menuicons/4.png) no-repeat; padding-top: 72px;}
		#main .menu .ico4 a {background:url(../images/web/menuicons/5.png) no-repeat}
		
		#main .menu LI.ico3 a {
			font-size: 1.2em;
			line-height: 1em;
		}
		#main .menu LI.ico4 a {
			font-size: 1.4em;
		}
		
	/* Main Content */
	#main .content {
		position:relative;
		min-height:350px;
		padding-bottom:60px;
		background:url(../images/web/main-content.jpg) repeat-x;
		}
		#main .content h3 {
			padding:45px 190px 10px 50px;
			background:url(../images/web/main-content-h3.png) no-repeat;
			font:bold 1.6em/19px Arial, sans-serif;
			color:#571511;
			}
		#main .content p {
			margin:13px 200px 0 50px;
			font:1.1em/1.2 Tahoma, Arial, sans-serif;
			color:#694D4D;
			}
		#main .content table {margin:13px 200px 0 50px}
		#main .content table p {margin:0}
		#main .content .wrap {padding-left:50px}
			#main .wrap p,
			#main .wrap table {margin-left:0}
		#main .wide h3 {padding-right:50px}
		#main .wide p,
		#main .wide table {margin-right:50px}
	/* Main News */
	#main .news {
		position:absolute;
		top:150px;
		right:10px;
		width:180px;
		}
		#main .news h3 {
			font:bold 1.6em/19px Arial, sans-serif;
			color:#571511;
			}
		#main .news dl {margin-top:23px}
		#main .news dt {margin-top:20px}
			#main .news dt a {
				font:1em/1.2 Tahoma,Arial, sans-serif;
				color:#9D0201;
				}
		#main .news dd {margin-top:5px}
			#main .news dd a {
				font:1.1em/1.2 Tahoma, Arial, sans-serif;
				color:#694D4B;
				}

	#main .link {
		position:absolute;
		bottom:0;
		left:50px;
		padding-left:20px;
		background:url(../images/web/small-arrow.gif) no-repeat;
		line-height:60px;
		}
		#main .link a {color:#9D0201}
			#main .link a:hover {color:#BD2221}
	#main .archive {
		margin-top:15px;
		padding-left:20px;
		background:url(../images/web/small-arrow.gif) no-repeat;
		line-height:60px;
		}
		#main .archive a {color:#9D0201}
			#main .archive a:hover {color:#BD2221}

/* Sidebar
------------------------------------ */
#sidebar {
        position:relative;
        right:0;
        float:right;
        width:324px;
	}
	/* Sidebar Menu */
	#sidebar .menu {
		margin:7px 0 0 45px;
		width:224px;
		background:url(../images/web/sidebar-menu.png);
		text-transform:lowercase;
		font-size:1.5em;
		}
		#sidebar .menu a {
			display:block;
			padding-left:30px;
			width:162px;
			background:url(../images/web/sidebar-menu-a.png) no-repeat;
			text-decoration:none;
			color:#713E38;
			}
			#sidebar .menu a:hover {
				background:#694D4B;
				color:#FFF;
				}
		#sidebar .menu ul {margin:0;padding:0;
			padding:18px 16px 8px 16px;
			width:192px;
			background:url(../images/web/sidebar-menu-ul.jpg) no-repeat;
		list-style:none;
			}
		#sidebar .menu li {margin:0;padding:0;
			line-height:25px;
			background:url(../images/web/sidebar-menu-li.png) left bottom repeat-x;
			}
			#sidebar .menu li ul {
				padding:0;
				background:url(../images/web/sidebar-menu-li.png) left top repeat-x;
				}
				#sidebar .menu li ul li {
					line-height:27px;
					background:none;
					}
					#sidebar .menu li ul li a {
						padding-left:40px;
						width:152px;
						background:url(../images/web/small-arrow.gif) 20px -15px no-repeat;
						}
		#sidebar .menu li.last {background:none}
	#sidebar .somelayer {
		position:relative;
		z-index:2;
		width:324px;
		height:58px;
		background:url(../images/web/sidebar-splitter.png);
		}
	/* Sidebar Nav */
	#sidebar .nav {
 clear:left; float:left
		position:relative;
		z-index:3;
		margin:10px 0 0 20px;
		}
		#sidebar .nav ul {list-style:none;margin:0;padding:0;}
		#sidebar .nav li {margin:0;padding:0;
			position:relative;
			padding-left:110px;
			font:1.2em/85px Tahoma, Arial, sans-serif;
			}
		#sidebar .nav .ico1 {
			height:85px;
			background:url(../images/web/sidebaricons/1.png) no-repeat;
			}
		#sidebar .nav .ico2 {
			height:60px;
			background:url(../images/web/sidebaricons/2.png) no-repeat;
			line-height:60px;
			}
		#sidebar .nav .link {
			padding-left:10px;
			background:url(../images/web/small-arrow.gif) -7px center no-repeat;
			}
			#sidebar .nav .link a {color:#9D0201}
				#sidebar .nav .link a:hover {color:#BD2221}

/* Footer
------------------------------------ */
#footer {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	height:50px;
	background:url(../images/web/footer.png) 324px bottom no-repeat;
	}
	#footer .somelayer {
		position:absolute;display:none;
		z-index:1;
		margin-top:-126px;
		width:274px;
		height:176px;
		background:url(../images/web/somelayer.png);
		}
	/* Copyright */
	#footer .copyright {
		position:absolute;
		top:10px;
		left:90px;
		font:1em/20px Tahoma, Arial, sans-serif;
		color:#A2776E;
		}
	/* Denero */
	#footer .Denero {
		position:absolute;
		top:6px;
		left:388px;
		font:1.1em/20px Tahoma, Arial, sans-serif;
		}
		#footer .Denero a {color:#781F28}
			#footer .Denero a:hover {color:#983F48}

.pics img {padding-right: 12px; padding-bottom: 12px; padding-top: 12px}
.pics a:link,
.pics a:visited {margin-left: 12px; text-align: center;} 
.content wide img {padding-left: 20px:}