/* Define basic HTML tags */

	html {
		height: 100%;
		width: 100%;
	}
	body {
		height: 100%;
		width: 100%;
		font: 14px Tahoma, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #4c4c4c;
		line-height: 1.5em;
		background:
			#ece9c9
			url(../images/bg.png)
			repeat;
	}
	img {
		border: none;
	}
	a {
		color: #c82833;
		text-decoration: none;
		border-bottom: 1px dotted #c82833;
	}
	a:hover {
		color: #dc4a54;
		text-decoration: none;
		border-bottom: 1px dotted #dc4a54;
	}
	form {
		margin: 0;
		padding: 0;
	}
	input {
		font: 13px Tahoma, Geneva, sans-serif;
		color: #333333;
		border: 1px solid #abadb3;
	}
	select {
		font: 13px Tahoma, Geneva, sans-serif;
		color: #333333;
	}
	textarea {
		font: 13px Tahoma, Geneva, sans-serif;
		color: #333333;
	}
	
	h1 {
		color: #a74949;
		padding-bottom: 11px;
		border-bottom: 1px solid #cccccc;
		text-align: left;
		font-weight: normal;
		font-style: normal;
		font-size: 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	h2 {
		display: block;
		font-size: 14px;
		text-align: left;
		font-weight: normal;
	}
	
/* classes */

	.doClear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}
				
			
/* layout */

	#page {
		width: 100%;
		text-align: center;
		background:
			url(../images/bg_grad.jpg)
			no-repeat
			center top;
		height: 800px;
		border-top: 5px solid #8a525a;
	}

		#container {
			width: 980px;
			height: 400px;
			margin: 0 auto;
			padding: 0 10px;
			text-align: left;
			background:
				url(../images/bg_vine.png)
				no-repeat
				right top;
		}
		
		    #header {
				position: relative;
				width: 100%;
				height: 185px;
				background:
					url(../images/bg_header_wineglass.png)
					no-repeat
					right bottom;
			}
			
				#logo {
					float: left;
					margin-top: 14px;	
				}
				
				#loginBox {
					position: absolute;
					top: 76px;
					right: 67px;
					width: 414px;
					font-size: 12px;
					color: #785d56;
				}
				
					#loginBox form {
					}
					
						#loginBox .error {
							color: #cc3333;
						}
						
							#loginBox input {
								float: left;
								width: 146px;
								height: 21px;
								line-height: 20px;
								margin-right: 4px;
								border: 1px solid #d2cdb8;
								font-weight: normal;
								color: #666;
							}
							
						#loginBox #loginbtn {
							float: right;
							width: 100px;
							height: 25px;
							border: none;
							background:
								transparent
								url(../images/loginbtn.png)
								no-repeat
								center center;
							color: white;
							cursor: hand; /* For Internet Explorer Browser */
							cursor: pointer; /* For Firefox Browser */
						}
					
					#loginBox div.hr {
						clear: right;
						margin: 6px 0 2px 0;
						padding: 0;
						height: 0;
						line-height: 0;
						font-size: 0;
						overflow: hidden;
						border: 0;
						border-top: 1px solid #e1dbc3;
					}
					
					#loginBox a {
						font-weight: bold;
					}
					
				#accountBox {
					position: absolute;
					top: 76px;
					right: 67px;
					width: 314px;
					font-size: 12px;
					color: #785d56;
					text-align: right;
				}

					#accountBox div.hr {
						clear: right;
						margin: 6px 0 2px 0;
						padding: 0;
						height: 0;
						line-height: 0;
						font-size: 0;
						overflow: hidden;
						border: 0;
						border-top: 1px solid #e1dbc3;
					}

					#accountBox a {
						font-weight: bold;
					}

			#nav {
				position: relative;
				height: 56px;
				background:
					transparent
					url(../images/bg_nav.gif)
					repeat-x;
			}

				#nav a {
					position: absolute;
					top: 15px;
					border: 0;
				}
				
				#nav a#wijnen-maenhout { left: 20px; }
				#nav a#catalogus { left: 281px; }
				#nav a#nieuws { left: 435px; }
				#nav a#contacteer { left: 573px; }

				#navWineglass {
					position: absolute;
					top: 0;
					right: 58px;
				}
				
			
			#main {
				padding: 30px 20px;
				min-height: 165px;
				background:
					transparent
					url(../images/main_wineglass.png)
					no-repeat
					right top;
			}
			
				#content {
					float: left;
					width: 675px;	
				}
				
					.contentGray {
						padding: 18px 15px;
						background:
							transparent
							url(../images/bg_gray.jpg)
							repeat;
						margin-bottom: 32px;
					}
					
					.content {
						padding: 15px 1px 0 1px;	
					}
				
				#sidebar {
					float: right;
					width: 205px;
					margin-top: 221px;
				}
				
					#nieuws .content .content {
						padding: 0;	
					}
				
				
			#footer {
				height: 90px;
				font-size: 13px;
				color: #785d56;
				background:
					transparent
					url(../images/footer_logo.gif)
					no-repeat
					left center;
				border-top: 6px solid #d4cfb2;	
			}
			
				#footer div {
					float: right;
					margin-top: 30px;
					margin-right: 45px;
					text-align: left;
				}

				#footer div#copyright {
					margin-right: 0;
					margin-left: 16px;
					text-align: center;
				}

					#footer div span {
						display: block;
					}