@charset "UTF-8";
/* CSS Document */

/* basics */

body
{
background-color:#00839d;
background-image:url(images/bg.jpg);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:11px;
color:#000000;
height:800px;
}

a img
{
border: none;
}

a:link 
{
text-decoration: none;
color:#990000;
font-weight:bold;
}

a:visited 
{
text-decoration: none;
color:#990000;
font-weight:bold;
}

a:active 
{
text-decoration: none;
color:#666666;
font-weight:bold;
}

a:hover 
{
text-decoration: none;
color:#000000;
text-decoration:underline;
}

.holder
{
float:left;
width:10000px;
height:800px;
}


.homepage{
float:left;
width:1242px;
height:800px;
}

.menupage{
float:left;
width:1000px;
margin-left:500px;
height:800px;
background-image:url(images/menubg.png);
background-repeat:no-repeat;
padding:0 0 0 170px;
}

.canteenpage{
float:left;
width:1400px;
margin-left:500px;
height:800px;
background-image:url(images/canteen.png);
background-repeat:no-repeat;
}

.blogpage{
float:left;
width:1200px;
height:800px;
}

.reviewpage{
float:left;
width:3000px;
height:800px;
padding-left:180px;
}

.title
{
width:1238px;
height:150px;
float:left;
padding-left:365px;
}

.titlemenu
{
width:1000px;
height:150px;
float:left;
padding-left:180px;
}

.reviewmenu
{
width:3000px;
height:150px;
float:left;
padding-left:180px;
}

.titleblog
{
width:1200px;
height:150px;
float:left;
padding-left:280px;
}

.home
{
float:left;
width:946px;
height:509px;
background-image:url(images/homebg.png);
background-repeat:no-repeat;
padding:68px 0px 0 22px;	
}

.reviews
{
float:left;
width:1000px;
padding:8px 0px 0 22px;	
}

.reviewspic
{
float:left;
width:250px;
height:250px;	
}

.menu
{
float:left;
width:1000px;
height:800px;
padding:50px 0px 0 0px;	
}

.canteen
{
float:left;
width:650px;
height:800px;
padding:250px 0px 0 210px;	
}

.blog
{
float:left;
width:700px;
height:780px;
background-color:#FFFFFF;
}

.menuside
{
float:left;
width:250px;
height:800px;
}

.hometitle
{
float:left;
width:500px;
font-family:"Times New Roman", Times, serif;
font-size:40px;
font-weight:bold;
line-height:40px;
letter-spacing:-1px;
}

.canteentitle
{
float:left;
width:650px;
font-family:"Times New Roman", Times, serif;
font-size:36px;
font-weight:bold;
letter-spacing:-1px;
}

.blogtitle
{
float:left;
width:660px;
font-family:"Times New Roman", Times, serif;
font-size:36px;
line-height:40px;
letter-spacing:-1px;
margin:28px 5px 5px 28px;
}

.homeitalics
{
float:left;
width:500px;
font-family:"Times New Roman", Times, serif;
font-size:22px;
line-height:25px;
letter-spacing:0px;
color:#ad2c20;
font-style:italic;
padding-top:20px;
}

.menutalics
{
float:left;
width:648px;
font-family:"Times New Roman", Times, serif;
font-size:22px;
line-height:25px;
letter-spacing:0px;
color:#ad2c20;
font-style:italic;
padding-top:20px;
}

.thirdsholder
{
float:left;
width:700px;
padding-top:20px;
padding-bottom:60px;
}

.homethirds
{
float:left;
width:188px;
font-family:Helvetica, sans-serif;
font-size:12px;
line-height:18px;
letter-spacing:0px;
color:#1c1a08;
padding-right:20px;
}

.homethirdstight
{
float:left;
width:188px;
font-family:Helvetica, sans-serif;
font-size:12px;
line-height:14px;
letter-spacing:-0.5px;
color:#1c1a08;
padding-right:20px;
}

.sidelogo
{
background-image:url(images/delhigrillside.png);
background-repeat:no-repeat;
padding-top:250px;
float:left;
width:274px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:20px;
height:600px;
}

.sidelogo2
{
background-image:url(images/delhigrillside.png);
background-repeat:no-repeat;
margin-top:140px;
padding-top:250px;
float:left;
width:274px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:20px;
height:600px;
}

.delhigrillstatic
{
float:left;
width:217px;
height:150px;
background-image:url(images/delhigrill.png);
background-repeat:no-repeat;
background-position:0 -150px;
}

a.delhigrill
{
width:217px;
height:150px;
background-image:url(images/delhigrill.png);
background-repeat:no-repeat;
float:left;
display:block;
}

