/**
 * @version $Id: template.css 20075 2011-07-28 12:24:47Z infograf768 $
 * @author Templatesquare
 * @package Joomla
 * @subpackage Minibuzz Themes
 * @copyright Copyright (C) 2011 Templatesquare. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */


/* 

Elegance - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%; min-height:100%}
body {
  font-family:Arial, Tahoma, Verdana;
  font-size:12px;
  margin:0 auto;
  padding:0;
  color:#656253;
  line-height:20px;
  background-color:#ebeceb;
}
* {
  margin:0;
  padding:0;
}
*:focus {
  outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
           if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
  border: 0;
  color: #f2f2f2;
  background-color: #f2f2f2;
  height: 1px;
  margin:5px 0px 5px 0px;
  padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}

hr.dotted{background-image:url(../images/dotted-horizontal.gif) !important; border:0px; background-repeat:repeat-x; margin:30px 0px}
*+html hr.dotted{margin:10px 0px 30px 0px;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:12px; font-family:Arial, Verdana; font-weight:normal; color:#2d84b6}
h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana; font-weight:normal; color:#2d84b6;  letter-spacing:-1px}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}
/* links */
a, a:visited {color:#df7034; text-decoration:none;}
a:hover{color:#df7034; text-decoration:underline;}
a img{border:none}
.imgleft, img.alignleft{float:left; margin-right:15px; margin-top:5px;}
.imgborder{padding:0px; margin:5px 0px;}
.imgright, img.alignright{float:right; margin-left:15px;}
.imgcenter, img.aligncenter{ margin:5px 0px 10px 0px; display:block; text-align:center}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
  font-size:12px;
  margin-bottom:20px;
}
ul, ol {
  margin:10px 0 20px 20px;
}
li ol,
li ul
{
  list-style:square;
  margin-bottom:0;
  margin-top:0;
}
li ol {list-style:decimal;}
  
blockquote {
  font-size:12px;
  margin:20px 0 20px 0px;
  color:#6b6b6b;
  padding:5px 20px 10px 25px;
  line-height:20px;
  background-image:url(../images/quote.gif)!important; 
  background-repeat:no-repeat;
  border:0px;
  font-weight:bold;
  font-style:italic;
  letter-spacing:0px;
}
blockquote.alignleft, blockquote.alignright  {
  background-image:url(images/quote.gif);
  background-repeat:no-repeat;
  color:#6b6b6b;
  float:right;
  font-weight:bold;
  font-style:italic;
  letter-spacing:0px;
  line-height:20px;
  margin:20px 0 20px 0px;
  padding:5px 20px 10px 25px;
  width:53%;
}
blockquote.alignleft{
  float:left;
  margin-left:0px;
  margin-right:20px;
}
blockquote cite,
blockquote em,
blockquote i {
  font-style: normal;
}
pre {
  line-height: 18px;
  margin-bottom: 18px;
  padding: 1.5em;
}
abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help;
}

sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
/* code */
code {
  font-family:Verdana, Arial;
  letter-spacing:1px;
  margin:25px 0 25px 0px;
  display:block;
  font-size:0.9em;
  border-left:4px solid #e0e0e0;
  padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/* The main theme structure */
/*** CONTAINER ***/
#wrapper{width:100%;}
#container{width:940px; margin:0 auto; padding:0px 30px; background-color:#fff}
#content{margin:20px 0px; background-image:url(../images/bg-content.gif); background-repeat:repeat-y; width:940px}

#content_full{width:100%; margin:20px 0px}


/* Structure the top area */
#top{height:100px; border-top:solid 2px #2d84b6; padding:0px 0px 0px 0px}
#logo{width:690px; float:left;}
#logo h1, #logo h1 a, #logo h1 a:visited{font-size:48px; color:#2d84b6; margin-bottom:0px;}
#logo h1 a:hover{text-decoration:none;}
#logo .t1{color:#656253;}
#logo .desc{color:#7c7a6b; font-size:14px;}
#logoimage{ width:690px; float:left; height:100px;}


#topnavigation{background-image:url(../images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:0px 1px; border-bottom:solid 1px #7c7a6b; height:34px;}
#topnav{float:left; width:690px;}
#topnav-full{float:left; width:940px;}
#topnav ul, #topnav-full ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
#topnav ul li, #topnav-full ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;color:#b9b9b9; 
background-image:url(../images/menu-separator.gif); background-repeat:no-repeat; background-position:0px 12px}
#topnav ul li:first-child, #topnav-full ul li:first-child{
  background-image:none;
}
#topnav ul li li, #topnav-full ul li li{padding:0px;}
#topnav ul li.home, #topnav-full ul li.home{background-image:none;}
#topnav ul li.current_page_item{}
#topnav ul li a, #topnav ul li a:visited, #topnav-full ul li a, #topnav-full ul li a:visited{color:#000;}
#topnav ul li a:hover, #topnav-full ul li a:hover{color:#9fa1a2; text-decoration:none}

