/*----------------------------------
*Filename          Style.css
*Description       Global CSS
*Version           1.0.0
*Company           Noor Web Creation
*Website           http://www.noorwebcreation.com
*Author            Sharry
----------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video 
{ margin: 0; padding: 0; border: 0;font-size: 100%;font: inherit;vertical-align: baseline;  }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
display: block; }
body { line-height: 1; font-family:calibri,arial !important; background-color:#efdbaa;}
ol, ul { list-style: none;   }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0;  }

h1 { font-size:40px; color:#facd56; font-weight:bold; line-height:42px; letter-spacing:-1PX; font-family:calibri,arial;}
h2 { font-size:30px; font-weight:bold; color:#231309; line-height:35px; letter-spacing:-1PX;}
h3 { font-size:26px; font-weight:bold; color:#231309; line-height:30px; letter-spacing:-1PX;}
p { font-size:16px; color:#6d4c31; line-height:20px; padding-top:20px;}
.toptext { font-size:16px; color:#fff; line-height:18px;}
.resheading { font-size:20px; color:#fff; text-transform:uppercase; font-weight:bold; padding-top:10px;}
.mtop-10 {
margin-top:10px;
}
.m40 {
margin-top:45px;
}
.m5 {
padding-bottom:5px;
}
.mbottom-35 { margin-bottom:35px;}

.mtable { margin: 20px 0 10px 0; }
/********  Main Structure ***********/
.container { width:100%;margin:0 auto;display:table; }
.wooden-cnt { background-image:url(../images/woodbg.jpg); display:table; width:100%;}
.hdbottom-bg { background-image:url(../images/header-bottom.png); background-position:bottom; background-repeat:repeat-x;}

#logo {
position: absolute;
top: -5px;
z-index: 1000;
margin-bottom:10px;
}

.nav { background-image:url(../images/navbg.png); background-repeat:repeat-x; width:963px; margin:10px auto; display:table; height:56px;}

.slider { border:4px solid #0e0a01; margin:15px auto; display:table; width:953px; position:relative;}
.resbox { border-top:2px solid #703e19; border-left:2px solid #703e19; border-right:2px solid #703e19; background-color:#231309; display:table; width:300px; margin:0 auto;}
#brownbox { background-color:#231309; background-image:url(../images/btop.jpg); background-position:top; background-repeat:repeat-x; display:table; width:100%; margin-top:40px;}
#crosalbtn { margin-bottom:15px; margin-top:-15px;}

#box{
position: absolute;
top:370px;
z-index: 1000;
}
.textfield {
width:250px;
margin:6px auto;
border:none;
background-color:#deca9b;
border-radius:6px;
padding:6px;
color:#333;
}
.textfield2 {
width:110px;
margin:6px auto;
border:none;
background-color:#deca9b;
border-radius:6px;
padding:6px;
color:#333;
}
.textarea {
font-family:calibri,arial !important;
width:250px;
margin:5px auto;
border:none;
height:100px;
background-color:#deca9b;
border-radius:6px;
padding:6px;
margin-bottom:16px;
color:#333;
font-size:16px;
}
a.tryitbtn, a.tryitbtn:link, a.tryitbtn:visited, a.showbtn, a.showbtn:link, a.showbtn:visited {
background-color: #c21a33;
border-radius: 5px;
color: #FFFFFF;
display: inline-block;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
margin-top:10px;
margin-top: 0;
display:table;
padding:10px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
a.tryitbtn:hover {
background-color:#02447d;
color:#ffffff;
}
.ftbg { background-image:url(../images/footerbg.jpg); background-position:top left; background-repeat:no-repeat; height:188px; width:100%; background-color:#edd7a5; color:#6d4c31; font-size:14px; line-height:18px; border-top:1px solid #231309;}

#ft-left { height: 45px; width:100%; margin:12px auto; color:#ffffff; font-size:12px; text-transform:uppercase; margin-bottom:0px; }
#ft-left ul { display: inline-block; float: right; height: 22px; float:left; margin: 0 auto; }
#ft-left ul li { background-image: none; border-left: 1px solid #CCCCCC; display: inline; list-style: none outside none; padding:6px; }
#ft-left ul li a { color: #ffffff; font-size: 12px; line-height: 13px; }
#ft-left ul li.fstt { border:none; }

/* Navigation */
#nav-mid {
width:900px;
display:table;
margin:0 auto;
}

#nav-mid  ul
{	
margin-left:10PX;
padding: 0;
}

#nav-mid ul li
{	
float: left;
list-style: none;
font: 14px calibri,arial;
font-weight:bold;
}

#nav-mid ul li a
{	
display: block;
text-decoration: none;
border-right: 1px solid #3c2018;
padding-left:9px;
padding-right:9px;
padding-top:12px;
margin-top:8px;
text-align:center;
height:28px;
color: #fff;
white-space: nowrap;
}

#nav-mid ul li a:hover
{	
color:#ffad0d;
height:28px;
}
#nav-mid ul li a.lrt	{
border-right:none;
}	
#nav-mid ul li a.select	{
color:#ffad0d;
}
.address { color:#2c1b0e; font-weight:bold; font-size:14px; background-image:url(../images/locationicon.png); background-position:left; background-repeat:no-repeat; padding-left:25px; padding-top:5px; margin-top:6px; display:block; height:22px; }

.phone { color:#2c1b0e; font-weight:bold; font-size:16px; background-image:url(../images/ph-icon.png);	 background-position:left; background-repeat:no-repeat; padding-left:28px; padding-top:5px; margin-top:6px; display:block; height:22px; }		

a.copyright:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF6600;
font-weight:bold;
text-decoration:none;

}
a.copyright:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF6600;
text-decoration:none;
}
a.copyright:hover { text-decoration:underline; }

