Visitriga – Travel Tours

CSS
html, body {
	height: 100%;
	}
	body {
		background: #ffffd7 url(../images/bg.jpg) no-repeat center top;
		}
	body.main {
		background: #ffffd7 url(../images/bg1.jpg) no-repeat center top;
		}
		a:hover {
			text-decoration: none;
			}
		#wrap {
			position: relative;
			width: 960px;
			min-height: 100%;
			height: auto!important;
			height: 100%;
			margin: 0 auto;
			font: normal 12px/16px Tahoma, Arial, Helvetica, Sans-serif;
			}
/* Header
--------------------------------------------------------------------------------------- */
#header {
	overflow: hidden;
	position: relative;
	}
	#header .logo {
		display: block;
		width: 295px;
		height: 110px;
		margin: 0 0 0 4px;
		text-indent: -9999em;
		background: url(../images/visitriga_logo.png) no-repeat left top;
		}
	#header .navigation {
		position: absolute;
		top: 51px;
		left: 385px;
		list-style: none;
		}
		#header .navigation li {
			display: inline;
			}
			#header .navigation li a {
				padding: 0 25px 0 15px;
				font: normal 16px/22px Georgia, Arial, Helvetica, Sans-serif;
				background: url(../images/bullet-grey.png) no-repeat right center;
				color: #929292;
				}
			#header .navigation li.last a {
				background: none;
				}
			#header .navigation li a:hover {
				text-decoration: none;
				}

	#header .languages {
		position: absolute;
		top: 50px;
		right: 7px;
		list-style: none;
		}
		#header .languages li {
			float: left;
			width: 33px;
			height: 29px;
			text-align: center;
			padding: 0 9px 0 0;
			}
			#header .languages li a {
				display: block;
				font: normal 16px/29px Georgia, Arial, Helvetica, Sans-serif;
				vertical-align: top;
				margin: -3px 0 0 0;
				text-decoration: none;
				color: #c4beb5;
				}
		#header .languages li.current {
			background: url(../images/lang-curr.png) no-repeat left top;
			}
			#header .languages li.current a {
				color: #fff;
				}
		#header .languages li a:hover {
			text-decoration: underline;
			}

