/**
Theme Name: www.VZ.com/de - (Frigga)
Theme URI: http: //www.vicozabel.com/
Version: - v.3.2.1. Frigga
Author: Vico Zabel

This is the main CSS file. All Media-Queries:
A) style-handheld.css (for screen-widths below 768px)
B) style-desktop.css (for screen-widths above 1024px)


TABLE OF CONTENTS:
------------------
 1.0 - Typography & Colors
	1.1 - Header
	1.2 - Footer
	1.3 - Content
		1.3.1 - Portfolio
		1.3.2 - About
		1.3.3 - Contact
		
 2.0 - Site
	2.1 - Overall
	2.2 - Container // B)

 3.0 - Layout
	3.1 - Header // A), B)
	3.2 - Content
	3.3 - Footer // A), B)
	3.3 - Portfolio
		3.3.1 - Project Single // A)
		3.3.2 - Project Landing // A)
	3.4 - About // A), B)
	3.5 - Contact // A)

------------------------------------------------------------------------------*/




/**--------------------------------------
  1.0 - Typography & Colors
-----------------------------------------*/


.TK_serif { /* FF Tisa Web Pro */
/*
	Regular
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;

	Regular Italic
	font-family: ff-tisa-web-pro-i4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: italic;
	font-weight: 400;

	Bold
	font-family: ff-tisa-web-pro-n7, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 700;

	Bold Italic
	font-family: ff-tisa-web-pro-i7, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: italic;
	font-weight: 700;
*/
}
.TK_sans { /* PT Sans */
/*
	Regular
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;

	Regular Italic
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;

	Bold
	font-family: pt-sans-n7, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 700;

	Bold Italic
	font-family: pt-sans-i7, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 700;
*/
}
a {
	font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	color: #777777;
}
strong {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
}
em {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
}
.sitemap a {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	color: #000000;
	font-size: 17px;
	line-height: 21px;
	margin: 0px 0px 0px 30px;
}
.sitemap a:hover {
	color: #999999;
	margin: 0px 0px 0px 54px;
}

/**-------------------------------------- 1.1 - Header --------------------*/
#header .panel_1 h4 {
	font-family: pt-sans-n4,pt-sans-1,pt-sans-2,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	color: #171717;
}
#header .panel_2 a {
	font-family: ff-tisa-web-pro-n4,ff-tisa-web-pro-1,ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 21px;
}
#header .panel_2 .active {
	color: #171717;
}
#header .panel_2 .inactive {
	color: #C9C9C9;	
}
#header .panel_3 li {
	margin: 0px 0px 0px 40px;
}
#header .panel_3 li.blog {
	margin: 0px 0px 0px 0px;
}

/**-------------------------------------- 1.2 - Footer --------------------*/

#footer h4 {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0.2px;
	color: #A9A9A9;
	margin: 0px 0px 0px 0px;
}

#footer .panel_1 ul {
	padding: 19px 0px 20px 0px;
}
#footer .panel_1 li {
	font-family: pt-sans-n4,pt-sans-1,pt-sans-2,sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #A9A9A9;
	margin: 0px 35px 0px 0px;
}
#footer .panel_1 li a {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,serif;
	font-style: italic;
	font-weight: 400;
	color: #999999;
}
#footer .panel_1 li a:hover {
	color: #555555;
}

#footer .panel_2 h4 {
	position: absolute;
	top: 138px;
}
#footer .panel_2 h4 span {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	color: #A9A9A9;
}

#footer .panel_3 ul {
	padding: 19px 0px 20px 0px;
}
#footer .panel_3 li {
	font-family: pt-sans-n4,pt-sans-1,pt-sans-2,sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #A9A9A9;
	margin: 0px 0px 0px 0px;
}
#footer .panel_3 .italic {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
	color: #A9A9A9;
}
#footer .panel_3 .italic {
	font-size: 10px;
}
#footer .panel_3 a {
	font-family: pt-sans-n4,pt-sans-1,pt-sans-2,sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #A9A9A9;
}

#footer .panel_4 ul {
	padding: 19px 0px 20px 0px;
}
#footer .panel_4 li {
	color: #A9A9A9;
}
#footer .panel_4 span {
	font-family: ff-tisa-web-pro-i4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: italic;
	font-weight: 400;
	font-size: 9px;
	color: #B9B9B9;
}
#footer .panel_4 a {
	font-family: pt-sans-n7, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 700;
	color: #A9A9A9;
}

