/* Basics */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	background: url(/images/bg_header.gif) repeat-x #fff;
	}

a {
	color: #0073bc;
	text-decoration: none;
	border-bottom: 1px solid #78bfec;
	}

a:hover {
	color: #000;
	border-bottom: 1px solid #000;
	}


div#container {
	width: 775px;
	margin: 0 auto;
	position: relative;
	}

h2 {
	line-height: 22px;
	}

h3 {
	margin: 40px 0  0 0;
	padding: 0 0 15px 0;
	background: url(/images/bg_h3.gif) no-repeat bottom; 
	}

h4 {
	font-size: 14px;
	margin-bottom: 0;
	}

/* HEAD --------------------------- */
div#head {
	width: 775px;
	height: 107px;
	background: url(/images/bg_tagline.gif) no-repeat;
	}

div#head h1 {
	width: 206px;
	margin: 0;
	text-indent: -9999px;
	background: url(/images/logo_vargocos.gif) no-repeat;
	overflow: hidden;
	}

div#head h1 a {
	width: 171px;
	height: 107px;
	display: block;
	border: none;
	padding: 0;
	}

div#head h1 a:hover { background: url(/images/logo_header.gif) no-repeat; }

div#content_box {
	width: 960px;
	float: left;
	background: url(/images/bg_content.gif) repeat-y #f2ede2;
	}

/* NAVIGATION --------------------------- */
div#navigation {
	width: 775px;
	height: 31px;
	margin: 4px 0;
	float: left;
	background: #000;
	}

ul#nav_menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

ul#nav_menu li {
   	list-style: none;
   	padding: 0;
   	display: inline;
   	text-indent: -9999px; 
   	position: absolute;
   	}

ul#nav_menu li a {
   	height: 31px;
   	display: block;
	border: none;
   	overflow: hidden;
   	border: none;
   	padding: 0;
	}

li#companies {width: 166px; left: 0px; background: transparent url(/images/nav.gif) no-repeat 0 0;}
li#companies a:hover {background: transparent url(/images/nav.gif) no-repeat 0px -31px;}
li#companies_selected {width: 166px; left: 0px; background: transparent url(/images/nav.gif) no-repeat 0px -31px;}
li#companies_selected a:hover {width: 166px; left: 0px; background: transparent url(/images/nav.gif) no-repeat 0px -31px;}

li#integrated {width: 210px; left: 166px; background: transparent url(/images/nav.gif) no-repeat -166px 0;}
li#integrated a:hover {background: transparent url(/images/nav.gif) no-repeat -166px -31px;}
li#integrated_selected {width: 210px; left: 166px; background: transparent url(/images/nav.gif) no-repeat -166px -31px;}
li#integrated_selected a:hover {width: 210px; left: 166px; background: transparent url(/images/nav.gif) no-repeat -166px -31px;}

li#adaptive {width: 199px; left: 375px; background: transparent url(/images/nav.gif) no-repeat -375px 0;}
li#adaptive a:hover {background: transparent url(/images/nav.gif) no-repeat -375px -31px;}
li#adaptive_selected {width: 199px; left: 375px; background: transparent url(/images/nav.gif) no-repeat -375px -31px;}
li#adaptive_selected a:hover {width: 199px; left: 375px; background: transparent url(/images/nav.gif) no-repeat -375px -31px;}

li#material {width: 201px; left: 574px; background: transparent url(/images/nav.gif) no-repeat -574px 0;}
li#material a:hover {background: transparent url(/images/nav.gif) no-repeat -574px -31px;}
li#material_selected {width: 201px; left: 574px; background: transparent url(/images/nav.gif) no-repeat -574px -31px;}
li#material_selected a:hover {width: 201px; left: 574px; background: transparent url(/images/nav.gif) no-repeat -574px -31px;}

div#banner {
	width: 775px;
	height: 163px;
	float: left;
	background: #000;
	}

/* HOME PAGE --------------------------- */
div#container_company{
	width: 775px;
	background: url(/images/home_cobg.gif) repeat-x #ffc423;
	margin: 4px 0;
	float: left;
	padding: 0 0 10px 0;
	}

div#container_company h2 { font-size: 14px; }

div#container_company a {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	}

div#home_vis {
	width: 205px;
	float: left;
	background: url(/images/home_vis.gif) no-repeat;
	padding: 145px 30px 0 20px;
	}

div#home_vas {
	width: 205px;
	float: left;
	background: url(/images/home_vas.gif) no-repeat;
	padding: 145px 30px 0 20px;
	margin: 0 5px;
	}

div#home_vmh {
	width: 205px;
	float: left;
	background: url(/images/home_vmh.gif) no-repeat;
	padding: 145px 30px 0 20px;
	}

