/* -------------------------------------------------------------- 
  
   main.css
   * Studio Hari by AREA 17
   
-------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

html {
background: #323232 url('/assets/images/bg.png') repeat top left;

}

body {
font-family:"Helvetica", Arial, sans-serif;
font-size:12px;
color: #323232;
}

p, span {
line-height: 15px;
}

html, body {
height: 100%;
}

div#wrap {
min-height: 100%;
position: relative;
}

div.inner {
position: relative;
}

div#footer {
position: absolute;
bottom: 0;
}

/* -------------------------------------------------------------- 
   LINKS
-------------------------------------------------------------- */

a {
text-decoration: none;
color: #0099CC;
line-height: 15px;
}

a:hover {
text-decoration: underline;
}


a.link2 {
color: #323232;
}

/* -------------------------------------------------------------- 
   LISTS
-------------------------------------------------------------- */
ul li {
display: inline;
list-style-type: none;
}


/* -------------------------------------------------------------- 
   BODY STRUCTURE
-------------------------------------------------------------- */

#wrap {
margin:0 auto;
width:960px;
background-color: #FFF;
}

#header {
position: relative;
height: 90px;
}

#content {
}

#footer {
height: 40px;
width: 960px;
line-height: 40px;
clear: left;
background-color: #FFF;
}

/* -------------------------------------------------------------- 
   GENERAL LAYOUT
-------------------------------------------------------------- */

div.layout {
background-color: #FFF;
overflow: hidden;
}

div.layout div.top {
background-color: #323232;
height: 65px;
padding: 45px 20px 0;
}

div.layout div.top h2 {
font-size: 44px;
font-weight: normal;
color: #FFF;
float: left;
line-height: 44px;
}

div.layout div.top p.description {
margin-left: 480px;
color: #FFF;
line-height: 15px;
}

div.layout div.top p.description span.see_all {
display: block;
}

/* -------------------------------------------------------------- 
   LAYOUT WITH SIDEBAR
-------------------------------------------------------------- */

div.layout.w_sidebar {
background-color: #D7F1FA;
overflow: hidden;
}

div.layout.w_sidebar div.wrapper {
width: 640px;
float: left;
padding: 20px;
background-color: #FFF;

}

div.layout.w_sidebar div.wrapper.alt{
width: 670px;
}

div.layout.w_sidebar div.wrapper div.side_content {
float: left;
width: 140px;
padding-right: 20px;
}

div.layout.w_sidebar div.wrapper div.content {
margin-left: 160px;
}

/* -------------------------------------------------------------- 
   ADDING SPACE BETWEEN CONTENT AND FOOTER
-------------------------------------------------------------- */

div.productions.index, div.layout.w_sidebar div.wrapper, div.characters.module.hp, div.characters.index {
padding-bottom: 210px;
}

/* -------------------------------------------------------------- 
   PARAGRAPHS (since we reset all styles)
-------------------------------------------------------------- */

div.synopsis div.left p, div.synopsis div.right p, div.sidebar div.credits p, div.termsofuse div.wrapper div.content p, div.about_text p  {
margin-bottom: 14px;
}

/* -------------------------------------------------------------- 
   SIDEBAR (Homepage)
-------------------------------------------------------------- */

div.sidebar {
position: relative;
margin: 0 0 0 640px;
width: 280px;
padding: 0 20px;
}

div.sidebar p {
color: #666;
}

div.sidebar p a {
color: #323232;
text-decoration: underline;
}

div.sidebar div.credits p {
color: #1A1A1A;
}

div.sidebar div.credits p span{
color: #666;
}

div.sidebar div.credits p span.caps{
color: #1A1A1A;
}

div.termsofuse div.content {
padding-bottom: 160px;
}


/* -------------------------------------------------------------- 
   SIDEBAR ALTERNATIVE (News, About, Contact)
-------------------------------------------------------------- */

div.sidebar.alt {
position: relative;
width: 210px;
margin: 0 0 0 710px;
}

