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

.smaller-text {
	font-size:11px;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* PNG Fix */

img, div, a, input {behavior: url(iepngfix.htc);
}

/* CSS Layout */

.social-icon {
	float:left;
	display:inline;
	margin:5px 5px 0 0;
}

.left {
	float:left;
	display:inline;
}


html, body {margin-left: 0;
margin-right: 0 ;
width: 100%;
text-align: center;
background: url(souk-background.jpg) repeat-x #aa8e79;
}

#one-hundred-percent {width: 100%;
min-height: 653px;
height: auto !important;
height: 653px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image: url(100-percent-background.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#content-holder {margin-left: auto;
margin-right: auto;
text-align: left;
width: 960px;
}

#header {width: 960px;
height: 510px;
float: left;
display: block;
background: url(header-background.jpg) repeat-x #7d5d4c;
}

#header-navigation {width: 960px;
height: 45px;
float: left;
display: block;
background: url(header-nav-background.jpg) repeat-x;
}

#navigation-holder {width: 960px;
margin-left: auto;
margin-right: auto;
}

#header-logo {width: 960px;
height: 95px;
float: left;
display: block;
}

#header-animation {width: 960px;
height: 370px;
float: left;
display: block;
}

#main-content {width: 960px;
min-height: 200px;
height: auto !important;
height: 200px;
float: left;
display: block;
background-color: #7d5d4c;
}

#left-content {width: 330px;
float: left;
display: inline;
}

#right-content {width: 630px;
float: right;
display: inline;
}

#footer {width: 960px;
height: 25px;
float: left;
display: block;
}

#footer-left {width: 630px;
float: left;
display: inline;
}

#footer-right {width: 330px;
float: right;
display: inline;
}

#opening-hours {width: 274px;
height: 170px;
background: url(opening-hours-background.jpg) no-repeat;
margin: 10px 20px 10px 36px;
}


#promotion_btn_box {
padding:75px 0 10px 35px;
}

.promotion_btn{
padding:5px 0 5px 0;
}
/* CSS fonts */

p {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f3d0b0; 
line-height: 18px;
padding: 10px;
}

li {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #2a190e; 
line-height: 18px;
padding: 0 0 0 30px;
}

.title {color: #FFFFFF;
font-size: 36px;
margin: 0;
}

.bullet-point {padding: 0 3px 0 0;
}

.list-highlight {color: #f3d0b0; 
}

.opening-hours-title {padding: 15px 0 5px 30px;
}

.link {color: #f3d0b0;
text-decoration: none;
}

.link2 {color: #f3d0b0;
text-decoration: none;
font-weight:bold;
}

.address {font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #503726;
padding: 5px 0 0 0;
float:left;
display:inline;
}

.footer-link {color: #503726;
text-decoration: none;
}

.prop-link {color: #503726;
text-decoration: none;
float: right;
}

.main-logo {float: right;
display: inline;
}

.friends-of-souk {
	float: left;
	display: inline;
	width: 100%;
}

.title {padding: 10px 10px 0 0;
}

.floorplan {padding: 10px 20px 0 36px;
}

.floorplan-viewer {padding: 10px 0 10px 100px;
}

.button {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #af9788;
background-color:#4f3625;
text-decoration: none;
padding:10px;
text-align: center;
width: 110px;
margin: 5px 0 5px 10px;
float:left;
display:inline;
font-weight:bold;
}

a.button:hover {background-color: #af9788;
color: #4f3625;
}

.quote {padding: 10px 0 0 35px;
}

/* CSS forms */

.errorText {
	color:red;
}
.error {
	font-weight:bold;
	color:red;
}

label {width: 100px;
float: left;
display: inline;
}

.enquiry {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f3d0b0; 
line-height: 18px;
padding: 3px 0 3px 10px;
}