@charset "utf-8";
/* CSS Document */
/* Author: Arvind Thyagarajan */
/* Copyright 2009 Vital Financial LLC and Arvind Thyagarajan */


/* ---------------------------- */
/* GENERAL STYLES */
/* ---------------------------- */

* {
	margin: 0px;
	padding: 0px;
}
HTML {
	width: 100%;
	height: 100%;
}
BODY {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 100%;
}
BODY#home {
	background: url(../images/pagebg.png) repeat-x 0 0;
}
BODY#about, BODY#team, BODY#portfolio, BODY#press {
	background: url(../images/subpagebg.png) repeat-x 0 0;
}
BODY#terms, BODY#contact {
	background: url(../images/simplepagebg.png) repeat-x 0 0;
}

A {
	cursor: pointer;
	text-decoration: none;
	color: #0169a0;
}
A:hover {
	text-decoration: underline;
}

IMG {
	outline: none;
	vertical-align: middle;
	border: none;
}

.clearfix {
	float: none;
	clear: both;
}

/* ---------------------------- */
/* WRAPPER and LOGO */
/* ---------------------------- */

#wrapper {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: 960px;
	height: auto;
	margin: 0 auto;
	font-size: 0.85em;
	line-height: 1.20em;
}
/* IE6 FIX... whatever... */
* html #wrapper {
	height: 100%;
}

#topline {
	display: block;
	position: relative;
	width: 960px; height: 99px;
	top: 0px; left: 0px;
	background: transparent url(../images/topline.png) no-repeat 0 0; 
}

#logo {
	display: block;
	position: absolute;
	width: 350px; height: 150px;
	top: 13px; left: 0px;
	background: transparent url(../images/vital-logo.png) no-repeat 0 0; 
	z-index: 101;
}


/* ---------------------------- */
/* MENU */
/* ---------------------------- */

#menu {
	display: block;
	position: absolute;
	width: 600px; height: 86px;
	top: 13px; right: 27px;
	background: transparent; 
	z-index: 100;
}

#menu A {
	display: block;
	position: relative;
	float: left;
	height: 86px;
	padding: 0 25px;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	color: #747474;
	outline: none;
}
#menu A:hover {
	text-decoration: none;
	color: #222222;
	background: transparent url(../images/menulinkbg.png) repeat-x 0 0;
}
#menu A SPAN {
	display: block;
	position: relative;
	width: auto;
	margin-top: 35px;
	white-space: nowrap;
}


/* ---------------------------- */
/* BANNER */
/* ---------------------------- */

#banner {
	display: block;
	position: relative;
	width: 960px; top: 0px;
	background: transparent;
}


/* ---------------------------- */
/* HOME and SUB PAGE BANNERS */
/* ---------------------------- */

#home #banner {
	height: 352px;
	background: transparent url(../images/banner-home.jpg) no-repeat 0 0;
}
#home #banner-text {
	display: block;
	position: absolute;
	bottom: 0px; right: 0px;
	width: 480px; height: 150px;
	background: transparent url(../images/banner-home-text.jpg) no-repeat 0 0;
}
#home #banner A {
	outline: none;
}
#home #banner A #banner-text SPAN {
	display: block;
	text-indent: -10000px;
}

#about #banner {
	height: 162px;
	background: transparent url(../images/banner-about.jpg) no-repeat 0 0;
}
#team #banner {
	height: 162px;
	background: transparent url(../images/banner-team.jpg) no-repeat 0 0;
}
#portfolio #banner {
	height: 162px;
	background: transparent url(../images/banner-portfolio.jpg) no-repeat 0 0;
}
#press #banner {
	height: 162px;
	background: transparent url(../images/banner-news.jpg) no-repeat 0 0;
}
#contact #banner {
	height: 162px;
	background: transparent url(../images/banner-contact.jpg) no-repeat 0 0;
}
#terms #banner {
	height: 162px;
	background: transparent url(../images/banner-terms.jpg) no-repeat 0 0;
}

/* ---------------------------- */
/* MID SECTION */
/* ---------------------------- */

#mid {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: 960px; height: auto;
	background: transparent;
}