/* Middle
--------------------------------------------------------------------------------------- */
#content {
	overflow: hidden;
	padding: 0 0 50px 0;
	}
	.main .slideshow,
	.slideshow {
		overflow: hidden;
		width: 942px;
		height: 364px;
		margin: 5px auto;
		}
	.slideshow {
		height: 192px;
		}

	.subnavigation {
		padding: 11px 0 0 0;
		text-align: center;
		}
		.subnavigation li {
			display: inline;
			}
			.subnavigation li a {
				padding: 0 12px 0 22px;
				font: normal 20px/42px Georgia, Arial, Helvetica, Sans-serif;
				text-decoration: none;
				background: url(../images/bullet-brown.png) no-repeat left center;
				color: #7f4c1b;
				}
			.subnavigation li a:hover {
				text-decoration: underline;
				}
		.subnavigation li.last {
			padding: 0 0 0 5px;
			background: url(../images/bullet-brown.png) no-repeat left center;
			}

	.pre-content {
		overflow: hidden;
		margin: 42px 0 45px;
		width: 100%;
		}
		.pre-content div {
			float: left;
			width: 312px;
			margin: 0 22px 0 0;
			background: url(../images/pre-separator.png) no-repeat right center;
			}
			.pre-content div  h1 a {
				font: normal 18px/45px Georgia, Arial, Helvetica, Sans-serif;
				text-decoration: none;
				color: #6a6a6a;
				}
			.pre-content div  h1 a:hover {
				text-decoration: underline;
				}
				.pre-content div  h1 a span.box {
					display: block;
					width: 281px;
					height: 90px;
					overflow: hidden;
					padding: 3px;
					background: url(../images/bg-box.png) repeat left top;
					}
					.pre-content div  h1 a span.box img {
						vertical-align: top;
						border: 1px solid #fff;
						}
			.pre-content div p {
				padding: 14px 0 0;
				width: 290px;
				font: normal 12px/16px Tahoma, Arial, Helvetica, Sans-serif;
				color: #6a6a6a;
				}
		.pre-content div.last {
			width: 291px;
			margin-right: 0;
			background: none;
			}

	#article {
		float: right;
		padding: 45px 0 0;
		width: 657px;
		}

	#content h1.breadcrumbs {
		height: 46px;
		position: relative;
		font: normal 32px/46px Georgia, Arial, Helvetica, Sans-serif;
		color: #7f4c1b;
		}
		#content h1.breadcrumbs span {
			font-size: 16px;
			line-height: 16px;
			color: #686f71;
			}
			#content h1.breadcrumbs span a {
				color: #686f71;
				}
		#content h1.breadcrumbs span.back {
			position: absolute;
			right: 661px;
			bottom: 10px;
			width: 200px;
			text-align: right;
			}
		#aside h1.breadcrumbs span.back {
			right: 437px;
			}


		#content h2 {
			padding: 8px 0;
			font: italic 24px/30px Georgia, Arial, Helvetica, Sans-serif;
			color: #7f4c1b;
			}

		#content p {
			padding: 10px 0 0 0;
			font: normal 14px/22px Tahoma, Arial, Helvetica, Sans-serif;
			color: #686f71;
			}
			#article p a {
				color: #02a6d5;
				}
		#article p.special {
			color: #7f4c1b;
			}

		#article .gallery {
			overflow: hidden;
			padding: 10px 0 0;
			list-style: none;
			}
			#article .gallery li {
				margin: 5px 10px 5px 0;
				float: left;
				padding: 3px;
				background: url(../images/bg-box.png) repeat left top;
				}
				#article .gallery li img {
					border: 4px solid #ffffd7;
					vertical-align: top;
					}

	#sidebar {
		float: right;
		width: 215px;
		margin: 60px 0 0;
		padding: 15px 0 0;
		background: url(../images/pre-separator.png) no-repeat left top;
		}
		#sidebar h3 {
			width: 174px;
			height: 156px;
			margin: 0 auto;
			font: normal 18px/126px Georgia, Arial, Helvetica, Sans-serif;
			text-align: center;
			background: url(../images/bg-side.png) no-repeat center top;
			color: #7f4c1b;
			}
			#sidebar h3 a {
				padding: 10px 40px;
				text-decoration: none;
				color: #7f4c1b;
				}
			#sidebar h3 a:hover {
				text-decoration: underline;
				}
		#sidebar ul {
			padding: 12px 0 0 35px;
			list-style: none;
			font-size: 14px;
			color: #686f71;
			}
			#sidebar li a {
				font-size: 14px;
				line-height: 26px;
				color: #7f4c1b;
				}

	#aside {
		float: right;
		width: 430px;
		padding: 45px 0 0;
		line-height: 24px;
		font-size: 14px;
		color: #686f71;
		}
		.contacts {
			padding: 20px 0 0;
			overflow: hidden;
			}
			.contacts ul {
				list-style: none;
				}
				.contacts li {
					text-indent: 28px;
					}
			.contacts ul.phone {
				float: left;
				width: 44%;
				}
				.contacts ul.phone li.sw {
					background: url(../images/p-sw.png) no-repeat left center;
					}
				.contacts ul.phone li.lv {
					background: url(../images/p-lv.png) no-repeat left center;
					}
			.contacts ul.email {
				float: left;
				width: 50%;
				}
				.contacts ul.email li.email {
					background: url(../images/e-e.png) no-repeat left center;
					}
				.contacts ul.email li.skype {
					background: url(../images/e-s.png) no-repeat left center;
					}
		#aside a {
			color: #02a6d5;
			}
		#aside dl {
			overflow: hidden;
			}
			#aside dl dt {
				float: left;
				width: 15%;
				}
			#aside dl dd {
				float: left;
				width: 50%;
				}
		#aside p em {
			font-size: 12px;
			font-style: normal;
			color: #8f9090;
			}

	#bside {
		float: right;
		width: 442px;
		margin: 145px 0 0;
		padding: 18px 0 0;
		background: url(../images/pre-separator.png) no-repeat left top;
		}
		#bside h4 {
			float: left;
			width: auto !important;
			width: 362px;
			height: 41px;
			line-height: 41px;
			margin: 20px 0 0 35px !important;
			margin: 20px 0 0 20px;
			background: url(../images/bg-h4.png) no-repeat left top;
			color: #7f4c1b;
			cursor: pointer;
			}
			#bside h4 span {
				display: block;
				height: 41px;
				line-height: 36px;
				padding: 0 8px 0 20px;
				background: url(../images/bg-h4.png) no-repeat right -41px;
				}
			#bside h4 span em {
				padding: 10px 20px 10px 10px;
				background: url(../images/up-down.png) no-repeat center top;
				}
			#bside h4 span em.down {
				background-position: center -42px;
				}

		#bside form {
			clear: both;
			overflow: hidden;
			padding: 10px 0 10px 35px;
			}
			#bside form div {
				width: 362px;
				}
			#bside form label {
				display: block;
				padding: 5px 0 0 0;
				text-indent: 2px;
				color: #686f71;
				}
			#bside form label .textarea-text,
			#bside form label .input-text {
				display: block;
				height: 36px;
				width: 361px;
				margin: 2px 0 0 0;
				background: url(../images/bg-input.png) no-repeat center top;
				}
				#bside form label textarea,
				#bside form label input {
					width: 351px;
					padding: 10px;
					font: normal 13px/16px Tahoma, Arial, Helvetica, Sans-serif;
					background: none;
					border: 0 none;
					}

			#bside form label .textarea-text {
				height: 207px;
				background: url(../images/bg-textarea.png) no-repeat center top;
				}
				#bside form label textarea {
					height: 190px;
					line-height: 25px;
					white-space: pre;
					}
			#bside form p .input-submit {
				float: right;
				height: 39px;
				width: 102px;
				text-align: center;
				background: url(../images/submit-button.png) no-repeat center top;
				}
				#bside form p .input-submit input {
					height: 34px;
					padding: 0 15px;
					font: normal 16px/39px Tahoma, Arial, Helvetica, Sans-serif;
					background: none;
					border: 0 none;
					cursor: pointer;
					}
			#bside form p em {
				font-size: 12px;
				font-style: normal;
				color: #aeafaf;
				}

/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	width: 100%;
	height: 48px;
	font-size: 11px;
	margin: 0 !important;
	margin: 50px 0 0;
	border-top: 1px solid #767676;
	color: #777;
	}
	#footer a {
		text-decoration: none;
		}
	#footer a:hover {
		text-decoration: underline;
		}
	#footer ul {
		float: left;
		list-style: none;
		}
		#footer ul li {
			display: inline;
			}
			#footer ul li a {
				padding: 0 7px;
				font: normal 11px/34px Tahoma, Arial, Helvetica, Sans-serif;
				color: #777;
				}
		#footer ul li.first a {
			padding-left: 0;
			}
	#footer p {
		float: right;
		line-height: 34px;
		}
		#footer p a {
			color: #777;
			}