/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
html,
body {
	margin:0px;
	padding:0px;
	min-height:100%;
}

html {
}

body {
}

.clear{
	clear:both;
}

#container {
	width:1000px;
	height:564px;
	margin:100px auto 0px auto;
	position:relative;
}

/* Layout 
-------------------------------------------- */
#layout {
}

/* Content 
-------------------------------------------- */
#content {
	width:985px;
	height:400px;
	padding:0px 10px 14px 5px;
	background-image:url(../images/content_bg.png);
}
	#content #rotate {
		float:left;
		width:565px;
		height:400px;
		overflow:hidden;
	}
	#content .img {
		float:left;
		width:565px;
		height:400px;
		position:relative;
	}
		#content .img div {
			width:565px;
			height:20px;
			position:absolute;
			left:0px;
			bottom:0px;
			background-color:#000;
			color:#FFF;
			font-size:11px;
			line-height:20px;
			text-indent:7px;
			overflow:hidden;
			
			/* Required for IE 5, 6, 7 */
			/* ...or something to trigger hasLayout, like zoom: 1; */
			width: 100%; 
			
			/* Theoretically for IE 8 & 9 (more valid) */
			/* ...but not required as filter works too */
			/* should come BEFORE filter */
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			
			/* This works in IE 8 & 9 too */
			/* ... but also 5, 6, 7 */
			filter: alpha(opacity=50);
			
			/* Older than Firefox 0.9 */
			-moz-opacity:0.5;
			
			/* Safari 1.x (pre WebKit!) */
			-khtml-opacity: 0.5;
			
			/* Modern!
			/* Firefox 0.9+, Safari 2?, Chrome any?
			/* Opera 9+, IE 9+ */
			opacity: 0.5;
		}
		
	#content .hover_img {
		float:left;
		width:985px;
		height:400px;
		overflow:hidden;
	}
	#content .txt {
		position:relative;
		float:right;
		width:360px;
		height:340px;
		padding:40px 30px 20px 30px;
		overflow:auto;
	}
	#content .txt.noimg {
		position:relative;
		float:left;
		width:920px;
		height:340px;
		padding:40px 30px 20px 30px;
		overflow:auto;
	}
		#subnav {
			display:block;
			/*position:absolute;*/
			padding:0px;
			margin:0px;
			/*height:150px;*/
			width:360px;
			bottom:0px;
		}
			#subnav ul {
				display:block;
				float:left;
				padding:0px 0px 0px 0px;
				margin:20px 0px 0px 0px;
			}
			#subnav ul:first-child {
				margin:20px 30px 0px 0px;
			}
				#subnav ul li {
					color:#4c7f9b;
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 18px;
					line-height:18px;
				}
					#subnav ul li a {
						color:#4c7f9b;
					}
					#subnav ul li.current,
					#subnav ul li.section,
					#subnav ul li.current a,
					#subnav ul li.section a {
						color:#cc071e;
					}

/* Contact 
-------------------------------------------- */
#content .contact {
	float:left;
	width:479px;
	height:314px;
	padding:43px;
	background-image:url(../images/contact_bg.png);
}
	#content .contact .img {
		float:left;
		width:157px;
		height:157px;
		overflow:hidden;
		margin-bottom:150px;
	}
	#content .contact .txt {
		float:left;
		width:280px;
		height:310px;
		margin:0px 0px 0px 30px;
		padding:0px;
		overflow:hidden;
	}
		#content .contact .txt a {
			color:#CC071E;
		}
		#contacts {
			display:block;
			position:absolute;
			padding:0px;
			margin:0px;
			height:200px;
			width:360px;
			bottom:0px;
		}
			#contacts ul {
				display:block;
				float:left;
				padding:0px 0px 0px 0px;
				margin:20px 0px 0px 0px;
			}
			#contacts ul:first-child {
				margin:20px 60px 0px 0px;
			}
				#contacts ul li {
					color:#4c7f9b;
					padding: 0px 0px 10px 0px;
					margin: 0px 0px 0px 18px;
					line-height:14px;
				}
					#contacts ul li a {
						color:#4c7f9b;
					}
					#contacts ul li.current,
					#contacts ul li.section,
					#contacts ul li.current a,
					#contacts ul li.section a {
						color:#cc071e;
					}

/* Navigation 
-------------------------------------------- */
#nav {
	float:left;
	height:130px;
	width:550px;
}
	#nav ul {
		display:block;
		float:left;
		padding:0px 0px 0px 25px;
		margin:10px 0px 0px 0px;
	}
		#nav ul li {
			color:#4c7f9b;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 18px;
			line-height:18px;
		}
			#nav ul li a {
				color:#4b7f9b;
				font-weight:bold;
			}
			#nav ul li.current,
			#nav ul li.section,
			#nav ul li.current a,
			#nav ul li.section a {
				color:#cc071e;
			}
			
/* Menu 
-------------------------------------------- */
#menu {
	position:absolute;
	top:-80px;
	right:44px;
	/*float:left;*/
	/*width:290px;*/
}
	#menu ul {
		display:block;
		padding:0px;
		margin:100px 0px 0px 0px;
		list-style:none;
	}
	#menu ul:first-child {
		display:block;
		padding:0px;
		margin:20px 0px 0px 0px;
		list-style:none;
	}
		#menu ul li {
			float:left;
			padding:0px 0px 0px 10px;
			margin:0px 0px 0px 10px;
			/*background-image:url(../images/menusep.gif);*/
			background-position:left;
			background-repeat:no-repeat;
		}
		#menu ul li:first-child {
			background-image:none;
			margin-left:0px;
		}
			#menu ul li a {
				color:#4b7f9b;
				font-size:10px;
				text-transform:capitalize;
			}
			#menu ul li a.lang {
				display:block;
				height:12px;
				width:18px;
				background-repeat: no-repeat;
				text-indent: -9999px;
			}
			#menu ul li a.lang.en {
				width:24px;
			}


/* Logo 
-------------------------------------------- */
#logo {
	position:relative;
	top:48px;
	float:right;
	width:107px;
	height:114px;
	margin-right:40px;
}

/* Footer 
-------------------------------------------- */
#footer {
	background-color:#fcdd19;
	height:32px;
	line-height:32px;
	padding:0px 10px;
	margin:0px 10px 0px 5px;
}

/* Search 
-------------------------------------------- */

#SearchResults {}
#SearchResults li {
	list-style-type: none;
	padding: 0 0 20px 0;
}
#SearchResults li .searchResultHeader {
	font-size: 15px;
	margin: 0px 0px 18px;
	color: rgb(51, 51, 51);	
}
#SearchResults li p {
	margin: 0 0 10px 0;
}

#SearchResults li a.readMoreLink {
	color: rgb(75, 127, 155);
	font-weight: bold;
}