/* 
style.css
JavelinVP.com (version 1.0)
Website by LaMa Media
Copyright (c) 2009 - All Rights Reserved
*/


/* GLOBAL */

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #7f9dbd;
	font-family: arial, helvetica, sans-serif;
	overflow: scroll;
}

.hidden {
	display: none;
}

a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

a:hover {
	color: #2f5d96;
	text-decoration: underline;
}


/* PAGES */

.wrapper {
}

.page {
	background: url(../media/javback.gif) repeat-y;
	width: 900px;
	height: 100%;
	min-height: 680px;
	height: expression(document.body.clientHeight < 680 ? "680px": "100%"); 
	position: relative;
}

#page-top {
	background: url(../media/javtop.gif);
	width: 874px;
	height: 89px;
	position: relative;
	z-index: 10;
}

#page-bot {
	background: url(../media/javbot.gif);
	width: 290px;
	height: 61px;
	position: absolute;
	bottom: 0;
	right: 13px;
}

.main {
	position: absolute;
	left: 295px;
	top: 90px;
	text-align: left;
}

.content {
	position: relative;
	left: 50px;
	top: 90px;
	width: 500px;
	color: #2f5d96;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}

.content td {
	color: #2f5d96;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
}

.headline {
	font-size: 15px !important;
	font-weight: bold !important;
	padding-bottom: 5px;
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic !important;
}

.space-s {
	width: 20px;
	height: 20px;
	font-size: 1px;
}

.space-m {
	width: 60px;
	height: 60px;
	font-size: 1px;
}

.space-l {
	width: 90px;
	height: 90px;
	font-size: 1px;
}

#credit a {
	position: absolute;
	right: 5px;
	bottom: 2px;
	color: #ddd;
	font-size: 10px;
	text-align: right;
}

#credit a:hover {
	color: #2f5d96;
}

#paratop {
/* for IE adjustment */
}


/* TEAM */

#team-back {
	background: url(../media/javteamenu.gif);
	width: 592px;
	height: 126px;
	position: absolute;
	top: 74px;
}

#team-menu {
	position: absolute;
	top: 80px;
	left: 120px;
	font-size: 14px;
	font-weight: bold;
	z-index: 10;
}

#team-menu div {
	padding: 5px 0;
	cursor: pointer;
}

#team-menu span {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

#team-menuspace {
	height: 80px;
}

.team-bio img {
	float: right;
	position: relative;
	top: -80px;
	left: 15px;
	margin: 0 0 -60px 20px;
}

.team-bio div {
	padding: 10px 0;
}

.team-name {
	font-size: 22px;
	font-weight: bold;
}

.team-title {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

.team-email {
	margin: -10px 0;
}


/* PORTFOLIO */

.portfolio-item {
	position: relative;
	margin-top: 10px;
	padding-bottom: 20px;
}

.portfolio-link {
	float: left;
	background: url(../media/javportback.gif);
	width: 245px;
	height: 162px;
	position: relative;
	left: 13px;
	text-align: center;
	margin: 0 40px 10px 0;
}

.portfolio-link img {
	border: none;
}

.portfolio-link a {
	display: block;
	padding: 32px 0;
}

.portfolio-link span {
	line-height: 40px;
}

.portfolio-line {
	position: absolute;
	left: 258px;
	top: 34px;
}

.portfolio-text {
	padding: 60px 0 0 20px;
}


/* NEWS */

.news-table {
	position: absolute;
	left: -50px;
	top: 10px;
	width: 592px;
}

.news-top {
	background: url(../media/javnewstop.gif);
	width: 592px;
	height: 30px;
}

.news-bot {
	background: url(../media/javnewsbot.gif);
	width: 592px;
	height: 30px;
}

.news-left {
	background: url(../media/javnewsleft.gif) repeat-y;
	width: 96px;
}

.news-mid {
	background: url(../media/javnewsmid.gif) repeat-y;
	width: 50px;
}

.news-space {
	background: url(../media/javnewspace.gif);
	width: 592px;
	height: 40px;
}

.news-head {
	width: 162px;
	background-color: #fff;
	font-weight: bold;
}

.news-head div {
	font-style: italic;
	color: #999;
}

.news-head img {
	margin: 10px 0 20px 0;
	border: none;
	outline: none;
}

.news-body {
	width: 230px;
	padding-right: 10px;
}

.news-fullart {
	position: relative;
	left: 97px;
	background: url(../media/javfullart.gif) 0 0;
	width: 140px;
	height: 50px;
	display: block;
	text-align: right;
	outline: none;
}

.news-fullart:hover {
	background-position: 0 -50px;;
}

.news-fullart span {
	display: none;
}


/* CONTACT */

#contact-back {
	background: url(../media/javcontact.jpg);
	width: 592px;
	height: 255px;
	position: relative;
	top: 76px;
}