div.sidebar.alt ul li {
display: block;
border-bottom: 1px dotted #948F8A;
padding: 15px 0;
}

div.sidebar.alt ul li:first-child, div.sidebar.alt ul li.first {
padding-top: 0;
}

div.sidebar.alt ul li p {
display: inline;
}

div.sidebar.alt ul li p a{
text-decoration: none;
}

div.sidebar.alt ul li p.related a{
text-decoration: none;
color: #0099CC;
}

div.sidebar.alt ul li p.related a:hover{
text-decoration: underline;
}

div.sidebar.alt ul li p.title a{
font-family: "Arial rounded MT bold", Arial bold, sans-serif;
color: #323232;
display: block;
line-height: 16px;
}

div.sidebar.alt ul li p.title a:hover{
text-decoration: underline;
}

div.sidebar.alt ul li p.date{
color: #323232;
}

div.sidebar.alt iframe {
margin: 0 0 25px -20px;
}

/* -------------------------------------------------------------- 
   HEADLINES
-------------------------------------------------------------- */
div#header h1 {
position: relative;
width: 130px;
top: 16px;
left: 20px;
}


div#header h1 a {
display: block;
width: 130px;
height: 59px;
background: url('/assets/images/studio_hari_logo.png') no-repeat scroll 0 0;
text-indent: -5000px;
}

div#header h1 a:hover {
background: url('/assets/images/studio_hari_logo.png') no-repeat scroll 0 -59px;
}

div.module_header {
border-bottom: 1px dotted #948F8A;
padding: 25px 0 8px;
margin: 0 20px 25px 0;
position: relative;

}


div.module_header h2   {
font-weight: normal;
font-size: 30px;
color: #323232;
padding: 0;
margin: 0;
}

div.module_header div.all {
position: absolute;
bottom: 11px;
right: 0;
}

div.news.module div.module_header  {
margin-left: 20px;
margin-bottom: 0;

}

div.characters.module div.module_header   {
margin-left: 20px;
}

div.characters.module div.module_header h2   {
margin-left: 0;
}

div.sidebar div.module_header, div.about.index div.module_header  {
width: 100%;
}

div.news.module h2, div.characters.module h2, div.sidebar h2, div.synopsis h2, div.credits h2 {
/*font-weight: normal;
font-size: 30px;
color: #323232;
border-bottom: 1px dotted #948F8A;
padding: 26px 0 7px 0;
margin: 0 0 25px 0;*/
}

div#complete {
display: none;
}



/* -------------------------------------------------------------- 
   HEADER > BLOCKS POSITIONING
-------------------------------------------------------------- */

a.clientAccess {
position: absolute;
top: 0;
right: 88px;
}

ul#language {
position: absolute;
top: 0;
right: 0;
}

ul#navigation {
position: absolute;
right: 0;
bottom: 0;
/*width: 320px;*/
width: 420px;
}

/* -------------------------------------------------------------- 
   HEADER > CLIENT ACCESS
-------------------------------------------------------------- */

a.clientAccess {
padding: 11px 13px 5px 13px;
}

/* -------------------------------------------------------------- 
   HEADER > LANGUAGE BAR
-------------------------------------------------------------- */

ul#language li a, ul#language li a:hover {
color: #323232;
}

ul#language li.current a, ul#language li.current a:hover {
color: #948F8A;
text-decoration: none;
}

ul#language li a {
display: block;
float: left;
border-left: 1px solid #ccc;
padding: 11px 13px 5px 13px;
}

/* -------------------------------------------------------------- 
   HEADER > NAVIGATION BAR
-------------------------------------------------------------- */

ul#navigation li a{
display: block;
float: left;
font-family: "Arial rounded MT bold", Arial bold, sans-serif;
font-size: 12.5px;
color: #323232;
border-left: 1px solid #ccc;
text-align: center;
padding: 7px 0;
}

ul#navigation li:first-child a, ul#navigation li.first a,  ul#navigation li.one a {
border: none !important;
*border: none !important;
}

