body { 
	background: url(wallpaper.gif);
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
}

strong { font-weight: bold; }

#theMenu { float: left; }

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

#rotatorSub {
width: 167px;
height: 120px;
float: right;
}

h5 { font-size: 1.6em; font-weight: bolder; font-family: arial;}

address { font-size: 100px; }

#logoAd a{float: left; background: url(logo.jpg) no-repeat; overflow: hidden;height: 95px; width:590px; text-indent: -9999px;}
#logoAd p  a{ float: left;
	background: url(address.gif) no-repeat;
	width: 280px;
	margin: 10px 20px 0 0;
	height: 71px;
	text-indent: -9999px; }

#logoAd P {

}

#portfolio li img {
margin: 0 15px 20px 0;
}

#contentMain .double h3 {
width: 345px;
}

#logoAd p#number {
	font-size: 2.8em;
}

#pageHolder { 
	width: 900px;
	margin: 10px auto;
	text-align: left;
	background: #fff;
	-moz-border-radius: 6px;
	position: relative;
	padding: 10px 20px 20px 20px;
	overflow: hidden;
	
}

#subNav {
	float: right;
	width: 200px;
	margin: -80px 0 0 0;
}

#subNav .active a{
	background: #efefef;
	color: #333
}

#subNav h3 {

	font-size: 1em;
	color: #333;
	font-family: georgia;
	border-bottom: 1px solid #efefef;
	padding: 0 0 5px 0;
	margin: 5px 0;
}

#subNav li a {
	display: block;
	font-family: arial;
	font-size: .8em;
	border-bottom: 1px dashed #efefef;
	float: left;
	width: 190px;
	padding: 10px 0 10px 5px

}
#offer2 a { display: block; width: 200px; height: 260px; }

#offer2 {
	float: right;
	text-indent: -9999px;
	width: 189px;
	color: #333;
height: 260px;
overflow: hidden;
      line-height: 1.2em;
	margin: 0; 
background: url(http://www.tamarind-cambridge.co.uk/special-offer.jpg) no-repeat;
}

#offer {
	float: right;
	text-indent: -9999px;
	width: 180px;
	color: #333;
height: 260px;
overflow: hidden;
      line-height: 1.2em;
	margin: 0; 
background: url(http://www.tamarind-cambridge.co.uk/images/takeaway_tamarind_restaurant.jpg) no-repeat;
}

#offer a { display: block; width: 200px; height: 260px; }

#opening {

	float: right;
	font-size:.8em;
	font-family: arial;
line-height: 1.2em;
	width: 200px;
height: 200px;
	color: #333;
margin: 0 0 0 0;
	overflow: hidden;
text-align: center;
}

#opening h3 {
text-align: left;
}

#openinger { float: left; margin: 0 0 0 0; width: 350px; font-size: .9em; font-family: arial; color: #333;}

#opening2 {
	float: left;
	font-size: .8em;
	width: 260px;
	color: #333;
	font-family: arial;
	margin: 50px 0 0 0;
	overflow: hidden
}

#opening .orange { color: #E17723; }

#opening h3 {	font-size: 1.4em;
	font-family: georgia;
	border-bottom: 1px solid #efefef;
	padding: 0 0 5px 0;
	margin: 5px 0;
}

#opening li {
	margin: 5px 0 0 0;
}

#welcome {
	float: left;
}
#contentMain {
	width: 520px;
	float: left;
}

#contentRight {
float: right;
width: 250px;
margin: -80px 0 0 0;
padding: 0 0 20px 0;

}

#contentRight img {
float: right; 
}
#contentMain p {
	font-size: .9em;
	line-height: 1.3em;
	color: #333;
	font-family: arial;
	margin-top: 10px;
}

#welcome p {
	font-size: .9em;
	line-height: 1.2em;
	width: 520px;
	padding: 10px 0 10px 0;
	margin: 5px 0 5px 0;
	color: #333;
	font-family: arial;
    margin-top: 12px;
    border-top: 1px solid #ececec;
font-style: italic;
font-weight: bold;
    border-bottom: 1px solid #ececec; 
}

#welcome h1 {
	font-size: 1.6em;
	line-height: 1.2em;
	width: 500px;
	font-family: Georgia;
	font-weight: normal;
	padding: 0px 0 0px 0;
}

#testimonials {
	background: url(testimonials.gif) no-repeat;
	float: right;
	color: #333;
	font-size: .7em;
	line-height: 1.1em;
	width: 269px;
	height: 135px;
	font-family: arial;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: right;
}
#testimonials p {
	width: 250px;
	height: 100px;
	padding: 0 0 0 10px;
	color: #fff;
	text-align: left;
}

#header {
	text-align: center;
	width: 960px;
	margin: auto;
}

#logoAd { 
	overflow: hidden;
	width: 900px;
	padding: 0;
	margin: 0 20px 0 0;
	
}



#navigation {
	margin: auto;
	overflow: hidden;
	width: 650px;
	position: absolute; 
	top: -40px;
	right: 0;
}

#navigation li {
	float: left;
	margin: 0 0 0 4px;
	line-height: 2em;
}

#navigation li a {
	display: block;
	background: #fff;
	width: 100px;
	height: 40px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}

#navigation2 {
	background: #505050;
	overflow: hidden;
	width:900px;
	font-family: arial;
	font-size: .8em;
       line-height: 1.4em;
	padding: 0;
	margin: 10px 0 20px 0;

}

#navigation2 li {
	float: left;
	line-height: 2.3em;
}

#offers { width: 500px; }