#topsearch-menu{width:250px; float:left; padding:70px 0px 0px 0px;}
#topsearch{width:250px; float:left; padding:7px 0px 0px 0px;}
#topsearch form p, #topsearch-menu form p{margin:0px;}
*+html #topsearch {padding:5px 0px 0px 0px;}/* ie 7 only */
* html #topsearch {padding:5px 0px 0px 0px;}/* ie 6 only */
.inputbox{border:solid 1px #c4c3ba; padding:2px 2px 2px 2px; margin-right:3px; vertical-align:middle; width:170px}
#topsearch-menu .button, #topsearch .button{border:solid 1px #363637; font-family:Arial; font-size:11px; background-color:#000; color:#fff!important; padding:0px 8px 2px 8px; height:22px; cursor:pointer; vertical-align:middle; text-transform:uppercase}
*+html #topearch-menu .button{padding:0px 4px 2px 4px !important;}
* html #topearch-menu .button{padding:0px 4px 2px 4px !important;}
a.but, a.but:hover{text-decoration:none; color:#fff !important; padding:6px 10px !important}
*+html .but{padding:2px 3px 1px 3px !important;}/* ie 7 only */
* html .but{padding:2px 3px 1px 3px !important;}/* ie 6 only */

/* HEADER */
#header{height:350px; clear:left; margin:10px 0px 0px 0px; border-bottom:solid 1px #7c7a6b; position:relative}
#header h1, #header h1 a, #header h1 a:visited{color:#fff !important;}
#header-inner{background-image:url(../images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom; padding:35px 0px 20px 0px;}
#header-inner h1.pagetitle{margin:0px; color:#444133; font-size:36px;}
#slideshow ul{margin:0px; padding:0px; list-style-type:none;}
#slideshow ul li{margin:0px; padding:0px; list-style-type:none;}
div.breadcrumbs{margin-bottom:20px;}

/* CONTENT */
#content-left{width:650px; float:left;}
#content-right{width:290px; float:left;}
#maintext{padding:0px 20px 20px 0px;}

.largetext{font-size:18px; font-style:italic; line-height:24px}

.grey_box{background-color:#f5f5f5; padding:10px 20px 5px 20px; margin:15px 0px 20px 0px;}
ul.team{margin:15px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.team li{margin-bottom:20px;}
.tbold{font-weight:bold; font-size:14px;}
ul.nolist li{background-image:none !important; padding:0px !important; margin:0px !important;}
#content hr {
  margin-bottom:20px;
}
#boxslideshow{margin:0px; position:relative;}
#boxslideshow .cycle{ background-color:#FFFFFF;}
#boxslideshow .cycle img{margin-bottom:5px;}
#boxslideshow .cycle .tbold{font-size:14px; font-weight:bold;}

ul.checklist{list-style-type:none; padding:0px; margin:0px}
ul.checklist li{list-style-type:none; padding:0px 0px 0px 20px; margin:0px; background-image:url(../images/checklist.gif); background-repeat:no-repeat; background-position:0px 5px;}
* html ul.checklist li{ padding:0px 0px 0px 30px !important;}/* ie 6 only */

#content .entry-title, #content_full .entry-title {

  font-size:22px; 
  line-height:26px;
  margin-bottom:12px;
  padding-bottom:0px;
  height:100%
}
.entry-title a:link,
.entry-title a:visited {
  
  text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
  text-decoration:underline;
}

ul.actions{
  list-style-type:none;
  padding:0px;
  margin:0px;
}
ul.actions li{
  display:inline;
  float:right;
  margin:0px 0px 0px 8px;
}

dl.article-info{
  clear:both;
  margin-bottom:15px;
  padding-bottom:10px;
}

.col1{width:275px; float:left; }
.col2{width:275px; float:left; margin-left:30px;}

.item-separator{
  background-image:url(../images/dotted-horizontal.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  width:100%;
  height:2px;
  margin:0px 0px 32px 0px;
}

div.galery-pagination ul, div.pagination ul, ul.pagenav{
  list-style-type:none;
  clear:both;
  margin:10px 0px 20px 0px;
}
div.galery-pagination ul li, div.pagination ul li, ul.pagenav li{
  display:inline;
}
div.galery-pagination ul li, div.pagination ul li, ul.pagenav li a{
  text-decoration: none;
  padding: 3px 6px;
  margin: 2px;
  line-height:25px;
  border:solid 1px #ccc;
  color:#656253;
}
div.galery-pagination ul li a, div.galery-pagination ul li a:visited,  div.pagination ul li a, div.pagination ul li a:visited{
  color:#333333;
}

ul.pagenav li.pagenav-prev{
  float:left;
}
ul.pagenav li.pagenav-next{
  float:right;
}
/*==== widget ====*/
#sideright{padding:0px 0px 0px 30px}
#sideright h2{margin-bottom:18px;}
#sideright ul{list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#sideright .module_content ul li { background-image:url(../images/arrowlist.gif); background-repeat:no-repeat; background-position:0px 11px; padding:5px 0px 5px 20px}

#sideright ul li a, #sideright ul li a:visited{color:#656253;}

.widget-area{ background-image:url(../images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom; padding:0px 0px 0px 0px; margin:0px 0px 18px 0px;}
#sideright .module_content{ padding:0px 0px 15px 0px; margin:0px 0px 0px 0px;}

/*==== Dropcaps ====*/
.letercap{
  color:#333333;
  display:block;
  float:left;
  font-size:40px;
  line-height:40px;
  margin:0 8px 0 0;}
.bk-right{ float:right; width:30%; margin-left:20px;}
.bk-left{ float:left; width:30%;}

/*==== Highlight ====*/
.highlight1{padding:1px 4px;background-color:yellow;color:#111;}  
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}  


/*==== Tables ====*/
table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #f2f2f2;margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;color:#666;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#ececec;}
table {
  border: 1px solid #e7e7e7;
  text-align: left;
  margin: 0 -1px 24px 0;
  width: 100%;
}
tr th,
thead th {
  color: #888;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 9px 24px;
}
tr td {
  border-top: 1px solid #e7e7e7;
  padding: 6px 24px;
}
tr.odd td {
  background: #F2F7FC;
}

form#login-form input.button{
  padding:5px 8px;
  margin-bottom:10px;
}

/* Images
-------------------------------------------------------------- */

#content img {
  margin: 0;
  max-width: 640px;
}
#content .attachment img {
  max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
#content .alignright,
#content img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content .alignnone,
#content img.alignnone {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding:0px;
}


#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter,
#content img.alignnone {
  margin-bottom: 12px;
}
img.alignleft, img.alignright, img.aligncenter, img.alignnone {background-color:#fff; padding:0px;}

/* column */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.one_fourth{width:22%; }
.one_half,.one_third,.one_fourth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }


