/* CSS Document */


div { behavior: url("http://www.suruchirestaurant.com/css/css/iepngfix.htc") }

body {
padding:0;
margin:0;
background-color:#CD6634;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/leaves_bg.gif);

}

h1 {
color:#0099CC;
}

.headerText {
background-repeat:no-repeat;
width:400px;
height:30px;
margin-bottom:20px;
position:relative;
}

#homepage .headerText {
background-image:url(../images/homeText.jpg);
}
#reviews .headerText {
background-image:url(../images/reviewsText.gif);
}
#flavour .headerText, #history .headerText, #dining .headerText  {
background-image:url(../images/flavourText.gif);
width:450px;
}
#gallery .headerText {
background-image:url(../images/galleryText.gif);
}
#events .headerText {
background-image:url(../images/eventsText.gif);
}
#recipes .headerText {
background-image:url(../images/recipeText.gif);
}

#contact .headerText {
background-image:url(../images/contactText.gif);
}

ul.flavorMenu  {
list-style:none;
padding:0;
}
.flavorMenu a, #map .flavorMenu a {
color:#666666;
text-decoration:none;
display:inline;
font-weight:normal;
}
.flavorMenu a:hover, #map .flavorMenu a:hover{
color:#666666;
text-decoration:underline;

}
.flavorMenu .selected {
font-weight:bold;
}



#reviews h1 {



}
#reviews h2 {
color:#666;
margin-top:-5px;


}
#menus .headerText {
background-image:url(../images/menusText.gif);
}



ul#sideMenu {
padding-top:30px;
padding-left:0px;
margin-left:40px;
margin-top:0px;
list-style:none;
background-image:url(../images/optionText.gif);
background-repeat:no-repeat;
width:200px;
}
ul#sideMenu li {
 padding-top:2px;
 padding-bottom:2px;
color:#cc6666;
font-size:9pt;
border-bottom:1px solid #003399;
}

#sideMenu .selected {
font-weight:bold;
}

#sideMenu a{
text-decoration:none;
color:#cc6666;
font-size:9pt;
}


#outsideContainer {

float:none; margin-left:auto; margin-right:auto; width:800px;  position:relative;
}
#container {
position:relative;
width:820px;
height:820px;
float:left;
margin-top:20px;
margin-bottom:20px;
background-image:url(../images/shadow_bg.png);
background-repeat:no-repeat;
padding-left:16px;


}
#header {
width:800px;
margin-top:18px;
height:173px;
float:left;
background-image:url(../images/header.jpg);
position:relative;

}

.button {
width:87px;
height:24px;
background-image:url(../images/button_gradient.jpg);
float:left;
border:1px solid white;
text-align:center;
position:relative;
olor:#FFFFFF;
font-size:9pt;
padding-top:5px;
position:relative;
display:block;

}

.buttonNoPadding {
width:87px;
height:29px;
background-image:url(../images/button_gradient.jpg);
float:left;
border:1px solid white;
text-align:center;
position:relative;
color:#FFFFFF;
font-size:9pt;
padding-top:0px;

}

.button a, .buttonNoPadding a {
text-decoration:none;
color:#FFFFFF;
position: relative;
display:block;
}

#leftColumn {
width: 445px;
height:570px;
float:left;
color:#666666;
padding-left:30px;
padding-top:50px;
padding-right:10px;
font-size:8pt;
position:relative;

}
#history #leftColumn, #dining #leftColumn {
width:446px;

}

#history #rightColumn, #dining #rightColumn {

border:none;

}

.hennaHands {
margin-top:170px;
}

#gallery #leftColumn, #flavour #leftColumn {
width: 770px;
height:500px;
padding-left:30px;
padding-right:0px;
float:left;
padding-right:0px;
position:relative;

}


.bottomImage {
margin-top:20px;
}
#gallery img{
margin-right:15px;
width:133px;
height:184px;

}