#promo {	border-top: 4px solid #FF6300; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; float: right;background: url(promo.jpg); width: 400px; height: 240px;}

#contentMain table {  color: #333; font-size: .7em; font-family: arial; }
#contentMain h2 { font-weight: bold; display: block; overflow: hidden; padding: 10px 0; color: #FF6300  }
#contentMain table .title { font-weight: bold; } 

#navigation2 li a {
	height: 30px;
	display: block;
	border-right: 1px solid #fff;
	padding: 0 21px;
	color: #fff;
	float: left;
}

#navigation2 .last a {
padding: 0 19px; 
}

#navigation2 li a:hover {
	background: #858383;
	display: block;

}

#rotator {
	height:247px;
	background: #efefef;
	margin: 20px 0;
}

#navigation3 {
	margin: auto;
	overflow: hidden;
	width: 950px;
	position: absolute; 
	top: 0;
	right: 0;

}




#navigation3 li {
	float: left;
	margin: 0 0 0 4px;
	line-height: 2em;
	font-family: georgia;
}

#navigation3 li a {

	color: #333;

	margin: 5px 0 0 10px;
	border-bottom: 3px solid #efefef;

}

.homeBlock {
	float: left;
	width: 222px;
	color: #333;
	margin: 0 2px 0 0;
}

.homeBlock h2 {
	font-size: .8em;
	
	padding: 4px 0;

	font-family:arial;
	font-weight: bold
	
}


#contact-form { font-size: .7em; font-family: arial; color: #333;}
#contact-form fieldset {width:50%; }
#contact-form li {margin:10px 10px 10px 0; list-style: none;}
#contact-form input  { text-align: left;}
#contact-form textarea { text-align: left;}
#contact-form legend { display: none; }
#contact-form checkbox { float: left; }

.homeBlock p{
	font-size: .7em;
	line-height: 1.2em;
	letter-spacing: .02em;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif
}

#footer { 
	width: 940px;
	overflow: hidden;
	margin: auto;
	color: #fff;
	font-size: .7em;
	padding: 0 0 10px 0;
	font-family: arial;
}

#footer ul {
	float: left;
	width: 940px;
	margin: auto;
	
}

#footer p#created {
	float: left;
	width: 470px;
	text-align: right;
}

#footer p#copyright {
	float: left;
	width: 470px;
	text-align: left;
}

#footer li a {
	color: #cccccc;
	display: block;
	float: left;
	font-size: .8em;
	border-left: 1px solid #fff;
	padding: 0 3px;
}

#slider { margin: 0 0 20px 0; }

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:900px;
	height:302px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}	

.spotlight {
	float: right; 
	width: 680px; 
	margin: 35px 0 0 0;
}

.spotlight img { padding: 0 10px 0 0; }

.spotlightContent { 
	width: 410px;
	margin: 0 40px 0 0; 
	float: right; 
}

.photos {
	overflow: hidden;
	padding: 0;
	width: 550px;
	margin: 0;
	
}
img { border: none;}
.photos img.logo {margin: 0 auto; display:block;}
.photos div { padding: 0; margin: 0; }
.photos div img {
	padding: 10px 0;
	margin: 0 0;
	float: left;
	width: 550px;
}
.photos ul.thumbs {
	padding: 0 0 0 10px;
	list-style: none;
	width: 550px;
	overflow: hidden;
	float: left;

}
.photos ul.thumbs li{
	width: 60px;
	height: 50px;
	padding: 0;
	float: left;
	overflow: hidden;
	border: 5px solid #ddd;
	text-align: center;
	margin: 0 5px 10px 0;
}
.photos ul.thumbs li:hover {
	border: 5px solid #888;
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75; 
}
.photos ul.thumbs li img {

}


.thumbs { float: right; }
#photo_1 { float: left;  }

	.demo{position:relative;}
	.gallery_demo{width:550px;margin:0 auto;}
	.gallery_demo li{ float: left;width:68px;height:50px;border:3px double #6E6E6E;margin: 2px;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 0 auto;height:438px;width:550px;}
	#main_image img{margin-bottom:10px;}
	
	.nav{ margin:0 0 20px 0; clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:550px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}



/* Rotator Layout
--------------------------------------------------------------------------------------- */

.buffetBox{ float: left; margin: 10px auto 20px; }
.rotator { width:636px; height:247px; margin: 10px auto 20px ; float: left; }

#divMainRotatorNav { position:absolute; bottom:15px; right:20px; z-index:99;  display: none;}
#divMainRotatorNav a { margin: 0 0 0 4px; padding: 3px 6px; background: #ffffff; text-decoration: none; color: #888888; font-size: 1em; }
#divMainRotatorNav a:hover { background: #FF6300; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a.activeSlide { background: #FF6300; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a:focus { outline: none; }

.menuHolder { font-family: arial; font-size: .9em;  overflow: hidden; }
.menuHolder h3 {overflow: hidden; width: 470px; float: left; font-weight: bold; color: #333; padding: 0; margin: 0;}
#contentMain .menuHolder p {overflow: hidden; width: 100%; padding: 0; margin-top: 1px; }
.menuHolder li { float: left; overflow: hidden; margin: 0 0 10px 0; }
.menuHolder span {  font-weight: bold; color: #333;}

.menuChoices { font-family: arial; width: 190px; padding: 30px; margin: 10px 10px 10px 0; height: 240px;  background: #333; float: left; }
.menuChoices h3 { font-family: times new roman; color: #fff; margin: 0 0 10px 0; font-weight: bold; }
.menuChoices li { font-size: .8em; margin: 5px 0;}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
}