ul#navigation li.one a{
/*width: 104px;*/
width: 100px;	
}

ul#navigation li.two a {
width: 105px;
}

ul#navigation li.two_en a {
width: 100px;
}

ul#navigation li.three a{
width: 57px;	
}

ul#navigation li.three_en a{
width: 64px;	
}

ul#navigation li.four a{
width: 80px;	
}

ul#navigation li.four_en a{
width: 69px;	
}

ul#navigation li.five a{
width: 74px;

}

ul#navigation li.five_en a{
width: 83px;	
}

ul#navigation li a:hover {
text-decoration: none;
background-color: #FFFFB2;
}

/* -------------------------------------------------------------- 
   FOOTER
-------------------------------------------------------------- */

div#footer p {
display: inline;
color: #666;
}

div#footer p a {
color: #323232;
}

div#footer p.copyright {
margin-left: 20px;
}

div#footer p.termsofuse{
margin-left: 20px;
}

div#footer p.sitecredits {
position: absolute;
right: 20px;
top: 14px;
}

/* -------------------------------------------------------------- 
   HOMEPAGE > STRUCTURE
-------------------------------------------------------------- */

div#features {
position: relative;
height: 360px;
background-color: #FFF;
}

div.content.main {
  float: left;
  width: 640px;
  display: block;
  overflow: hidden;
}

div.news.module {
position: relative;
width: 640px;
float: left;
background-color: #FFF;
}

div.characters.module {
position: relative;
float: left;
width: 600px;
padding: 0 20px;
background-color: #FFF;
}

/* -------------------------------------------------------------- 
   BASIC LAYOUT (404, 500, thanks, mentions legales)
-------------------------------------------------------------- */

div.basic_layout {
background-color: #D7F1FA;
color: #666;
margin: 20px 20px 210px;
padding: 15px 20px 15px;
}

div.basic_layout p {
font-size: 28px;
line-height: 34px;
font-weight: normal;
}

/* -------------------------------------------------------------- 
   FEATURES > HOMEPAGE
-------------------------------------------------------------- */

div#features {
background-color: #1A1A1A;
}

div#features div.nextprev {
position: absolute;
width: 320px;
z-index: 99999;
left: 640px;
bottom: 0;
line-height: 23px;
margin: 0 0 5px;
}

div#features div.nextprev ul {
position: relative;
}

div#features div.nextprev ul li{
text-align: left;
}

div#features div.nextprev ul li.prev a{
position: absolute;
bottom: 0;
left: 0;
display: block;
z-index: 9999;
text-indent: -50000px;
background: transparent url('/assets/images/btn_prev_combo.png') no-repeat scroll 0 -100px;
height: 50px;
width: 50px;
}

div#features.productions div.nextprev ul li.prev a{
background-position: 0 -150px;
}

div#features div.nextprev ul li.prev a:hover {
background-position: 0 -50px;
}

div#features div.nextprev ul li.next a{
position: absolute;
bottom: 0;
right: 0;
display: block;
z-index: 999;
text-indent: -50000px;
background: transparent url('/assets/images/btn_next_combo.png') no-repeat scroll 0 0;
height: 50px;
width: 50px;
}

div#features div.nextprev ul li.next a:hover {
background-position: 0 -50px;
}

div#features div.paginator{
position: absolute;
bottom: 27px;
left: 680px;
z-index: 99999;
width: 240px;
}

div#features div.paginator ul {
overflow: hidden;
margin: 0 auto;
}

div#features div.paginator ul li {
float: left;
margin: 0 5px;
}

div#features div.paginator ul li a {
text-decoration: underline;
background: transparent url('/assets/images/bullet_off.png') no-repeat scroll top left;
text-indent: -5000px;
display:block;
height: 9px;
width: 9px;
}

div#features div.paginator.notprod ul li a:hover {
text-decoration: underline;
background-image: url('/assets/images/bullet_on.png');
text-indent: -5000px;
display:block;
height: 9px;
width: 9px;
}