/**-------------------------------------- 1.3.1 - Porfolio --------------------*/
#project_single .description {
	margin: 0px 0px 0px 0px;
}
#project_single .description h1 {
	font-family: ff-tisa-web-pro-n7, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
	margin: -5px 0px 17px 0px;
}
#project_single .description h1 span{
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	color: #A9A9A9;
}
#project_single .description p {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
	color:#A9A9A9;
	margin: 0px 0px 17px 0px;
}
#project_single .description a {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
}
#project_single .images {
	margin: 60px 0px 80px 10px;
}

#project_single .share h4 {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0.2px;
	color: #171717;
	margin: 0px 0px 0px 0px;
}
#project_single .share ul {
	margin: 17px 0px 30px 0px;
}
#project_single .share li {
}
#project_single .share ul li a {
	font-family: pt-sans-n7, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 700;
	color: #A9A9A9;
}
#project_single .share ul li a.sub {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	color: #A9A9A9;
}
#project_single .share ul li a.sub_italic {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
	color: #A9A9A9;
}

#project_single .description .scroll_down a {
	color: #A9A9A9;
}
#project_single .description .scroll_down a:hover {
	color: #7f7f7f;
}
#panel_1_filter .scroll_up {
	display: block;
	position: absolute;
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
	color: #A9A9A9;
	width: 73px;
	height: 17px;
	right: 0px;
	bottom: 0px;
	background: url(002_SITE_IMAGES/page_PROJECTS/arrow_up.gif) right top no-repeat;
}
#panel_1_filter .scroll_up:hover {
	color: #7f7f7f;
	background: url(002_SITE_IMAGES/page_PROJECTS/arrow_up.gif) right bottom no-repeat;
}

#panel_1_filter h4 {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0.2px;
	color: #171717;
	margin: -5px 0px 17px 0px;
}
#panel_1_filter ul {
}
#panel_1_filter li {
}
#panel_1_filter ul li a {
	font-family: pt-sans-n7, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 700;
	color: #A9A9A9;
}
#panel_1_filter ul li a.sub {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	color: #A9A9A9;
}
#panel_1_filter ul li a.sub_italic {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
	color: #A9A9A9;
}

/** -- PROJECT: thumbnails -- */
#project_thumbnails .cat_1, .project.cat_1 .image {
	/* background: #14537E; */ background: #CCCCCC;
}
#project_thumbnails .cat_2, .project.cat_2 .image {
	/* background: #999999; */ background: #CCCCCC;
}
#project_thumbnails .cat_3, .project.cat_3 .image {
	/* background: #99A200; */ background: #CCCCCC;
}
#project_thumbnails .cat_4, .project.cat_4 .image {
	/* background: #F5652B; */ background: #CCCCCC;
}

/** -- PROJECT: list -- */
#project_list .description h2 {
	font-family: ff-tisa-web-pro-n7, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 700;
	color: #171717;
	margin: 21px 0px 9px 0px;
}
#project_list a {
	color: #171717;
}
#project_list .description h2 span {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
	color:#A9A9A9;
	
}
#project_list .description p {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	max-width: 321px;
	line-height: 15px;
	color:#A9A9A9;
}


/**-------------------------------------- 1.3.2 - About --------------------*/

#about h1 {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 25px;
	color: #999999;
	max-width: 540px;
	margin: 30px 0px 30px 0px;
}
#about .column_1 p, #about .column_2 p {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 19px;
	color:#A9A9A9;
	padding: 0px 30px 0px 0px;
	margin: 0px 0px 30px 0px;
}
#about .column_1 p em, #about .column_2 p em {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
}
#about h4 {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 17px;
	color: #171717;
	max-width: 236px;
	height: 17px;
	overflow: hidden;
}

#about .panel_2 p {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 80px;
	line-height: 90px;
	color: #B9B9B9;
}
#about .panel_2 p span {
	font-family: pt-sans-n4, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 90px;
	color: #B9B9B9;
}

#about .panel_3 .years span {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 80px;
	line-height: 90px;
	color: #B9B9B9;
}
#about .panel_3 .years {}
#about .panel_3 .years .shift_left {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 90px;
	color: #B9B9B9;
	margin-left: -9px;
}
#about .panel_3 .days, #about .panel_3 .hours, #about .panel_3 .minutes, #about .panel_3 .seconds {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	color: #B9B9B9;
	min-width: 200px;
}
#about .panel_3 .seconds span {
	font-family: ff-tisa-web-pro-n4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	color: #30acec;
}

