/*#########################################################################
*Template Name: Tiki Butterfly
*Template Date: March, 03 2006
*Template Version: 1.6
*OR Version Compatability: 2.5+
*Author:  Ken Saccardo
*URL:  http://springriverenterprises.com
*E-Mail:  srs@springriverservers.net
*CMS URL: http://support.open-realty.org
*Custom Template Designed for TIKI AND ASSOCIATES
##########################################################################*/

/*--=-=-=-[This Styling Section is for "COMMON CSS Elements and Typography STYLING"]-=-=-=-=--*/
body{ 
margin									: 0px; 
padding									: 0px; 
font-family								: Verdana, Arial, Helvetica, sans-serif;
font-size								: 11px;
text-align								: center;/*TEMPLATE SPECIFIC*/
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/tile.jpg);
}

h1{
font-size								: 20px;
font-weight								: 600;
text-indent								: 8px;
font-family								: Arial, Helvetica, sans-serif;
}

h2{

font-size								: 16px;
font-weight								: bold;
}

h3{
font-size								: 16px;
font-weight								: bold;
color									: #000;
}

h4{
font-size								: 20px;
font-weight								: 600;
}

h5{
font-size								: 20px;
font-weight								: 600;
}

h6{
font-size								: 20px;
font-weight								: 600;
}

td {
font-family								: Verdana, Arial, Helvetica, sans-serif;
font-size								: 12px;
}

table{
padding									: 0px;
}

form{
margin									: 0;
padding									: 0;	
}

input, select{
font-family								: Verdana, Arial, Helvetica, sans-serif;
font-size								: 10px;
}

img{
border									: 0px none;
}

a:link {
color									: #A62C27;
text-decoration							: none;
} 

a:visited {
color									: #336699;
text-decoration							: none;
}

a:hover {
color									: red;
}

a:active {
color									: purple;
}

p{
font-family								: Verdana, Arial, Helvetica, sans-serif;
font-size								: 11px;
padding									: 0px 0px 15px 0px;
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/paragraph-line.jpg) bottom center no-repeat;
}

hr {
color									: 90614F;
height									: 2px;
}

ul{
margin: 0;
padding: 0;
}

li{
text-decoration:none;
list-style: none;
list-style-type:none;
}

.listitems{
list-style:circle;
}

/*-=-=-=-=[This styling controls those nifty little pseudo module boxes in the template]=-=-=-=-*/
.borderOver{
border-top-style: solid;
border-top-width: 1px;
}

.textQuotation{
padding : 4px;
padding-left: 20px;
padding-right: 20px;
}

div.module,h3{
text-align:center;
margin: 5px 0 5px 0;
color: #000;
/*padding: 0;*/
}

div.module,h2{
text-align:center;
margin: 5px 0 5px 0;
color: #000;
font-size:14px;
/*padding: 0;*/
}

div.module {
width: 176px;
background: url(http://www.tikiandassociates.com/template/tiki_2/images/middle.png) repeat-y;
margin-bottom: 2px;
}

div.module div {
background: url(http://www.tikiandassociates.com/template/tiki_2/images/bottom.png) bottom left no-repeat;
}

div.module div div {
background: url(http://www.tikiandassociates.com/template/tiki_2/images/pur_top.png) top left no-repeat;
padding: 5px 15px 25px 15px;
text-align:left;
color: #000000;
}

div.module div div div {
background: none;
padding: 0;
width: auto !important;
width: 100%; 
}

/*=-=-=-=-[Module Boxes with Yellow Tops]-=-=-=-=*/
div.moduleY,h3{
text-align:center;
margin: 5px 0 5px 0;
color: #000;
/*padding: 0;*/
}

div.moduleY {
width: 176px;
background: url(http://www.tikiandassociates.com/template/tiki_2/images/middle.png) repeat-y;
margin-bottom: 2px;
}

div.moduleY div {
background: url(http://www.tikiandassociates.com/template/tiki_2/images/bottom.png) bottom left no-repeat;
}

div.moduleY div div {
background: url(http://www.tikiandassociates.com/template/tiki_2/images/pur_top.png) top left no-repeat;
padding: 5px 15px 25px 15px;
text-align:left;
color: #000;
}

div.moduleY div div div {
background: none;
padding: 0;
width: auto !important;
width: 100%; 
}

/*=-=-=-=-[Module Boxes with Green Tops]-=-=-=-=*/
div.moduleG,h3{
text-align:center;
margin: 5px 0 5px 0;
color: #000;
/*padding: 0;*/
}

div.moduleG {
width: 176px;
background: url(http://www.tikiandassociates.com/template/tiki_2/images/middle.png) repeat-y;
margin-bottom: 2px;
}

div.moduleG div {
background: url(http://www.tikiandassociates.com/template/tiki_2/images/bottom.png) bottom left no-repeat;
}

div.moduleG div div {
background: url(http://www.tikiandassociates.com/template/tiki_2/images/pur_top.png) top left no-repeat;
padding: 5px 15px 25px 15px;
text-align:left;
color: #000;
}

div.moduleG div div div {
text-align:left;
background: none;
padding: 0;
width: auto !important;
width: 100%; 
}
/*=-=-=-=-[End Module Boxes]-=-=-=-=*/

.moduleP{
font-weight:400;
font-size:12px !Important;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*=-=-=-=-[Table Layout Styling]-=-=-=-=*/
.leftColumn{
width									: 185px;
padding									: 0px;

}

.rightColumn{
width									: 180px;
padding									: 0px;

}

.centerColumn{
width									: 100%;
padding									: 0px;
}

.leftspacer{
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/left.png) repeat-y;
}

.rightspacer{
width									: 15px;
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/right.png) #C1B1A2;
background-repeat						: repeat-y;
}

.fader{
position								: relative;
text-align								: center;
padding									: 0px 0 0 0;
}

#centerContent{
padding									: 0 5px 0 15px;
background-color						: white;
text-align:left;
color:#000000;
}

#centerIframe{
padding									: 0 5px 0 15px;
background-color						: white;
}

/*--=-=-=-[This Section is for "TEMPLATE SPECIFIC CSS STYLING"]-=-=-=-=--*/
.fadeimages{
position								: relative;
width									: 100%;
background-color						: blue;
}

#logo{
height									: 150px;
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/hp_logo.jpg);
background-repeat						: no-repeat;
}

.navbar{
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/menu_back.png) repeat-x;
height									: 28px;
color									: white;
}

.header{
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/headerback.jpg) #ffffcc top left no-repeat;
}
 
.header1{
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/menu_back.png) repeat-x;
height									: 32px;
text-align								: center;
font-weight								: 700;
font-size								: 9px;
text-transform							: uppercase;
}

#searchbox{
background								: transparent;
text-align								: right;
/*width									: 250px;
float									: left;*/
line-height								: 18px;
height									: 18px;
text-indent								: 10px;
}