div#features div.paginator ul li.current a {
text-decoration: none;
background: transparent url('/assets/images/bullet_on.png') no-repeat scroll top left;
}

div#features div.container {
overflow: hidden !important;
position: relative;
width: 960px;
height: 100%;
} 

div#features div.container div.background {
position: absolute;
top: 0;
left: 640px;
width: 320px;
height: 100%;
background-color: #323232;
}

div#features div.container ul.content {
position: absolute;
height: 100%;
}

div#features div.container ul.content li{
position: absolute;
width: 960px;
height: 100%;
}

/* for flash messages */

div#features div.container ul.content li.video a,
div#features div.container ul.content li.video a h2 a,
div#features div.container ul.content li.video a h3 a,
div#features div.container ul.content li.video a p a
{
color: #666;
line-height: 24px;
font-weight: bold;
}

div#features div.container ul.content li.video a h2,
div#features div.container ul.content li.video a h3,
div#features div.container ul.content li.video a p  {
text-align: center;
z-index: 9999999;
font-size: 16px;
line-height: 24px;
}

div#features div.container ul.content li.video a h2{
padding-top: 150px;
}

div#features div.container ul.content li.video a:hover,
div#features div.container ul.content li.video a h2 a:hover,
div#features div.container ul.content li.video a h3 a:hover,
div#features div.container ul.content li.video a p a:hover
{
color: #666;
font-weight: bold;
}


/* end flash messages */


div#features div.container ul.content li div.description {
position: absolute;
top: 0;
left: 640px;
width: 280px;
height: 300px;
background-color: #323232;
color: #FFF;
padding: 39px 20px 20px;
}

body.isSafari div#features div.container ul.content li div.description {
padding-top: 37px;
}

div#features ul.content li div.description h1 {
margin: 0 0 21px 0;
}

body.isSafari div#features ul.content li div.description h1 {
margin: 0 0 24px 0;
}

div#features ul.content li div.description h1 a, div#features.productions div.container div.description h1 {
font-weight: normal;
font-size: 40px;
line-height: 40px;
color: #FFF;
letter-spacing: -1px;
}

div#features ul.content li div.description h1 a:hover {
text-decoration: none;
}

/* -------------------------------------------------------------- 
   FEATURES > PRODUCTIONS
-------------------------------------------------------------- */

div#features.productions {
height: 470px;
}

div#features.productions div.container {
height: 360px;
z-index: 90;
}

div#features.productions div.container div.description {
padding: 39px 20px 20px;
}

body.isSafari div#features.productions div.container div.description {
padding-top: 37px;
}


div#features.productions div.container div.description p.label {
margin-bottom: 25px;
color: #C1A932;
}

div#features.productions div.container div.description p.intro {
margin: 21px 0 0;
color: #FFF;
line-height: 15px;
}

div#features.productions div.container div.description p.intro {
margin: 21px 0 0;
color: #FFF;
line-height: 15px;
}

div#features.productions div.container div.description p a{
position: absolute;
bottom: 20px;
}

div#features.productions div.nextprev {
position: absolute;
left: 0;
bottom: 20px;
width: 960px;
line-height: 110px;
z-index: 9;
}

div#features.productions div.paginator{
position: absolute;
left: 45px;
bottom: 0;
width: 875px;
height: 110px;
overflow: hidden;
z-index: 99;
}


div#features.productions div.paginator ul {
width: 100000px;
}

div#features.productions div.paginator ul li {
margin: 0 28px 0 0;
}

div#features.productions div.paginator ul li a {
text-decoration: none;
background: none;
text-indent: 0;
display: block;
width: 120px;
height: 88px;
margin: 1px 0;
padding: 20px 1px 0;
}

div#features.productions div.paginator ul li a:hover {
text-decoration: none;
background-color: #FFF;
}

div#features.productions div.paginator ul li.current a {
text-decoration: none;
background-color: #FFF;
}

div#features.productions div.paginator ul li.video {
position: relative;
}

