/* ----
The css file is written in concordance with HTML objects ierarchy.  
The positioning for some elements are made using jquery scripts. You can find the js scripts in js/mainjs.js file
---- */

/* ---- GENERAL SELECTORS ---- */

body {
	background: url(../images/bg.png) center top repeat #eaf3f3; /* Change this for landing page background color */
	font: Normal 12px Georgia, Times;
	text-align: center;
	color: #222d2d;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

.Cleaner {
	clear: both;
}


/* ---- HEADER SELECTORS ---- */

#Header {
	background: url(../images/headerbg_repeat.png) center top repeat-x;
	border-bottom: 1px solid #FFF;
}

		#Header #HeaderContainer {
			background: url(../images/headerbg.png) center top no-repeat;
			padding: 20px 0px 0px 0px;
			height: 121px; position:relative;
		}

				#Header #HeaderContainer img {
					margin: 0px 0px 20px 0px;
					*margin: 0px 0px 10px 0px;
				}

				#Header #HeaderContainer #Motto {
					display: inline;
					font-size: 11px;
					margin: 15px 0px 40px 0px;
					padding: 8px 7px 9px 7px;
					*line-height: 32px;
					border-width: 1px 0px;
					color: #dac593;
					letter-spacing:2px;
					background: url(../images/mottobg.png) left top repeat-x;
				}

/* ---- CONTENT ---- */

#Wrap {
	width: 793px;
	margin: 0 auto;
	padding: 0px 0px;
}

/* ---- PROMO ---- */

.PromoFrame {
	width: 414px;
	padding: 18px 0px 0px 0px;
	height: 262px;
	margin: 20px 15px 20px 0px;
	float: left;
	background: url(../images/promo_frame.png) center center no-repeat;
		}
		
.PromoFrame .PromoCaption {
				text-align: left;
				margin: 10px 0px 0px 16px;
				padding: 5px;
				font: 11px Georgia;
				letter-spacing: 1px;
				text-transform: uppercase;
				background: url(../images/white70.png) left top repeat;
				background: #FFF\9;
				width: 371px;
		 }

#PromoText {
	float: left;
	width: 360px;
	padding: 7px 0px 0px 0px;
	margin: 20px 0px;
}
		
#PromoText h2 {
	font-family: jd-clsrb;
	font-size: 20px;
	color: #6d0000;
	padding: 10px 15px 5px;
	text-transform: uppercase;
	text-align: left;	
	
}	

#PromoText p {
	font: 14px/1.6em bookos;
	margin: 0px 0px 5px 0px;
	padding: 0px 15px;
	text-align: left;	
}	

#PromoText ul {
	font: 14px/1.6em bookos;
	margin: 10px 0px 10px 0px;
	padding: 0px 15px;
	text-align: left;	
}	

#PromoText ul li {
	padding: 0px 0px 5px 30px;
	background: url(../images/bigbullet.png) left top no-repeat transparent;
}

.ActionButton, .ActionButton2 {
	float: left;
	margin: 30px 0px 0px 0px;
}

/* ---- SLIDER ---- */

#PhotosSlider {
	width: 100%;
	clear: left;
	padding: 20px 0px;
	background: url(../images/bg.png) center top repeat #8bacac;
	border-top: 1px solid #FFFFFF;
}