/* HOME PAGE FOOTER --------------------------- */
div#home_footer {
	width: 775px;
	float: left;
	background: url(/images/homefooter_bg.gif) repeat-y;
	color: #fff;
	}

div#home_footer a {
	color: #ffc423;
	border-bottom: 1px solid #ffc423;
	}

div#home_footer a:hover {
	color: #f6dc96;
	border-bottom: 1px solid #f6dc96;
	}

div#quote {
	width: 215px;
	padding: 20px;
	float: left;
	background: url(/images/bg_quotebox.gif) no-repeat;
	}

div#news {
	float: right;
	width: 475px;
	padding: 35px 20px 20px 20px;
	background: url(/images/bg_newsbox.gif) no-repeat;
	}
	
div#news p {
	margin-top: 0;
	}

h2.hd_news { display: none; }

h2.wpaper {
	text-indent: -9999px;
	background: url(/images/whitepaper.gif) no-repeat;
	margin: 20px 0 0 0;
	height: 20px;
	}

h2.events {
	text-indent: -9999px;
	background: url(/images/home_events_hd.gif) no-repeat;
	margin: 20px 0 0 0;
	height: 20px;
	}

/* FOOTER --------------------------- */
div#footer {
	width: 775px;
	float: left;
	background: url(/images/bg_footer.gif) no-repeat;
	margin: 4px 0;
	font-size: 11px;
	color: #696969;
	}

div#footer p { margin: 5px 0; }

/* Fix annoying IE6 duplicate character bug. */
div#footer {margin-left: -3px; }
div#footer p {margin-left: 3px;}
div#footer ul {margin-left: 3px;}

/* Reposition for better browsers */
html>body div#footer { margin-left: 0; }
html>body div#footer p {margin-left: 0;}
html>body div#footer ul {margin-left: 0;}

div#footer a {
	color: #696969;
	text-decoration: none;
	border: none;
	}

div#footer a:hover {
	color: #000;
	border-bottom: 1px solid;
	}

ul#footer_nav {
	margin: 10px 0 5px 0;
	padding: 0;
	list-style-type: none;
	}

ul#footer_nav li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #d2d2d2;
	}



/* INTERIOR PAGES --------------------------- */
div#int_banner {
	width: 775px;
	height: 67px;
	float: left;
	}

div#container_interior {
	width: 775px;
	float: left;
	background: url(/images/bg_interior.gif) repeat-y;
	margin: 4px 0;
	}

div#int_left {
	float: left;
	width: 255px;
	background: #ffc423;
	}

h2.int_vas {
	background: url(/vas/images/vas_logo.gif) no-repeat;
	width: 255px;
	height: 128px;
	margin: 0;
	text-indent: -9999px;
	}

h2.int_cos {
	background: url(/companies/images/cos_line.gif) no-repeat;
	width: 255px;
	height: 20px;
	margin: 0;
	text-indent: -9999px;
	}

h2.int_vis {
	background: url(/vis/images/logo_vis.gif) no-repeat;
	width: 255px;
	height: 128px;
	margin: 0;
	text-indent: -9999px;
	}

h2.int_vmh {
	background: url(/vmh/images/logo_vmh.gif) no-repeat;
	width: 255px;
	height: 128px;
	margin: 0;
	text-indent: -9999px;
	}

ul.int_nav {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}

ul.int_nav li {
	background: none;
	padding: 0;
	}

ul.int_nav a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #e5b01f;
	padding: 3px 5px 3px 5px;
	margin: 2px 2px 2px 2px;
	background: #ffca39;
	width: 239px;
	height: 17px;
	}

ul.int_nav a:hover {
	background: #ffdc7b;
	border: 1px solid #997615;
	margin: 2px 2px 2px 2px;
	}

a.subscribe_btn {
border: none;
margin: 0 0 0 5px;
color: #e5b01f;
}

div#vcos_nav {
	padding: 10px;
	background: #ffca39;
	margin: 15px 2px 2px 2px;
	border: 1px solid #e5b01f;
	color: #5e4500;
	}

div#vcos_nav h3 {
	background: none;
	margin: 0;
	font-size: 12px;
	}


ul.int_nav2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	border-top: 1px solid #e5b01f;
	font-size: 11px}

div#vcos_nav ul.int_nav2 li { margin-bottom: 0; }

ul.int_nav2 a {
	padding: 2px 5px;
	border-bottom: 1px solid #e5b01f;
	display: block;
	color: #5e4500;
	margin: 0;
	height: 20px;
	}

ul.int_nav2 a:hover {
	padding: 2px 5px;
	border-bottom: 1px solid #e5b01f;
	display: block;
	color: #000;
	background: #ffdc7b;
	margin: 0;
	height: 20px;
	}