div#features.productions div.paginator ul li.video span.play_thumb{
position: absolute;
background: transparent url('/assets/images/play_icn.png') no-repeat scroll 0 0;
width: 29px;
height: 29px;
top: 42px;
left: 45px;
z-index: 999;
}

div#features.productions div.paginator ul li.video span.play_thumb:hover {
cursor: pointer;
}

body.isIE div#features.productions div.paginator ul li.video span.play_thumb {
background-image: url('/assets/images/play_icn_ie.png');	
}


/* -------------------------------------------------------------- 
   CHARACTERS > MODULE
-------------------------------------------------------------- */

div.characters.module {
width: 640px;
padding-left: 0;
padding-right: 0;
}

div.characters.module h2 {
margin: 0 20px;
}

div.characters ul li {
display: block;
float: left;
text-align: center;
width: 160px;
height: 210px;
}

div.characters ul li div.image {
position: relative;
width: 160px;
height: 170px;
overflow: hidden;
}

div.characters ul li div.image a img {
position: absolute;
left: 0;
bottom: 0;
}


div.characters ul li span a{
display: block;
color: #323232;
border-top: 1px dotted #948F8A;
border-left: 1px dotted #948F8A;
padding: 15px 0 10px;
}

div.characters ul li span a:hover{
background-color: #FFFFB2;
text-decoration: none;
}


div.characters.module ul li:first-child a, div.characters.module ul li.first a{
border-left: none;
}

div.characters div.border_first, div.characters div.border_last {
margin: -40px 0 0 0;
border-top: 1px dotted #948F8A;
width: 140px;
z-index: 99999;
}

div.characters div.border_first {
margin-left: 20px;
}


/* -------------------------------------------------------------- 
   CHARACTERS > INDEX
-------------------------------------------------------------- */

div.characters.index div#characters-wrapper {
overflow: hidden;
padding: 20px 0;
}

  div.characters.index div#characters-wrapper #loading {
    display: block;
    width: 200px;
    font-weight: bold;
    padding: 20px 20px 20px 0;
  }



/* -------------------------------------------------------------- 
   LAYOUT > TOP
-------------------------------------------------------------- */

div.top {
position: relative;
}

div.top div.filter {
position: absolute;
right: 20px;
}

div.productions.index div.top div.filter {
bottom: 26px;
}

body.isSafari div.productions.index div.top div.filter {
bottom: 22px;
}

div.top div.filter p {
color: #FFF;
margin: 0;
}

div.top div.filter form{
margin: 4px 0 0;
}


/* -------------------------------------------------------------- 
   PRODUCTIONS > INDEX PAGE
-------------------------------------------------------------- */
div.productions.index ul.productions_index {
overflow: hidden;
}

div.productions.index ul.productions_index li {
display: block;
float: left;
width: 320px;
height: 402px;
position: relative;

}

div.productions.index ul.productions_index li a {
display: block;
width: 320px;
height: 402px;
}

div.productions.index ul.productions_index li:hover{
cursor: pointer;
background-color: #FFFFB2;
}

div.productions.index ul.productions_index li a:hover {
background-color: #FFFFB2;
text-decoration: none;
display: block;
width: 320px;
height: 402px;
cursor: pointer;
}

div.productions.index ul.productions_index li p.image {
width: 320px;
height: 180px;
}

div.productions.index ul.productions_index li div.content_wrap {
border-left: 1px dotted #948F8A;
height: 222px;
}


div.productions.index ul.productions_index li div.content_top,
div.productions.index ul.productions_index li div.content_bottom {
margin: 0 20px;
position: relative;
}

div.productions.index ul.productions_index li div.content_top {
height: 110px;
border-bottom: 1px dotted #948F8A;
padding: 25px 0 0;
}

div.productions.index ul.productions_index li div.content_top p.name {
font-family: "Arial rounded MT bold", Arial bold, sans-serif;
color: #323232;
}

div.productions.index ul.productions_index li div.content_top div.intro {
line-height: 15px;
margin: 4px 0 0;
color: #666;
}

