/*Премахва полетата и отсъпите на всички елементи, задавани от различите браузъри по подразбиране.*/
	* {
		margin: 0;
		padding: 0;
	} 
	
	/*Задава размер на шрифта, височина на реда, шрифт и фоново изображение.*/
	body {
		font-size: 75%;
		line-height: 1.5;
		font-family: Helvetica, sans-serif;
		background-image: url("paper3.jpeg");
	}
	
	/*Задава размери и центрира блока, опаковащ всички останали. Центрирането става чрез задаване на автоматични стойности на полетата отляво и отдясно*/	
	#wrapper {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	/*Задава височина и поле отдолу на заглавния блок. Ширината не е необходима, тъй като блокът приема ширината на своя контейнер - #wrapper; Полето отдолу отделя визуално блока от блока под него. */
	#header {
		height: 60px;
		margin-bottom: 10px;
	}
	
	/*Задава свойства на заглавието h1, намиращо се в блока #header. */
	#header h1 {
		font-size: 28px;
	}
	
	/*Задава свойства на хипервръзките в заглавния блок - в случая, премахва подчертаването им.*/
	#header a {
		text-decoration:none;
		color: #C9A859;
		font-size: 40px;
	}

	/*Задава свойства на заглавието h2, намиращо се в блока #header. */
	#header h2 {
		color: #FF00FF;
		font-size: 18px;
		font-style: italic;
	}
	
	
 	/*Задава размери и фоново изображенние на блока, съдържащ заглавното изображение, както и поле отдолу за този блок. */	
	#header-photo {
		height: 150px;
		background-image: url("images/headerphoto.jpg");
		margin-bottom: 10px;
	}
	
	/*Задава размери и фона на навигационния блок; задава заобляне на ръбовете му -  boreder-radius, както и сянка - box-shadow. Прави блока плаващ вляво - float:left, което го кара да се разположи максимално вляво и да позволи на други плаващи блокове да се наредят до (след) него хоризонтално на една линия. */
	#nav {
		background-color: #EBEBEB;
		width: 150px;
		height: 260px;
		margin-bottom: 20px;
		padding: 5px 15px;
		border-radius: 5px;
		box-shadow: 3px 3px 2px gray;
		float: left;
	}
	
	/*Задава свойства на хипервръзките в навигационния блок.  Свойството display-block задава хипервръзките да се държата като блокови елементи, а не като линейни, каквито всъщнос са. Това принуждава всяка връзка да започва на нов ред и дава възможност да се изгради вертикално меню. */
	#nav a{
		color: #666666;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		padding: 5px;
		border-bottom: 1px solid #D5D5D5;
		display: block;
	}
	/*Задава  цвят на фона при преминаване на мишката върху хипервръзките в блока #nav. */
	#nav a:hover {
		background-color: #DBDBDB;
	}
	
	/*Задава форматиране на заглавията h3, намиращи се в блока #nav. */
	#nav h3 {
		color: #494F57;
		font-size: 14px;
	}
	
	
	/*Задава размери и фона на блока с основното съдържание; задава заобляне на ръбовете му -  boreder-radius, както и сянка - box-shadow. Прави блока плаващ вляво - float:left, което го кара да се разположи максимално вляво и да позволи на други плаващи блокове да се наредят до (след) него хоризонтално на една линия. */
	#content {
		background-color: #EBEBEB;
		width: 530px;
		min-height: 400px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		padding: 5px 15px;
		border-radius: 5px;
		box-shadow: 3px 3px 2px gray;
		float: left;
	}
	
	/*Задава форматиране на изображенията в блока #content. Задава им също така плаване вляво - float:left, което позволява на текста от следващия ги параграф да бъде до тях. */
	#content img{
		float: left;
		margin: 3px 15px 3px 0;
		border-radius: 5px;
	}
	
	/*Задава форматиране на заглавията h2, намиращи се блока #content. Свойството clear: left изчиства h2 от предшестващите го плаващи изображения. */
	#content h2 {
		clear: left;
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	#content p {
		margin-bottom: 10px;
	}
				
	#adv {
		background-color: #EBEBEB;
		width: 150px;
		height: 400px;
		float: left;
		margin-bottom: 20px;
		padding: 5px 15px;
		border-radius: 5px;
		box-shadow: 3px 3px 2px gray;
	}
	
	#adv h3 {
		color: #FFFFFF;
		background-color: #6CAC02;
		font-size: 14px;
		width: 120px;
		height: 20px;
		padding: 5px;
		margin: 0 auto 10px auto;
		border-radius: 5px;
		text-align: center;
	}
	
	#adv img {
		margin: 10px auto;
		display: block;
		border-radius: 5px;
		border: none;
	}
	
	/*Задава форматиране на блока #footer. Свойството clear: left го изчиства от предшестващите го плаващи блокове и му позволява да застане под тях. */
	#footer {
		background-color: #3B4021;
		
		background-repeat: no-repeat;
		width: 960px;
		height: 20px;
		margin-bottom: 30px;
		padding-top: 10px;
		text-align: center;
		clear: left;
		border-radius: 5px;	
	}
	
	
	#footer  a{
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-left: 5px;
	}
		
	
	.red_text { 
		color: #FF0000;
	}