/* CSS Document */
.mainTittle{

   font-family: 'Lato', sans-serif;
    font-size:35px;
}
#main-wrapper {
width:982px;
height:auto; 
margin:-8px auto auto auto;
}

#header-navigation{
width:982px;
height:auto;
float:left;
margin:25px 30px auto auto;
background:#009933;

}
#id3{
   width:982px;
    height:auto;
     float:left;
      margin:-10px 0px auto auto;
	  margin-left:-40px;
	  
}
#header-navigation ul li{
list-style:none; 
margin-top:-6px; 
display:block; 
float:left;

}

#header-navigation li a:link, #header-navigation li a:visited {
font-family: 'Lato', sans-serif;
font-size:13px;
color:#3E3E7A; 
text-transform:uppercase; 
text-decoration:none;
margin-right:13px;

}

#header-navigation li a:active {
font-family: 'Lato', sans-serif;
font-size:13px;
color:#FFFFFF;
text-transform:uppercase; 
text-decoration:none;
}

#header-navigation li a:hover {
font-family: 'Lato', sans-serif;
font-size:13px;
color:#010349; 
text-transform:uppercase; 
text-decoration:underline;
}

#navigation{
width:982px;
height:38px;
background:green;
float:left;

}

/* dropdown menu starts here*/


/* Top level Unordered list */

ul.mainMeun {
list-style:none;
float:left;
padding: 0 30px 0 8px;
font-family: 'Lato', sans-serif;
font-size:16px;
margin-top:12px;
margin-left:350px;
text-transform:uppercase;

}

 
ul.mainMeun  li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
padding-right:20px;
list-style:none;
}
 
ul.mainMeun a {
padding:12px 8px 8px 8px; /*Main heading on top page.*/
color:#FFFFFF;
text-decoration:none;
font-family: 'Lato', sans-serif;
font-size:16px;
}
 
/* Style the link hover */
ul.mainMeun li:hover a {
background:#4E9258;
border-top:0px solid #ccc;
border-bottom: 0px solid #ccc;
border-right:0px solid #ccc;
font-family: 'Lato', sans-serif;
font-size:16px;
}

 
/* Displays the link as blocks. */
ul.mainMeun li ul a {
display:block;
}
 
/* sub menus!!  */
 
ul.mainMeun ul {
list-style: none;
margin:-1px 0 0 0; /* Appear just below the hovering list */
/*margin:0px;*/
padding:0;
width:240px; /* specify the width. */
height:20px;
position:absolute; /* needed */
z-index:500; /* specify the order */
}
 
ul.mainMeun li ul {
top:27px; /* Positioning:Calc with top level horz list height */


}
 
ul.mainMeun ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}
 
ul.mainMeun ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
margin-bottom:0px !important; 
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.mainMeun ul,
ul.mainMeun li:hover ul ul,
ul.mainMeun ul li:hover ul ul
{ display: none; }
 


/* Display the submenus only when li are hovered */
ul.mainMeun li:hover ul,
ul.mainMeun ul li:hover ul ,
ul.mainMeun ul li ul li:hover ul
{ display: block;}

 
ul.mainMeun li *a:hover {
/* Change color of links when hovered */
background: #0095E6/*#600*/;
opacity:0.8;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}


.sub-menu li a {
font-family: 'Cabin', sans-serif;
font-size:13px !important;
text-transform:uppercase;
color:#FFF;
background: #4E9258 !important;
opacity:0.8 !important;
padding-bottom:5px !important;
border-bottom:1px solid #ccc !important;
border-top:0px solid #222 !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);

}



.sub-menu li a:hover {
/* Change color of links when hovered */
background: #007200/*#600*/ !important;
opacity:0.8 !important;
/*background: -moz-linear-gradient( top, #200, #400);*/
border-bottom:1px solid #900;
border-top:1px solid #222;
border-bottom:1px solid #ccc !important;
border-top:0px solid #222 !important;
color:#fff;
}