div.productions.index ul.productions_index li div.content_bottom {
padding: 18px 0 0;
color: #323232 ;
}


div.productions.index ul.productions_index li div.content_bottom p {
margin: 0 0 1px;
color: #323232;
}

div.productions.index ul.productions_index li div.content_bottom p span {
color: #666;
}

div.productions.index ul.productions_index li div.content_bottom p.label {
position: absolute;
right: 0px;
top: 18px;
color: #C1A932;
}


/* -------------------------------------------------------------- 
   PRODUCTIONS > SHOW PAGE
-------------------------------------------------------------- */

div.productions.show.layout.w_sidebar {
background-color: #F2F2F2;
}

div.productions.show div.wrapper {
padding: 0 0 210px 0;
}

div.productions.show div.synopsis{
color: #666;
background-color: #D7F1FA;
padding: 0 20px 6px;
overflow: hidden;
}

div.productions.show div.synopsis div.left, div.productions.show div.synopsis div.right {
float: left;
}

div.productions.show div.synopsis div.left {
width: 280px;
padding: 0 20px 0 0;
}

div.productions.show div.synopsis div.right {
width: 280px;
padding: 0 0 0 20px;
}

div.productions.show div.credits{
color: #666;
}

div.productions.show ul.content li.default {
z-index: 100;
background-color: #323232;
}

/* -------------------------------------------------------------- 
   CONTROL BAR
-------------------------------------------------------------- */

div.ctrlzone {
	height: 40px;
	width: 640px;
	position: absolute;
	bottom: 110px;
}

div.ctrlbar_bg {
background-color: #1A1A1A;
opacity: 0.5;
filter: alpha(opacity=50); 
zoom: 1.0;
width: 640px;
height: 40px;
position: absolute;
/*bottom: 110px;*/
z-index: -1;
}

div.ctrlbarwrap {
	width: 640px;
	position: absolute;
	z-index: -1;
}

div.ctrlbar {
position: relative;
/*bottom: 40px;*/
left: 0;
width: 640px;
height: 40px;
/*z-index: -1;*/
}

div.ctrlbar a.play {
position: absolute;
background-image: url('/assets/images/ctrl_play.png');
display: block;
text-indent: -50000px;
width: 10px;
height: 20px;
top: 10px;
left: 15px;
}

div.ctrlbar a {
cursor: pointer;
}

div.ctrlbar a.pause {
position: absolute;
background-image: url('/assets/images/ctrl_pause.png');
display: block;
text-indent: -50000px;
width: 18px;
height: 21px;
top: 10px;
left: 11px;
}

div.ctrlbar a.mute {
display: none;
}

div.ctrlbar div.track {
top: 0;
left: 0;
margin: 0 0 0 75px ;
position: absolute;
width: 520px;
height: 40px;
padding: 0;
}

div.default {
position: absolute;
border-top: 1px solid #000;
height: 1px;
top: 20px;
left: 74px;
margin: 0;
padding: 0;
width: 515px;
/*z-index: 10000;*/
z-index: -1;
}

div.ctrlbar div.track div.buffer {
position: absolute;
border-top: 1px dotted #FFF;
height: 1px;
top: 20px;
margin: 0;
padding: 0;
/*z-index: 10001;*/
}



div.ctrlbar div.track div.progress {
position: absolute;
border-top: 1px solid #FFF;
height: 1px;
top: 20px;
margin: 0;
padding: 0;
/*z-index: 10002;*/
}

div.ctrlbar div.track div.playhead {
position: absolute;
top: 14px;
left: -4px;
background: transparent url('/assets/images/ctrl_playhead.png') no-repeat scroll 0 0;
width: 9px;
height: 5px;
cursor: pointer;
/*z-index: 100003;*/
}

div.ctrlbar div.time {
color: #FFF;
height: 40px;
}

div.ctrlbar div.time span {
position: absolute;
left: 38px;
top: 14px;
font-weight: normal;
font-size: 11px;
}