/**-------------------------------------- 1.3.3 - Contact --------------------*/

#contact ul {
}
#contact li {
}
#contact li.black {
	color: #171717;
}
#contact li.black a {
	color: #171717;
}
#contact li.black span {
	font-family: ff-tisa-web-pro-n7, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 700;
	color: #171717;
}
#contact li.black .italic {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
}
#contact li.black .italic_small {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
	font-size: 10px;
}
#contact .empty_line {
	line-height: 21px;
}
#contact .empty_line_wide {
	line-height: 21px;
}

#contact ul.social {
	padding: 12px 0px 20px 0px;
}
#contact ul.social li {
	color: #A9A9A9;
}
#contact ul.social span {
	font-family: ff-tisa-web-pro-i4, ff-tisa-web-pro-1, ff-tisa-web-pro-2,serif;
	font-style: italic;
	font-weight: 400;
	font-size: 9px;
	color: #B9B9B9;
}
#contact ul.social a {
	font-family: pt-sans-n7, pt-sans-1, pt-sans-2,sans;
	font-style: normal;
	font-weight: 700;
	color: #A9A9A9;
}
#contact .newsletter_signup {
	font-family: pt-sans-i4, pt-sans-1, pt-sans-2,sans;
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	color: #F5652B;
}


/**--------------------------------------
  2.0 - Site
-----------------------------------------*/
/**-------------------------------------- 2.1 - Overall --------------------*/
html {
	font-size: 100%;
	background: #FFFFFF;
}
body {
	font-family: ff-tisa-web-pro-n4,ff-tisa-web-pro-1,ff-tisa-web-pro-2,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 17px;
	min-width: 320px;
	color: #171717;
}


/**-------------------------------------- 2.2 - Container --------------------*/
.site-container { /* B) */
	display: block;
	position: relative;
	min-width: 320px;
	max-width: 1024px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}


/**--------------------------------------
  3.0 - Layout
-----------------------------------------*/
/**-------------------------------------- 3.1 - Header --------------------*/
#header {
	display: block;
	position: relative;
	width:100%;
	height: auto;
}
#header .site-container {
	height: 280px;
	width: 100%;
	margin: 0px auto 0px auto;
}

#header .panel_1 {
	display: block;
	position: absolute;
	left: 10px;
	top: 0px;
}
#header .panel_1 a {
	display: block;
	position: absolute;
	width: 300px;
	height: 200px;
	left: 0px;
	top: 0px;
	text-indent: -2000px;
	background: url(002_SITE_IMAGES/site_HEADER/nav_logo.gif) left top;
}
#header .panel_1 h4 {
	margin: 129px 0px 0px 165px;
}
#header .panel_2 {
	display: block;
	position: absolute;
	width: 236px;
	height: 80px;
	left: 10px;
	top: 200px;
	z-index: 10000;
}
#header .panel_2 .fade_main_portfolio {
	display: inline;
	float: left;
}
#header .panel_2 .fade_main_about {
	display: inline;
	float: left;
	margin: 0px 0px 0px 31px;
}
#header .panel_2 .fade_main_contact {
	display: inline;
	float: right;
}
#header .panel_3 {
	display: none;
	position: absolute;
	width: 236px;
	height: auto;
	left: 778px;
	top: 97px;
}
.plusone { /* A) B) */
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 710px;
	top: 205px;
}


/**-------------------------------------- 3.2 - Content --------------------*/
#content {}
#content .site-container {}


/**-------------------------------------- 3.3 - Footer --------------------*/
#footer {
	clear: both; /* cleat PORTFOLIO floats */
	display: block;
	position: relative;
	width:100%;
	height: auto;
	margin: 60px 0px 0px 0px;
}
#footer .site-container {
	background-position: 0px 0px;
	height: auto;
	min-height: 390px;
	width: 100%;
	margin: 0px auto 0px auto;
}

#footer .panel_1 {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1004px;
	height: auto;
	min-height: 110px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 30px 0px;
}
#footer .panel_2 { /* A) */
	display: block;
	position: relative;
	width: 236px;
	height: 185px;
	margin: 0px 0px 0px 10px;
}
#footer .panel_2 a { /* A) */
	display: block;
	position: absolute;
	width: 236px;
	height: 155px;
	left: 0px;
	top: 0px;
	text-indent: -2000px;
	background: url(002_SITE_IMAGES/site_FOOTER/footer_logo.gif) top;
}
#footer .panel_3 { /* A) */
	display: block;
	position: relative;
	width: 256px;
	height: 185px;
	margin: -185px 0px 0px 266px;
}
#footer .panel_4 { /* A) B) */
	display: block;
	position: relative;
	width: 236px;
	height: 185px;
	margin: -185px 0px 0px 522px;
}


