/*Vivari Collections v2*/


/*General style*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#content {
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	width: 880px;
	height: 500px;
	position: relative;
}

#vivarilogo {
	width: 880px;
	height: 133px;
}

#whiteback {
	width: 880px;
	height: 330px;
	background-image: url("../images/vivari_whiteback.png");
}

#newloginarea { width:300px; font-family: Arial; font-size: 10pt; color:#666; margin-left: auto; margin-right:auto; padding-top: 60px; text-align: left;}
#newloginarea a { text-decoration: none; color: #888}
#newloginarea a:hover { text-decoration: underline }

/*Navigation*/

#nav {
	width: 800px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
}


a.executivesum {
display: block;
width: 198px;
height: 29px;
background: url("../images/nav_executivesum.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.executivesum {
background-position: 0 -29px;
}

#executivesum_on {
display: block;
width: 198px;
height: 29px;
background: url("../images/nav_executivesum.png") 0 -29px no-repeat;
text-decoration: none;
float: left;
}

a.relevantfacts {
display: block;
width: 149px;
height: 29px;
background: url("../images/nav_relevantfacts.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.relevantfacts {
background-position: 0 -29px;
}

#relevantfacts_on {
display: block;
width: 149px;
height: 29px;
background: url("../images/nav_relevantfacts.png") 0 -29px no-repeat;
text-decoration: none;
float: left;
}

a.investmentopts {
display: block;
width: 153px;
height: 29px;
background: url("../images/nav_investmentsopt.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.investmentopts {
background-position: 0 -29px;
}

#investmentopts_on {
display: block;
width: 153px;
height: 29px;
background: url("../images/nav_investmentsopt.png") 0 -29px no-repeat;
text-decoration: none;
float: left;
}

a.financialsum {
display: block;
width: 190px;
height: 29px;
background: url("../images/nav_financialsum.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.financialsum {
background-position: 0 -29px;
}

#financialsum_on {
display: block;
width: 190px;
height: 29px;
background: url("../images/nav_financialsum.png") 0 -29px no-repeat;
text-decoration: none;
float: left;
}

a.expertise {
display: block;
width: 91px;
height: 29px;
background: url("../images/nav_expertise.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.expertise {
background-position: 0 -29px;
}

#expertise_on {
display: block;
width: 91px;
height: 29px;
background: url("../images/nav_expertise.png") 0 -29px no-repeat;
text-decoration: none;
float: left;
}

/*Main Frame and text*/

#mainframe {
	width: 880px;
	height: 360px;
	background-image: url("../images/mainframe.png");
	background-repeat: no-repeat;
}

#visualframe {
	width: 250px;
	height: 235px;
	margin-top: 40px;
	margin-left: 40px;
	-margin-left: 30px;
	margin-right: 0px;
	float: left;
}

#sub-nav {
	width: 255px;
	height: 23px;
	text-align: center;
}


#textframe {
	width: 525px;
	height: 255px;
	margin-top: 45px;
	margin-left: 20px;
	margin-right: 45px;
	-margin-right: 10px;
	font-family: Times;
/*	font-variant: small-caps;*/
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	float: right;
	overflow: auto;
	-overflow: hidden;
	color: #444444;
}

#textframe a, #textframe a:link, #textframe a:hover, #textframe a:visited { color: #999999; text-decoration: none; }
#textframe a:hover { color: #336699; }

#textframe_link {
	width: 475px;
	height: 8px;
	margin-top: 5px;
	margin-right: 35px;
	font-family: Times;
	font-variant: small-caps;
	font-size: 14px;
	text-align: left;
	float: right;
}
#textframe_link a, #textframe_link a:link, #textframe_link a:hover, #textframe_link a:visited { color: #999999; text-decoration: none; }
#textframe_link a:hover { color: #336699; }



.holder {
	float: left;
	margin-right: 10px;
}
.scroll-pane {
	width: 520px;
	overflow: auto;
	float: left;
	height: 255px;
}



/*Sub Navigation*/

a.biographies {
display: block;
width: 127px;
height: 23px;
background: url("../images/subnav_biographies.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.biographies {
background-position: 0 -23px;
}

#biographies_on {
display: block;
width: 127px;
height: 23px;
background: url("../images/subnav_biographies.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.experience {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_experience.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.experience {
background-position: 0 -23px;
}

#experience_on {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_experience.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.feasability {
display: block;
width: 117px;
height: 23px;
background: url("../images/subnav_feasability.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.feasability {
background-position: 0 -23px;
}

#feasability_on {
display: block;
width: 117px;
height: 23px;
background: url("../images/subnav_feasability.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.industry_high {
display: block;
width: 128px;
height: 23px;
background: url("../images/subnav_industry.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.industry_high {
background-position: 0 -23px;
}

#industry_high_on {
display: block;
width: 128px;
height: 23px;
background: url("../images/subnav_industry.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.portfolio {
display: block;
width: 127px;
height: 23px;
background: url("../images/subnav_portfolio.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.portfolio {
background-position: 0 -23px;
}

#portfolio_on {
display: block;
width: 127px;
height: 23px;
background: url("../images/subnav_portfolio.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.services {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_services.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.services {
background-position: 0 -23px;
}

#services_on {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_services.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.investors {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_investors.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.investors {
background-position: 0 -23px;
}

#investors_on {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_investors.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.associates {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_associates.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.associates {
background-position: 0 -23px;
}

#associates_on {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_associates.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}



a.homeaccess {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_homeaccess.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.homeaccess {
background-position: 0 -23px;
}

#homeaccess_on {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_homeaccess.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

a.administration {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_administration.png") 0 0 no-repeat;
text-decoration: none;
float: left;
}

a:hover.administration {
background-position: 0 -23px;
}

#administration_on {
display: block;
width: 118px;
height: 23px;
background: url("../images/subnav_administration.png") 0 -23px no-repeat;
text-decoration: none;
float: left;
}

/*white background*/

#white_header {background-image: url("images/white_header.png"); width:860px; height: 33px}
#white_back    {
	background-image: url(images/white_back.png);
	background-repeat: repeat-y;
	width: 860px;
	min-height:500px;
 	height:auto !important;
 	height:500px;
	position:relative;
	text-align: center
}
#white_footer {background-image: url("images/white_footer.png"); width:860px; height: 44px}

