/**
 * Stylesheet for <Servio Deco>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <yoni@netlash.com>
 */

/**
 * = Typography and text styles
 * ----------------------------------------------------------
 */

	html{
		font-size: 100%;
	} 

	body {
		font-size: 62.5%;
		font-family: Arial, sans-serif;
		line-height: 1.48;
		color: #33241e;
		background: #f8f6f2 url(../images/sub_background.gif) repeat-x;
	}

	body#home {
		background: #f8f6f2 url(../images/background.gif) repeat-x;
	}

	strong, th, thead td, h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
	}

	#content ul {
		list-style: disc;
		padding: 10px 0 10px 14px;
	}

	#content ol {
		list-style-type: decimal;
		padding: 10px 0 10px 14px;
	}

	#content ul ul, #content ol ul, #content ol ol, #content ul ol {
		padding: 0 0 0 20px;
	}

	h1, h2, h3, h4 {
		line-height: 1.1;
		color: #70544b;
	}

	h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
	h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
	h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
	h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
		color: #70544b;
		border: 0;
	}

	h1 {
		font-size: 2em;
		margin: 5px 0 10px 0;
	}

	h2 {
		font-size: 2em;
		margin: 5px 0 10px 0;
	}

	h3 {
		font-size: 1.333em;
		margin: 15px 0 5px 0;
	}

	h4 {
		font-size: 1.1666em;
		margin: 10px 0 5px 0;
		color: #3b2923;
	}

	h5 {
		font-size: 1em;
		margin: 8px 0 6px 0;
	}

	h6 {
		font-size: 0.9166em;
		margin: 8px 0 6px 0;
	}

	p {
		padding-bottom: 12px;
	}

	a {
		text-decoration: none;
		border-bottom: 1px solid;
	}

	a:link {
		color: #007fac;
		border-color: #abd5e4;
	}

	a:visited {
		color: #006b91;
		border-color: #abcedb;
	}

	a:hover,
	a:active {
		color: #0090c4;
		border-color: #0090c4;
	}

