/**
 *  Motif8 template: Motif8 Design
 * 
 * Original design: Motif8 Design 1.0 (v1.0 - June 10, 2009) - A  xhtml/css website template by Thomas.
 * For more information, see http://www.motif8.in/
 *
 * LICENSE: Open Source
 * 
 * @author     Thomas (Motif8 Designer)
 * @copyright  Motif8
 * @license    http://www.motif8.in/
 * @version    3.00
 * @platform   Website Baker 2.7
*/

* { 
      margin: 0; 
      padding: 0; 
	}

html {
       margin: 0;
	   padding: 0;
	   font: 100%/120%;
	   line-height:1.4em;
	   font-size:100.01%; 
	}	

body {
	   margin: 0;
	   padding: 0;
	   background:#f4ca74 url(images/bg.jpg);
	   text-align: center;	 
       font-family: "Georgia", Times New Roman, Times, serif;
	   font-size:100.1%;
	   color: #50371D;	
	  }	  

#maincontainer_m8 {
       width:985px;
       margin:20px auto 0;
	   height:100%;
	   padding:0;
	   text-align: left;	
	   
      }

/* ~~~~~~~~~~~~~~ main header m8 ~~~~~~~~~~~~~ */
#top_m8 {
       width:985px;
	   margin:0;
	   padding:0;
	   height:68px;
      }	  

#logo {
       width:165px;	   
	   margin:0;
	   padding:0;
	   float:left;	      
      }
	  
.logo_in {
       margin:0;  
	   padding:2px 0 0 0;	   	   
      }	
	     	  	  
#motif8_dis {
       width:438px;
	   margin:0;
	   padding:0;
	   float:left;
	   height:68px;	   
	   border-left:2px dotted #996633;	
	   border-right:2px dotted #996633;   
      }
	  
.motif8_dis_in {      
	   margin:0;
	   padding:0;
	  	   
      }	
	  
.motif8_dis_in p {
       margin:0;
	   padding:0 30px 0 30px;
	   font-family:"Arial";
	   font-size:16px;
	   line-height:19px;
	  }	 
	     
#motif8_cont {
       width:378px;
	   margin:0;
	   padding:0;
	   float:left; 	   
      }
	  
.motif8_cont_in {       
	   margin:0;
	   padding:0;	  	   
      }
	  
.motif8_cont_in p {
      margin:0;
	   padding:0 5px 0 22px;
	   font-family:"Arial";
	   font-size:16px;
	   line-height:19px;
	  }	

/* main menu m8 */	

#main_menu {
      width:985px;
	  height:25px;
	  margin:2px 0 0 0;
	  border-top:2px dotted #996633;
	  border-bottom:2px dotted #996633;	
	 
     }
#main_menu_in {
      margin:0;
	  padding:0;
	  float:right;
	  font-size:11px;
	  text-align:right;	    
     }
/* end main menu m8 */

#maincontent_m8 {
      width:985px;
	  margin:2px 0;
	  padding:0 0 10px 0;
	  background:url(images/dotbg.png) 606px 0 repeat-y; 
     }    	  	  
/* ~~~~~~~~~~~~~~~~~~~~~~ left content ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#leftcontent_m8 {
      width:605px;
      margin:0;
	  padding:0;
	  float:left;	    
     }
.leftcontent_in {
      margin:0;
	  padding:5px 0 5px 0;
     }
	 
.leftcontent_in p {
      margin:0;
	  padding:0 5px 0 0;
	  font-size:11px;
	  line-height:15px;
     }	 
.leftcontent_in h1 {
    margin:0;
	padding:6px 0 6px 0;
	font-size:22px;
	font-weight:normal;
   }
   
.leftcontent_in h2 {
    margin:0;
	padding:5px 0 5px 0;
	font-size:19px;
	font-weight:normal;
   }
      
.leftcontent_in h3 {
    margin:0;
	padding:4px 0 4px 0;
	font-size:16px;
	font-weight:normal;
   }	 
/* ~~~~~~~~~~~~~~~~~~~~~~ right content ~~~~~~~~~~~~~~~~~~~~~~~~~~ */	  	
#rightcontent_m8 {
      width:378px;
      margin:0;
	  padding:0;
	  float:right;	
    
     }
.rightcontent_in {
      margin:0;
	  padding:0;
     }

.rightcontent_in p {
      margin:0;
	  padding:0 0 5px 10px;
	  font-size:11px;
	  line-height:14px;
     }
	 
.rightcontent_in h1 {
    margin:0;
	padding:3px 0 5px 10px;
	font-size:22px;
	font-weight:normal;
   }
   
.rightcontent_in h2 {
    margin:0;
	padding:3px 0 5px 10px;
	font-size:19px;
	font-weight:normal;
   }
      
.rightcontent_in h3 {
    margin:0;
	padding:3px 0 5px 10px;
	font-size:16px;
	font-weight:normal;
   }   	      
/* misc */

#clr { 
     clear:both;
	 border:none;
      } 
hr { 
     margin:6px 0 5px 0;
	 background:url(images/dot.png) repeat-x;    
	 height:2px;
	 width:100%;
	 border:none;
	 padding:0;
	 
      }
	  
/* form css */	  
.right_content_in .textfield {  
         background-color:#fff;
	     color:#000;
	     border:1px solid #000; 
		 width:230px;	
	 }

.right_content_in .email	{ 
	   background-color:#fff;
	   color:#000;
	   border:1px solid #000; 
	   width:230px;
		  }