/* ---------------------------- */
/* HOME MID SECTION */
/* ---------------------------- */

#home #mid {
	min-height: 254px;
	background: transparent url(../images/midbg.jpg) no-repeat 0 0;
}

#home #mid .container {
	display: block;
	position: relative;
	float: left;
	height: auto; width: 270px;
	margin: 25px 20px 0 30px;
}

/* IE6 FIX... whatever... */
* html #home #mid .container {
	margin: 25px 25px 20px 15px;
	height: 240px; width: 275px;
}

#home #mid .container H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fafafa;
	font-size: 1em;
	font-weight: normal;
}
#home #mid .container SPAN {
	display: block;
	color: #f0f0f0;
	font-size: 0.80em;
	padding: 15px 0 0 0;
	text-align: justify;
}
#home #mid .container SPAN A {
	color: #9fe4f7;
	font-weight: bold;
}
#home #mid .container SPAN A.more {
	font-size: 1.1em;
}
#home #mid .container SPAN H3 {
	color: #fede7f;
	font-size: 1em;
	font-weight: bold;
}


/* ---------------------------- */
/* ABOUT MID SECTION */
/* ---------------------------- */

#about #mid {
	min-height: 154px;
	background: transparent url(../images/midbgsmall.jpg) no-repeat 0 0;
}

#about #mid .container {
	display: block;
	position: relative;
	float: left;
	height: auto; width: 285px; min-height: 115px;
	margin: 15px 15px 0 20px;
	background: transparent url(../images/quotebgdark.png) no-repeat 0 0;
}

/* IE6 FIX... whatever... */
* html #about #mid .container {
	margin: 0px 20px 0px 10px;
	height: 115px; width: 285px;
}

#about #mid .container H2 {
	display: block;
	position: absolute;
	bottom: 15px;
	color: #2c7a9a;
	font-size: 0.80em;
	font-weight: normal;
}
#about #mid .container H2 SPAN {
	display: inline;
	font-size: 1em;
	color: #cc0000;
	padding: 0 0 0 24px;
}
#about #mid .container SPAN {
	display: block;
	position: relative;
	color: #676767;
	font-size: 0.80em;
	line-height: 1.4em;
	padding: 20px 15px 5px 24px;
}


/* ---------------------------- */
/* TEAM MID SECTION */
/* ---------------------------- */

#team #mid {
	min-height: 154px;
	background: transparent url(../images/midbgsmall.jpg) no-repeat 0 0;
}

#team #mid .container {
	display: block;
	position: relative;
	float: left;
	height: auto; width: 275px; min-height: 115px;
	margin: 15px 25px 0 20px;
	background: transparent url(../images/teambgdark.png) no-repeat 0 0;
}

/* IE6 FIX... whatever... */
* html #team #mid .container {
	margin: 0px 20px 0px 10px;
	height: 115px; width: 285px;
}

#team #mid .container H2 {
	display: block;
	position: absolute;
	bottom: 15px;
	color: #2c7a9a;
	font-size: 0.80em;
	font-weight: normal;
}
#team #mid .container H2 SPAN {
	display: inline;
	font-size: 1em;
	color: #cc0000;
	padding: 0 0 0 19px;
}
#team #mid .container SPAN {
	display: block;
	position: relative;
	color: #676767;
	font-size: 0.80em;
	line-height: 1.4em;
	padding: 20px 15px 5px 19px;
}
#team #mid .container DIV#craig {
	display: block;
	position: absolute;
	top: 5px; right: 8px;
	width: 80px; height: 100px;
	background: transparent url(../images/craig.png) no-repeat 0 0;
}
#team #mid .container DIV#nat {
	display: block;
	position: absolute;
	top: 5px; right: 8px;
	width: 80px; height: 100px;
	background: transparent url(../images/nat.png) no-repeat 0 0;
}
#team #mid .container DIV#cyrus {
	display: block;
	position: absolute;
	top: 5px; right: 8px;
	width: 80px; height: 100px;
	background: transparent url(../images/cyrus.png) no-repeat 0 0;
}
#team #mid .container DIV#norm {
	display: block;
	position: absolute;
	top: 5px; right: 8px;
	width: 80px; height: 100px;
	background: transparent url(../images/norm.png) no-repeat 0 0;
}