#Slider {
	margin: 40px 35px 30px 28px;
	height: 260px;
	width: 836px;
	margin: 0 auto;
	overflow: hidden;
	*position: relative;
}

		#Slider #SliderContainer {
			position: relative;
			float: left;
			width: 10000px;
			
		}

				#Slider #SliderContainer .SliderItem {
					width: 387px;
					height: 260px;
					margin: 0px 15px;
					float: left;
				}
				
				#Slider #SliderContainer #SliderItem1 {
					background: url(../images/sonnenstein/pic1.jpg) center center no-repeat;
				}
				
				#Slider #SliderContainer #SliderItem2 {
					background: url(../images/sonnenstein/pic2.jpg) center center no-repeat;
				}
			
				#Slider #SliderContainer #SliderItem3 {
					background: url(../images/sonnenstein/pic3.jpg) center center no-repeat;
				}
				
				#Slider #SliderContainer #SliderItem4 {
					background: url(../images/sonnenstein/pic4.jpg) center center no-repeat;
				}

						#Slider #SliderContainer .SliderItem .SliderFrame {
							width: 387px;
							height: 260px;
							margin: 0px;
							float: left;	
							background: url(../images/slider_frame.png) center center no-repeat;				
						}
		
								#Slider #SliderContainer .SliderItem .SliderFrame .HoverZone {
									display: block;
									overflow: hidden;
									margin: 20px 19px 21px 20px;
									width: 348px;
									height: 220px;	
									height: 219px\9;	
									text-decoration: none;
								}
				
										#Slider #SliderContainer .SliderItem .SliderFrame .HoverZone .SliderInfo {
											width: 345px;
											background: url(../images/white70.png) left top repeat;
											background: #FFFFFF\9;
											display: block; 
											border: 1px solid #FFF;
											float: left;
										}

												#Slider #SliderContainer .SliderItem .SliderFrame .HoverZone .SliderInfo h2 {
													padding: 12px 10px;
													font: 12px jd-clsrb;
													color: #6d0000;	
													display: block;
													width: 310px;
													text-align: left;
												}

												#Slider #SliderContainer .SliderItem .SliderFrame .HoverZone .SliderInfo p {
	padding: 0px 10px 12px 10px;
	height: 180px;
	color: #000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
												}

												#Slider #SliderContainer .SliderItem .SliderFrame .HoverZone .SliderInfo p img {
													margin-top: 5px;
												}

		.LeftArrow {
			position: absolute;
			width: 21px;
			height: 21px;
			background: url(../images/left_arrow.png) center center no-repeat;
			left: 0; /* left positioning is made with jscript in js/mainjs.js file */
			display: none;
			
		}

		.RightArrow {
			position: absolute;
			width: 21px;
			height: 21px;
			background: url(../images/right_arrow.png) center center no-repeat;
			left: 0; /* left positioning is made with jscript in js/mainjs.js file */
			display: none;
			
		}

/* ---- CENTER TEXT BAR ---- */

#Ornament {
	height: 44px;
	background: url(../images/ornament.png) center center no-repeat;
	position: relative;
	clear: left;
}

#TextBar {
	background: url(../images/line.png) center top repeat-x;
	margin: -18px 0px 30px 0px; position:relative;
}

		#TextBar #TextBarContainer {
	background: url(../images/line.png) center bottom repeat-x;
	padding: 20px;
	background-color: #FFF;
		}

				#TextBar #TextBarContainer h2 {

					font: 16px/1.6em Georgia;
					margin-bottom: 20px;
					background: #f7f9f9;
					font-variant: small-caps;
					letter-spacing: 1px;
					font-weight:bold;
					color:#900;
				}


/* ---- ARTICLES ---- */

		.ArticleItem {
			width: 263px;
			height:400px; float:left; background: url(../images/article_frame.png) top center no-repeat;
			
			text-align: left;
		}

			.ArticlePic {
    background-position: center center;
    height: 133px;
    margin-left: 17px;
    margin-top: 17px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 228px;
}

			.ArticlePic a {
    background-position: center center;
    height: 133px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 228px; display: block;
}
				
				
				
		

				.ArticleFrame {
					width: 263px;
					height:168px;
					display: block;
					overflow:hidden;
				
				
					
				}

				.ArticleItem h3 {
					font-family: jd-clsrb;
					font-size: 16px;
					padding: 0px 15px 10px;
					text-transform: uppercase;
					text-align: left;
					height:50px;
				}

						.ArticleItem h3 a {
							text-decoration: none;
							color: #6d0000;
						}

						.ArticleItem h3 a:hover {
							color: #AA0000;
						}

				.ArticleItem h4 {
					font: 14px/1.6em bookos;
					margin: 0px 0px 5px 0px;
					padding: 0px 15px;
					text-align: left;
				}
				
				.ArticleItem ul {
					font: 14px/1.3em bookos;
					margin: 0px 0px 5px 0px;
					padding: 0px 15px;
					text-align: left;
				}
				
						.ArticleItem ul li {
							padding: 0px 0px 10px 25px;
							background: url(../images/smallbullet.png) left 3px no-repeat transparent;
						}
				
				.ArticleItem .QuoteStart {
					display: block;
					padding: 11px 13px;
					margin: 0px 3px 0px 0px;
					float: left;
					background: url(../images/quotestart.png) center center no-repeat transparent;
				}
				
				.ArticleItem .QuoteEnd {
					display: inline;
					padding: 11px 13px;
					margin: 0px 0px 0px 3px;
					background: url(../images/quoteend.png) center center no-repeat transparent;
				}			
				
				.ArticleItem .Client {
					margin: 10px 0px 0px 15px;
					font-family: jd-clsrb;
					font-size: 16px;			
					color: #6d0000;		
				}	
				
				.ArticleItem .Company {
					margin: 3px 0px 0px 15px;
					font-family: jd-clsrb;
					font-size: 11px;	
					color: #6d0000;									
				}				


.ArticleItem_more{
					width: 263px;
			height:80px; float:left; 
			
			text-align: left;							
				}	

.newshead {text-align:left;}

/* ---- FOOTER ---- */

