* {padding:0;margin:0;}
html {height: 100%;}
img {border:0;}
body {
	background:#fff;
	height:100%;
	margin:0;
	padding:0;	
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Tahoma, Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#333;
	}
h1 {
	display:block;
	margin-bottom:5px;
	font-size:22px;
	font-weight:200;
	color:#333;
	}
h2 {
	display:block;
	margin:10px 0px 5px 0px;
	font-size:18px;
	font-weight:200;
	color:#f79d1d;
	}
h3 {
	display:block;
	font-size:14px;
	font-weight:100;
	color:#999;
	}
a, a:focus, a:active, input, select {outline:none;}
a:link, a:visited {color:#666;font-weight:bold;text-decoration:underline;}
a:hover, a:active {color:#f79d1d;font-weight:bold;text-decoration:none;}
.clean, .clear {clear:both;}
hr {
	height:1px;
	border-top:1px dotted #999;
	border-right:0 none;
	border-bottom:0 none;
	border-left:0 none;
	margin-bottom:10px;
	}
ul {list-style-position:inside;list-style-type:circle;list-style-image:none;}
table, tr, td {border:0;vertical-align:top;}


/* header */
div#header {
	background:#ffffff;
	width:100%;
	height:125px;
	display:block;
	border-bottom:1px solid #ddd;
	}
#header #headercontainer {
	width:975px;
	height:100px;
	min-width:975px;
	display:block;
	margin:0 auto 0 auto;
	}
#header a.logo {
	background: url(../images/viveli-logo.gif) top left no-repeat;
	width:145px;
	height:49px;
	display:block;
	position:relative;
	top:25px;
	z-index:1000;
	}


/* nav */
div#navcontainer {
	width:975px;
	height:24px;
	min-width:975px;
	display:block;
	position:relative;
	}
#navcontainer ul#menu  {
	width:620px;
	height:66px;
	margin:0;
	font-weight:100;
	color:#fff;
	float:right;
	list-style-type:none;
	z-index:5000;
	}
#navcontainer #menu li {
	display:block;
	position:relative;
	float:left;
	text-align:right;
	z-index:1000;
	}
#navcontainer #menu dl {
	display:block;
	position:relative;
	float:left;
	margin-left:10px;
	text-align:right;
	line-height:24px;
	z-index:1000;
	}
#navcontainer #menu dt {margin:0;float:left;}
#navcontainer #menu dt.navtab a {
	width:100px;
	height:33px;
	display:block;
	text-decoration:none;
	color:#fff;
	}
#navcontainer #menu dt.navtab a#who, #navcontainer #menu dt.navtab a#who:visited {background:url(../images/nav-tabs.jpg) 0px 0px no-repeat;}
#navcontainer #menu dt.navtab a#who:hover, #navcontainer #menu dt.navtab a#who:active, #navcontainer #menu dt.navtab a#who.over  {background:url(../images/nav-tabs.jpg) 0px -33px no-repeat;}
#navcontainer #menu dt.navtab a#what, #navcontainer #menu dt.navtab a#what:visited {background:url(../images/nav-tabs.jpg) -100px 0px no-repeat;}
#navcontainer #menu dt.navtab a#what:hover, #navcontainer #menu dt.navtab a#what:active {background:url(../images/nav-tabs.jpg) -100px -33px no-repeat;}
#navcontainer #menu dt.navtab a#how, #navcontainer #menu dt.navtab a#how:visited {background:url(../images/nav-tabs.jpg) -200px 0px no-repeat;}
#navcontainer #menu dt.navtab a#how:hover, #navcontainer #menu dt.navtab a#how:active {background:url(../images/nav-tabs.jpg) -200px -33px no-repeat;}
#navcontainer #menu dt.navtab a#join, #navcontainer #menu dt.navtab a#join:visited {background:url(../images/nav-tabs.jpg) -300px 0px no-repeat;}
#navcontainer #menu dt.navtab a#join:hover, #navcontainer #menu dt.navtab a#join:active {background:url(../images/nav-tabs.jpg) -300px -33px no-repeat;}
#navcontainer #menu dt.navtab a#contact, #navcontainer #menu dt.navtab a#contact:visited {background:url(../images/nav-tabs.jpg) -400px 0px no-repeat;}
#navcontainer #menu dt.navtab a#contact:hover, #navcontainer #menu dt.navtab a#contact:active {background:url(../images/nav-tabs.jpg) -400px -33px no-repeat;}
div#subnav {
	background:#d6d7d4;
	width:100%;
	height:26px;
	display:block;
	position:relative;	
}
#subnav #subnavcontainer {
	width:975px;
	height:26px;
	min-width:975px;
	display:block;
	margin:0 auto 0 auto;
	line-height:26px;
	} 
#subnav #subnavcontainer div.align-left { width:auto;float:left;margin-left:20px; }
#subnav #subnavcontainer div.align-right { width:auto;float:right;margin-right:20px; }


/* main */	
#content-secondary {
	background:url(../images/bg-content-secondary.jpg) top left repeat-x;
	width:100%;
	height:285px;
	display:block;
	}
#content-secondary #secondarycontainer {
	width:975px;
	height:285px;
	display:block;
	margin:0 auto 0 auto;
	}