.two-col1{float:left; width:47%;}
.two-col2{float:left; width:47%; margin-left:6%}
.three-col1{float:left; width:30%;}
.three-col2{float:left; width:31%; margin-left:4%}
.three-col3{float:left; width:31%; margin-left:4%}
* html .three-col2{float:left; width:30%; margin-left:3%} 
* html .three-col3{float:left; width:30%; margin-left:3%} 

.col1{width:47%; float:left; }
.col2{width:47%; float:left; margin-left:6%}


/* FOOTER */
#footer{padding:10px 0px 40px 0px; width:940px; clear:both; background-image:url(../images/double-line.gif); background-repeat:repeat-x}
#footer-text{font-size:11px; color:#999689 }

/* 

Elegance - CSS File

USE THIS STYLE SHEET FOR INNER PAGE

*/
/* HOME*/
body.home .widget-area{
  background-image:none;
}

/* PORTFOLIO */
.contentport.contentpane{ margin-top:0px;}
#gallery-category{padding:0px 0px 10px 0px; margin-bottom:0px; float:left}
#main-gallery{width:100%; margin-bottom:20px; position:relative;}
#main-gallery h4{font-size:16px; line-height:14px; margin:10px 0px 5px 0px;}
.portfoliobg { float:left; background:url(../images/hover-opacity.png) no-repeat center; margin-bottom:10px}