/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */

	/* Structure */

	#container {
		width: 958px;
		font-size: 1.2em;
		margin: 0 auto 30px auto;
	}

	#header {
		position: relative;
		height: 160px;
	}

	body#home #header {
		height: 380px;
	}

	#content {
		background: #fff;
	}

	#content {
		padding: 0 24px 40px 24px;
	}

	#indexcontent {
		width: 626px;
		padding: 0 54px 0 0;
		float: left;
	}

	.indexcontenthalf {
		width: 273px;
		padding: 0 40px 0 0;
		float: left;
	}

	#indexsidebar,
	#submenu {
		width: 230px;
		float: left;
		min-height: 1px;
	}
	
	#subcontent {
		width: 645px;
		padding: 0 0 0 35px;
		float: left;
		position: relative;
	}

	/* Logo */

	#header h1 {
		width: 251px;
		height: 40px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 45px;
		left: 20px;
		margin: 0;
	}

	#header h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
	}

	/* Language */

	#language ul {
		float: right;
		padding: 45px 15px 0 0;
	}

	#language li {
		font-family: "Lucida Grande", Arial, sans-serif;
		font-size: 0.9166em;
		float: left;
		padding: 0 5px;
	}

	#language li a {
		display: block;
		line-height: 24px;
		width: 26px;
		text-align: center;
		border: 0;
	}

	#language li a:link,
	#language li a:visited {
		color: #72564c;
	}

	#language li a:hover,
	#language li a:active {
		color: #4d3a33;
	}

	#language li.selected a {
		background: #007fac url(../images/language_background.gif) no-repeat center center;
	}

	#language li.selected a:link,
	#language li.selected a:visited {
		color: #f2fcff;
	}

	#language li.selected a:hover,
	#langiage li.selected a:active {
		color: #fff;
	}

	/* Navigation */

	#navigation {
		width: 958px;
		background: #0685b2 url(../images/navigation_background.gif) no-repeat;
		position: absolute;
		top: 120px;
		left: 0;
	}

	#navigation li {
		float: left;
		padding: 0 10px 0 0;
	}

	#navigation li a {
		display: block;
		line-height: 40px;
		padding: 0 20px;
		border: 0;
	}

	#navigation li a:link,
	#navigation li a:visited {
		color: #fff;
	}

	#navigation li a:hover,
	#navigation li a:active {
		color: #fff;
		background: #006588 url(../images/navigation_alternative_background.gif) repeat-x 0 -40px;
	}

	#navigation li.selected a:link,
	#navigation li.selected a:visited,
	#navigation li.selected a:hover,
	#navigation li.selected a:active {
		background: #006588 url(../images/navigation_alternative_background.gif) repeat-x;
	}

	/* Focus */

	#focus ul {
		background: #000;
		position: absolute;
		top: 160px;
		left: 0;
	}

	#focus li {
		float: left;
	}

	#focus li {
		opacity: 0.90;
		-moz-opacity: 0.90;
		filter: alpha(opacity=90);
	}

	#focus li:hover,
	#focus li:active {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}

	#focus li:active {
		opacity: 0.50;
		-moz-opacity: 0.50;
		filter: alpha(opacity=50);
	}

	#focus li.focus1 {
		border-right: 2px solid #fff;
		background: url(../images/focus1.jpg) no-repeat;
	}

	#focus li.focus2 {
		border-right: 2px solid #fff;
		background: url(../images/focus2.jpg) no-repeat;
	}

	#focus li.focus3 {
		border-right: 2px solid #fff;
		background: url(../images/focus3.jpg) no-repeat;
	}

	#focus li.focus4 {
		background: url(../images/focus4.jpg) no-repeat;
	}

	#focus li.focus4 {
		padding: 0;
	}

	#focus li a {
		display: block;
		font-size: 22px;
		width: 238px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		padding: 160px 0 0 0;
		border: 0;
	}

	#focus li a:link,
	#focus li a:visited {
		color: #e9e2d4;
	}

	#focus li a:hover,
	#focus li a:active {
		color: #fff;
	}

	/* Breadcrumb */

	#breadcrumb {
		line-height: 30px;
		border-bottom: 1px solid #d1c7c4;
		color: #72564c;
		font-family: "Lucida Grande", Arial, sans-serif;
		font-size: 0.9166em;
		margin: 0 0 30px 0;
	}

	#breadcrumb a:link,
	#breadcrumb a:visited {
		color: #72564c;
		border-color: #d1c7c4;
	}

	#breadcrumb a:hover,
	#breadcrumb a:active {
		color: #33241e;
		border-color: #33241e;
	}

	/* Index */

	#indexcontent h2 {
		margin-top: 0;
	}

	/* News */

	body#home #news h4 {
		margin-bottom: 0;
	}

	#news .date {
		color: #d1c7c4;
		font-family: "Lucida Grande", Arial, sans-serif;
		font-size: 0.9166em;
	}

	/* Noticebox */

	.noticebox {
		background: #f8f6f2;
		padding: 20px;
	}

	.noticebox h3 {
		margin: 0 0 12px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #ccc1bb;
	}

	.noticebox span {
		font-weight: bold;
		color: #72564c;
	}

	/* Button */

	a.button {
		display: block;
		border: 0;
		line-height: 2.5;
		text-align: center;
		font-weight: bold;
		color: #fff;
	}

	a.button:link,
	a.button:visited {
		color: #fff;
		background: #70544b;
	}

	a.button:hover,
	a.button:active {
		color: #fff;
		background: #523d37;
	}

	a.button:active {
		background: #33241e;
	}

	/* Subnavigation */

	#submenu ul {
		background: #70534b;
		list-style-type: none;
		padding: 20px;
	}

	#submenu li {
		border-bottom: 1px solid #7d6259;
	}

	#submenu a {
		display: block;
		padding: 0 0 0 10px;
		line-height: 35px;
		border: 0;
	}

	#submenu a:link,
	#submenu a:visited {
		color: #f7f6f2;
	}

	#submenu a:hover,
	#submenu a:active {
		color: #f8f6f2;
		background: #7c6259;
	}

	#submenu li.selected {
		border: 0;
	}
	
	#submenu li.selected a:link,
	#submenu li.selected a:visited,
	#submenu li.selected a:hover,
	#submenu li.selected a:active {
		background: #3d2a24;
		color: #f7f6f2;
	}

	#submenu li ul {
		padding: 10px;
		background: #f7f6f2;
	}

	#submenu li li,
	#submenu li li.selected {
		border-bottom: 1px solid #e9e2d2;
	}

	#submenu li.selected li a:link,
	#submenu li.selected li a:visited {
		line-height: 30px;
		color: #70534b;
		background: #f7f6f2;
	}

	#submenu li.selected li a:hover,
	#submenu li.selected li a:active {
		line-height: 30px;
		color: #3d2a24;
		background: #eae2d5;
	}

	#submenu li.selected li a:hover,
	#submenu li.selected li a:active,
	#submenu li li.selected a:link,
	#submenu li li.selected a:visited,
	#submenu li li.selected a:hover,
	#submenu li li.selected a:active {
		color: #3d2a24;
		background: #eae2d5;
	}

	#submenu li li.selected a {
		font-weight: bold;
	}

	/* OLD Subnavigation */

	/*

	#submenu ul {
		background: #f8f6f2;
		list-style-type: none;
		padding: 20px;
	}

	#submenu li {
		border-bottom: 1px solid #e9e2d4;
	}

	#submenu a {
		display: block;
		padding: 0 0 0 10px;
		line-height: 35px;
		border: 0;
	}

	#submenu a:link,
	#submenu a:visited {
		color: #72564c;
	}

	#submenu a:hover,
	#submenu a:active {
		color: #33241e;
		background: #e9e2d4;
	}

	#submenu li.selected {
		border: 0;
	}
	
	#submenu li.selected a:link,
	#submenu li.selected a:visited,
	#submenu li.selected a:hover,
	#submenu li.selected a:active {
		background: #3c2a24;
		color: #f8f6f2;
	}

	#submenu li ul {
		padding: 0 10px 10px 10px;
		background: #70544b;
	}

	#submenu li li,
	#submenu li li.selected {
		border-bottom: 1px solid #7c6259;
	}

	#submenu li.selected li a:link,
	#submenu li.selected li a:visited,
	#submenu li.selected li a:hover,
	#submenu li.selected li a:active {
		line-height: 30px;
		color: #f8f6f2;
		background: #70544b;
	}

	#submenu li.selected li a:hover,
	#submenu li.selected li a:active,
	#submenu li li.selected a:link,
	#submenu li li.selected a:visited,
	#submenu li li.selected a:hover,
	#submenu li li.selected a:active {
		color: #f8f6f2;
		background: #7c6259;
	}

	#submenu li li.selected a {
		font-weight: bold;
	}

	*/

	/* Gallery */

	#content .gallery {
		padding: 0 0 30px 0;
	}

	#content .gallery a {
		border: 0;
		display: block;
	}

	#content .gallery img {
		display: block;
	}

	#content .gallery ul {
		width: 255px;
		float: right;
		list-style-type: none;
		padding: 0;
		position: relative;
		min-height: 235px;
	}

	#content .gallery li {
		float: left;
		padding: 0 0 10px 10px;
	}

	#content .gallery li.active {
		padding: 0 10px 0 0;
		position: absolute;
		top: 0;
		left: -390px;
	}

	#content .gallery a.button {
		width: 245px;
		line-height: 40px;
	}

	#itemsGallerySpacer {
		width: 380px;
		height: 265px;
		float: left;
	}

	#collectionItem {
		width: 380px;
		float: left;
	}

	/* Collection */

	.collection,
	.special {
		padding: 0 0 20px 248px;
		position: relative;
		min-height: 170px;
	}

	.collection img,
	.special img {
		position: absolute;
		width: 238px;
		top: 0;
		left: 0px;
	}

	.collection a.img,
	.special a.img {
		display: block;
		border: 0;
	}

	/* Slideshow */

	#slideshow {
		position: absolute;
		top: 30px;
		left: 330px;
	}

	/* Form */

	label {
		font-size: 12px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		display: block;
		padding: 4px 0;
	}

	input.input-text, input.inputText, input.password, textarea {
		font-size: 12px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		background: #fcfcfc;
		border: 1px solid #bbb;
		padding: 2px 1px;
	}

	textarea {
		line-height: 1.4;
		max-width: 100%;
	}

	input.input-text:focus, textarea:focus {
		border-color: #999; 
		background: #fff;
	}

	@-moz-document url-prefix() {
		input[type="text"]:focus,
		textarea:focus { 
			outline: 2px solid #b6cbe5;
			-moz-outline-radius: 5px;
			fborder-color: #5d92d4;
		}
	}

	.form-success {
	 	padding: 10px;
	 	margin-bottom: 10px;
		background: #e6efc2;
	 	border: 1px solid #c6d880;
		color: #264409;
	 }

	.form-error {
		padding: 4px;
		margin: 3px 0;
		background: #fbe3e4;
		border: 1px solid #fbc2c4;
		color: #8a1f11;
		display: block;
	}

	/* Footer */

	#footer {
		height: 60px;
		line-height: 60px;
		background: #33241e url(../images/footer_background.gif) repeat-x;
		text-align: center;
		font-family: "Lucida Grande", Arial, sans-serif;
		font-size: 0.9166em;
		color: #fff;
	}

	#footer li {
		display: inline;
		padding: 10px;
	}

	#footer li a:link {
		color: #fff;
		border-color: #92817a;
	}

	#footer li a:visited {
		color: #c4bbb5;
		border-color: #816d66;
	}

	#footer li a:hover,
	#footer li a:active {
		color: #fff;
		border-color: #fff;
	}

