/*
 * Navigation menu
 */
#navmenu_wrapper {
	position: fixed;
	top: 17px;
	height: 100%;
	font-size: 37pt; /* maximum font size*/
}

#menu_main {
	font-size: 100%; /* font size based on window resize */
	padding-left: 17px;
}

#menu_main > .menu_item {
	font-size: 100%; /* menu item*/
	color: #29988e;
}

#menu_main.menu >.menu_item {
	font-weight: normal;
}

#menu_main .menu {
	font-size: 50%; /* sub menu */
}

#menu_main {
	margin-top: 1em;
	font-family: 'Prata', serif;
}

#menu_main .menu {
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

#menu_main .menu a {
	white-space: nowrap;
	overflow: visible;
}

#menu_main .menu_item,#menu_main.menu >.menu_item {
	padding-top: .3em;
}

#menu_main .menu.empty {
	margin-bottom: 0em;
	height: .1px;
	/* needs a minimum height or the accordion jquery plugin freaks out */
	line-height: 0px;
}

#menu_main h3.selected a {
	color: rgb(4, 222, 184) !important; /* the same as #ED2689 */
}

.bigtext {
	font-family: 'Prata', serif;
	font-size: 18pt;
}

/*
 * Backgrounds
 */
#background_landing {
	background: url("../images/part01_bg.jpg") center 0px fixed;
	height: 1149px;
}

#background_hello {
	background: url("../images/part02_bg.jpg") center 50px fixed;
	height: 1955px;
}

#background_about {
	background: url("../images/part03_bg.jpg") center 50px fixed;
	height: 1377px;
}

#background_showcase {
	background: url("../images/part04_bg.jpg") center 50px fixed;
	height: 1084px;
}

#background_contact {
	background: url("../images/part05_bg.jpg") center 50px fixed;
	height: 1400px;
}

/*
 * Content
 */
#newsticker {
	position: absolute;
	right: 0px;
	top: 50%;
}

#content_main p.caption {
	font-size: 10pt;
}

#featurevideo {
	width: 100%;
	height: 320px;
	background-image: url('../images/slideshow03.jpg');
	position: relative;
}

.button_play {
	position: absolute;
	cursor: pointer;
}

#featurevideo>.button_play {
	left: 214px; /* to center: (parent width / 2) - (img.width / 2) */
	top: 134px;
	/* to center: (parent height / 2) - (img.height / 2) + 9px from the nav buttons */
}

#philosophyvideo {
	width: 415px;
	height: 230px;
	background-image: url('../images/aboutslider/philosophy_preview.jpg');
	position: relative;
}

#philosophyvideo>.button_play {
	left: 173px; /* to center: (parent width / 2) - (img.width / 2) */
	top: 80px;
	/* to center: (parent height / 2) - (img.height / 2) + 9px from the nav buttons */
}

#departments h5 {
	font-family: 'Tahoma', serif;
	font-weight: bold;
	font-size: 10pt;
}

#departments a {
	color: rgb(4, 222, 184);
}

#departments li {
	margin-bottom: .5em;
}

.cn-slideshow .close,#map_overlay .close,#map_overlay .print {
	background: url('../images/closebtn.png');
	position: absolute;
	right: 0px;
	top: -45px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.cn-slideshow .close:hover,#map_overlay .close:hover {
	background: url('../images/closebtn.png') 40px 0px;
}

#map_overlay .print {
	right: 45px;
	background: url('../images/printbtn.png');
}

#map_overlay .print:hover {
	background: url('../images/printbtn.png') 40px 0px;
}

/*
 * About items
 */
#about_overlay {
	display: none;
}

.pink_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0.95;
	cursor: pointer;
}

#content_main .about_overlay_content {
	color: white;
	font-family: 'Tahoma', serif;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 3;
	color: white;
}

#content_main .about_overlay_content h3 {
	font-family: 'Prata', serif;
	font-size: 36pt;
	font-weight: normal;
	width: 100%;
	text-align: center;
}

#content_main .about_overlay_content hr {
	height: 1px;
	line-height: 1px;
	width: 100%;
	background: none white;
	opacity: .2;
	margin-top: .7em;
	margin-bottom: .7em;
}

body.overlayed {
	overflow: hidden;
}

.about_key {
	height: 220px;
	background: url('../images/about_gradient_stripe.png') no-repeat 50% 88px transparent;
	display: block;
	float: left;
	margin-left: 40px;
}

#centerroom {
	margin: 0 auto;
}

.about_key .about_thumb {
	width: 87px;
	height: 87px;
	float: left;
	cursor: pointer;
}
#about_strategy>.about_thumb {
	background: url('../images/_design.png') no-repeat 0 0 transparent;
}

#about_vision>.about_thumb {
	background: url('../images/_marketing.png') no-repeat 0 0 transparent;
}

#about_philosophy>.about_thumb {
	background: url('../images/_web.png') no-repeat 0 0 transparent;
}

#about_skills>.about_thumb {
	background: url('../images/about_skills.png') no-repeat 0 0 transparent;
}

