/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
BASE */

@import url(../tripoli/tripoli.base.css);

/*
_______________________________
PLUGINS */

@import url(../tripoli/plugins/tripoli.visual.css);
@import url(../tripoli/plugins/tripoli.type.css);
@import url(../tripoli/plugins/infinite-carousel.css);



/*
_______________________________
END */


.clear{
clear:both
}

.content{
color:#000000;
}
.content hr {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#666666 none repeat scroll 0 0;
color:#666666;
}
a{color:#666666;}
a:link{color:#666666;}
a:visited{color:#666666;}
a:hover{color:#A2DF29;}

img.right{float:right; margin-left:20px; margin-bottom:15px; margin-top:15px;}

.content h1{color:#F06; font-size:2em; border-bottom:1px solid #ddd; padding-bottom:15px; margin-top:0}
.content h2{line-height:1.8; color:#F06; margin-top:0px;}

#container .content h3{color:#F06; line-height:2; font-size:1.2em; margin-top:0px;}


#container .content h4{font-size:1.2em; line-height:1.8; color:#F06}

/* BASE */
html{background-color:#fff;  height:100%;}
body{background-color:#fff; height:100%; padding:0 ; margin:0; font-family:Arial, Helvetica, sans-serif}
#container{width:950px; padding:30px 5px 0 5px; margin:0 auto; background-color:#FFFFFF; padding-bottom:0px; background-image:url(../images/bg-body.gif); background-repeat:repeat-y; background-position:center;}
#header{background-color:#FFFFFF;background-repeat:no-repeat;height:100px; width:100%; margin:0 auto;}
#header .content{background-color:#fff; padding-top:20px;background-image:url(../images/bg-header.jpg);background-repeat:no-repeat;height:80px; width:950px; margin:0 auto; background-position:0px;}
#footer{clear:both; border-top:1px solid #ddd; background-color:#FFC1D7; padding-top:15px; text-align:center; width:100%;}
#footer .content{width:950px; margin:0 auto; }
#footer .content p{color:#666666; padding-top:0}
#footer .content .left{width:445px; float:left; text-align:left; padding:0 15px;}
#footer .content .left p{text-align:left;}
#footer .content .right{width:445px; float:left; text-align:left; padding:0 15px}
#footer .content .right p{text-align:right;}
#banner{width:100%;height:180px; background-color:#ddd}
#banner .content{width:950px;margin:0 auto; height:180px; background-repeat:no-repeat; background-color:#ccc}

ul li{
margin-bottom:10px;
}

/* NAV */
#navcontainer{background-color:#F06;margin:0 auto; width:100%; position:relative; border-top:0 none;}
#navcontainer .content{margin:0 auto; width:950px; border-left:1px solid #fff;}
#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline;  }
#navcontainer ul{margin:0;padding: 0;color: #FFFFFF;font-weight: bold;}
#navcontainer ul li a{padding:1em;color: #fff;text-decoration: none;float: left;border-right: 1px solid #fff; text-transform:uppercase}
#navcontainer ul li a:hover{background-color: #FFC1D7;color: #F06;}
#navcontainer ul li a#current{background-color: #FFC1D7;color: #F06;}
#navlist li a:hover, #navlist li a:active{color: #FFFFFF;text-decoration: none;background: #CCC;text-align: left;}


/* SUB NAV */
#nav-sub {padding:15px 0 0 0; margin-bottom:20px;}
#nav-sub ul li {margin-bottom:10px;}
#nav-sub ul li a{background-image:url(../images/bg-navbtn.jpg); background-repeat:no-repeat; padding:12px 15px 10px 15px; width:210px; height:18px; font-weight:bold; display:block; font-size:1em; text-decoration:none; color:#000000}
#nav-sub ul li a:hover{color:#666666;}
#nav-sub ul li a.current{color:#000000}
#navcontainer ul li a#current{
color:#fff
}

/* HOME */
.home #container{padding-top:20px;}
.home #container #primary .content, .home #container #secondary .content, .home #container #tertiary .content{}
.home #container #primary .content img, .home #container #secondary .content img, .home #container #tertiary .content img{}
.home #container #primary{width:730px; float:left;}
.home #container #primary .content{padding:0 20px}
.home #container #secondary{width:200px; float:left;}
.home #container #tertiary{clear:both; padding-top:20px;}
.home #banner{margin-bottom:0px;}
.home .content h2{}
.home .content h2 a{text-decoration:none; color:#000000; display:block;}
.home .content h2 a:hover{text-decoration:none; color:#A2DF29}
.home .content ul{margin-bottom:0;margin-left:1em;}

.home #primary .content ul li{list-style-type:none; padding-left:30px; background-image:url(../images/bullet.gif); background-repeat:no-repeat}
.home #container #primary .content .left-column{width:335px; float:left}
.home #container #primary .content .left-column h2{margin-bottom:0px; padding:0}
.home #container #primary .content .right-column{width:335px; float:left}
.home #container #primary .content .right-column h2{margin-bottom:0px; padding:0}

/* GENERIC PAGES */
.generic #primary{ float:left; width:730px}
.generic #secondary{ float:left; width:200px;}
.generic #primary .content{ padding:0 20px;}

/* GENERIC PAGES  - ONE COLUMN */
.one-column #primary{ float:left; width:950px}
.one-column #primary .content{ padding:0 20px;}


/* PORTFOLIO PAGES */
.portfolio #primary{ float:left; width:950px}

.portfolio #primary .content{ padding:0 20px 20px 20px;}


/* SUB CATEGORY PAGES */
.subcat #primary{ float:right; width:660px; padding-right:20px;}
.subcat #secondary{ float:left; width:260px;}
.subcat #secondary .content{padding-left:20px;}
.subcat #secondary ul{list-style-type:none; margin:0}


/* BLOG */
.blog #container{padding-top:0px;}

/* FORMS */
.content fieldset{border:0 none; padding:15px; background-color:#eee; width:570px}
.content fieldset label{font-weight:bold; color:#666666; }
.form-contact .left{float:left; width:275px;}
.form-contact .left div{margin-bottom:15px}
.form-contact .right{float:left; width:275px; margin-left:20px;}
.form-contact .right div{margin-bottom:15px}
.form-contact .clear{padding:0}
.form-contact input.text{width:263px; padding:5px; border:1px solid #ccc;}
.form-contact textarea{width:560px; padding:5px;}

/* BOX */
.box{background-color: #FFC1D7; margin-bottom:20px;}
.content .box h2{color:#FFFFFF;padding:5px 10px;background-color:#F06;margin-bottom:0;}
#container .content .box .content h3{color:#F06; font-size:1.2em; margin-bottom:0px;}
.content .box .content{color:#000;font-size:1em;padding:10px; font-size:0.9em}
.content .box .content a{color:#F06;}
.box .content{color:#333;font-size:1em;padding:10px;}
.content .box .content p{margin-bottom:10px;}
#container .content .box .content img{float:none;}

#container .content .box .content a span{display:block; background-color:#666666; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:5px;}

#container .content table{padding:0; border:0 none; outline:none;}
#container .content table tr{padding:0; border:0 none}
#container .content table td{padding:0; border:0 none}

/* BUTTONS */


/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

#content{
width:730px
}

.contact{

}