div.ctrlbar div.time strong {
position: absolute;
right: 10px;
top: 16px;
font-weight: normal;
font-size: 11px;
}

/* -------------------------------------------------------------- 
   NEWS > MODULE
-------------------------------------------------------------- */

div.news.module ul.news_module {
height:170px;
width: 100%;
overflow: hidden;
}

div.news.module ul.news_module li {
height:170px;
float: left;
width: 280px;
padding: 25px 20px 25px;
}

div.news.module ul.news_module li:hover {
background-color: #FFFFB2;
}

div.news.module ul.news_module li:first-child, div.news.module ul.news_module li.first {
border-right: 1px dotted #948F8A;
width: 279px;
padding-left: 20px;
}

div.news.module ul.news_module li p.related {
margin: 0 0 5px 0;
}

div.news.module ul.news_module li p.title{
margin: 0 0 7px 0;
}


div.news.module ul.news_module li p.title a {
font-family: "Arial rounded MT bold", Arial bold, sans-serif;
font-size: 12.5px;
color: #323232;
}

div.news.module ul.news_module li p.title a:hover {
text-decoration: none;
}

div.news.module ul.news_module li div.description span p {
display: inline;
line-height: 15px;
}

div.news.module ul.news_module li div.description span.intro p {
color: #666;
}

div.news.module ul.news_module li div.description span.learnmore {
display: block;
}


div.news.module ul.news_module li div.description span.learnmore a {
color: #323232;
text-decoration: underline;
}


/* -------------------------------------------------------------- 
   NEWS > INDEX PAGE
-------------------------------------------------------------- */

div.news.index div.wrapper {
padding-top: 0;
}

div.news.index div.wrapper ul.news_index li {
display: block;
overflow: hidden;
border-bottom: 1px dotted #948F8A;
padding: 0 0 30px;
margin: 20px 0 22px;
}

div.news.index div.wrapper div.content p.image {
margin: 0 0 30px 0;
display: block;
}

div.news.index div.wrapper div.content p.wrap-image {
margin: 0 30px 30px 0;
float: left;
}

div.news.index div.wrapper div.content p {
margin: 0 0 5px 0;
}

div.news.index div.wrapper div.content p.title a {
font-family: "Arial rounded MT bold", Arial bold, sans-serif;
color: #323232;
margin-left: 0;
}

div.news.index div.wrapper div.content div.intro {
margin-left: 0;
}

div.news.index div.wrapper div.content div.intro p {
color: #323232;
}

div.news.index div.wrapper div.content div.body {
color: #666;
margin-left: 0;
}

div.news.index div.wrapper div.content div#read-more {
color: #666;
margin-left: 0;
}

div.news.index div.wrapper div.content p.see_all {
margin: 15px 0 0;
}

div.news.index div.wrapper div.content p.readmore a{
color: #323232;
text-decoration: underline;
}

div.news.show div.top div.filter{
bottom: 30px;
}

div.news.show div.wrapper{
padding-top: 20px;
}

/* -------------------------------------------------------------- 
   PAGINATION
-------------------------------------------------------------- */
div.pagination {
margin: -25px 0 0 -20px;
width: 710px;
height: 50px;
line-height: 50px;
position: relative;
}

div.pagination div.news_prev{
position: absolute;
top: 0;
left: 0;
/*background: transparent url('/assets/images/btn_prev_disabled_w.png') no-repeat;*/
background: transparent url('/assets/images/btn_prev_combo_w.png') no-repeat scroll 0 -100px;
height: 50px;
width: 50px;
}

div.pagination a.prev{
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 9999;
text-indent: -50000px;
/*background: transparent url('/assets/images/btn_prev_alt.png') no-repeat;*/
background: transparent url('/assets/images/btn_prev_combo_w.png') no-repeat scroll 0 -150px;
height: 50px;
width: 50px;
}

div.pagination a.prev:hover {
background-position: 0 -50px;
}

