/* 

STYLE SHEET FOR SHABUSHABU
Created by Tiger Media
www.tigermedia.nl

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks
	7. pages

Notes

*/



/* --------- 1. defaults  --------- */

* {
	margin: 0;
	padding: 0;
		}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#bfbfbf;
		}
		
/*  --------- 2. structure  --------- */
#master {
	background:url(../images/shadow-side.png) repeat-y;
	width: 1110px;
	margin:0 auto;
}

#shadow-top {
	background:url(../images/shadow-top.png) no-repeat;
	width: 1110px;
	margin:0 auto;
	margin-top: 30px;
	height: 5px;
}
#wrapper {
	width:980px;
	padding-left: 60px;
	padding-right: 60px;	
	margin: 0 auto;
	background:#fff url(../images/background.png) repeat-x top;
		}
		
#masthead {

		}
		
#logo {
	margin-top: 31px;
	float:left;
		}
		
#sushi-stokjes {
	background:url(../images/sushi-stokjes.png) no-repeat;
	width: 380px;
	height: 186px;
	float: right;
	margin-right: -60px;
	margin-top: -140px;
}		
		

#navContainer {
	clear:both;
		}

#content {
	clear:both;
	padding-top: 20px;
		}

#footer {
	clear:both;
	background:url(../images/headingborder.png) repeat-x 0 22px;
	margin-top:65px;
}

#footersushi {
	background:url(../images/sushi-footer.png) no-repeat;
	height: 143px;
	width: 234px;
	margin-left:20px;
	float:left;
}

#shadow-bottom {
	background:url(../images/shadow-bottom.png) no-repeat;
	width: 1110px;
	margin:0 auto;
	margin-bottom: 30px;
	height: 5px;	
}

.separator {
		clear: both;
		height: 0;
		}

#tigermedia {
	width:1110px;
	margin: 0 auto;
	height:4px;
}
	
.tigermedialogo {
	float:right;
	margin-top:-25px;
	margin-right: 5px;
}
/* ---------- 3. links and navigation ---------- */

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

#navigation {
	float:left;
	margin-top: 40px;
		}

#navigation a {
	font-family: Tahoma, Geneva, sans-serif;
	color:#cad5db;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
		}
		
#navigation a:hover, #navigation li.active a{
	color: #fff;
}


#navigation ul {
		}

#navigation li {
	float:left;
	margin-right: 20px;
	padding-right:20px;
	background:url(../images/navborder.png) no-repeat right;
		}
		
#navigation li.last {
	margin-right: 0;
	padding-right:0;
	background:none;
}

.list li{
	margin-bottom:4px;
}
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
	color: #b80606;
	background:url(../images/headingborder.png) repeat-x bottom;
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:25px;
	margin-bottom:8px;
		}

h2 {
	color: #b80606;
	background:url(../images/headingborder.png) repeat-x bottom;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:25px;
	margin-bottom:5px;
		}

h3 {
		}
		
h4 {
		}

p {
	line-height:18px;
	margin-bottom:7px;
		}

ul {
		list-style-type: none;
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  

/* ---------- 7. pages ---------- */
.homeLeft {
	width: 378px;
	float:left;
}

.homeRight {
	width: 490px;
	float:right;
}

.left {
	float:left;
}

.right {
	float:right;
}

.margintop {
	margin-top:20px;
}

a#amsterdamBtn{
	display: block;
	background:url(../images/amsterdamBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#amsterdamBtn:hover{
	background:url(../images/amsterdamBtn.png) no-repeat right;
	
}

a#dordrechtBtn{
	display: block;
	background:url(../images/dordrechtBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#dordrechtBtn:hover{
	background:url(../images/dordrechtBtn.png) no-repeat right;
}


a#denhaagBtn{
	display: block;
	background:url(../images/denhaagBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#denhaagBtn:hover{
	background:url(../images/denhaagBtn.png) no-repeat right;
}

a#rotterdamBtn{
	display: block;
	background:url(../images/rotterdamBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#rotterdamBtn:hover{
	background:url(../images/rotterdamBtn.png) no-repeat right;
}

a#zoetermeerBtn{
	display: block;
	background:url(../images/zoetermeerBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#zoetermeerBtn:hover{
	background:url(../images/zoetermeerBtn.png) no-repeat right;
}

a#leidenBtn{
	display: block;
	background:url(../images/leidenBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#leidenBtn:hover{
	background:url(../images/leidenBtn.png) no-repeat right;
}

a#amersfoortBtn{
	display: block;
	background:url(../images/amersfoortBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#haarlemBtn:hover{
	background:url(../images/haarlemBtn.png) no-repeat right;
}
a#haarlemBtn{
	display: block;
	background:url(../images/haarlemBtn.png) no-repeat left;
	height: 100px;
	width: 376px;
	text-indent:-999em;
	margin-bottom:20px;
	overflow: hidden;
}

a#amersfoortBtn:hover{
	background:url(../images/amersfoortBtn.png) no-repeat right;
}


#filiaalinfo {
	float:left;
	margin-top:30px;
	margin-left: 75px;
	color:#717171;
}

#denhaaginfo {
	float:left;
	margin-right:30px;
	margin-bottom: 20px;
}

#rotterdaminfo{
	float:left;
	margin-right:30px;
		margin-bottom: 20px;
}

#zoetermeerinfo{
		float:left;
			margin-bottom: 20px;
}

.prijstabel{
	border: 1px dotted #e2d6d6;
}

.spelregels {
	width:635px;
	float:left;
}

#shabuUitleg {
	width: 615px;
	float:left;
}

#garnaalsushi {
	margin-left:20px;
	margin-top:60px;
}

.lunchprijzen {
	float: left;
	margin-right:30px;
	width: 30%;	
}

.dinnerprijzen {
	float:left;
		margin-right:30px;
			width: 30%;	
}

.kinderprijzen {
	float:left;
		width: 30%;	
}

#tempuraconcept {
	float: right;
}

a#afspreken {
	height: 26px;
	width:135px;
	display: block;
	background:url(../images/afspreken_btn.png) no-repeat left;
	text-indent:-999em;
	overflow: hidden;
	position:relative;
	float:right;
	top: 35px;
}

a:hover#afspreken {
	background:url(../images/afspreken_btn.png) no-repeat right;
}

#sushi-stokjes2 {
	background:url(../images/sushi-stokjes.png) no-repeat;
	width: 380px;
	height: 186px;
	float: right;
	margin-right: -60px;
	margin-top: -140px;
}		


a#afspreken2 {
	height: 26px;
	width:135px;
	display: block;
	background:url(../images/afspreken_btn.png) no-repeat left;
	text-indent:-999em;
	overflow: hidden;
}

a:hover#afspreken2 {
	background:url(../images/afspreken_btn.png) no-repeat right;
}