@charset "utf-8";
/* CSS Document */

.bgtile {
	background-image:url(images/madikwe-head-tile.jpg);
	background-repeat:repeat-x;
}
.bodyshadtile {
	background-image:url(images/bodyshad-tile.png);
	background-repeat:repeat-y;
}
body {
	background-color:#e5e6c7;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-family: arial;
	font-weight:bold;
	font-size:12px;
	color: #f1af4e;
	text-decoration:none;
}
.displaybox {
	height:auto;
	border:3px solid #f1af4e;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
-webkit-border-radius: 1em 1em 1em 1em;
}
.bodypage {
	background-color:#FFF;
-moz-box-shadow: 0 0 5px 5px #999;
-webkit-box-shadow: 0 0 5px 5px #999;
box-shadow: 0 0 5px 5px #999;
}
.foot {
	vertical-align:bottom;
	border-top: 10px solid #4a2c0f;
	border-top-image:
}
.directions {
	border:3px solid #2bb2ad;
}
.tablebord {
border:3px solid #E5E6C7;
}
.addonpackage {
	background-color:#4a2c0f;
	width:90%;
	padding: 10px;
	-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
-webkit-border-radius: 1em 1em 1em 1em;
border:3px solid #00ACB6;
}
.picframe {
	border: 1px solid #fff;
	border-radius: 8px;
	box-shadow: 0px 5px 3px #4e5d74;
	-webkit-box-shadow: 0px 5px 3px #4e5d74;
	-moz-box-shadow: 0px 5px 3px #4e5d74;
	-webkit-border-radius: 8px;
}
.picframe2 {
	border: 1px solid #00ACB6;
	border-radius: 8px;
	box-shadow: 0px 5px 3px #4e5d74;
	-webkit-box-shadow: 0px 5px 3px #4e5d74;
	-moz-box-shadow: 0px 5px 3px #4e5d74;
	-webkit-border-radius: 8px;
}
hr {
	border:0;
	background-color: #CCC;
}

.slideshow {
	height:160px;
	vertical-align:top;
}
.ic_container{
    vertical-align:baseline;
    margin:10px;
    position:relative;
	border:3px solid #f1af4e;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
-webkit-border-radius: 1em 1em 1em 1em;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-border-radius: 0.8em 0.8em 0.8em 0.8em;
border-radius: 0.8em 0.8em 0.8em 0.8em;
-webkit-border-radius: 0.8em 0.8em 0.8em 0.8em;
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	border-bottom-right-radius: 0.8em 0.8em;
border-bottom-left-radius: 0.8em 0.8em; 
-moz-border-radius-bottomright: 0.8em 0.8em;
-moz-border-radius-bottomleft: 0.8em 0.8em;
-webkit-border-bottom-left-radius:0.8em 0.8em;
-webkit-border-bottom-right-radius:0.8em 0.8em;
}
.imground {
-moz-border-radius: 0.8em 0.8em 0.8em 0.8em;
border-radius: 0.8em 0.8em 0.8em 0.8em;
-webkit-border-radius: 0.8em 0.8em 0.8em 0.8em;
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size:11px;

}
#s6{
	padding:0px;
	margin-top:0px;
	margin-left:7px;
	width: 330px;
	height:188px;
	vertical-align:top;
}
/*===============================================================================================
                                    Inverted Shift Menu
===============================================================================================*/
<style type="text/css">

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #f1af4e; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 30px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 14px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: #e5e6c7; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #f1af4e; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #58300d; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}
/*=====================================================================
								Text Styling							
=====================================================================*/
.bodytext {
	font-family: arial;
	font-size:12px;
	color: #4a2c0f;
}
.bodytxt {
	font-family: arial;
	font-size:12px;
	color: #4a2c0f;
}
.bodytxtwht {
	font-family: arial;
	font-size:12px;
	color: #FFF;
}
.ratemenu {
	font-family: arial;
	font-size:12px;
	color: #4a2c0f;
	text-decoration:none;
}
.bodytxthead {
	font-family: arial;
	font-weight:bold;
	font-size:16px;
	color: #f1af4e;
}
.bodytxtwhthead {
	font-family: arial;
	font-weight:bold;
	font-size:16px;
	color: #FFF;
}
h1
{
	font-family: arial;
	font-weight:bold;
	font-size:16px;
	color: #f1af4e;
}
.bodylink {
	font-family: arial;
	font-weight:bold;
	font-size:12px;
	color: #2bb2ad;
	text-decoration:none;
}
.bodylinkwht {
	font-family: arial;
	font-weight:bold;
	font-size:14px;
	color: #FFF;
	text-decoration:none;
}
.bodylinkwht:hover {
	font-family: arial;
	font-weight:bold;
	font-size:14px;
	color: #4a2c0f;
	text-decoration:none;
}
.links {
	font-family: arial;
	font-weight:bold;
	font-size:12px;
	color: #f1af4e;
	text-decoration:none;
}
h2 {
	font-family: arial;
	font-weight:bold;
	font-size:12px;
	color: #f1af4e;
	text-decoration:none;
}
h3 {
	font-family: arial;
	font-weight:bold;
	font-size:12px;
	color: #f1af4e;
	text-decoration:none;
}
h4 {
	font-family: arial;
	font-weight:bold;
	font-size:12px;
	color: #f1af4e;
	text-decoration:none;
}

</style>