/**--------------------------------------
  3.3 - PORTFOLIO --------------------*/
/**-------------------------------------- 3.3.1 - PROJECT - single --------------------*/
#project_single {}
#project_single .description { /* A) */
	display: block;
	position: relative;
	width: 100%;
	max-width: 492px;
	height: auto;
	min-height: 150px;
	margin: 0px 0px 0px 266px;
}
#project_single .description .scroll_down { /* A) */
	display: block;
	position: absolute;
	width: 236px;
	height: 20px;
	left: -256px;
	bottom: -2px;
	line-height: 16px;
	text-align: right;
	background: url(002_SITE_IMAGES/page_PROJECTS/arrow_down.gif) left top no-repeat;
	z-index: 321;
}
#project_single .description .scroll_down:hover {
	background: url(002_SITE_IMAGES/page_PROJECTS/arrow_down.gif) left bottom no-repeat;
}
#project_single .share { /* A) */
	display: block;
	position: absolute;
	width: 236px;
	height: 150px;
	top: 0px;
	left: 10px;
}

#project_single .images img { /* A) */
	display: block;
	position: relative;
	width: 100%;
	max-width: 748px;
	height: auto;
}
#project_single .images { /* A) */
	display: block;
	position: relative;
	width: 100%;
	max-width: 748px;
	height: auto;
}

/**-------------------------------------- 3.3.2 - PROJECT - landing --------------------*/
#panel_1_filter { /* A) */
	display: block;
	position: absolute;
	width: 236px;
	height: 160px;
	margin: 0px 10px 20px 10px;
	z-index: 999;
}
#panel_1_filter .filter_icon { /* THUMBNAILS */
	display: block;
	position: absolute;
	cursor: pointer;
	width: 42px;
	height: 35px;
	right: 0px;
	top: -12px;
	text-indent: -2981px;
	background: url(002_SITE_IMAGES/page_PROJECTS/projects_filter_icon.gif) bottom;
}
#panel_1_filter .filter_icon:hover {
	background: url(002_SITE_IMAGES/page_PROJECTS/projects_filter_icon.gif) top;
}

/** -- PROJECT: thumbnails -- */
#project_thumbnails {
}
#project_thumbnails .thumb { /* outer div for each thumbnail container A) */
	display: block;
	position: relative;
	float: left;
	width: 236px;
	height: 160px;
	margin: 0px 10px 20px 10px;
	line-height: 0px;
}
#project_thumbnails .thumb img { /* A) */
	width: 236px;
}
#project_thumbnails .spacer { /* push the first thumbnail to slot 2 A) */
	display: block;
	position: relative;
	float: left;
	width: 236px;
	height: 160px;
	margin: 0px 10px 20px 10px;
	line-height: 0px;
}
#project_thumbnails .additional { /* final div to request more A) */
	display: block;
	position: relative;
	float: left;
	width: 236px;
	height: 160px;
	margin: 0px 10px 20px 10px;
}
#project_thumbnails .additional a {
	display: block;
	position: relative;
	width: 236px;
	height: 160px;
	text-indent:0px;
	background: url(002_SITE_IMAGES/page_PROJECTS/projects_additional_available.gif) top;
}
#project_thumbnails .additional a:hover {
	background: url(002_SITE_IMAGES/page_PROJECTS/projects_additional_available.gif) bottom;
}

/** -- PROJECT: list -- */
#project_list {
	display: none; /* fade out by default */
	position: relative;
	padding: 180px 0px 0px 0px;
}
#project_list .project { /* A) */
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	max-width: 748px;
	margin: 0px 10px 20px 10px;
}
#project_list .project .description { /* A) */
	display: block;
	position: absolute;
	width: 100%;
	max-width: 492px;
	left: 256px;
	top: 0px;
}
#project_list .project .image { /* A) */
	display: block;
	position: relative;
	width: 236px;
	height: 160px;
	line-height: 0px;
}


