/*
 * Artcél Stúdió Kft.
 * Primary styles
 *
 * Author: Highlander - 42nd Level 42ndlevel.com
 */

/* @group fonts */
@font-face {
	font-family: 'titleFontNormal';
	src: url('fonts/CallunaSansRegular-webfont.eot');
	src: local('☺'),
		url('fonts/CallunaSansRegular-webfont.woff') format('woff'),
		url('fonts/CallunaSansRegular-webfont.ttf') format('truetype'),
		url('fonts/CallunaSansRegular-webfont.svg#webfontD7ifoY2l') format('svg');
	font-weight: normal;
	font-style: normal;
}

.titleFont,
.content-block h2 {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'titleFontNormal', Helvetica, Arial;
	-webkit-font-smoothing: antialiased;
}


/* @end Fonts */
/* @group Common */

html, body {
	width: 100%;
	color: #aaa693;
}

html, body, p, h1, h2, h3, h4, h5, h6, ul, li {
	padding: 0;
	margin: 0;
}
ul, li { list-style: none; }

a {
	text-decoration: none;
	outline: none;
}
a:active {
	position: relative;
	top: 1px;
}

.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* @end */
html {
	background: #2a2820 url(../layout/html_bg.png) repeat-x left bottom;
}
body {
	background: transparent url(../layout/body_bg.png) no-repeat center top;
}
#outer-wrap {
	width: 100%;
	background: transparent url(../layout/artcel_bottom_tree_bg.png) fixed repeat-x -90px bottom;
}
#wrap {
	width: 960px;
	margin: 0 auto;
	background: #fff url(../layout/main_bg.png) no-repeat left top;
}
/* @group Header */

#header {
	position: relative;
	width: 400px;
	height: 188px;
	padding: 147px 80px 0 480px;
	background: transparent url(../layout/vertical_separator.gif) no-repeat center bottom;
}
#header acronym {
	position: absolute;
	left: 224px;
	top: 217px;
	border: none;
}
#header acronym a {
	display: block;
	width: 168px;
	height: 28px;
	text-indent: -999em;
}
#header p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
}
#header p sup {
	font: 9px Verdana, Geneva, sans-serif;
	color: #ff004e;
}
#header p a {
	color: #ff004e;
	padding: 0 1px 1px 1px;
}
#header p a:hover {
	background: #ff004e;
	color: #fff;
}
#header h1 {
	height: 28px;
	padding-bottom: 5px;
	font: 24px Arial, Helvetica, sans-serif;
	text-indent: -999em;
	color: #333229;
	background: transparent url(../layout/artcel_studio_text.png) no-repeat left top;
}
#main-menu {
	width: 320px;
	height: 29px;
	
}
#main-menu li {
	float: left;
}

#main-menu li a {
	display: block;
	height: 29px;
	text-indent: -999em;
	background: transparent url(../layout/menu_bg.png) no-repeat 0 0;
}
#main-menu #m1 a { width: 68px; }
#main-menu #m2 a { width: 64px; background-position: -68px 0; }
#main-menu #m3 a { width: 48px; background-position: -132px 0;}
#main-menu #m4 a { width: 44px; background-position: -180px 0;}
#main-menu #m5 a { width: 96px; background-position: -224px 0;}
#main-menu #m1 a:hover, #main-menu #m1 a.active { background-position: 0 -29px }
#main-menu #m2 a:hover, #main-menu #m2 a.active { background-position: -68px -29px }
#main-menu #m3 a:hover, #main-menu #m3 a.active { background-position: -132px -29px }
#main-menu #m4 a:hover, #main-menu #m4 a.active { background-position: -180px -29px }
#main-menu #m5 a:hover, #main-menu #m5 a.active { background-position: -224px -29px }


/* @end */

/* @group Content */

#content {
		padding: 0 80px;
}
.content-block {
	padding: 30px 0;
	font: normal 10px/1.6em Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(../layout/vertical_separator.gif) no-repeat center bottom;
}
#home-page .content-block {
	padding: 10px 0;
}
.content-block img {
	border: 10px solid #F3F2EF;
}

.content-block span {
	color: #ff004e;
}
.content-block h2 {
	padding-bottom: 20px;
	color: #343229;
	font-size: 26px;
	/*font: normal 24px Arial, Helvetica, sans-serif;*/
}
.content-block h2 a {
	color: #343229;
	/*font: normal 24px Arial, Helvetica, sans-serif;*/
}
.content-block h2 a span {
	color: #ff004e;
}
.content-block a {
	color: #ff004e;
	padding: 0 1px 1px 1px;
}
.client-link:hover, .more-link:hover {
	background: #ff004e;
	color: #fff;
}
.project-info {
	padding: 10px;
}
#home-page .project-info {
	
	padding: 0;
}
#home-page .project-info li {
	float: left;
	background: transparent url(../layout/project-info_bg.gif) no-repeat right center;
	padding: 0 10px 0 0;
}
.column-wrap {
	width: 266px;
	float: left;
}
.column-wrap li a {
	display: block;
	width: 250px;
}
.column-wrap li a:hover {
	background: #ff004e;
	color: #fff;
}
/* @end */

/* @group Footer */

#footer {
	margin-top: 180px;
	padding: 20px 80px 0 80px;
	font: 11px/50px Arial, Helvetica, sans-serif;
}
.small-text {
	font: 9px Verdana, Geneva, sans-serif;
	color: #d0cec4;
}
.small-text sup, .project-info li sup {
	font: 9px Verdana, Geneva, sans-serif;
	color: #ff004e;
}
/* @end */