ul#vas_product_nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-image: none;
	}

ul#vas_product_nav a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #e5b01f;
	padding: 3px 5px 3px 5px;
	margin: 0px 2px 0px 2px;
	background: #e5b01f;
	width: 239px;
	height: 17px;
	}

ul#vas_product_nav a:hover {
	background: #ffdc7b;
	border: 1px solid #997615;
	margin: 0px 2px 0px 2px;
	}

div#int_right {
	float: right;
	width: 513px;
	padding: 0 0 10px 0;
	}

div#int_right img { border: 2px solid #ddd; }

div#int_right img.noborder { border: none; }

div#int_right img.right {
	float: right;
	margin: 0 0 10px 10px;
	}
	
	
div#int_right h2 { font-size: 20px; }

div#int_right h3 { font-size: 16px; }

div#int_right h3.jobtitle {
	background: none;
	font-weight: normal;
	margin: 0;
	font-size: 14px;
	color: #696969;
	border: none;
	}
	
div#resources_content h3 { margin-bottom: 20px; }

div#resources_content h4 { margin: 0; }

div#resources_content p { margin: 0 0 20px 0; }

div.capabilities {
	background: #cccccc url(/companies/images/bg_capabilities.gif) repeat-x;
	border: 1px solid #ccc;
	padding: 20px 20px 0 20px;
	margin: 0 0 20px 0;
	}

div.capabilities p { margin: 0 0 20px 0; }

div#flash_small {
	background: #cccccc url(/companies/images/bg_capabilities.gif) repeat-x;
	border: 1px solid #ccc;
	padding: 20px;
	width: 160px;
	}

div#flash_large {
	background: #cccccc url(/companies/images/bg_capabilities.gif) repeat-x;
	border: 1px solid #ccc;
	padding: 20px;
	width: 320px;
	}

	
/* BREADCRUMB --------------------------- */
div#breadcrumb {
	font-size: 11px;
	margin: 10px 0;
	color: #696969;
	}

div#breadcrumb a {
	color: #696969;
	border-bottom: 1px solid #ddd;
	}

div#breadcrumb a:hover {
	color: #000;
	border-bottom: 1px solid #000;
	}

/* INTERIOR SIDEBAR --------------------------- */
div.sidebar {
	float:  right;
	width: 200px;
	background: #f5f5f5;
	padding: 10px;
	border: 2px solid #ddd;
	margin: 15px 0 10px 10px;
	}

div.sidebar ul {
	margin: 0;
	padding: 0 0 0 13px;
	}

div.sidebar h3 {
	margin: 0;
	background: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #ee3a42;
	}

div.highlight {
padding: 10px;
border: 1px solid #ffc423;
background: #ffefc5;
margin-bottom: 10px;
}

div#resources_content div.highlight p {margin: 0; }


/* FORMS ----------------- */

form {
	background: #f5f5f5;
	padding: 10px;
	font-weight: bold;
	}

legend {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
	color: #000;
	}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
	}

input {
	padding: 3px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	}

textarea {
	padding: 3px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}

select {
	font-family: Arial, sans-serif;
	font-weight: normal;
	}

input#submit_button {
	background: #ffc423;
	font-weight: bold;
	}

.required {
	font-size: 90%;
	color: #ee3a42;
	}

form#requestpdf p {
	margin: 0 0 8px 0; 
	}

/* Survey Form ------------------------------------*/


body#survey div#container_interior {
	background: none;
	}

body#survey div#int_right {
	width: 775px;
	}

form#survey p {margin-bottom: 0; }

body#survey h3 {
	margin: 20px 0  0 0;
	padding: 0 0 15px 0;
	background: url(/images/survey_hd.gif) no-repeat bottom left; 
	}
	
form#survey { background: #fff; font-weight: normal; padding: 0;}
.agree {font-size: 11px; color: #696969;} 
form#survey .gray { background: #f5f5f5; }

/* Podcasts ------------------------------------*/

div#int_right div.podcast-brief img {
border: none;
}

div.podcast-brief {
float: left;
padding: 0 0 15px 0;
border-bottom: 1px solid #ddd;
}

img.podcast-thumb {
	float: left;
	margin: 0 15px 0 0;
	}
	
div.podcast-brief p {
	color: #696969;
	}
	
div.podcast-brief p a {
border: none;
}

div.podcast-list {
margin: 0 0 18px 0;
}

div.podcast-list h4 {
margin: 0;
}

div.podcast-list p {
margin-top: 5px;
}

div#int_right div.podcast-list img {
border: none;
float: left;
margin: 0 10px 20px 0;

}