/* @override http://sonorch.swarmwebhosting.com/templates/sugarfree/css/basic.css */

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


 Jooms CSS Framework for Joomla 1.5+
 Jooms Version 0.95 - 13.July 2010
 basic.css Version 1.0 - 13 August 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:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a {outline: none;}
a img {outline: none; border:none;}
img {margin:0; padding:0;vertical-align:baseline; line-height:1;}

/************** Basic HTML styles **************/
body {font-size:12.5px;color:#333;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
p {margin:0 0 .5em 0;}
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:#d3e0cf;}
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:72.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 #111;margin-right:1.89%;}
.nopadding {padding:0;}
.nomargin{margin:0;}
.floatright {float:right;}
.floatleft {float:left;}
.lineheight {line-height: 1em;}
.textalign_right {text-align: right;}

.block5.footer_left{width:55%; margin-right: 5px; border-right: 1px solid #605f5f;}

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

/************** 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; 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 ***************/

.slider_nav {float:left;width:100%;text-align: center;position:relative;margin-top:-50px;margin-bottom:50px;}
.slider_nav p {margin:0;padding:0;}
#handles a {width:16px;height:16px;overflow: hidden;padding:0 6px;text-decoration: none;outline: none;}
#box{position:absolute;}
#box div{width:980px;height:400px;float:left;}
#info{background:#fff !important;color:red !important;cursor:default}
.info{width:240px;height:50px;background:#000;position:absolute;}
.info p, .info h4{color:#fff;padding:3px 8px;font-family:Arial;}
.info h4{font-size:14px;}
.info h4 a{float:right;background:#fff;color:#000;font-size:10px;padding:0 3px;text-decoration:none}
.mask1{position:relative;width:980px;height:400px;overflow:hidden;}
.mask2{position:relative;width:240px;height:180px;overflow:hidden;}
.mask3{position:relative;width:480px;height:240px;overflow:hidden;}

/* Joomla default classes*/
.componentheading {margin:.3em 0;}
ul.pagination li {float:left;list-style:none;padding:3px;}

/******************* Joomla internal classes/HTML overwrite classes ********************/
.leading{font-size:1.2em;border-bottom:1px solid #ddd;padding:0 0 0px 0;}
.leading_separator{display: block;height: 10px;margin: 0 0 0px 0;}
.article_separator{display: none;margin: 0px 0 0px 0;}
.blog { padding: 0; }
.cols1{display: block;float: none !important;margin: 0 !important;}
.cols2 { width: 48%; }
.cols3 { width: 32%; }
.cols4 {float:left; width:21%; margin:1%;}
.column1 , .column2{margin: 0 0px 0 0;position: relative;}
.column2 , .column1{float: left;margin: 0;}
.column2, .column3 {padding-left:2%;}
.article_row{overflow: hidden;}
.article_column{}
.row_separator2{display: block;clear: both;margin: 0;border: solid 0px;}
.article_column {float:left;}
.articleinfo span {width:100%;float:left;font-size:.88em;}
.articleinfo {margin:0px 0 0 0;float:left;width:100%;display: block;}
.buttonheading {float:left;margin-top:0px;position:relative;width:100%;}
.buttonheading a {}
.modifydate, .createdby, .createdate {font-size:.88em; color:#888; font-style: italic;}