/* Styles for dropdown menu ends here*/

/*slider */
#sliderm{
width:982px;
height:300px;
float:left;
background-color:#ffffff;
border-width:5px; 
border-color:#57E964;
}

#greenbox-wrapper {
width:973px;
height:163px;
background:#009933;
float:left;
box-shadow:inset 0 0 15px #000000;
-moz-box-shadow:inset 0 0 15px #000000;

border-style:outset;
border-width:5px;
border-color:#57E964;
}


.abouttemp-box{
width:900px;
height:163px;
border-right:solid 0px #fff;
float:left; 
padding-left:13px;
padding-right:13px;

}


.abouttemp-box .wp-post-image {
float:left;
margin-right:6px;
margin-top:-22px;
}


.abouttemp-title{
font-family: 'Lato', sans-serif;
font-size:17px;
line-height:1.7em;
color:#fff; 
text-transform:uppercase;
margin-top:10px; 
margin-left:140px !important;


}


.abouttemp-content{
font-family: 'Lato', sans-serif;
font-size:15px;
color:#050505; 
line-height:1.3em;
margin-top:-15px;
}


.pooja-box{
width:350px;
height:157px;
float:left; 
padding-left:10px;
padding-right:10px;


}


.pooja-box .wp-post-image {
float:left;
margin-right:6px;
margin-top:-22px;
}


.pooja-box-title {
font-family: 'Lato', sans-serif;
font-size:17px;
line-height:1.7em;
color:#fff; 
text-transform:uppercase;
margin-top:10px; 
margin-left:130px !important;
}

#img{
 border-style:solid;
border-width:5px;
border-color:#98bf21;
}
/* read squre box */
.more-link {
background: yellow;
padding: 3px 10px;
text-decoration: none;
float:right;
font-family: 'Lato', sans-serif;
font-size:13px;
color: #FFFFFF;
margin-top:7px;
}


a:link.more-link {
color: #000000;
font-family: 'Lato', sans-serif;
font-size:13px;
text-transform:lowercase; 
text-decoration: none;
padding: 3px 10px;
}



a:active.more-link, a:visited.more-link {
color: #000000;
font-family: 'Lato', sans-serif;
font-size:13px;
text-transform:lowercase; 
text-decoration: none;
}


a:hover.more-link {
color: #000000;
font-family: 'Lato', sans-serif;
font-size:13px;
text-transform:lowercase; 
background: #D0FA58;

/*text-decoration: underline !important;*/
}

#read-moreu {
background: #6B3E29 !important;
padding: 3px 10px !important;
text-decoration: none !important;
float:right !important;
}


#read-moreu a:link {
color: #FFFFFF;
font-family: 'Lato', sans-serif !important;
font-size:13px !important;
text-transform:lowercase !important; 
text-decoration: none !important;
}


a:hover.read-moreu {
color: #FFFFFF;
font-family: 'Lato', sans-serif;
font-size:13px;
text-transform:lowercase; 
text-decoration: underline;

}


#secondblock1{
width:973px;
height:auto;
background:#ffffff;
float:left;


border-style:outset;
border-width:5px;
border-color:#57E964;
margin-top:0px;


}

#second-about-page{
height:500px; 
width:973px;
background:#ffffff;
float:left;


border-style:outset;
border-width:5px;
border-color:#57E964;
margin-top:0px;


}

#footer{
width:983px;
height:135px;
float:left;
/*background:url(../images/foot.jpg) no-repeat;*/
background:#009933;

}


.footer-menu-wrapper{
width:950px;
height:110px;
margin-left:140px;
margin-top:13px;
float: left;


}

.footer-menu-joes{
width:950px;
height:110px;
margin-left:140px;
margin-top:15px;
float: left;
line-height:1.3em;
display: block;
background:#000000;


}