#white_logo   { background-image: url("images/logovivariawhite.png"); background-repeat: no-repeat; margin-bottom: 10px; margin-left: auto;margin-right: auto; width: 370px; height: 113px }

#white_mainarea          { color: black; font-size: 9pt; font-family: Arial; line-height: 13pt; background-color: #eee; text-align: left; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 10px; width: 665px; height: auto; border: solid 1px #dadada }
#white_mainarea a { text-decoration: none; color: #888}
#white_mainarea a:hover { text-decoration: underline }

#white_loginarea  { color: #black; font-size: 10pt; font-family: Arial; background-color: #eee; text-align: left; margin-top: 50pt; margin-left: auto; margin-right: auto; padding: 10px; width: 300px; border: solid 1px #dadada }
#white_loginarea a { text-decoration: none; color: #888}
#white_loginarea a:hover { text-decoration: underline }


/*black background*/

#header {background-image: url("images/header.png"); width:860px; height: 33px}
#blackback    {
	background-image: url(images/blackback.png);
	background-repeat: repeat-y;
	width: 860px;
	min-height:500px;
 	height:auto !important;
 	height:500px;
	position:relative;
	text-align: center
}
#footer {background-image: url("images/footer.png"); width:860px; height: 44px}

#logo   { background-image: url("images/logovivarioldworld.png"); background-repeat: no-repeat; margin-bottom: 10px; margin-left: auto;margin-right: auto; width: 370px; height: 113px }


#gradientback    { background-color: black; background-image: url("images/gradient.png"); background-repeat: repeat-x; text-align: center; position: relative; width: 851px; min-height: 202px; height:auto !important; height: 202px; margin-right: 10px }


/*general*/

#loginhead      { color: #999; font-size: 8pt; font-family: Arial; text-align: right; width: 820px; height: 18px; }
#loginhead a     { color: #999; text-decoration: none }
#loginhead a:hover    { text-decoration: underline }


#loginheadhome      { color: #999; font-size: 8pt; font-family: Arial; text-align: right; width: 820px; height: 22px}
#loginheadhome a     { color: #999; text-decoration: none }
#loginheadhome a:hover    { text-decoration: underline }


#flashvisual   {
	background-image: url("images/visuflash.jpg");
	background-repeat: no-repeat;
	width: 843px;
	height: 130px;
	text-align:left;
	margin-right: 8px;
}

#menu { margin-left: auto; margin-right: auto; width: 690px; height: 21px }

#mainarea         { color: white; font-size: 9pt; font-family: Arial; line-height: 13pt; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 10px; width: 665px; height: auto; text-align: left; }

#loginarea { width:300px; font-family: Arial; font-size: 10pt; color:#FFF; margin-left: auto; margin-right:auto; margin-top: 50pt; text-align: left; padding: 10px; background-color: #313131; border: solid 1px #555555 }
#loginarea a { text-decoration: none; color: #888}
#loginarea a:hover { text-decoration: underline }

th { font-weight: normal; text-align: left }

table   { font-size: 9pt; font-family: Arial }
table a  { text-decoration: none }
table a:hover { text-decoration: underline }

#loginarea .error { color: #d66 }
#loginarea .error a { color: #f33 }


#maintext    { color: black; font-size: 10pt; font-family: Arial; line-height: 12pt; text-align: justify; position: absolute; left: 100px; width: 580px; height: 385px }
#maintext a    { color: black; text-decoration: underline}

.maincopy  { color: white; font-size: 9pt; font-family: Arial; line-height: 12pt }
.maincopy a  { color: white; text-decoration: none; font-weight: bold }
.maincopy a:hover { text-decoration: underline }

#smallarea        { color: white; font-size: 9pt; font-family: Arial; line-height: 13pt; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 10px; width: 400px; height: auto; text-align: left; text-decoration: none }

#smallarea a  {color: white; text-decoration: none }

#smallarea a:hover {text-decoration: underline}

.biomenu { color: white; font-size: 9pt; font-family: Arial; line-height: 12pt }
.biomenu a  { color: white; text-decoration: none; font-weight: bold }
.biomenu a:hover  { text-decoration: underline }

.backlink { color: #black; font-size: 10pt; font-family: Arial; margin-top: 10pt; }
.backlink a { text-decoration: none; color: #888}
.backlink a:hover { text-decoration: underline }