/* -----------------------------------------------------------------------


 Jooms CSS Framework for Joomla 1.5+
 Jooms Version 0.9 - 14.March 2010
 http://www.pixelsparadise.com

----------------------------------------------------------------------- */

/************** Reset browser styles **************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.6;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
img {margin:0; padding:0;vertical-align:baseline; line-height:1;}

/************** Basic HTML styles **************/
body {font-size:11px;color:#333;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:.5em 0;color:#555;font-style:italic;}
blockquote p {font-size: 15px;line-height: 20px;font-family: "buendia-1","buendia-2",serif;font-weight: normal;font-style: italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
hr {background:none;clear:both;float:none;width:100%;height:0.1em;margin:0;border:none;color:#fff;}
.spacer {border-bottom:1px solid #ddd;margin:0 0 10px 0;}

/**************  Main structure styles **************/

/*     Box around everything    */
.wrapper {width:100%;float:left;} 

/*     The four main areas  top, header, main and footer    */
.top, .header, .main, .footer {float:left;width: 100%;}

/*     Container inside the four main areas      */ 
.container {width:980px;margin:0px auto;}

/**************  Block styles for your grid  **************/
.block0, .block1, .block34, .block23, .block2, .block3, .block4, .block5, .block6, .block8 {float:left;margin-right:2%;padding:10px 1%;}
.block0 {width:100%;margin:0;padding:0;}
.block1 {width:98%;margin:0;}
.block34 {width:70.5%;}
.block23 {width:64%;}
.block2 {width:47%;}
.block3 {width:30%;}
.block4 {width:21.5%;}
.block5 {width:16.4%;}
.block6 {width:13%;}
.block8 {width:8.75%;}
.lastblock {margin:0;}
.border {border-right:1px solid #eee;margin-right:1.89%;}
.nopadding {padding:0;}
.nomargin{margin:0;}
.floatright {float:right;}
.floatleft {float:left;}
.lineheight {line-height: 1em;}

/************** Form styles **************/
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}

/************** Navigation styles **************/
.topmenu {position:relative; z-index:1000;}
.topmenu ul{float:right;padding:0;margin:0;}
.topmenu ul li {float:left;list-style: none;}
.topmenu ul li a {color:#111;text-decoration: none;display:block;}

/************** Image styles **************/

img.img_left {float:left;padding:0 15px 0 0;}
img.img_right {float:right;padding:0 0 0 15px;}

/************* Menu System styles **************/
/*Suckerfish Menu */
ul#nav { /* all lists */
list-style: none;}

ul#nav li { /* all list items */
float: left;position: relative;}

ul#nav li a:link, ul#nav li a:visited{text-decoration: none;display:block;}
ul#nav li a:hover{}

/* second-level lists */
ul#nav li ul { display: none;position: absolute;top: 24px;left: 0;padding:0;margin:0;z-index: 1000;width:10em;}

/* third-level lists */
ul#nav li ul li ul{ display: none;position: absolute;top: 0px;left:10.8em;padding:0;margin:0;z-index: 1000;}

/* 2nd level items */
ul#nav li ul li a:link, ul#nav li ul li a:visited, .topmenu ul#nav li.active ul li a:link, .topmenu ul#nav li.active ul li a:visited  {display:block;width:10em;border-top:none;padding:5px 4px;}

/* 2nd level hovered or active items */
ul#nav li ul li a:hover, ul#nav li.active ul li a:hover, ul#nav li#current ul li a:hover {color:#fff;}

 /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li>ul {top: auto;left: auto;}

/* lists nested under hovered list items */
ul#nav li:hover ul, ul#nav li.over ul { display: block;}
ul#nav li:hover ul li ul, ul#menu li.over ul li ul {display:none;}
ul#nav li ul li:hover ul, ul#menu li ul li.over ul {display:block;}

/************** Slider Area ***************/

p.linkback { text-align: center;  }
p.linkback a {  text-decoration: none; }
#versions { position: relative;  margin: 0 auto 0px; text-align: center; }


/*  slider container(s) */
#container, #container2, #container3 { position: absolute; margin: 0; width: 980px; overflow: auto;}
.item { display: block; width: 100%;  }
.item h3 { }
.item p { margin:0; padding:0; }


/* controls styling */
#controls1, #controls2, #controls3 { display: block; position: relative;  margin: 0px auto; width: 100%;}
.prev_btn, .next_btn { width: auto; font-weight: lighter; font-stretch: extra-condensed; line-height:1em;  text-align: center; text-transform: uppercase;  position: relative; font-size:4em;  opacity:.5; filter: alpha(opacity=50);}
.prev_btn a, .next_btn a{color:#fff; border:none; text-decoration:none; outline:0;}
.prev_btn a:hover, .next_btn a:hover{color:#000; text-decoration:none; outline:0;}
.prev_btn { float: left; }
.next_btn { float: right; }
.play_btn {clear: both; width: 100px; height: 12px; margin: 0 auto 12px; line-height: 12px; text-align: center; text-transform: uppercase; position: relative;}
.num_nav { text-align: center; position: relative; z-index:100000000;}
.num_nav ul li { display: inline; margin: 0 2px; }
.num_nav ul li a { padding: 2px 3px;  color:#fff; border:1px solid #fff; font-size:0px;}
.num_nav ul li a.active, .num_nav ul li a:hover {  color:#000; border:1px solid #000;}
.btn_over { color:#fff;  }
.clearit { clear: both; }

/* Joomla default classes*/
.componentheading {margin:.3em 0;}