/* Catering */
.menu-heading {
font-size:18px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
background-color:#da0000;
margin-bottom:4px;
}
.menu-desc {
font-size:15px;
color:#6d4c31;
font-weight:bold; 
}
.menu_text {
color:#85462a;
font-size:14px;
line-height:18px;
background: url("../images/menu-arrow.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
padding-left:10px;
}
.menutd { border-bottom:1px solid #dec19c; }
.menusept { background-color:#b69265; height:1px; width:100%; display:table; margin-top:10px; margin-bottom:10px; }

.menu_text2 {
color:#85462a;
font-size:16px;
line-height:18px;
background: url("../images/menu-arrow.png") no-repeat scroll 10px 12px rgba(0, 0, 0, 0);
padding-left:25px;
padding-top:6px;
}
/*Testimonial container*/

#testi-main-cnt {
width:950px;
margin:0px auto;
display:table;
float:left;
}
#testi-box {
width:660px;
margin-top:25px;
display:table;
}

#testi-box ul {
width:660px;
display:table;
}
#testi-box ul li {
width:660px;
float:left;
margin-top:15px;
margin-bottom:15px;
display:table;
border-bottom:1px solid #d1bd92;
}
#testi-box ul li .tleft {
width:430px;
float:left;
margin-left:15px;
}
.right-flower-div {
position:absolute;
right:100px;
top:290px;
z-index:-100;
}
.testiboxleft {
width:120px;
float:left;
text-align:center;
border:1px dashed #a09372;
background-color:#d1bd92;
margin-right:10px;
}
.label-red {font-size:14px; font-weight:bold; color:#DA0000; }

.testibox-test {
    color: #6D4C31;
    float: left;
	line-height:18px;
    font-size: 14px;
    margin-left:22px;
    width:480px;
	padding-bottom:15px;
}
.testilogo {
width:104px;
margin:10px auto;
}

/* Form */
.orderform {
width:640px;
float:left;
padding:8px;
border-radius:10px;
font-size:14px;
padding-right:10px;
color:#6D4C31;
}


.orderfield {
font-size:12px;
padding-left:6px;
width:300px;
margin-top:6px;
margin-left:15px;
height:30px;
background-color:#d9bd8e;
border:1px solid #d9bd8e;
color:#6D4C31;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
}

.orderarea {
font-size:12px;
padding-left:6px;
width:300px;
margin-top:6px;
margin-bottom:6px;
margin-left:15px;
height:90px;
color:#6D4C31;
background-color:#d9bd8e;
border:1px solid #d9bd8e;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
}

.orderodd {
border-bottom:1px solid #d1bd92;
}

.contactright-cnt {
width:247px;
float:left;
padding-bottom:15px;
border-bottom:1px dotted #D7E1EE;
padding-top:15px;
}

.contact-icon {
width:79px;
float:left;
margin-right:12px;
}

.contact-icon-left {
width:156px;
float:left;
}

.contact-icon-left h3 {
font-size:18px;
color:#fa930a;
line-height:20px;
}

.contact-icon-left p {
font-size:12px;
line-height:18px;
color:#636363;
}


#cont-container {
width:1003px;
margin:10px auto;
display:table;
margin-bottom:15px;
}
.normaltext {
font-size:14px; color:#6d4c31; line-height:normal;
}

.contact-heading {
    color: #DA0000;
    font-size: 16px;
    font-weight: bold;
}

/* Gallery */

#portfolio-gallery { width:953px;  float:left; margin-top:20px; display:table; }
.webbox ul { width:200px; float:left; list-style:none; }
.webbox li { float:left; width:200px; margin-right:32px; list-style:none; margin-top:10px; }
.hoverBox { margin: 0; padding: 0 0 8px; position: relative; width:114px; text-align:center; }
.hoverBox a { display: block; margin: 0; padding: 8px; width:200px; background-color:#d9bd8e; -webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; box-shadow: 0px 0px 6px #c2c2c2;}

.hoverBox a:hover { background-color: #c6a877; }
.hoverBox .zoom { display: none; }
.hoverBox:hover .zoom { display:block;  position: absolute; z-index: 1; top:55px; left:80px; 
/* opacity: 1; 
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in; */
}
.webbox h4 { font-size:16px; color:#F60; }	


a:link,a:visited {
 color:#FF6600;
 text-decoration:none;
}

a:hover {
 color:#6d4c31;
 text-decoration:underline;
}

/*placeholder*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:#666666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#666666;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#666666;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#666666;
}