/*----------------------------------------------
http://www.tikiconstruction.com
author:		Logistica Systems
date:		04.14.2010
----------------------------------------------- */

/* CSS Reset */
* { margin: 0; padding: 0; }

body {
  background: #fff url(images/body_bg.jpg) repeat-x center top;
  font-family: Arial, Helvetica, sans-serif;
}



/* HEADER */
#header {
  position:relative;
  width: 960px;
  margin: 0 auto;
}

h2 { 
	font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;

}

#header h2 {
  display:block;
  float:left;
  width:500px;
  height:115px;
  background:url(./images/tiki_logo.jpg) no-repeat 0 0;
  text-indent:-9999px;
}

#header h2 a {
  display: block;
  height: 100%;
  width: 100%;
}

#header #phone {
  background: url(./images/icon_phone.jpg) no-repeat right 0px;
  height: 47px;
  position: absolute;
  top: 41px;
  right: 0;
  text-align: right;
  padding: 5px 50px 0 0;
}

#header #phone p {
  font-size: 20px;
} #header #phone h6 {
  font-size: 11px;
}


/* NAVIGATION */

#nav{
	clear: both;
	height: 35px;
	width: 960px;
	margin: 0 auto;
}
#nav ul{
	float: left;
}
#nav ul li{
	list-style-type: none;
	display: block;
	height: 35px;
	float: left;
	padding: 0px 1px 0px 0px;
}
#nav ul li a{
	color: #3f3f3f;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	height: 100%;
	line-height: 35px;
	padding: 0 0 0 16px;
}
#nav li a span{
	display: block;
	float: left;
	height: 100%;
	padding: 0 16px 0 0;
}
#nav li a:hover, #nav li.active a{
	background: url(./images/butt_hover.jpg) no-repeat left;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}
#nav li.active a span, #nav li a:hover span{
	background: url(./images/butt_hover.jpg) no-repeat right;
}

/* FEATURED */

#featured {
  border: 0px solid BLUE;
  margin: 45px  auto;
  background: #fff;
  padding: 10px;
  height: 340px;
  width: 940px;  
 
}


/* FORM */
#news{
	background: url(./images/form_bg.jpg) repeat-x;
	margin: 0px;
	padding: 20px;
	float: right;
	width: 260px;
	height: 300px;
 }

#news fieldset
{
     border: 0px;
}

#news h2{
	font: normal 21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
}
#news label{
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 100%;
}

/* CONTENT */

/* content interior */
#contentwrap_int {
	width: 960px;
	margin: 0 auto;
	background-color:#FFF;
	margin-top:5px;
	padding:1em;

}

#content_int {
	width:100%;
	clear: both;	
	border:0px solid RED;
	min-height:645px;
}

#content_int p {
	line-height: 140%;
	font-size: 14px;
	color: #000;
	padding-bottom: .7em;
}

#content_int p.quote {
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	padding: .7em;
	border: 0px solid #CCC;
}



#content_int h1{
	font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b47825;
	text-decoration: none;
	margin-bottom: 18px;
}
#content_int h1 span{
	color: #2f2f2f;
}

#content_int h2{
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b47825;
	font-weight:bold;
	text-decoration: none;
	margin-bottom: .5em;
}

#content_int h2 span {
	color: #70963d;

}



/* content home */
#contentwrap {		
	height: 250px;
	width: 100%;
}

#content{
	padding: 25px 0 0;
	clear: both;
	font-size: 12px;
	color: #767676;
	border:0px solid RED;
	width: 960px;
	margin: 0 auto;
}

#content .col{
	float: left;
	width: 258px;
	background: #FFFFFF url(./images/col_bg.jpg) repeat-x;
	height: 153px;
	border: 1px solid #CCC;
	padding: 20px;
	margin-right: 30px;
}
#content .col h2{
	font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b47825;
	text-decoration: none;
	margin-bottom: 18px;
}
#content .col h2 span{
	color: #2f2f2f;
}
#content .col img{
	border: solid 1px #d8d8d8;
	padding: 2px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#content .col p{
	margin-bottom: 20px;
	line-height: 17px;
}
#content .col a.readmore{
	font-weight: bold;
	color: #252525;
	text-decoration: underline;
}
#content .col a:hover.readmore{
	text-decoration: none;
}
#content .col.noMargin{
	margin: 0;
}
#content .col.fr {
	margin: 0;
	float: right;
}