/* HOME */

#home-back {
	background: url(../media/javhome.gif);
	width: 592px;
	height: 509px;
	position: absolute;
	color: #2f5d96;
	font-size: 12px;
	text-align: justify;
}

#home-synopsis {
	position: absolute;
	top: 22px;
	left: 68px;
	width: 480px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 29px;
}

#home-description {
	position: absolute;
	top: 152px;
	left: 68px;
	width: 220px;
	line-height: 24px;
}

.home-news {
	position: absolute;
	top: 148px;
	left: 356px;
	width: 180px;
	height: 330px;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
	border: solid 2px #fff;
	z-index: 10;
	display: none;
	cursor: pointer;
}

.home-news-text {
	width: 160px;
	margin: 10px;
	text-align: left;
}

.home-news-text div {
	font-weight: bold;
	padding-bottom: 10px;
}

.home-news-fullart {
	background: url(../media/javfullart_0.gif);
	width: 87px;
	height: 17px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#home-news-fullarton {
	bottom: 39px;
	right: 64px;
}

.home-news-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 330px;
}


/* NAV */

.nav {
	background: url(../media/javnav.gif);
	width: 282px;
	position: absolute;
	left: 13px;
	outline: none;
}

.nav span {
	display: none;
}

#nav-space { background-position: 0px -82px; height: 42px; top: 171px; }
#nav-bot { background-position: 0px -439px; height: 61px; top: 528px; }

#nav-logo { background-position: 0px 0px; height: 82px; top: 89px; }
#nav-logo:hover { background-position: -282px 0px; }
#nav-logo-on { background-position: 0px 0px; height: 82px; top: 89px; cursor: default; }
#nav-strategy { background-position: 0px -124px;	height: 63px; top: 213px; }
#nav-strategy:hover { background-position: -282px -124px; }
#nav-strategy-on { background-position: -564px -124px; height: 63px; top: 213px; cursor: default; }
#nav-team { background-position: 0px -187px;	height: 63px; top: 276px; }
#nav-team:hover { background-position: -282px -187px; }
#nav-team-on { background-position: -564px -187px; height: 63px; top: 276px; cursor: default; }
#nav-portfolio { background-position: 0px -250px; height: 63px; top: 339px; }
#nav-portfolio:hover { background-position: -282px -250px; }
#nav-portfolio-on { background-position: -564px -250px; height: 63px; top: 339px; cursor: default; }
#nav-news { background-position: 0px -313px; height: 63px; top: 402px; }
#nav-news:hover { background-position: -282px -313px; }
#nav-news-on { background-position: -564px -313px; height: 63px; top: 402px; cursor: default; }
#nav-contact { background-position: 0px -376px; height: 63px; top: 465px; }
#nav-contact:hover { background-position: -282px -376px; }
#nav-contact-on { background-position: -564px -376px; height: 63px; top: 465px; cursor: default; }


/* HEAD */

.head {
	background: url(../media/javhead.gif);
	width: 592px;
	height: 85px;
	position: absolute;
}

.head span {
	display: none;
}

#head-strategy { background-position: 0px 0px; }
#head-team { background-position: 0px -85px; }
#head-portfolio { background-position: 0px -170px; }
#head-news { background-position: 0px -255px; }
#head-contact { background-position: 0px -340px; }