a:hover.delhigrill
{
background-position:0 -150px;
text-decoration:none;
}

.themenustatic
{
float:left;
width:154px;
height:150px;
background-image:url(images/themenu.png);
background-repeat:no-repeat;
background-position:0 -150px;
}

a.themenu
{
width:154px;
height:150px;
background-image:url(images/themenu.png);
background-repeat:no-repeat;
float:left;
}

a:hover.themenu
{
background-image:url(images/themenu.png);
background-repeat:no-repeat;
background-position:0 -150px;
text-decoration:none;
width:154px;
height:150px;
}

.thecanteenstatic
{
float:left;
width:178px;
height:150px;
background-image:url(images/thecanteen.png);
background-repeat:no-repeat;
background-position:0 -150px;
}

a.thecanteen
{
width:178px;
height:150px;
background-image:url(images/thecanteen.png);
background-repeat:no-repeat;
float:left;
}

a:hover.thecanteen
{
background-position:0 -150px;
text-decoration:none;
}

.theblogstatic
{
float:left;
width:147px;
height:150px;
background-image:url(images/theblog.png);
background-repeat:no-repeat;
background-position:0 -150px;
}

a.theblog
{
width:147px;
height:150px;
background-image:url(images/theblog.png);
background-repeat:no-repeat;
float:left;
}

a:hover.theblog
{
background-position:0 -150px;
text-decoration:none;
}

.thereviewstatic
{
float:left;
width:178px;
height:150px;
background-image:url(images/thereviews.png);
background-repeat:no-repeat;
background-position:0 -150px;
}

a.thereviews
{
width:178px;
height:150px;
background-image:url(images/thereviews.png);
background-repeat:no-repeat;
float:left;
}

a:hover.thereviews
{
background-position:0 -150px;
text-decoration:none;
}

a.seethemenu
{
width:194px;
height:46px;
background-image:url(images/seethemenu.png);
background-repeat:no-repeat;
float:right;
}

a:hover.seethemenu
{
background-position:0 -46px;
text-decoration:none;
}

a.sideabout
{
width:250px;
height:43px;
background-image:url(images/sideaboutus.png);
background-repeat:no-repeat;
float:left;
margin-top:378px;
}

a:hover.sideabout
{
background-position:0 -43px;
text-decoration:none;
}

a.sidecanteen
{
width:250px;
height:53px;
background-image:url(images/sidecanteen.png);
background-repeat:no-repeat;
float:left;
}

a:hover.sidecanteen
{
background-position:0 -53px;
text-decoration:none;
}


/* Blog */

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 350px;	 
	width: 650px;
	float:left;
	padding:13px;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-top:2px solid #000000;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:160px;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	height:156px;
	width:203px;
}

.blogheader {
	margin:0 0 5px 0;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	line-height:25px;
	color:#ad2c20;
	font-style:italic;
	border-bottom:1px solid #000000;	
	width:680px;
	float:left;

}

.blogtext {	
	width:600px;
	float:left;

}

/* the action buttons above the scrollable */
#actions {
	width:200px;
	float:left;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.blogimage
{
width:236px;
height:157px;
float:left;
padding:10px 0 10px 0;
}

.blogimage2
{
width:236px;
height:370px;
float:left;
padding:10px 0 10px 0;
}

a.next {
	background-image:url(images/navibottom.png);
	background-repeat:no-repeat;
	width:141px;
	height:56px;
	float:left;
	margin-left:280px;
}	

a:hover.next
{
background-position:0 -56px;
background-repeat:no-repeat;
}

a.prev {
	background-image:url(images/navitop.png);
	background-repeat:no-repeat;
	width:141px;
	height:56px;
	float:left;
	margin-left:280px;
}	

a:hover.prev
{
	background-position:0 -56px;	
	background-repeat:no-repeat;
}

.naviholders
{
float:left;
width:700px;
height:56px;
text-align:center;
}

.archive
{
background-color:#e8ebe0;
float:left;
width:155px;
padding:10px;
font-size:14px;
margin-left:15px;
}

.blogholder
{
float:left;
width:700px;
}

/* new blog */

	/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 600px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		padding:10px;
		height:800px;
		width:700px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 680px;
		height: 800px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:700px;
		height:450px;
		padding:10px;
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
	}
	
	#main_navi li {
		background-color:#e8ebe0;
		clear:both;
		font-size:12px;
		list-style-type:none;
		padding:0 0 10px 0;
		width:100px;
		cursor:pointer;
	}
	
	#main_navi li:hover {
		background-color:#e8ebe0;
		text-decoration:underline;
	}
	
	#main_navi li.active {
		background-color:#e8ebe0;
	}

	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}