.clear {
	clear: both;
}

/* Lists */

.list{ margin-left:2em; margin-bottom: .9em; }

.list li {list-style-image: url(/images/arrow-bullet.gif);
	padding-bottom:.2em; 
	font: 14px Arial, Helvetica, sans-serif;
}




/* FOOTER */
#footer{
	clear: both;
	height: 100px;
	width: 100%;
	background-color: #223844;
	border: 0px solid RED;
}
#footerContainer{
	margin: 0px auto 0;
	width: 960px;
	font-size: 12px;
	color: #ddd;
	padding-top: 15px;
	position: relative;
}
#footerContainer p{
	margin: 8px 0 8px;
}
#footerContainer a{
	color: #ddd;
	text-decoration: none;
}
#footerContainer a:hover{
	text-decoration: underline;
}


/* SLIDESHOW */

#slideshow {
	margin:0 auto;
	width:630px; /* total width 640 orig*/
	height:	340px;	/*263px;orig */
	background:transparent url(./images/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
	float:left;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:550px; /* orig 560 same as JS  var slideWidth */
  height:340px;
  overflow:auto; /* allow scrollbar */
  position:relative;

}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:530px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:340px;
   font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:340px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(./images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(./images/control_right.jpg) no-repeat 0 0;
}

/** 
 * SLIDESHOW STYLES
 */

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}

/* .slide img */
.pic {
  float:right;
  margin:0 15px;
  border: 0;
} 

.slide a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
.slide a:hover {
  text-decoration:underline;
}

/* Gallery  */

.gallery a {
	float:left; 
	width:220px;
	padding-bottom:20px; 
	border:0px solid #FF0000;
}

.gallery img{
	border:1px solid #000;
}

.gallery2 a {
	float:left; 
	width:220px;
	padding-bottom:20px; 
	border:0px solid #FF0000;
}

.gallery2 img{
	border:1px solid #000;
}

/* Generic Link */
a.link			{font-size: 14px; text-decoration: underline;}
a.link:link		{color: #000066; text-decoration: underline;}
a.link:visited	{color: #000066; text-decoration: underline;}
a.link:hover	{color: #cc3300; text-decoration: none;}

/* Link Home News */
a.link2			{font-size: 12px; text-decoration: underline;}
a.link2:link	{color: #FFF; text-decoration: underline;}
a.link2:visited	{color: #FFF; text-decoration: underline;}
a.link2:hover	{color: #FFF; text-decoration: none;}

.small { font-size: 11px; color: Green;}

.label_pp {
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}


.label_pp2 {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}


/* CONTENT SEPERATORS */
.ContentSeperator
{
	clear:both;
    height: 1px;
    width: 100%;
    clear: both;
    background-color: #aaaaaa;
    margin: 20px 0 20px 0 ;
}

/*css3 Box */

.rounded_box {
	background-color:#e5e5e5; padding:20px;
	border: 1px solid #ccc;		
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fcfcfc;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#E8E8E8));
	background: -webkit-linear-gradient(#fcfcfc, #E8E8E8);
	background: -moz-linear-gradient(#fcfcfc, #E8E8E8);
	background: -ms-linear-gradient(#fcfcfc, #E8E8E8);
	background: -o-linear-gradient(#fcfcfc, #E8E8E8);
	background: linear-gradient(#fcfcfc, #E8E8E8);
	-pie-background: linear-gradient(#fcfcfc, #E8E8E8);
	behavior: url(/PIE.htc);

}

.width_500 {

	width:500px;
}

.width_500 {

	width:500px;
}

.width_400 {

	width:400px;
}

.width_200 {

	width:200px;
}