#highlights {
background-image:url(../images/homepage_adverts.png);
float:left;
height:80px;
width:465px;
background-repeat:no-repeat;
margin-top:25px;
}
#rightColumn {
width: 284px;
height:460px;
float:left;
margin-top:50px;
/*border-left:1px solid blue;*/
position:relative;


}

#rightColumn img {
float:right;
display:inline;

}


#footer {
position:absolute;
left:10px;
bottom:-50px;
width:800px;
height:100px;
font-size:9pt;
color:#999999;
text-align:center;
display:block;
}
#footer a {
color:#666;
text-decoration:none;
}
#footer2 {
background:#FFFFFF;
border:1px solid #999999;
float:left;
width:790px;
height:;
font-size:9pt;
color:#999999;
padding:5px;
display:block;
}
#footerBox {
float:left;
background:#FFFFFF;
width:33%;
}
#footerBox a {
color:#999999;
text-decoration:none;
}
#contactTableLeft, #contactTableRight {
width:210px;
border-collapse:collapse;
float:left;
display:block;

}
#contactTableLeft td, #contactTableRight td {
padding-top:0px;
padding-left:0px;
padding-bottom:20px;

}
 #contactTableRight td {
padding-top:0px;
padding-left:0px;
padding-bottom:10px;

}


.s1 {
border-bottom:1px solid #bfcce5;
padding-top:10px;
padding-bottom:10px;
}
#contactTableLeft .s2 {
padding-top:10px;
border-bottom:1px solid #bfcce5;

}
#contactTableLeft .marketingCell {
padding-top:15px;
}


#contactTableRight {
margin-left:20px;
}

#contactTableLeft h1 {
color:#003399;
font-size:9pt;
padding:0;
margin:0;
}
#contactTableRight h2, #contactTableLeft h2 {
color:#000;
font-size:9pt;
font-weight:bold;
padding:0;
margin:0;
}
#contactTableRight input {

}


#contactTableLeft ul {
padding:0;
margin:0;
list-style:none;
}


#homeBox1 a{
	border: 1px solid #fff;
   width:146px;
	height:79px;
	float:left;
	display:block;
}

#homeBox1 a:hover{
	border: 1px solid red;
 
}

#homeBox2 a{
	
	margin-left:11px;
   width:146px;
	height:79px;
	display:block;
	float:left;
}

#homeBox2 a:hover{
	border: 1px solid #FF6600;
 }
 
 #homeBox3 a{
	
	margin-left:12px;
   width:146px;
	height:79px;
	display:block;
	float:left;
}

#homeBox3 a:hover{
	border: 1px solid yellow;
 }
 
 #submitButton {
 width:100px;
 background-image:url(../images/submitButton.jpg);
 }
 
 #bookNow {
 position:absolute;
 top:470px;
 left:20px;
 width:465px;
 height:42px;
 background-image:url(../images/greenStrip.jpg);
 background-repeat:no-repeat;
 color:#FFFFFF;
 padding:5px;
 }
 
 #bookNowLink {
 width:60px;
 height:22px;
 position:absolute;
 right:10px;
 top:0px;
 background-repeat:no-repeat;
 background-image:url(../images/bookNow.jpg);
 margin-right:10px;
 margin-top:10px;
 }
 
 .standardLink {
 color:#666;
 text-decoration:none;
 }
 .boldLink {
 text-decoration:none;
 color:#666666;
 font-weight:bold;
 }
 
 .mapLink {
 color:#003399;
 text-decoration:none;
 font-weight:bold;
}


.s1 {
border-bottom:1px solid #bfcce5;
padding-top:20px;
}
.s2 {
padding-top:20px;
border-bottom:1px solid #bfcce5;
padding-top: 5px;
}
.marketingCell {
padding-top:15px;
}


.textFields {
width:200px;
}

.imageSpacer {
margin-top:10px;
}

#menus th {
text-align:left;
color:#33ADD6;
}
#menus td{
text-align:left;
padding-right:20px;
padding-top:10px;

}

.vegetarian {
color:#65B23E;
font-weight:bold;
}

.errors {
color:#990000;
}