/**
 * = Defaults
 * ----------------------------------------------------------
 */

	/* Pagination */

	.pagination-wrap {
		width: 100%;
		overflow: hidden;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul {
		padding: 18px 0;
		z-index: 2;
		overflow: hidden;
		position: relative;
		left: -50%;
	}

	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 12px;
		text-align: center;
	}

	.pagination li span {
		float: left;
		display: block;
		padding: 4px 5px;
		color: #CCC;
		min-width: 12px;
	}

	.pagination li.currentpage span {
		font-weight: 700;
		color: black;
	}

	.pagination li.selected span {
		padding: 4px 5px;
		font-weight: 700;
		color: black;
	}

	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		padding: 3px 4px;
		border: 1px solid #DDD;
		text-decoration: none;
		min-width: 12px;
	}

	li.ellipsis {
		margin: 0;
	}

	li.ellipsis span {
		color: black;
	}

	.pagination li a:hover,
	.pagination li a:active {
		background: #EEE;
		border: 1px solid #BBB;
		color: black;
	}

	.nextpage, .previouspage {
		font-size: 11px !important;
	}

	.pagination li.nextpage {
		margin-left: 10px;
	}

	.pagination li.previouspage {
		margin-right: 15px;
	}

	/* General Classes */

	.hidden {
		display: none; 
	}

	.block {
		display: block; 
	}
	
	.nopadding {
		padding: 0 !important;
	}

	.nomargin {
		margin: 0 !important;
	}

	.paddingtop {
		padding-top: 10px;
	}

	.paddingbottom {
		padding-bottom: 10px;
	}

	.margintop {
		margin-top: 10px;
	}

	.marginbottom {
		margin-bottom: 10px;
	}

	.floatleft {
		float: left;
	}

	.floatright {
		float: right;
	}

	img.alignleft {
		float: left;
		padding: 0 10px 10px 0;
	}

	img.alignright {
		float: right;
		padding: 0 0 10px 10px;
	}

	.caps { 
	  font-variant: small-caps; 
	  letter-spacing: 1px; 
	  text-transform: lowercase; 
	  font-size:1.2em;
	  font-weight:bold;
	  padding:0 0.2em;
	}

	/* General Elements */

	small {
		color: #808080;
		font-size: 0.9em;
	}
	
	code {
		font-family: Monaco, "Courier New", monospace;
		line-height: 1.15;
	}
	
	pre {
		padding: 7px 14px;
		background: #F5F5F5;
		margin: 0 0 14px 0;
	}
	
	blockquote, q {
		font-style: italic;
		color: #666;
	}
	
	blockquote {
		padding: 0 10px; 
		margin: 16px 0;
	}

	cite, em, dfn {
		font-style: italic; 
	}

	abbr, acronym { 
		cursor: help;
		text-transform: uppercase; 
		font-size: 85%; 
		letter-spacing: .1em; 
	}

	del { 
		text-decoration: line-through; 
		color: #666;
	}

	small, sup, sub { 
		font-size: 85%; 
	}

	table {
		border-top: 1px solid #e9e9e9;
		border-left: 1px solid #e9e9e9;
	}

	td, th {
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		font-size: 0.9em;
		padding: 4px;
	}

	th {
		font-weight: 700;
		background: #f4f4f4;
		color: black;
		line-height: 1.2;
		text-align: left;
		padding: 8px;
	}

	tr.rowOdd { 
		background: white;
	}

	tr.rowEven { 
		background: #f4f4f4;
	}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}