* {
	margin: 0;
	padding: 0;
	}
html, body { height: 100%;}
body {
	font-size:62.5%;
	min-width:960px;
}
.main { background: url(images/body/main-bg.jpg) no-repeat top right}
.services { background: url(images/body/services-bg.jpg) no-repeat top right}
.single { background: url(images/body/works-bg.jpg) no-repeat top right}
.works { background: url(images/body/works-bg.jpg) no-repeat top right}
.page { background: url(images/body/services-bg.jpg) no-repeat top right}
.about { background: url(images/body/about-bg.jpg) no-repeat top right}
.error404 { background: url(images/body/404-bg.jpg) no-repeat top right}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px;
}



img { margin:0; padding:0; border:0;}
ins { color:#009999;}
del { color:#990000;}
ul, li { margin: 0; padding:0; list-style: none;}

a:link { color:#0055aa}
a:hover { color:#cc0000}

p {
	font:1.4em Arial, "Times New Roman", Times, serif;
	color:#000;
	line-height:1.3em;
}


h1 {
	font:4.2em Georgia, "Times New Roman", Tahoma, Helvetica, sans-serif;
	color:#000;
	line-height: 1.1em;
	margin-bottom: 1.1em;
}

h2 {
	font:3em Georgia, "Times New Roman", Tahoma, Helvetica, sans-serif;
	color:#000;
	line-height:1.1em;
	margin-bottom: 1.1em;
}

h3 {
	font:2em Georgia, "Times New Roman", Tahoma, Helvetica, sans-serif;
	color:#000;
	font-style:normal;
	line-height:1.1em;
	margin-bottom: 1em;
}

h4, h5, h6 {
	font:1.6em Georgia, "Times New Roman", Tahoma, Helvetica, sans-serif;
	color:#707070;
	font-style:normal;
	line-height:1.1em;
	margin-bottom: 0.5em;
}


/* ----------------------------------------------*/
/* 00-a - LAYOUT General
/* ----------------------------------------------*/
#content, .header-container, .footer-container { width:90%; margin: 0 auto;}


/* ----------------------------------------------*/
/* 01 - HEADER
/* ----------------------------------------------*/

#header { height: 140px; margin: 0 auto}
#logo, .artvolens-logo {
	width:260px; height:88px;
	text-indent: -9999px;
	background: transparent url(images/logo-artvolens.png) no-repeat;
	margin-top:20px
}
#logo { float:left;}
#logo a, a.artvolens-logo { width:260px; height:88px; display: block}
.main-menu { float:right; padding:65px 150px 0 0}
.main-menu div { float:left; padding-left: 5em}
.main-menu a, .main-menu a:link, .main-menu a:active, .main-menu a:visited { 
	font:1.7em Georgia, "Times New Roman", Times, serif; color:#0055aa; text-decoration:none}
.main-menu a:hover { color:#cc0000; text-decoration:underline}


/* ----------------------------------------------*/
/* 02 - HEADING BLOCK
/* ----------------------------------------------*/

.heading-block {
	width: 95%;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-right-radius: 15px;
}
.black-bg {
	background: transparent url(images/black-bg.png);
	background: rgba(0, 0, 0, 0.9);	
}
.green-bg {
	background: transparent url(images/green_bg.png);
	background: rgba(182, 202, 29, 0.8);	
}
.blue-bg {
	background: transparent url(images/blue-bg.png);
	background: rgba(61, 171, 223, 0.8);	
}
.gray-bg {
	background: transparent url(images/gray-bg.png);
	background: rgba(244, 244, 244, 0.8);	
}
.heading-block h1, .heading-block h2 { margin:0; padding:1em 0}
.heading-inner { padding-left: 5%;}


/* ----------------------------------------------*/
/* 02 - CONTENT
/* ----------------------------------------------*/

.big-item {
	border-bottom: 1px solid #ececed;
	padding-bottom:20px;
	margin-bottom:30px;
}
.big-item-no-brdr { padding-bottom:50px}
.projects-item {
	border-bottom: 1px solid #ececed;
	border-top: 5px solid #ececed;
	padding-bottom:20px;
	padding-top:30px;
	margin-bottom:30px;
}
.text-block-right { width: 80%; float:right}
.column-45 { width:47%; height:auto; clear:right}
.column-30 { width:30%; height:auto; clear:right}
.info-box, .info-box-transparent{
	padding: 2%; margin:0;
	background-color: #2b2b2b;	
	background: rgba(20, 20, 20, 0.9);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.info-box-transparent { background:none; background: rgba(238, 238, 238, 0.5); border: 1px dashed #cbcbcb; padding: 2em 3em 1em 3em }
.info-box p {
	font:1.2em Tahoma, Arial, Helvetica, sans-serif; color:#8b8b8b;
}
.info-box a { color:#FFF}
.info-link-big {
	font:1.7em Georgia, "Times New Roman", Times, serif; color:#0055aa;
	padding: 1em 0;	
}
.main-content { padding-top: 50px}


/* ----------------------------------------------*/
/* 03 - FOOTER
/* ----------------------------------------------*/

.footer-container p {
	font:1.2em "Times New Roman", Georgia, Tahoma, Helvetica, sans-serif;
	width:320px;
	text-align:right;
	float:right;
}
#footer, .push {height:140px;}
.copyright { padding:35px 0; float:right}
.copyright p { text-align:right; color:#7e7e7e}

/* ----------------------------------------------*/
/* 04 - FOOTER Icons
/* ----------------------------------------------*/

.icons { padding-top:60px; float:left;}
.icons div { float:left; padding-right:2em;}
.artvolens-small-logo { display:block; width:122px; height:36px; background: transparent url(images/logo-sm.png) no-repeat left top;}
.twitter-icon { display:block; width:38px; height:31px; background: transparent url(images/twitter-off.png) no-repeat left top;}
.twitter-icon:hover { background: transparent url(images/twitter-on.png) no-repeat left top;}
.linkedin-icon { display:block; width:130px; height:34px; background: transparent url(images/linked-off.png) no-repeat left top;}
.linkedin-icon:hover { background: transparent url(images/linked-on.png) no-repeat left top;}
.flickr-icon { display:block; width:95px; height:28px; background: transparent url(images/flickr-off.png) no-repeat left top;}
.flickr-icon:hover { background: transparent url(images/flickr-on.png) no-repeat left top;}





/* additional classes */

.red, a.red  {	color:#ce0000}
a.red:hover { color:#000; text-decoration:none;}

.white { color:#FFF}
.gray { color:#777}
.gray2 { color:#bbb}
.gray3 { color:#555}
.orange { color:#f39822}
.padd-top { padding-top: 50px}
.padd-top-15 { padding-top:15px}
.padd-top-h3 { padding-top:20px}
.padd-1em { padding:1em 0}
.padd-rght-5 { padding-right:5%;}
.padd-btm-20 { margin-bottom:20px}
.padd-btm-40 { margin-bottom:40px}
.width-70 { width:70%}
.clear-both { clear:both}
.fleft { float:left}
.fright { float:right}
.bold { font-weight:bold}
.italic { font-style:italic}
.big { font-size:2.4em;}
.big-info { font-size:1.4em; font-family: "Times New Roman", Times, serif, Helvetica, sans-serif}
.font2 {  font-family: "Times New Roman", Times, serif, Helvetica, sans-serif}
.font3 {  font-family: Georgia, "Times New Roman", Times, serif, sans-serif}
.smaller {	font-size:0.6em;}

.visit-link { font-style:italic}

/* FIXES */
div.clear-both { margin:0; padding:0; line-height:0; height:0;}