.right_content_in .textarea	{ 
	   background-color:#fff;
	   color:#000;
	   border:1px solid #000;
	   width:230px;
	   height:70px; 
	  }	
							
.right_content_in label {
      font-size:11px;
      }
	  
input {
       background-color:#ccc;
	   color:#000;
	   border:none;
	   padding:0px; 
      }	 

li {
      list-style-type: none;
     }

a  	{
	text-decoration: none;
 	color: #8b8b8b;
	} 	 		 

/* menu css */
#navContainer {
        width: auto;
        display:block;
		clear:both;
		text-align:right;
		float:right;	
        /*border-right:1px solid #000;*/
	   }
/* ~~~~~~~~~~~~~~ Remove List Formattings  ~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	 text-align:right;
  }
  
/* Header menu */
#header_menu {
     position: absolute; 
	 margin-left: 10px;
	 float:right;
	 /*background:#000;*/
	 }
	 
#header_menu li {
     line-height: normal;
	 text-transform:uppercase;	
     }

ul#header_menu  {
     z-index: 10;
	 clear: both;
	 }

#nav {
		height: 1.8em;
		/*background: #000;*/
		border-top: 0;
		/*border-bottom: 1px solid #000;*/
		padding:0;
     }

#nav ul {
		list-style-type: none; 
		margin: 0; 
		padding: 0; 
		font-size: 99%; 
		/*text-transform: uppercase;*/
		width: auto;
		/*	(Disappearing List-Background)	http://www.positioniseverything.net/explorer/ie-listbug.html */
		position: relative; /* Fix the Stupid IE6 Bug */
     }

#nav ul li {
      float: left; 
      /*color: #000; */
	  text-align: center;
	  font-weight: normal;
	  padding:0 0 0 0;
	 }

#nav ul li a {
      display: block;
      /*background: #666; */
	  padding:6px 5px; 
	  /*border-left: 1px solid #000; */
	  /*border-right: 1px solid #000; */
	  color: #64331d; /*main menu level one color*/
	  text-decoration: none;
	  font-weight:bold;		
	 }
	 
/* Root Level Link Formatting */

#nav ul li a:hover, #nav li a:focus { 
     /*background: #d1d2d4; */
     /*border-color: #fff; */
     color:#64331d;
	 }
	 
#nav li a:active, #nav ul li a.active {
      /*background: #000; */
	  /*border-color: #fff; */
	  /*color:#ccc;*/
	  }

/* Current page Customisations*/

#nav li.menu-current a { 
    /*background: #000; */
    color: #64331d;	
	}

#nav li.menu-current a		{ /*font-weight: bold;*/} 

/* 2nd Child menu */

#nav .menu li ul { 
       position: absolute;
       width: 12em; 
	   margin: 0; 
	   display: none;    
	   top:24px;/* u want up navigation bottom:20px; // or u want doen navigation top:20px; */
	   text-transform: none; 
	   /* border: 1px solid #000;  */
	   border-top: 0; 
	   font-size: 100%;
	 }

#nav .menu li ul li { 
	   width: 12em; 
	   text-align: left; 
	   font-weight: normal; 
	   margin: 0; 
	   padding:1px 0 0 5px; 
	   line-height: .9em;
	  }  

#nav .menu li ul a {
	   width: 100%;
	   padding: .4em .1em .4em .3em;  
	   background: #330000;
	   color: #feedc5; 	  
	   background: rgba(51, 0, 0, .9);
	   filter:alpha(opacity=90);
	  -moz-opacity:0.9;
	  -khtml-opacity: 0.9;
	   opacity: 0.9;
	  }

/* 2nd Child link hover */

#nav .menu li ul a:hover {
       background: #330000;
	   color: #f4ca74; 	  
	   background: rgba(51, 0, 0, .9);
	   filter:alpha(opacity=90);
	  -moz-opacity:0.9;
	  -khtml-opacity: 0.9;
	   opacity: 0.9;
	   }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}

#nav .menu li ul ul { display: none;}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}

#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}

/* 3rd Child Menu Appreances */

#nav .menu li ul li ul {     
       padding:0;
	   top:0px;
	   }
	   
#nav .menu li ul li ul li a 	{ 
		width: 11.5em; 
		padding: .4em .1em .5em .3em;
		background: #89796d;
	   color: #fff; 
	   border: 0;
	   background: rgba(137, 121, 109, .9);
	   filter:alpha(opacity=90);
	  -moz-opacity:0.9;
	  -khtml-opacity: 0.9;
	   opacity: 0.9;
     }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
   }

/* end menu */

/*  Float containers fix: */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
/*  \*/

* html #clearfix {
	height: 1%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  end menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	

/* ~~~~~~~~~~~~~~~~~~~~~~ copy rights ~~~~~~~~~~~~~~~~~~~~~ */

#copy_kbm {
		margin:0;
		padding:0;
        }	
		
.copy_kbm_in {
   font-size:9px;
   color:#999999;
   text-transform:uppercase;

        }			
/* ~~~~~~~~~~~~~~~~~~~~~~~~ bottom images ~~~~~~~~~~~~~~~~~~~~ */
#bottom_kbm {
      
	   height:30px;       
      }

#header {
	 width:1024px;
	 height:30px;
	 clear:both;
	 margin:0;
	 padding:0;
	 background: url(headers/rotate.php) no-repeat 0px 0px  ;
	 position: relative;
	 margin-bottom: 0px;
      }