#main-gallery ul.gallery-col-4{list-style-type:none; margin:0px; padding:0px;}
#main-gallery ul.gallery-col-4 li{list-style-type:none; margin:0px; padding:0px 0px 10px 0px; float:left; width:220px; margin-right:20px;  background-image:none; line-height:20px}
#main-gallery ul.gallery-col-4 li img{ width:220px !important; height:120px !important;}
#main-gallery ul.gallery-col-4 .portfoliobg{width:220px; height:120px; background-position:center;}

#main-gallery ul li.nomargin{margin-right:0px;}
#main-gallery ul li img{margin-bottom:5px; display:block}
#main-gallery ul li a, #main-gallery ul li a:visited{color:#666;}


#main-gallery ul.gallery-col-3{list-style-type:none; margin:0px; padding:0px;}
#main-gallery ul.gallery-col-3 li{list-style-type:none; margin:0px; padding:0px 0px 10px 0px; float:left; width:293px; margin-right:20px;  background-image:none; line-height:20px}
#main-gallery ul.gallery-col-3 li img{ width:293px !important; height:190px !important;}
#main-gallery ul.gallery-col-3 .portfoliobg{width:293px; height:190px; background-position:center;}

#main-gallery ul.gallery-col-2{list-style-type:none; margin:0px; padding:0px;}
#main-gallery ul.gallery-col-2 li{list-style-type:none; margin:0px; padding:0px 0px 15px 0px; float:left; width:450px; margin-right:20px;  background-image:none; line-height:20px}
#main-gallery ul.gallery-col-2 li img{ width:450px !important; height:280px !important; margin-bottom:0px;}
#main-gallery ul.gallery-col-2 .portfoliobg{width:450px; height:290px; margin-bottom:5px; background-position:center;}
#main-gallery ul.gallery-col-2 h2 a, #main-gallery ul.gallery-col-2 h2 a:visited{ font-size:16px;}

#main-gallery ul.gallery-col-1{list-style-type:none; margin:0px; padding:0px;}
#main-gallery ul.gallery-col-1 li{list-style-type:none; margin:0px 0px 20px 0px; padding:0px 0px 10px 0px; float:left; width:930px; margin-right:0px;  background-image:none; line-height:20px}
#main-gallery ul.gallery-col-1 li img{ display:block; width:540px !important; height:330px !important;}
#main-gallery ul.gallery-col-1 .portfoliobg{width:540px; height:330px; margin-right:20px; background-position:center;}
#main-gallery ul.gallery-col-1 .portfoliobg a{display:block;}
#main-gallery ul.gallery-col-1 h2 a, #main-gallery ul.gallery-col-1 h2 a:visited{ font-size:18px;}

