@charset "utf-8";
/*

Svelte Style Sheet
Version 1.0

*/


/*************************************************************************
	Reset
*************************************************************************/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;/* Removes any borders around images usually caused by surrounding anchors */
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*************************************************************************
	Fixes/Adjustments
*************************************************************************/
a, object {
	outline: none; /* Removes that pesky Firefox dotted border */
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}



/*************************************************************************
	Styles
*************************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	background-color:#f2f2f2;
}

a, a:active, a:visited {
	color:#0093D1;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/*************************************************************************
	Top Navigation
*************************************************************************/



div.header {
	width:100%;
	background-image:url(../images/header-background.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	height:95px;
}

div.header div.pre-nav,
div.header div.nav {
	margin:0 auto;
	width:940px;
}






/*************************************************************************
	Pre-Nav Navigation
*************************************************************************/

div.header div.pre-nav {
	height:30px;
}

div.header div.pre-nav ul li {
	display:block;
	float:left;
	padding-right:16px;
}
div.header div.pre-nav ul li a,
div.header div.pre-nav ul li a:active,
div.header div.pre-nav ul li a:visited {	
	line-height:30px;
	font-size:10px;
	color:#99cbe0;
	text-decoration:none;
}
div.header div.pre-nav ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}

/*************************************************************************
	Main Navigation
*************************************************************************/

/* 
Primary Nav 
*/
div.header div.nav {
	clear:both;
}


div.header div.nav ul {
	clear:both;
	border-left:1px solid #1686b5;
	border-right:1px solid #3cacdb;
	overflow:hidden;
	float:left;
}

div.header div.nav ul li {
	display:block;
	float:left;
	background-color:none;
	background-image:none;
	border-left:1px solid #3cacdb;
	border-right:1px solid #1686b5;
}

div.header div.nav ul li:hover {
	display:block;
	float:left;
	background-color:none;
	background-image:url(../images/nav-hover-background.gif);
	background-repeat:repeat-x;
}



div.header div.nav ul li a {
	display:block;
	height:60px;
	padding-left:20px;
	padding-right:20px;
	line-height:60px;
}




