/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	color: #FFF;
	min-width: 1060px;
	background: url(../images/bg.png) center 0px repeat #000;
	padding: 0;
	font: 100% "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Arial, Verdana;
}

.main {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	font-size: 0.75em;
	line-height: 1.6666em;
	position: relative;
	background: none;
}

.bg {
	width: 100%;
	background: url(../images/bg-1.png) repeat 0 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #272727;
	border-right: 1px solid #272727;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}

.bg-1{width:100%; background: url(../images/bg-2.png) 0 0 no-repeat;}
.bg-2{width:100%; background: url(../images/bg-3.png) 0 0 no-repeat;}



a {color:#8c8c8c; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-2, .col-3, .col-4, .col-5 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.extra-box {
	overflow: hidden;
	margin-bottom: 30px;
}
.extra-box-1 {overflow:hidden; position:relative;}
 
.container {width:100%;}

p {margin-bottom:20px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:6px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}
.p7 {margin-bottom:65px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.text-indent {text-indent:32px; padding-top:7px;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.big {text-transform:uppercase;}

.letter {letter-spacing:1px;}

.l-h {line-height:22px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#6db607;}
.color-4 {color:#414141;}
.color-5 {color:#29a9e0;}


.hidden {overflow:hidden;}

.rel {position:relative;}

.shadows {box-shadow:0px 0px 15px rgba(0,0,0,0.35);
-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.35);
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.35);
}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:55px;}

.margin-right {margin:0 5px 0 0;}

.margin-top {margin-top:5px;}
.margin-top1 {margin-top:9px;}



.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:29px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 30px 0px 0;}	
.img-indent1 {float:left; margin:0px 3px 0px 0px;}
.img-indent2 {float:left; margin:5px 13px 0px 0;}
.img-indent3 {float:left; margin:0 28px 0px 0;}
.img-indent4 {float:left; margin:7px 19px 0px 0;}
.img-indent5 {float:left; margin:5px 18px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 11px;}
.img-indent-r1 {float:right; margin:9px 11px 0px 35px;}

.map-indent {float:left; margin:7px 22px 0px 0;}


.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 16px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	


.border {border:2px solid #fff;
border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;
}

.buttons a:hover {cursor:pointer;}

.menu li a,
.sf-menu li a,
.list-1 li a,
.list-2 li a,
.list-3 li a,
.link,
.link-1,
.button-1,
.button-2,
.button-3,
.button-4,
.button-5,
.text-bot a,
.works-list li a,
.date,
.text-2,
h5 a,
h6 a,
.accordion dt a,
.footer-menu li a,
td a,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header.header {height:747px; width:100%; position:relative; z-index:2;  background:none; padding:0px 0 0 0;}
header {height:488px; width:100%; position:relative; z-index:2;  background:none; padding:0px 0 0 0;}

.row-1 {width:100%; height:317px; position:relative; z-index:1; background:none;}
.row-2 {width:100%; height:171px; padding:0px 0 0 0; position:relative; z-index:1; background: none;}
.row-3 {width:100%; height:317px; position:relative; z-index:1; background:none;}

h1 {padding:6px 0 0 15px; position:relative;}
.logo {display:block; width:200px; height:112px; text-indent:-5000px; background:url(../images/Al_Mina.jpg) 0 0 no-repeat;}

.slogan {float:right; font-size:20px; font-style: italic; line-height:5.2em; color:#c8c8c8; padding:27px 1px 0 0;}
.slogan span {display:block; text-align:right; line-height:1.6em; margin-top:-37px; padding:0 10px 0px 0;}


/************ sf-menu **********************/
.col-1 {width:295px;}
.menu-padding{padding: 31px 22px 25px 22px;}

.sf-menu {padding:0px 0 0 0px; position:relative;}
.sf-menu li.bgr {display:block; padding:8px 0px 8px 0; background: url(../images/bg-menu-li.png) 0 bottom repeat-x; text-align:center;}
.sf-menu li.bgr.last{background:none;}


.sf-menu li a.mains {display:inline-block; width:174px; padding:0 9px 6px 0; color:#c8c8c8; font-size:25px; line-height:1.2em; text-align:center; background: none; 
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;}
.sf-menu li a.mains:hover, .sf-menu li.sfHover a.mains, .sf-menu li a.current {color:#c8c8c8; background:url(../images/bg-menu-h.jpg) 0 0 repeat; 
box-shadow:0px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.75);
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.75);}


/*********************************content*************************************/
#content {width:100%; padding:0px 0px 0px 0px; z-index:999; position:relative;}

.col-2 {width:179px; margin-right:15px;}
.col-3 {width:179px;}

.column-1 {width:113px;}
.column-2 {width:65px;}

.price {font-size:18px; line-height:1.2em; color:#ff3c31; font-weight:bold;}

.padding{padding: 19px 20px 17px 16px;}
.padding1{padding:39px 0px 54px 0px;}
.padding2{padding:39px 0px 54px 22px;}

.padding-left {padding: 0px 0px 0px 15px;}
.padding-left1 {padding: 0px 0px 0px 2px;}
.padding-top {padding: 30px 0px 0px 0px;}


h2 {font-size:25px; line-height:1.2em; color:#fff; margin:28px 0 28px 0;}
h2.margin-non {font-size:25px; line-height:1.2em; color:#fff; margin:0px 0 28px 2px;}
h2.margin-1 {font-size:25px; line-height:1.2em; color:#fff; margin:9px 0 17px 1px;}
h2.margin-2 {font-size:25px; line-height:1.2em; color:#fff; margin:9px 0 27px 1px;}
h2.margin-3 {font-size:25px; line-height:1.2em; color:#fff; margin:9px 0 7px 0px;}
h2.margin-4 {font-size:25px; line-height:1.2em; color:#fff; margin:9px 0 34px 0px;}
h2.margin-5 {font-size:25px; line-height:1.2em; color:#fff; margin:9px 0 19px 0px; padding-left:18px;}
h3 {
	font-size: 20px;
	line-height: 1.2em;
	color: #c8c8c8;
	margin: 0px 0 10px 0px;
}
h5 {font-size:12px; line-height:20px; color:#ff3c31; margin:0px 0 0px 0px; font-weight:normal;}
h5 a{color:#ff3c31;}
h5 a:hover {text-decoration:underline;}
h6 {font-size:12px; line-height:20px; margin:0px 0 20px; color:#ff3b30;}
h6 a{color:#ff3b30;}
h6 a:hover {text-decoration:underline;}


.list-1 li {font-size:12px; line-height:40px; font-weight:bold; background:url(../images/marker-1.gif) 0px 17px no-repeat; padding-left:13px;}
.list-1 li a {color:#ff3c31; display:inline-block;}
.list-1 li a:hover {text-decoration:underline;}


/************ links **********************/

.link {display:inline-block; color:#ff3c31; font-size:12px; line-height:20px;}
.link:hover {text-decoration:underline;}

/***************** buttons *****************************/

.button-1 {cursor:pointer; display:inline-block; font-size:40px; line-height:0.9em; color:#c8c8c8; padding:0px 26px 7px 26px; text-align:center;
	background: url(../images/bg-submenu.jpg) 0 0 repeat;
	border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
}
.button-1:hover {color:#ff3c31;}
	

/****************** boxex ***************************/
.box {position:relative; background:url(../images/bg-box.jpg) center 0 repeat; z-index:1;
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.75);}

.box .padding {padding:3px 17px 15px 20px;}

 
.box-1 {position:relative; background:url(../images/bg-box-1.jpg) center 0 repeat; text-align:center; 
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
box-shadow:0px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.75);
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.75);}

.box-1 .padding {padding:16px 20px 13px 20px;}

.box-2 {position:relative; background:url(../images/bg-box-2.jpg) right 0 repeat; z-index:1;
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.75);}

.box-2 .padding {padding:36px 17px 35px 15px;}
.banner {position:absolute; right:18px; top:-8px; z-index:2;}


/************** forms *******************************/
.col-4 {width:243px; margin-right:40px;}
.col-5 {width:264px;}

input, textarea { margin:0; font-size:1em; color:#4f4f4f; font-family:Osaka;}

/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	width:100%;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 7px 0px;
			}
			#contact-form input[type=text] {
				float:left;
				width:219px;
				background:url(../images/bg-form.png) 0 0 repeat;
				border-top:1px solid #212121;
				border-left:1px solid #212121;
				border-right:1px solid #212121;
				border-bottom:none;
				padding:10px 9px 10px 9px; margin:7px 0 0 3px;
				line-height:1.2em;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				}
				
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				width:239px;
				height:115px;
				background:url(../images/bg-form.png) 0 0 repeat;
				border-top:1px solid #212121;
				border-left:1px solid #212121;
				border-right:1px solid #212121;
				border-bottom:none;
				padding:10px 9px 10px 9px; margin:7px 0 0 3px;
				overflow:auto;
				display:block;
				line-height:1.2em;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label {
				padding:0 0 0px 5px;
				display:inline-block;
				color:#F00;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					float:left;
					color:red;
					width:340px;
					font-size:12px;
					line-height:25px;
					display:none;
				}
		.buttons-wrapper { float:right; margin-top:22px; padding-right:6px; padding-bottom:2px;
			}
		.buttons-wrapper a { margin-left:22px;}


.button {cursor:pointer; display:inline-block; font-size:41px; line-height:0.9em; color:#c8c8c8; padding:0px 26px 7px 26px; text-align:center;
	background: url(../images/bg-submenu.jpg) 0 0 repeat;
	border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
}
.button:hover {color:#ff3c31;}

.button-2 {cursor:pointer; display:inline-block; font-size:21px; line-height:1.2em; color:#c8c8c8; font-family:Osaka ; font-style:italic; padding:7px 26px 7px 26px; text-align:center;
	background: url(../images/bg-submenu.jpg) 0 0 repeat;
	border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.75);
}
.button-2:hover {color:#ff3c31;}


.map iframe {width:550px; height: 300px; overflow:hidden;
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
} 

.contact-1 {
	font-size: 12px;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	z-index: 1;
	position: relative;
}
.contact-1 dt {margin-bottom:20px;}
.tel {
	font-size: 18px;
	font-weight: bold;
}
.cap { font-size:10px; line-height:1.4}
/****************************footer************************/
footer {width:100%; padding:46px 0px 100px 0px; background:none; position:relative; z-index:2;}

.text-bot {font-family:Osaka, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color:#454545; padding:11px 0px 0px 0px; text-align:right;}
.text-bot span.line{margin: 0px 6px 0 3px;}
.text-bot a {color:#454545; text-decoration:none;}
.text-bot a:hover {text-decoration:underline;}


.works-list {position:relative; padding:1px 0px 0 2px;} 
.works-list li {float:left; margin-left:0px;}
.works-list li a {display:inline-block;}


/* Easy Tooltip */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	z-index:3;
}
/* // Easy Tooltip */


/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	z-index:1;
	
	}

.lightbox-image img {
	position:relative;
	z-index:2;
	}

.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
	}
	
/****************************carousel**********************
#page1 .prev {width:44px; height:42px; cursor:pointer; position:absolute; bottom:0px; left:965px; display:block; background:url(../images/prev-next.png) left top no-repeat; text-indent:-5000px;}
#page1 .prev:hover {background-position:left bottom;}
#page1 .next {width:44px; height:42px; cursor:pointer; position:absolute; bottom:0px; left:1009px; display:block; background:url(../images/prev-next.png) right top no-repeat; text-indent:-5000px;}
#page1 .next:hover {background-position:right bottom;}
#page1 .prev img, .next img {display:none}
#page1 .bx_wrap {
	width:100%;
	height:317px;
	overflow:hidden;
	position:relative;
	background:none;
	margin:0 auto;
}

#page1 #carousel{height:267px !important;
	overflow:hidden;
}

#page1 #carousel li {
	width:400px;
	float:left !important;
	padding:0px 0px 0px 0px;
}
**/

/****************************carousel s_p************************/
#page1 .prev, #page2 .prev, #page3 .prev, #page4 .prev, #page5 .prev, #page6 .prev, #page7 .prev  {width:44px; height:42px; cursor:pointer; position:absolute; bottom:0px; left:967px; display:block; background:url(../images/prev-next.png) left top no-repeat; text-indent:-5000px;}
#page1 .prev:hover, #page2 .prev:hover, #page3 .prev:hover, #page4 .prev:hover, #page5 .prev:hover, #page6 .prev:hover, #page7 .prev:hover {background-position:left bottom;}
#page1 .next, #page2 .next, #page3 .next, #page4 .next, #page5 .next, #page6 .next, #page7 .next {width:44px; height:42px; cursor:pointer; position:absolute; bottom:0px; left:1011px; display:block; background:url(../images/prev-next.png) right top no-repeat; text-indent:-5000px;}
#page1 .next:hover, #page2 .next:hover, #page3 .next:hover, #page4 .next:hover, #page5 .next:hover, #page6 .next:hover, #page7 .next:hover {background-position:right bottom;}
.prev img, .next img {display:none}
#page1 .bx_wrap, #page2 .bx_wrap, #page3 .bx_wrap, #page4 .bx_wrap, #page5 .bx_wrap, #page6 .bx_wrap, #page7 .bx_wrap {
	width:100%;
	height:317px;
	overflow:hidden;
	position:relative;
	background:none;
	margin:0 auto;
}

#page1 #carousel, #page2 #carousel, #page3 #carousel, #page4 #carousel, #page5 #carousel, #page6 #carousel,  #page7 #carousel{height:267px !important;
	overflow:hidden;
}

#page1 #carousel li, #page2 #carousel li, #page3 #carousel li, #page4 #carousel li, #page5 #carousel li, #page6 #carousel li,  #page7 #carousel li{
	width:400px;
	float:left !important;
	padding:0px 0px 0px 0px;
}

/****************************bxSlider************************/
.box-3 {height:525px;}
/*next button*/
.bx-prev {
	width:44px; height:42px; cursor:pointer; position:absolute; top:-52px; right:47px; display:block; background:url(../images/prev-next.png) left top no-repeat; text-indent:-5000px;
}
.bx-prev:hover {background-position:left bottom;}

/*previous button*/
.bx-next {
	width:44px; height:42px; cursor:pointer; position:absolute; top:-52px; right:3px; display:block; background:url(../images/prev-next.png) right top no-repeat; text-indent:-5000px;
}

.bx-next:hover {background-position:right bottom;}

.bx-window {
	width:569px;
	min-height:525px;
	overflow:hidden;
	position:relative;
	float:left;
}

#slider li {
	width:569px;
	float:left;
	background:none;
	padding:0px 0 0px 0;
}

.red {font-size:12px; line-height:20px; color:#ff3c31; margin:0px 0 0px 0px; font-weight:normal;}

.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
    cursor: url(http://almina-restaurant.com/highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
    visibility: hidden;
}
.highslide-wrapper, .drop-shadow {
    background: white;
}
.highslide img {
    border: 2px solid gray;
}
.highslide:hover img {
    border: 2px solid white;
}
.highslide-wrapper {
    background: white;
}
.highslide-image {
    border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(http://almina-restaurant.com/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
    background: url(http://almina-restaurant.com/highslide/graphics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}
.box {
	padding-right: 20px;
	padding-left: 20px;
}
.center {
	text-align: center;
}
.side  {
	width:295px;	
}
.side dd {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.side h3 {
	color: #790B06;
}
.fz18 {
	font-size: 18px;
}
dl.openHours dt {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	
}
dl.openHours dd {
	margin-bottom: 20px;
}
.arabia {
	text-align: right;
}
#ourMenu {
	padding: 10px 20px 20px;
}
#ourMenu .pdfMenu {
	color: #F00;
	font-size: 16px;
	overflow: hidden;
}
#ourMenu .pdfMenu p {
	clear: both;
}
#ourMenu .pdfMenu p a {
	display: block;
	color: #F00;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#ourMenu article {
	padding-top: 20px;
}
small a {
	color: #FFF !important;
	text-decoration: none;
}
small a:hover {
	color: #FFF !important;
	text-decoration: underline;
}