/**-------------------------------------- 3.5 - ABOUT --------------------*/
#about {}
#about .skyline {
	min-height: 256px;
	width: auto;
	max-width: 748px;
	margin: 0px 0px 30px 10px;
	background: url(002_SITE_IMAGES/page_ABOUT/vicozabel.jpg) left;
		border-right: 10px solid #FFFFFF;
}
#about h1 {
	margin: 0px 0px 30px 10px;
}

#about .column_1 { /* A) */
	display: block;
	position: relative;
	float: left;
	width: 50%;
	max-width: 492px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-left: 10px;
}
#about .column_2 { /* A) */
	display: block;
	position: relative;
	width: 50%;
	max-width: 492px;
	height: auto;
	margin: 0px 0px 0px 50%;
	padding-left: 10px;
}
#about .panel_1 { /* A) */
	clear: both;
	display: block;
	position: relative;
	width: auto;
	height: 700px;
	margin: 50px 0px 30px 0px;
	background: url(002_SITE_IMAGES/page_ABOUT/about_map.jpg) bottom no-repeat;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
}

#about .panel_2 { /* A) */
	display: block;
	position: relative;
	width: 236px;
	height: 100px;
	margin: 70px 0px 0px 10px;
}

#about .panel_3 { /* A) */
	display: block;
	position: relative;
	width: 236px;
	height: 100px;
	margin: -100px 0px 0px 266px;
}
#about .panel_3 .years {
	height: 100px;
}
#about .panel_3 .days {
	margin-top: -80px;
}
#about .panel_3 .days, #about .panel_3 .hours, #about .panel_3 .minutes, #about .panel_3 .seconds {
	margin-left: 100px;
}

#about .panel_4 { /* A) B) */
	display: block;
	position: relative;
	width: 748px;
	height: 100px;
	margin: 30px 0px 0px 10px;
}
#about .panel_4 .content_1, #about .panel_4 .content_2, #about .panel_4 .content_3, #about .panel_4 .content_4, #about .panel_4 .content_5,
#about .panel_4 .content_6, #about .panel_4 .content_7, #about .panel_4 .content_8, #about .panel_4 .content_9, #about .panel_4 .content_10,
#about .panel_4 .content_11, #about .panel_4 .content_12, #about .panel_4 .content_13 {
	display: block;
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 98px;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
}
#about .panel_4 .content_1 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_1.gif) left bottom no-repeat;
}
#about .panel_4 .content_2 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_2.gif) left bottom no-repeat;
}
#about .panel_4 .content_3 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_3.gif) left bottom no-repeat;
}
#about .panel_4 .content_4 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_4.gif) left bottom no-repeat;
}
#about .panel_4 .content_5 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_5.gif) left bottom no-repeat;
}
#about .panel_4 .content_6 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_6.gif) left bottom no-repeat;
}
#about .panel_4 .content_7 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_7.gif) left bottom no-repeat;
}
#about .panel_4 .content_8 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_8.gif) left bottom no-repeat;
}
#about .panel_4 .content_9 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_9.gif) left bottom no-repeat;
}
#about .panel_4 .content_10 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_10.gif) left bottom no-repeat;
}
#about .panel_4 .content_11 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_11.gif) left bottom no-repeat;
}
#about .panel_4 .content_12 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_12.gif) left bottom no-repeat;
}
#about .panel_4 .content_13 {
	background: url(002_SITE_IMAGES/page_ABOUT/about_manifest_content_13.gif) left bottom no-repeat;
}
#about .panel_4 .arrow_right {
	display: block;
	position: absolute;
	cursor: pointer;
	width: 64px;
	height: 100px;
	right: 10px;
	bottom: 0px;
	background: url(002_SITE_IMAGES/page_ABOUT/about_arrow_right.gif) top;
}
#about .panel_4 .arrow_right:hover {
	background: url(002_SITE_IMAGES/page_ABOUT/about_arrow_right.gif) bottom;
}


/**-------------------------------------- 3.6 - CONTACT --------------------*/
#contact {}
#contact .map_building { /* B) this one is outside the main container to prevent any cut-offs dude */
	display: block;
	position: relative;
	width: 1160px;
	height: 770px;
	margin: -67px 0px 0px 0px;
	background: url(002_SITE_IMAGES/page_CONTACT/map_building.gif) left top;
}
#contact .newsletter_signup { /* A) */
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	left: 412px;
	top: 197px;
}
#contact .contact_data {
	display: block;
	position: absolute;
	width: 236px;
	height: auto;
	left: 10px;
	top: 435px;
}