#Footer {
	border-top: 1px solid #FFFFFF;
	background: url(../images/headerbg.png) center top repeat;
	clear: both;
	padding: 30px 0px 0px 0px;
	letter-spacing: 2px;
	height: 110px;
	text-transform: uppercase;
	color: #dac593;
	font-size: 11px;
}

		#Footer #FooterContainer {
			width: 850px;
			text-align: left;
			margin: 0 auto;
		}

				#Footer #FooterContainer a {
				
					color: #dac593;
					text-decoration: none;
					/*background: url(../images/toparrow.png) right center no-repeat;*/
					padding: 0px 0px 0px 0px;
				}


/* ---- CONTACT FORM ---- */

#ContactButt {
	height: 29px;
	position: fixed;
	left: 0px;
	top: 250px;
}

#ContactBackground { /* black overlay */
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 10;
	display: none;
	left: 0px;
	top: 0px;
}

#CloseButton {
	position: fixed;
	z-index: 14;
	top: 248px;
	left: 925px;
	display: none;
}

#ContactWindow {
	position: fixed;
	background: url(../images/bg.png) center top repeat #eaf3f3;
	width: 600px;
	z-index: 15;
	left: 325px;
	top: 250px;
	display: none;
}

		#ContactWindow .LeftTopOrnament {
			background: url(../images/lefttopornament.png) center center no-repeat;
			width: 104px;
			height: 104px;
			position: absolute;
			margin: -23px 0px 0px -24px;
			*margin: -23px 0px 0px -324px;
		}

		#ContactWindow .RightBottomOrnament {
			background: url(../images/rightbottomornament.png) center center no-repeat;
			width: 104px;
			height: 104px;
			position: absolute;
			margin: -83px 0px 0px 517px;
			*margin: -83px 0px 0px 217px;
		}

		#ContactWindow #ContactWindowContainer {
			background: url(../images/line.png) center bottom repeat-x;
		}

				#ContactWindow #ContactWindowContainer #ContactForm {
					clear: left;
					padding: 20px 20px 20px 30px;
					background: url(../images/line.png) center top repeat-x;
				}

						#ContactWindow #ContactWindowContainer #ContactForm #ContactFields {
							float: left;
							position: relative;
						}

								#ContactWindow #ContactWindowContainer #ContactForm #ContactFields label {
									float: left;
									font-size: 11px;
									clear: left;
									width: 250px;
									text-align: left;
									padding: 10px 5px 5px 5px;
									text-transform: uppercase;
									letter-spacing: 2px;
								}	

								#ContactWindow #ContactWindowContainer #ContactForm #ContactFields input, 
								#ContactWindow #ContactWindowContainer #ContactForm #ContactFields textarea {
									float: left;
									clear: left;
									padding: 6px;
									margin: 0px 0px 3px 0px;
									border: 1px solid #a8a8a8;
									background-color: #f0f0f0;
									width: 250px;
									font: Normal 12px Georgia, Times;
								}

								#ContactWindow #ContactWindowContainer #ContactForm #ContactFields .SendButt {
									clear: left;
									width: auto;
									background: none;
									border: 0px;
								}

						#ContactWindow #ContactWindowContainer #ContactForm #ContactInfo {
							float: left;
							width: 240px;
							margin-left: 40px;
						}

								#ContactWindow #ContactWindowContainer #ContactForm #ContactInfo .AddressText {
									float: left;
									clear: left;
									text-align: left;
									margin: 0px 0px 15px 0px;
									text-transform: uppercase;
									letter-spacing: 1px;
									*letter-spacing: 0px;
									font-size: 11px;
								}		
								
								#ContactWindow #ContactWindowContainer #ContactForm #ContactInfo .SocialLinks {
									float: left;
									clear: left;
									text-align: left;
									margin: 5px 0px 0px 0px;
									text-transform: uppercase;
									letter-spacing: 1px;
									font-size: 11px;
								}						

										/* #ContactWindow #ContactWindowContainer #ContactForm #ContactInfo .SocialLinks children */
										
										.SocialLinks ul {
											width: 250px;
										}
										
										.SocialLinks ul li {
											display: inline;
											float: left;
											width: 28px;
										}

										.SocialLinks ul li a {
											margin: 0px 3px 0px 0px;
											width: 24px;
											
										}

#Success, #Error{
	display: none;
	float: left;
	clear: left;
	width: 250px;
	padding: 6px;
	color: red;
}

.empty {
	background-color: #FFFFFF !important;
	border-color: #6d0000 !important;
}

.lang {
	margin-left:50px;
	font-size:11px;
	position:absolute;
	left: 932px;
	top: -5px;
	width: 216px;
	height: 42px
}
.lang a {float: right;
					color: #dac593;
					text-decoration: none;}