div.pagination div.news_next{
position: absolute;
top: 0;
right: 0;
/*background: transparent url('/assets/images/btn_next_disabled_w.png') no-repeat;*/
background: transparent url('/assets/images/btn_next_combo_w.png') no-repeat scroll 0 -100px;
height: 50px;
width: 50px;
}

div.pagination a.next{
position: absolute;
top: 0;
right: 0;
display: block;
z-index: 9999;
text-indent: -50000px;
/*background: transparent url('/assets/images/btn_next_alt.png') no-repeat;*/
background: transparent url('/assets/images/btn_next_combo_w.png') no-repeat scroll 0 -150px;
height: 50px;
width: 50px;
}

div.pagination a.next:hover {
/*background-image: url('/assets/images/btn_next_hover_alt.png');*/
background-position: 0 -50px;
}

div.pagination div.pages {
position: absolute;
top: 20px;
left: 50px;
width: 610px;
}

div.pagination div.pages strong {
display: block;
text-indent: -5000px;
float: left;
background: transparent url('/assets/images/bullet_on_alt.png') no-repeat scroll top left;
top: 20px;
width: 9px;
height: 9px;
margin: 0 5px;
}

div.pagination div.pages a{
display:block;
text-indent:- 5000px;
float: left;
background: transparent url('/assets/images/bullet_off_alt.png') no-repeat scroll top left;
text-indent: -5000px;
height: 9px;
width: 9px;
margin: 0 5px;
}

div.pagination div.pages a:hover {
background-image: url('/assets/images/bullet_on_alt.png');
}

div.pagination div.pages div.pages_wrap {
margin: 0 auto;
}

/* -------------------------------------------------------------- 
   ABOUT > INDEX PAGE
-------------------------------------------------------------- */
div.about.index div.image{
margin-bottom: 25px;
color: #666;
}

div.about.index div.about_text {
margin: 0 0 20px;
color: #666;
}

/* -------------------------------------------------------------- 
   CONTACT > INDEX PAGE
-------------------------------------------------------------- */
div.contact.index.layout.w_sidebar div.wrapper {
padding-right: 0;
width: 690px;
}

div.contact.index ul.contact {
width: 100%;
overflow: hidden;
}

div.contact.index ul.contact li {
display: block;
float: left;
width: 228px;
}

div.contact.index ul.contact li.firstname, 
div.contact.index ul.contact li.company,
div.contact.index ul.contact li.email {
margin: 0 54px 0 0;
} 

div.contact.index ul.contact li input {
display: block;
margin: 5px 0 20px;
width: 224px;
background: #FFF !important;
}

div.contact.index ul.contact li.subject {
margin: 10px 0 30px;
clear: left;
}

div.contact.index ul.contact li.subject select {
width: 230px;
display: block;
margin: 7px 0 0;
}

div.contact.index ul.contact li.message {
clear: left;
}

div.contact.index ul.contact li.message textarea {
width: 510px;
height: 120px;
display: block;
margin: 10px 0 0;
}


div.contact.index  input#commit {
float: right;
margin: 14px 15px 0 0;
border: none;
background-color: #FFF;
color: #0099CC;
font-family:"Helvetica", Arial, sans-serif;
font-size:12px;
}

div.contact.index  input#commit:hover {
cursor: pointer;
text-decoration: underline;
}

div.contact.index span.required {
color: #0099CC;
}

span.maplink a {
color: #1A1A1A;
text-decoration: underline;
}

div.side_content {
position :relative;
}

div.contact_errors {
position: absolute;
top: 60px;
color: #df0020;
padding-right: 20px;
}

div.contact_errors ol.errors {
margin-top: 15px;
margin-left: 20px;
}

/* no flash */
#noflash {
background-color:#000000;
height:360px;
position:absolute;
text-align:center;
top:0;
width:640px;
z-index: 999;
}

#noflash p {
border:1px solid #1A1A1A;
font-size:14px;
margin:25% auto;
_margin: 18% auto;
padding:5px 0;
width:75%;
}