.footer-menu-wrapper ul li {
display: block;
float: left;
margin: 10px;
width: 120px;
line-height:1.3em;
/* makes horiz list */

padding-right:0px;
list-style:none;
}
.menufoot ul li{
     width:100px;
height:25px;

list-style:none;
 color: #000000;
/* makes horiz list */

padding-right:0px;
list-style:none;



}


.footer-menu-wrapper a:link, .footer-menu-wrapper a:active, .footer-menu-wrapper a:visited{
font-family: 'Lato', sans-serif;
font-size:13px;
color:#fff;
text-transform:uppercase;
text-decoration:none;

}


.footer-menu-wrapper a:hover{
font-family: 'Lato', sans-serif;
font-size:13px;
color:#fff;
text-transform:uppercase;
text-decoration:underline;
}
.present ul li{
width:250px;
height:25px;
margin-left:200px;
margin-top:30px;
float: left;
list-style:none;
 color: #000000;
/* makes horiz list */

padding-right:0px;
list-style:none;
}

#content-wrapper {
width:973px;
height:auto;
background:#D9DAA1; 
float:left;

}

.welcome-box{
width:299px;
height:auto;
padding:9px;
}


.welcome-box .green-image {
float:left;
margin-right:9px;
}

.welcome-box .green-images {
float:left;
margin-right:9px;
margin-left:-20px;
}
.blue-title{
font-family: 'Lato', sans-serif;
font-size:25px;
color:#FFFFFF;
font-weight:normal; 
margin-bottom:11px;
background:#009933;

}

.time{
font-family: 'Lato', sans-serif;
font-size:22px;
color:#FFFFFF;
font-weight:normal; 
margin-bottom:11px;
background:#009933;

}

.time2{
border-style:outset;
border-width:5px;
border-color:#57E964;
margin-top:0px;
width:280px;
 height:100px;
}

.timeTittle{
font-family: 'Lato', sans-serif;
font-size:17px;
color:#FFFFFF;
font-weight:normal; 
margin-bottom:11px;
background:#009933;

}



.content-text {
font-family: 'Lato', sans-serif;
font-size:13px;
color:#000;
line-height:1.4em;
text-align:justify;
}
.new-text {
font-family: 'Lato', sans-serif;
font-size:13px;
color:#000;
line-height:1.4em;
text-align:justify;
}

.latest-box{
width:250px;
height:auto;
padding:9px;
margin-top:10px;
margin-left:50px;
}

.img-chef{
   margin-left:-25px;
   position: absolute;
   margin-top:10px;
   z-index: 0;
}

.latest-box a:link  {
font-family: 'Lato', sans-serif;
font-size:14px;
color:#6B3E29;
font-weight:bold;
margin-top:-7px;
}


.latest-box a:active  {
font-family: 'Lato', sans-serif;
font-size:14px;
color:#6B3E29;
font-weight:bold;
}



.latest-box a:hover  {
font-family: 'Lato', sans-serif;
font-size:14px;
color:#44281B;
font-weight:bold;
}


.latest-box a:visited  {
font-family: 'Lato', sans-serif;
font-size:14px;
color:#6B3E29;
font-weight:bold;
}
.news-sub{
  float:left;
  font-size:15px;
  font-family: 'Lato', sans-serif;
}

.latest-box .wp-post-image {
float:left;
margin-right:6px;
}
#column1 {
width:324px;
height:auto;
float:left;
margin-top:10px;
}



/*middle*/

#column2 {
width:311px;
height:300px;
float:left;
margin-left:18px;
margin-top:10px;

}

#column3 {
width:280px;
height:500px;
float:left;

margin-left:25px;
margin-top:20px;

/*
border-style:outset;
border-width:5px;
border-color:#57E964;
*/
}

/*News Page*/
#newPage{
height:auto; 
width:973px;
background:#ffffff;
float:left;


border-style:outset;
border-width:5px;
border-color:#57E964;
margin-top:0px;


}