#main-gallery h2, #main-gallery h2 a, #main-gallery h2 a:visited{color:#2d84b6 ; font-size:12px; font-weight:bold; margin-bottom:0px;}
.portfoliobg { width:220px; height:120px; float:left; background:url(../images/hover-opacity.png) no-repeat top left; margin-bottom:10px}
span.tblue, span.tblue a, span.tblue a:visited{color:#2d84b6 !important; font-weight:bold;}
#gallery-category h2{float:left;}
ul#navcat{list-style-type:none; margin:0px; padding:5px 0px 0px 10px;float:left}
ul#navcat li{list-style-type:none; margin:0px; padding:0px 5px; float:left}
ul#navcat li a, ul#navcat li a:visited{color:#656253;}
#bottombox{background-color:#e9e9e9; padding:20px 30px; margin-bottom:20px}
.col-l{float:left; width:700px}
.col-r{float:left; padding:40px 0px 0px 50px}
div#sh-rights.shright{
  float:left;
  width:auto !important;
  margin-right:30px;
}
div#sh-left{
  float:left;
}
#pic-placeholder{
  float:left;
  margin-right:25px;
}
div#main-image{
  padding:4px;
  border:1px solid #eaeaea;
  background-color:#f6f6f6;
}
div#main-image img{ display:block;}
div#fulldes{
  margin-top:23px;
}
div#component-portfolio div.nextprev{
  width:100%;
  margin-bottom:13px;
}
.desProduct{
  margin-top:0px;
}
div#component-portfolio a.previd, div#component-portfolio span.previds{
  margin-left:0px !important;
  text-decoration: none;
  padding: 3px 6px;
  margin: 2px;
  line-height:25px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:solid 1px #ccc;
  background-color:#ffffff;
  background-image:none;
  color:#666666 !important;
}
div#component-portfolio a.nextid, div#component-portfolio span.nextids{
  margin-left:0px !important;
  text-decoration: none;
  padding: 3px 6px;
  margin: 2px;
  line-height:25px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:solid 1px #ccc;
  background-color:#ffffff;
  background-image:none;
  color:#666666 !important;
}
div#component-portfolio a.previd span, div#component-portfolio a.nextid span{
  margin:0px;
  background-image:none;
  background-color:#ffffff;
  text-decoration: none;
  padding: 3px 6px;
  margin: 2px;
  line-height:25px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:solid 1px #ccc;
  color:#666666 !important;
}
/* BLOG */
.post{ background-image:url(../images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom; margin-bottom:30px;}
.post h2{margin-bottom:10px;}
.entry{padding:12px 0px 10px 0px;}
.idate{display:inline; font-size:10px;}
.icomm{display:inline; font-size:10px;}
.iauth{display:inline; font-size:10px;}

/* SERVICES */
#services-block{list-style-type:none; margin:0px; padding:0px;}
#services-block li{list-style-type:none;width:430px; float:left; position:relative; margin-right:20px; margin-bottom:20px; padding-right:20px}
#services-block h2{margin-bottom:3px;}
#services-block .block-text{ margin-left:80px;}

/* CONTACT */
form{margin:0; padding:0;}
fieldset{border:0px;}
#contact_form{margin:0 auto; position:relative}
label{margin-top:3px;}
label.sp { width:3px;}
span.error{color:red;text-align:left;}

#maintext .contact{
  
}

#message{ margin-left:0px;}
#message h2  {}
#message p{margin:6px 0px; }

#contact-form input[type=text],#contact-form input[type=email], #contact-form textarea{
  padding:2px;
}
#contact-form .button, .contact-form .button{background-color:#000; border:solid 1px #363637; color:#fff !important; padding:0px 10px 2px 10px; width:120px; height: 28px; line-height:24px; margin-top:5px; cursor:pointer; font-family:Arial; text-transform:uppercase; font-size:11px;}
input.text-input{ margin:4px 8px 4px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #888888; vertical-align:middle}
textarea.text-input{ margin:0px 8px 4px 0px; padding: 5px 2px; border:solid 1px #888888; vertical-align:top; width:380px;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #888888; }
#contact_form input.but{font-size:11px; font-family:Arial;  padding:5px 5px; border:0px; margin-top:10px; cursor:pointer;}
* html #contact_form input.but{padding:6px 6px !important;}/* ie 6 only */
*+html #contact_form input.but{padding:6px 6px !important;}/* ie 7 only */