.bodycontainer{
background-color						: #fff;
}

td.maincontent{
background-color						: white;
text-align								: left;
}

td.mainfooter{
text-align								: left;
background-color						: white;
height									: 55px;
}

.rspace{
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/right.png);
background-repeat						: repeat-y
}

.lspace{
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/left.png);
background-repeat						: repeat-y
}

.smalltext{
font-size: 10px;
}
/*=-=-=-=-[this code is for the boxes that reside in the column]-=-=-=-=*/
#footer{
height									: 55px; 
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/footer.png) transparent; 
background-repeat						: repeat-x;
clear									: both;
}

.copyright{
width									: 185px;
float									: left;
text-align								: center;
color									: blue;
font-weight								: 600;
margin-top								: 8px;
}

.footer_links{
position								: relative;
width									: 580px;
float									: right;
text-align								: center;
font-size								: 12px;
line-height								: 20px;
margin-top								: 8px;
}

/*--=-=-=-[This Styling Section is for "HORIZONTAL MENU SPECIFIC STYLING"]-=-=-=-=--*/
#topnav ul#mainlevel {
float									: right;
padding									: 0;
margin									: 0;
list-style								: none;
/*border-left								: 1px solid #959A9E;
border-right							: 1px solid #ECF4FA;*/
}

#topnav #mainlevel li {
float									: left;
margin									: 0;
padding									: 0;
/*border-right							: 1px solid #959A9E;*/
}

#topnav #mainlevel a:link, #topnav #mainlevel a:visited {
font-size								: 11px;
font-family								: Arial, Helvetica, sans-serif;
font-weight								: bold;
text-transform							: uppercase;
color									: #FFFFFF;
float									: left;
display									: block;
padding									: 0 15px;
height									: 32px;
line-height								: 30px;
text-decoration							: none;
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/tab_up.jpg) 0 0 no-repeat;
border									: 0;
}

#topnav #mainlevel li.nav_active {
border-right							: 0px solid #721901;
}

#topnav #mainlevel li.nav_active a:link, #topnav #mainlevel li.nav_active a:visited {
background								: url(http://www.tikiandassociates.com/template/tiki_2/images/tab_down.jpg) 0 0 no-repeat;
color									: #EEF0F2;
float									: left;
padding									: 0 15px;
height									: 32px;
line-height								: 30px;
}


#topnav #mainlevel a:hover {
color									: #FFFFFF;
}

#topnav #mainlevel li.nav_active a:hover {
color									: #fff;
}

/*--=-=-=-[END END END END "HORIZONTAL MENU SPECIFIC STYLING" HERE]-=-=-=-=--*/

#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 150px; /* Width of Menu Items */ 
	border-bottom: 1px solid #ccc; 
} 

#menu ul li { 
	position: relative; 
} 

#menu li ul { 
	position: absolute; 
	left: 149px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	text-decoration: none; 
	color: #777; 
	background: #ffffcc; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #77F; 
	background: #ffffcc; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

/* Icon Styles */ 
#menu ul a.submenu {background:#ffffcc url(http://www.tikiandassociates.com/template/tiki_2/images/r_arrow.gif) no-repeat right; } 
#menu ul a.submenu:hover {background:#f9f9f9 url(http://www.tikiandassociates.com/template/tiki_2/images/r_arrow.gif) no-repeat right;}