@charset "UTF-8";

body {
	background: url(../images/body_bg.png) top center repeat-x #fff;
	margin: 0px;
	padding: 0px;
}
body, td {
	color: #646464;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	text-align: left;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, table { padding: 0; margin: 0; }

h2, h3, h4, h5, h6 { color: #d71f2b; font-weight: normal; }

ul, ol { list-style-type: none; }

span { display: none; }

.clear { font-size: 0px; height: 0px; clear: both; }

p { line-height: 1.4em; margin-bottom: 1em; }

p a { color: #d71f2b; text-decoration: underline; }
p a:hover { color: #222; }


/* TOP HEADER ================================================================= */
#top {
	width: 980px;
	height: 110px;
	margin: 0px auto;
}
#top h1 {
	width: 192px;
	height: 73px;
	background: url(../images/logo.png) top left no-repeat;
	float: left;
	margin: 18px 0 0 14px;
}
#top h4 { display: none; }

/* tagline */
#top h5 {
	float: right;
	width: 410px;
	height: 21px;
	background: url(../images/tagline.png) top left no-repeat;
	margin: 34px 10px 0 0;
}


/* MAIN TITLE ================================================================= */
h2#main_title {
	width: 980px;
	height: 110px;
	margin: 0px auto;
	background-color: #000;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


/* NAV ======================================================================= */
#nav {
	width: 729px;
	height: 29px;
	list-style-type: none;
	float: right;
	margin: 24px 10px 0 0;
}
#nav li { float: left; }
#nav li, #nav li a {
	height: 29px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
}
#nav li a { display: block; text-decoration: none; }

/* home */
#nav1, #nav1 a { width: 66px; }
#nav1, #nav1 a.active { background-position: 0px -58px; }
#nav1 a { background-position: 0px 0px; }
#nav1 a:hover { background-position: 0px -29px; }

/* about */
#nav2, #nav2 a { width: 81px; }
#nav2, #nav2 a.active { background-position: -66px -58px; }
#nav2 a { background-position: -66px 0px; }
#nav2 a:hover { background-position: -66px -29px; }

/* services */
#nav3, #nav3 a { width: 138px; }
#nav3, #nav3 a.active { background-position: -147px -58px; }
#nav3 a { background-position: -147px 0px; }
#nav3 a:hover { background-position: -147px -29px; }

/* events */
#nav4, #nav4 a { width: 96px; }
#nav4, #nav4 a.active { background-position: -285px -58px; }
#nav4 a { background-position: -285px 0px; }
#nav4 a:hover { background-position: -285px -29px; }

/* success stories */
#nav5, #nav5 a { width: 115px; }
#nav5, #nav5 a.active { background-position: -381px -58px; }
#nav5 a { background-position: -381px 0px; }
#nav5 a:hover { background-position: -381px -29px; }

/* faqs */
#nav6, #nav6 a { width: 58px; }
#nav6, #nav6 a.active { background-position: -496px -58px; }
#nav6 a { background-position: -496px 0px; }
#nav6 a:hover { background-position: -496px -29px; }

/* resources */
#nav7, #nav7 a { width: 86px; }
#nav7, #nav7 a.active { background-position: -554px -58px; }
#nav7 a { background-position: -554px 0px; }
#nav7 a:hover { background-position: -554px -29px; }

/* contact */
#nav8, #nav8 a { width: 89px; }
#nav8, #nav8 a.active { background-position: -640px -58px; }
#nav8 a { background-position: -640px 0px; }
#nav8 a:hover { background-position: -640px -29px; }


/* FOOTER ================================================================= */
#footer {
	width: 960px;
	margin: 0px auto;
	padding: 20px 10px;
	clear: both;
}
#uvium { 
	float: left;	
}
#uvium a {
	text-decoration: none;
	display: block;
	color: #7b7b7b;
	font-size: 9px;
	padding: 5px 0 0 75px;
	height: 45px;
	background: url(../images/uvium_logo.png) top left no-repeat;
}
#uvium a:hover { color: #d71f2b; }

p.copyright { float: right; }


/* CONTENT AREA ================================================================= */
#content {
	width: 964px;
	margin: 0px auto;
	padding: 10px 8px;
}
#content .left { float: left; }
#content .right { float: right; }


div.audio_clip_wrapper {
	background-color: #eee;
	border: 2px solid #d71f2b;
	padding: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
div.audio_clip_wrapper h4 { float: left; font-size: 15px; font-weight: normal; font-style: italic; color: #000; padding-right: 8px; }
div.audio_clip_wrapper h4 a { color: #d71f2b !important; text-decoration: underline; }
div.audio_clip_wrapper h4 a:hover { color: #d71f2b !important; }