#content-secondary #secondarycontainer .main-graphic {
	width:975px;
	height:285px;
	display:block;
	margin:0 auto 0 auto;	
	}
#content-sub {
	background:url(../images/bg-content-sub.jpg) top left repeat-x;
	width:100%;
	height:118px;
	display:block;	
	}
#content-primary {
	width:100%;
	height:auto;
	display:block;
	}	
#content-primary #primarycontainer {
	width:975px;
	height:auto;
	display:block;
	margin:30px auto 0 auto;
	}
#content-primary #primarycontainer .wrap {
	width:100%;
	height:auto;
	display:block;
	margin:0 auto 0 auto;
	}
#content-primary #primarycontainer .article-column-side {
	width:304px;
	height:auto;
	display:block;
	float:left;
	margin:0 auto 0 auto;
	padding: 0px 10px 0px 10px;
	}
#content-primary #primarycontainer .article-column-center {
	width:305px;
	height:auto;
	display:block;
	float:left;
	margin:0 auto 0 auto;
	padding: 0px 10px 0px 10px;
	border-left:1px dotted #bbb;
	border-right:1px dotted #bbb;
	}
#content-primary #primarycontainer .article-column-double {
	width:630px;
	height:auto;
	display:block;
	float:left;
	margin:0 auto 0 auto;
	padding: 0px 10px 0px 10px;
	border-right:1px dotted #bbb;
	}
#content-primary #primarycontainer .small-text {
	font-size:11px;
	color:#333;
	}
#content-primary #primarycontainer .article-column-center span.press-release-item {
	width:100%;
	height:33px;
	display:block;
	margin-bottom:24px;
	}
#content-primary #primarycontainer img.indexbox {
	width:280px;
	height:160px;
	display:block;
	position:relative;
	margin:0 auto 0 auto;
	}
#content-primary #primarycontainer a.btn-apply {
	background:#fff url('../images/btn-apply.gif') top left no-repeat;
	width:240px;
	height:30px;
	display:block;
	margin:0 auto 0 auto;
	}
#content-primary #primarycontainer a.btn-apply:hover {
	background:#fff url('../images/btn-apply.gif') bottom left no-repeat;	
	}

/* sidebar */
#content-primary #primarycontainer .article-column-side ul {
	list-style:none;
	margin-bottom:20px;
	}
/*
#content-primary #primarycontainer .article-column-side ul li {
	height:25px;
	border-bottom:#999 dotted 1px;
	line-height:25px;
	}
#content-primary #primarycontainer .article-column-side ul li a {
	width:100%;
	height:25px;
	display:block;
	line-height:25px;
	font-weight:100;
	text-decoration:none;
	color:#333;
	}
#content-primary #primarycontainer .article-column-side ul li a:hover {
	background:#f79d1d;
	font-weight:100;
	color:#fff;
	cursor:pointer;
	} */
#content-primary #primarycontainer .article-column-side .galleria{list-style:none;width:300px;}
#content-primary #primarycontainer .article-column-side .galleria li{display:block;width:28px;height:28px;overflow:hidden;float:left;margin:0 1px;}
#content-primary #primarycontainer .article-column-side .galleria li a{display:none;}
#content-primary #primarycontainer .article-column-side .galleria li div{position:absolute;display:none;top:0;left:180px;}
#content-primary #primarycontainer .article-column-side .galleria li div img{cursor:pointer;}
#content-primary #primarycontainer .article-column-side .galleria li.active div img,.galleria li.active div{display:block;}
#content-primary #primarycontainer .article-column-side .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
* html #content-primary #primarycontainer .article-column-side  .galleria li div span{width:400px;} /* MSIE bug */
#content-primary #primarycontainer .article-column-side #main_image {margin:0 0 10px 0;}

/* forms */
form#contact-form {
	width:380px;
	height:auto;
	display:block;
	margin:40px auto 0px auto;
	border:none;
	}
#contact-form fieldset {
	margin-bottom:10px;
	border:0px;
	}
#contact-form label {
	width:120px;
	display:inline-block;
	margin-right:10px;
	line-height:18px;
	vertical-align:top;
	float:left;
	}
input,
select,
textarea {
	background:#fff;
	width:240px;
	margin:0px 0px 0px 0px;
	padding:2px;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#333;
	float:right;
	border:#b4b4b4 1px solid;
    border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;	
    -webkit-border-radius:6px;
	}
select#purpose {
	width:245px;
	}
span.required {
	margin:5px 0px 0px 0px;
	color:#f00;
	float:right;
}
input.button {
	background:#999;
	width:50px;
	color:#fff;
	cursor:pointer;
	margin:5px 2px 0px 2px;
	padding:2px 6px 2px 6px;
	line-height:15px;
	float:right;
    border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;	
    -webkit-border-radius:6px;
	}
input.button:hover, input.button:active {background:#333;}
a.invisbtn {
	width:132px;
	height:26px;
	display:block;
	position:relative;
	cursor:pointer;
	z-index:100px;
	}
.red {
	color:#f00;
	}


/* footer */
div#footer {
	width:100%;
	height:33px;
	display:block;
	position:relative;
	margin:20px 0 auto 0;
	bottom:0;
	}
#footer #footercontainer {
	width:975px;
	height:auto;
	display:block;
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	}