﻿#container																									
{																									
	margin: 0 auto;																								
	width: 100%;																								
	background: #fff;																								
	font-family: Arial, Tahoma																								
}																									
																									
#header																									
{																									
	background: #ccc;																								
	padding: 20px;																								
}																									
																									
#header h1 { margin: 0; }																									
																									
#navigation																									
{																									
	float: left;																								
	width: 100%;																								
	background: #333;																								
}																									
																									
#navigation ul																									
{																									
	margin: 0;																								
	padding: 0;																								
}																									
																									
#navigation ul li																									
{																									
	list-style-type: none;																								
	display: inline;																								
}																									
																									
#navigation li a																									
{																									
	display: block;																								
	float: left;																								
	padding: 5px 10px;																								
	color: #fff;																								
	text-decoration: none;																								
	border-right: 1px solid #fff;																								
}																									
																									
#navigation li a:hover { background: #383; }																									
																									
#content-container1																									
{																									
	float: left;																								
	width: 100%;																								
	background: #fff url(/wp-content/uploads/layout-three-liquid-background1.gif) repeat-y 20% 0;																								
}																									
																									
#content-container2																									
{																									
	float: left;																								
	width: 100%;																								
	background: url(/wp-content/uploads/layout-three-liquid-background2.gif) repeat-y 80% 0;																								
}																									
																									
#section-navigation																									
{																									
	float: left;																								
	width: 16%;																								
	padding: 20px 0;																								
	margin: 0 2%;																								
	display: inline;																								
}																									
																									
#section-navigation ul																									
{																									
	margin: 0;																								
	padding: 0;																								
}																									
																									
#section-navigation ul li																									
{																									
	margin: 0 0 1em;																								
	padding: 0;																								
	list-style-type: none;																								
}																									
																									
#content																									
{																									
	float: left;																								
	width: 56%;																								
	padding: 20px 0;																								
	margin: 0 0 0 2%;																								
}																									
																									
#content h2 { margin: 0; }																									
																									
#aside																									
{																									
	float: right;																								
	width: 16%;																								
	padding: 20px 0;																								
	margin: 0 2% 0 0;																								
	display: inline;																								
}																									
																									
#aside h3 { margin: 0; }																									
																									
#footer																									
{																									
	clear: both;																								
	background: #ccc;																								
	text-align: right;																								
	padding: 20px;																								
	height: 1%;																								
}																									
																									
.img {																									
	padding: 5px;																								
	margin: 5px;																								
}																									
																									
.slider-container {																									
width: 100%;																									
max-width: 600px;																									
margin: auto;																									
text-align: center;																									
position: relative;																									
background-color: #f5f5f5;																									
padding: 20px;																									
border-radius: 10px;																									
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);																									
}																									
																									
.slider {																									
width: 100%;																									
height: auto;																									
transition: transform 0.5s ease-in-out;																									
}																									
																									
.slide {																									
width: 100%;																									
height: auto;																									
padding: 20px;																									
}																									
																									
.slide h2 {																									
font-size: 18px;																									
margin-bottom: 10px;																									
}																									
																									
.read-more {																									
display: inline-block;																									
text-decoration: none;																									
background-color: #007BFF;																									
color: white;																									
padding: 10px 15px;																									
border-radius: 5px;																									
margin-top: 10px;																									
}																									
																									
.controls {																									
position: absolute;																									
top: 50%;																									
width: 100%;																									
display: flex;																									
justify-content: space-between;																									
transform: translateY(-50%);																									
}																									
																									
.control-btn {																									
background-color: rgba(0, 0, 0, 0.5);																									
border: none;																									
color: white;																									
padding: 10px;																									
cursor: pointer;																									
border-radius: 50%;																									
font-size: 20px;																									
}																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									
																									