div.header div.nav ul li a,
div.header div.nav ul li a:active,
div.header div.nav ul li a:visited {
	background-color:none;
	background-image:none;

	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

div.header div.nav ul li a.hasmore,
div.header div.nav ul li a.hasmore:active,
div.header div.nav ul li a.hasmore:visited {
	background-color:none;
	background-image:url(../images/nav-down-arrow.gif);
	background-repeat:no-repeat;
	background-position:center top;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

div.header div.nav ul li a:hover {
	
	background-color:none;
	background-image:none;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
div.header div.nav ul li a.hasmore:hover {
	
	background-color:none;
	background-image:url(../images/nav-down-arrow.gif);
	background-repeat:no-repeat;
	background-position:center top;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}


/* 
Secondary Nav 
*/

div.header div.nav ul li ul {	
	position:absolute;
	width:220px;
	z-index:10;
	border-left:0;
	border-right:0;
}

div.header div.nav ul li ul li {
	display:block;
	float:none;
	background-image:none;
	border-bottom:1px solid #ffffff;
	border-left:0;
	border-right:0;
}

div.header div.nav ul li ul li:hover {
	display:block;
	float:none;
	background-image:none;
	border-bottom:1px solid #ffffff;
	
}

div.header div.nav ul li ul li a {
	display:block;	
	height:auto;
	padding-left:10px;
	padding-right:10px;
	line-height:30px;
}



div.header div.nav ul li ul li a,
div.header div.nav ul li ul li a:active,
div.header div.nav ul li ul li a:visited {
	background-color:#F2F2F2;
	background-image:none;	
	color:#666666;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

div.header div.nav ul li ul li:first-child a,
div.header div.nav ul li ul li:first-child a:active,
div.header div.nav ul li ul li:first-child a:visited {
	background-image:url(../images/secondary-menu-gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
}

div.header div.nav ul li ul li a:hover {
	background-color:#E2E2E2;
	background-image:none;	
	color:#555555;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

div.header div.nav ul li ul li:first-child a:hover {
	background-image:url(../images/secondary-menu-gradient-hover.gif);
	background-position:top;
	background-repeat:repeat-x;
}



/*************************************************************************
	Headline (between nav and content) and MAIN
*************************************************************************/

div.main-wrapper {
background-color:#ffffff;
}


div.main {
	width:940px;
	margin:0 auto;
	overflow:hidden;
	
}


div.headline {
	height:96px;
	border-bottom:1px solid #cccccc;
	margin-bottom:30px;
	
}

div.headline img {
	display:block;
	float:left;
	padding-top:25px;	
}

div.headline h1 {
	display:block;
	float:left;
	font-size:29px;
	color:#666666;
	line-height:29px;
	padding-left:18px;	
	padding-top:33px;
}


/*************************************************************************
	Content area (left main area)
*************************************************************************/

div.content {
	float:left;	
	width:620px;
	overflow:hidden;
	padding-bottom:30px;
}

div.fullwidth {
	width:940px;
}

div.content h2 {
	font-size:21px;
	font-weight:bold;
	margin-bottom:20px;
	color:#000000;
	line-height:27px;
	margin-top:-5px;
}

div.content h2 em {
	font-weight:bold;
}

div.content h2.tighten-top {
	margin-top:-20px;
}

div.content h2.tighten-bottom {
	margin-bottom:0px;
}



div.content h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
	color:#000000;
	line-height:22px;
}


div.content p {
	margin-bottom:20px;
	line-height:21px;
}


/* removed margin bottom of 20px because CMS wraps in p tags */
div.content img {
	margin-bottom:0px;
}


div.content ul {
	list-style:none;
	padding-left:0px;
	margin-bottom:20px;
}

div.content ol {
	padding-left:20px;
	margin-bottom:20px;
}

div.content ul li {
	text-indent:0px;
	margin-left:0px;
	padding-left:12px;
	background-image:url(../images/list-trang.gif);
	background-repeat:no-repeat;	
	margin-bottom:0px;
}


div.content ul,
div.content ol {	
	line-height:21px;

}


a.block-button,
a.block-button:visited,
a.block-button:active {
	height:30px;
	background-image:url(../images/block-button-background.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	margin-right:20px;
}


a.block-button:hover {
	background-image:url(../images/block-button-background-hover.gif);
	background-repeat:repeat-x;
	text-decoration:none;
}

hr {
	padding-top:8px;
	margin-bottom:28px;
	border:0;
	border-bottom:1px solid #bfbfbf;
}


div.content div.column-left {
	float:left;
	
	width:160px;
}

div.content div.column-left img {
	margin-bottom:20px;
}

div.content div.column-right {
	float:right;
	
	width:460px;
}

div.content div.column-right h2 {
	margin-top:-5px;
}

div.content div.column-right h2.tighten-top {
	margin-top:-20px;
}

div.content div.row {
	border-bottom:1px solid #bfbfbf;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:30px;
}



/************************************************************************************************
	SUBMISSION FORM
************************************************************************************************/


form.qualify-form {
	padding-top:0px;
	
}

div.form-section {
	margin-bottom:9px;
}

form.qualify-form h1 {
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	padding-left:0px;
	padding-top:18px;
}

div.form-section p {
	margin-top:9px;
}

span.required {
	color:#990000;
}


form.qualify-form label {
	display:block;
	clear:both;
	margin-bottom:5px;
}

form.qualify-form label.inline {
	display:inline;
	clear:none;
	margin-bottom:5px;
}

form.qualify-form input {
	clear:both;
	border:0;
	color:#666;
	padding:5px;
}

form.qualify-form input.small {
	clear:both;
	border:1px solid #bfbfbf;
	color:#666;
	padding:5px;
	width:90px;
}

form.qualify-form input.large {
	clear:both;
	border:1px solid #bfbfbf;
	color:#666;
	padding:5px;
	width:598px;
}

form.qualify-form textarea {
	clear:both;
	border:1px solid #bfbfbf;
	width:590px;
	height:80px;
	color:#666;
	padding:5px;
	padding-left:12px;
}

form.qualify-form .medium-field {
	width:228px;
	float:left;
	margin-bottom:10px;
}

form.qualify-form p {
	clear:both;
	vertical-align:middle;
}




/*************************************************************************
	Aside
*************************************************************************/

div.aside {
	float:right;	
	width:300px;	
	padding-top:0px;
}

div.aside a {
	background-color:#f2f2f2;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
}

div.aside a:hover {
	background-color:#e2e2e2;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	cursor:pointer;
}

div.aside a img {
	display:block;
	float:left;
	width:50px;
}

div.aside a div.description {
	float:right;
	width:220px;
}

div.aside a div.description h6 {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

div.aside a div.description p {
	color:#666666;
	font-size:12px;
	line-height:16px;
}


/*************************************************************************
	Homepage
*************************************************************************/


/*
Media Player
*/

div.media-player-container {
	width:940px;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px solid #bfbfbf;
}

div.media-player-container div.media-viewer {
	width:940px;
	height:350px;
	float:left;
}



div.media-player-container div.media-browser {
	width:310px;
	float:right;
}

div.media-browser div.media-item-wrapper {
	width:300px;
	padding-left:10px;

	background-image:url('../images/media-browser-white-block.gif');
	background-position:left;
	background-repeat:no-repeat;
}

div.media-browser div.media-item-wrapperactive {
	width:300px;
	padding-left:10px;

	background-image:url('../images/media-browser-arrow-active.gif');
	background-position:left;
	background-repeat:no-repeat;
}




div.media-browser a {
	width:280px;

	background-color:#f2f2f2;
	color:#a1a1a1;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:0;
	text-decoration:none;
	background-image:url(../images/media-browser-bg.gif);
	background-position:left;
	background-repeat:repeat-x;
	
}

div.media-browser a:hover {
	background-color:#999999;
	color:#c9c9c9;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:0;
	text-decoration:none;
	cursor:pointer;
	background-image:url(../images/media-browser-bg-active.gif);
	background-position:left;
	background-repeat:repeat-x;
	
}

div.media-browser a.active {
	background-image:url(../images/media-browser-bg-active.gif);
	background-position:left;
	background-repeat:repeat-x;
	background-color:#999999;
	color:#c9c9c9;
}

div.media-browser a.active:hover {
	background-image:url(../images/media-browser-bg-active.gif);
	background-position:left;
	background-repeat:repeat-x;
	background-color:#999999;
	color:#c9c9c9;
}


div.media-browser a img {
	display:block;
	float:left;
	width:50px;
	padding-left:0px;
}

div.media-browser a div.description {
	float:right;
	width:220px;
}

div.media-browser a div.description h6 {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
div.media-browser a:hover div.description h6,
div.media-browser a.active div.description h6 {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

div.media-browser a div.description p {
	color:#a1a1a1;
	font-size:12px;
	line-height:16px;
	margin-bottom:0px;
}

div.media-browser a:hover div.description p,
div.media-browser a.active div.description p {
	color:#c9c9c9;
	font-size:12px;
	line-height:16px;
	margin-bottom:0px;
}




/*
Features
*/


div.feature-row {
	width:940px;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:30px;
}


a.feature {
	display:block;
	float:left;
	width:300px;
	padding-right:20px;
	text-decoration:none;
	cursor:pointer;
}

a:hover.feature {

	text-decoration:none;
	
}

a.feature div.feature-headline {
	height:50px;
	width:260px;
	background-color:#000000;
	padding:20px;
	padding-top:16px;
}

a.no-padding-right {
	padding-right:0;
}

a.feature h2 {
	color:#ffffff;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	margin-top:0px;
}

a.feature p {
	color:#a1a1a1;
	font-size:12px;
	line-height:18px;
	margin-bottom:0px;
}




/*************************************************************************
	Footer (and sitemap)
*************************************************************************/

div.footer {
	background-color:#f2f2f2;
	background-image:url(../images/footer-top-gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:57px;
	padding-bottom:27px;
}

div.footer div.footer-frame {
	width:940px;
	margin:0 auto;
	
}

div.footer div.title-row {
	padding-bottom:28px;	
	border-bottom:1px solid #bfbfbf;
}

div.footer div.title-row h6,
div.footer div.title-row h6 a {
	font-size:14px;
	font-weight:bold;
	color:#999999;
}

div.footer div.links-row {
	font-size:10px;
	padding-top:28px;
	padding-bottom:28px;
	border-bottom:1px solid #bfbfbf;
	overflow:hidden;
	color:#999999;
	line-height:14px;
}
div.footer div.links-row a {
	font-size:10px;
	color:#999999;
	line-height:14px;
}

div.footer div.links-row div.column {
	width:160px;
	float:left;
}


div.footer div.legalese {
	clear:both;
	font-size:10px;
	color:#999999;
	padding-top:28px;
	padding-bottom:28px;
	overflow:hidden;
}

div.footer div.legalese div.column {
	width:300px;
	padding-right:20px;
	float:left;
}

div.footer a.foot,
div.footer a.foot:visited,
div.footer a.foot:active,
div.footer a.foot:hover {
	color:#999999;
}