@charset "utf-8";
/* CSS Document */


/*COLOR PALETTE*/
/*
#bcbec0     TEXT
#231f20     HIGHLIGHTED TEXT
*/


/*FONTS*/



/*LIMITED CSS RESET*/
html, body, div, span, section, article, aside, nav, header, main, footer, address, h1, h2, h3, h4, h5, h6, 
p, ol, ul, li, dl, dt, dd, blockquote, figcaption, figure, hr, pre,
a, abbr, cite, code, q, dfn, del, ins, time, em, strong, i, b, small, mark, img, canvas, video, th, td, tr {
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


/*HTML5 DISPLAY RULE*/
address, article, aside, blockquote, canvas, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}


/*ПРЕМАХВАНЕ НА РАМКА ОКОЛО ИЗПОЛЗВАН ЛИНК*/
a:active {
  outline: none;
}

/*СЛЕДВАЩИТЕ ДВЕ ПРАВИЛА ПРЕМАХВАТ КАВИЧКИТЕ ОКОЛО ЦИТАТИТЕ. ТЕЗИ КАВИЧКИ СЕ ПОСТАВЯТ ОТ САМИТЕ БРАУЗЪРИ*/
/*BROWSERS NORMALLY INSERT QUOTATION MARKS AROUND THE <q> - TAG*/
/*В НИТО ЕДИН БРАУЗЪР НЕ СЪМ ВИДЯЛ ДА СЕ ПОСТАВЯТ КАВИЧКИ ПО ПОДРАЗБИРАНЕ ОКОЛО <blockquote> - тага*/

blockquote, q {
    quotes:none;
}


blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*
THE TEXT IN THE <ADDRESS> ELEMENT USUALLY RENDERS IN ITALIC.
MOST BROWSERS WILL DISPLAY THE <ADDRESS> ELEMENT WITH THE FOLLOWING DEFAULT VALUES:
address { 
    display: block;
    font-style: italic;
}
*/
address {
	font-style: normal;
}

body {
	background-color: #000;
}

div#wrapper {
	position: relative;
	width: 960px;
	height: 786px;
	background-image: url(../images/final_layout.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -75px;
	margin-right: auto;
	margin-left: auto;
	-ms-transform: rotate(-30deg); /* IE 9 */
	-webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(-30deg); 
	transform: rotate(-30deg);	
}
header {
	height: 322px;
	width: 960px;
}
header h1 {
	width: 259px;
	height: 163px;
	padding-top: 159px;
	padding-left: 378px;
}
header h1 a {
	width: 259px;
	height: 163px;
	display: block;
}
header h1 a img {
	width: 259px;
	height: 163px;
}
main {
	width: 960px;
	margin-top: 8px;
}
main section {
	margin-left: 378px;
}
main section h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	line-height: 39px;
	font-weight: normal;
	text-transform: uppercase;
	color: #bcbec0;
	padding-left: 15px;
	/*-ms-transform: scaleX(1.1); 
    -webkit-transform: scaleX(1.1); 
	-moz-transform: scaleX(1.1);
    transform: scaleX(1.1); */
}
main section address{
	
}
main section address span {
	display: block;
	padding-left: 15px;
	margin-top: 1px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	line-height: 39px;
	font-weight: normal;
	text-transform: uppercase;
	color: #bcbec0;
	/*-ms-transform: scaleX(1.1);
    -webkit-transform: scaleX(1.1); 
	-moz-transform: scaleX(1.1);
    transform: scaleX(1.1); */
}
main section address span a {
	color: #bcbec0;
	text-decoration: none;
}
main section address span a:hover {
	color: #bcbec0;
	text-decoration: none;
}


main section address span.hightlight {
	background-image: url(../images/highlight.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #231f20;
}
aside {
	width: 360px;
	height: 40px;
	text-align: right;
	padding-right: 15px;
	margin-top: -3px;
}
q {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	text-transform: uppercase;
	color: #bcbec0;
}