#team #mid A {
	text-decoration: none;
}


/* ---------------------------- */
/* PORTFOLIO MID SECTION */
/* ---------------------------- */

#portfolio #mid {
	min-height: 154px;
	background: transparent url(../images/midbgsmall.jpg) no-repeat 0 0;
}

#portfolio #mid .container {
	display: block;
	position: relative;
	float: left;
	height: auto; width: 270px; min-height: 115px;
	margin: 15px 15px 0 25px;
	background: transparent;
}

/* IE6 FIX... whatever... */
* html #portfolio #mid .container {
	margin: 0px 20px 0px 15px;
	height: 115px; width: 285px;
}

#portfolio #mid A {
	display: block;
	position: relative;
	padding: 10px 0 0 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffdc74;
	font-weight: bold;
	background: transparent url(../images/bullet.png) no-repeat 0 10px;
}
#portfolio #mid A:hover {
	color: #fff2cb;
}


/* ---------------------------- */
/* PRESS MID SECTION */
/* ---------------------------- */

#press #mid {
	min-height: 154px;
	background: transparent url(../images/midbgsmall.jpg) no-repeat 0 0;
}

#press #mid .container {
	display: block;
	position: relative;
	float: left;
	height: auto; width: 285px; min-height: 115px;
	margin: 15px 15px 0 25px;
	background: transparent;
}

/* IE6 FIX... whatever... */
* html #press #mid .container {
	margin: 0px 20px 0px 15px;
	height: 115px; width: 285px;
}

#press #mid A {
	display: block;
	position: relative;
	padding: 10px 0 0 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffdc74;
	font-weight: bold;
	background: transparent url(../images/bullet.png) no-repeat 0 10px;
}
#press #mid A:hover {
	color: #fff2cb;
}


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

#content {
	display: block;
	position: relative;
	top: 0; left: 0;
	width: 960px; height: auto;
	background: #ffffff;
}

#content H1 {
	display: block; position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #343434;
	font-size: 1.1em;
	margin: 25px 30px 0 30px;
}

#content H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #343434;
	font-size: 1em;
	font-weight: normal;
	margin: 25px 30px 0 30px;
}

#content P {
	display: block;
	color: #646464;
	font-size: 0.80em;
	margin: 10px 30px 0 30px;
	text-align: justify;
}

#content UL LI {
	color: #646464;
	font-size: 0.80em;
	margin: 5px 30px 0 45px;
}

/* ---------------------------- */
/* HOME CONTENT */
/* ---------------------------- */

#home #content .container {
	display: block;
	position: relative;
	float: left;
	height: auto; width: 285px; min-height: 115px;
	margin: 15px 15px 0 20px;
	background: transparent url(../images/quotebg.png) no-repeat 0 0;
}

/* IE6 FIX... whatever... */
* html #home #content .container {
	margin: 0px 20px 0px 10px;
	height: 115px; width: 285px;
}

#home #content .container H2 {
	display: block;
	position: absolute;
	bottom: 15px;
	color: #6da5bd;
	font-size: 0.80em;
	font-weight: normal;
	margin: auto;
	font-family: inherit;
}
#home #content .container H2 SPAN {
	display: inline;
	font-size: 1em;
	color: #cc0000;
	padding: 0 0 0 24px;
}
#home #content .container SPAN {
	display: block;
	position: relative;
	color: #7a7773;
	font-size: 0.80em;
	padding: 20px 15px 5px 24px;
}


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

#footer {
	display: block;
	position: relative;
	top: 0; left: 0;
	width: 960px; height: auto; min-height: 50px;
	margin: 30px 0 0 0;
	background: #ffffff url(../images/footerbg.gif) no-repeat 0 0;
}

#footer #copy {
	display: block;
	position: relative;
	top: 10px; left: 70px;
	font-size: 0.80em;
}

#footer #links {
	display: block;
	position: absolute;
	top: 10px; right: 20px;
	font-size: 0.80em;
}
#footer #links A {
	text-transform: uppercase;
	margin: 0 5px;
}