/* contact Form*/
#contact{
 float: left;
 width:75%;
margin-top:-390px;
}
#Reqest{   
    width:125px !important; /* the width of the submit button  */  
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */  
    cursor:pointer;  
	font-size: 15px; 
     background-color: #00FF00;  
	 /* background-color: #7d0413; */
	  color: #FFFFFF;
	   align:center;
	   
	  
} 

#button2{   
    width:125px !important; /* the width of the submit button  */  
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */  
    cursor:pointer;  
	font-size: 15px; 
     background-color: #00FF00;  
	 /* background-color: #7d0413; */
	  color: #FFFFFF;
	   align:center;
	   
} 
.error {   
display: none; /* hide the errors */  
   
    /* add some styling */  
       
   
     
   /* background-color: #FFBABA;  
	  background-color:#EE0101; this my favourite color
	  
	  
	    color:white;
	    font-size:10px;
	    font-weight:bold;
	    margin-top:0px;
	    padding:0px;
	    text-transform:uppercase;
	    width:200px; */
		
		
		 background: none repeat scroll 0 0  #006600;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px;
    position: relative;
    width: 200px;
    z-index: 5001;
	 
	
	}
	
	
h2 {
	font-size:16px;
	background-color:#006600;
	line-height: 30px;
   /* background: url(../images/h1.png) top repeat-x;*/
	height:30px;
	color:#ffffff;
	/*background:url(../image/navBG2.gif) ;*/
}
/*MAP */
#sidebar1 {
	float:right;
	width:25%;
	 
	 margin-right:170px;
	 margin-top:10px;
	   
	
}
/*CONTACT FORM */
.menucaribbean {
	position: relative;
	width: 300px;
	background: #FCA114 url(../img/graphics_main_bg.png) no-repeat;	
	margin-top: -120px;
	overflow: hidden;
	padding: 0 20px;
}
/*Menu Caribbean */
.headStyleR{
   text-shadow:2px 0px #006600;
   font-size: 20px;
   border-width:2px;	
   border-bottom:dotted;
   
   text-align: center;
    border-color:brown;
}
.headStyle{
   text-shadow:2px 0px #006600;
   font-size: 20px;
   border-width:2px;	
   border-bottom:dotted;
    border-top:dotted;
   text-align: center;
    border-color:brown;
}
.first{
   width:300px;
   height:auto;
  
  margin-top:0px;
	 
	float:left;

	
border-right:dotted;
border-top:dotted;
border-bottom:dotted;
 border-color:brown;
}

.middle{
 width:311px;
height:auto;

margin-left:0px;
margin-top:0px;
  	
border-top:dotted;
border-bottom:dotted;
border-right:dotted;
float:left;
 border-color:brown;
}
.three{
width:340px;
height:auto;
margin-top:0px;
 position: relative;
 border-top:dotted;
border-bottom:dotted;

 margin-left:620px;
  border-color:brown;
 
}

#secondMenu{
width:973px;
height:auto;
background:#D9DAA1;
float:left;


border-style:outset;
border-width:5px;
border-color:#57E964;
margin-top:0px;
box-shadow:inset 0 0 15px #000000;
-moz-box-shadow:inset 0 0 15px #000000;

border-style:outset;
border-width:5px;
border-color:#57E964;

}
.menu table.menugroup {

	
}
.description {
	font-size: 12px;
	font-style: oblique;
	color:#393B0B;
	text-align: left;
	text-align: center;
}





 .menu table.menu tbody td {
	padding: 3px 0;
	vertical-align: middle;
}


.smaller {
	font-size: 80%;
}

.font{
   font-size: 12px;
	font-style: oblique;
	color:#393B0B;
	text-align: left;
}
 .smallhead {
	text-align: center;
	font-size:15px;
	color:green;
}
 .dollar {
	text-align: center;
	font-weight: 600;
}


.food{
  width:200px;

}
.caption{
  margin-top:-20px;
}