#portfolio-healthy-narva>.about_thumb {
	background: url('../images/portfolio-healthy-narva.png') no-repeat 0 0 transparent;
}

#portfolio-html5-banners>.about_thumb {
	background: url('../images/portfolio-html5-banners.png') no-repeat 0 0 transparent;
}

#portfolio-awards>.about_thumb {
	background: url('../images/portfolio-awards.png') no-repeat 0 0 transparent;
}

#about_skills {
	margin-right: 0px;
}

/*
 * Showcase section
 */
#showcase_details {
	left: 0px;
	width: 100%;
	top: 50px;
	position: fixed;
	z-index: 1001;
	color: white;
	height: 100%; /* fixed in fixContentHeight to account for parent's offset top */
	overflow: auto;
}

#project_content {
	width: 1051px; /* showcase 701 + info left 330 + 20 for scrollbar*/
	height: 100%;
	overflow: visible !important; /* for the stylized scrollbar */
	margin-left: auto;
	margin-right: auto;
}

#project_descriptor {
	width: 330px;
	left: 180px;
	float: left;
	margin-right: 20px;
}

#project_showcase {
	float: left;
	width: 701px;
}

.showcase {
	display: none;
	width: 100%;
}

#showcase_details .item {
	margin-bottom: 2px;
	display: block;
	width: 701px;
}

#showcase_details h3 {
	font-size: 20pt;
	font-weight: normal;
	margin-bottom: .8em;
	text-transform: uppercase;
}

#showcase_details .subtitle {
	font-size: 8pt;
	font-family: 'Tahoma', serif;
	margin: .7em 0em .7em 0em;
	text-transform: uppercase;
}

#showcase_details p {
	font-size: 13pt;
	margin: 2em 0em 2em 0em;
}

#showcase_details hr {
	background: url("../images/hr_tooltip.png") repeat-x;
	height: 1px;
	line-height: 1px;
	border: none;
	margin: 0px;
}

#showcase_details ul.nav {
	width: 100%;
}

#showcase_details_back,#showcase_details_next,#showcase_details_previous {
	display: block;
	float: left;
	padding: .6em 0em .6em 0em;
	text-align: center;
	margin-right: 1px;
	background: black;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Tahoma', serif;
	width: 30%;
}

#showcase_details_back:hover,#showcase_details_next:hover,#showcase_details_previous:hover {
	background: white;
	color: black;
}

#showcase_details_back {
	background-image: url('../images/showcase/showcase_back_btn.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#showcase_details_back:hover {
	background-image: url('../images/showcase/showcase_back_btn_hover.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/*
 * Contact section
 */
#zoom_location {
	margin-top: 1em;
	padding-left: 2em;
	line-height: 17px;
	height: 17px;
	background: url('../images/zoom.png') no-repeat 0 50% transparent;
	color: #666666;
	font-size: 8pt;
	font-family: 'Tahoma', serif;
}

#map_overlay {
	position: fixed;
	width: 24cm; /* because of the way gMaps works, you need to set width / height inline in html too */
	height: 12cm;
	left: 50%;
	top: 50%;
	margin-left: -12cm;
	margin-top: -6cm;
	display: none; /* will be shown when clicking the zoom button */
	z-index: 999;
}

#map_overlay {
	background-color: rgb(68, 68, 68); /* Needed for IEs */
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	zoom: 1;
}

#our_location_small,#our_location_big {
	font-family: 'Tahoma', serif;
}

#form_subscribe {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#form_subscribe input {
	float: left;
	width: 110px;
	padding-right: 1em;
}

#form_subscribe button {
	float: left;
}

.error_subcribe,#content_main p.success {
	color: rgb(4, 222, 184);
	font-size: 7pt;
	text-indent: 2em;
	background: url('../images/error.png') no-repeat 0 50% transparent;
	font-family: 'Tahoma', serif;
	margin-top: 2em;
	display: none;
	height: 10px;
}

#content_main p.success {
	background: url('../images/check.png') no-repeat 0 50% transparent;
}

/*
 * Contact Footer
 */
#content_footer {
	width: 100%;
	height: 400px;
	background-color: black;
	margin-left: -35px;
	margin-right: -35px;
	padding-left: 35px;
	padding-right: 35px;
	margin-top: 2em;
	color: white;
	padding-top: 1em;
}

#content_footer .description {
	color: #999999;
}

#content_footer hr {
	height: 1px;
	line-height: 1px;
	width: 100%;
	background: none #333333;
	margin-top: .7em;
	margin-bottom: .7em;
}

#our_friends>ul>li {
	font-family: 'Tahoma', serif;
	font-size: 8pt;
	border-bottom: 1px solid #333333;
	text-indent: 4em;
	line-height: 2.5em;
	margin-top: .5em;
	background: url("../images/slideshow_btn_next_hover.png") no-repeat 0 50% transparent;
}

#our_friends>ul>li>a:hover {
	color: rgb(4, 222, 184);
}