/*
TITLE: 	Doran Design Stylesheet
AUTHOR: 	Khaled Maiwand, HighCo Technology
Inspired:	Doran Deluz www.off-light.net
CREATED: 	Oct. 2007
*/
* {margin: 0; padding: 0; border: 0; }

body { font: small tahoma, serif; }
#head {
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 200%;
	color: #000; background: #cde4f6; 
	}
	#head ul{ list-style: none;}
	#head li{ margin-right: 40px; display: inline;}
	#head a{ text-decoration: none; border-bottom: 1px solid #8f3336; color: #8f3336;}
		#head a:hover{ border-top: 2px dotted #8f3336;}

#content {
	margin: 15px;
	padding: 15px;
	padding-left: 250px;
	min-height: 460px;
	background: #fff url( img/funckyguard.jpg) no-repeat;
}

.box {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px dashed #6d8496;
	background-color: #f5f5f5;
}
#footer{
	text-align: center;
	font-size: 100%; line-height: 200%;
	color: #000; background: #cde4f6;
	}

/* --------------------------------- Intro page --------------------------------- */

dl#imap {	/* set the size of the definition list <dl>  */
	position: relative;
	margin: 0 auto;
	width: 525px; height: 620px;
	overflow: hidden;
	color: #000; 
	background: url( img/welcome_r.jpg) no-repeat;
	}

dl#imap dt {	/* set up <dt> to hold the background image */
	position: absolute;
	bottom: 0; left: 27%;
	text-align: center;
	}
	* html #imap dt{ height: 620px; he\ight:0; }

/* position  the link-boxes */
dl#imap dd{ position: absolute; margin: 0; padding: 0;}
dl#imap dd#hours1330	{ top:115px; left:400px; z-index: 20;}
dl#imap dd#hours1630	{ top:470px; left:400px; z-index: 20;}
dl#imap dd#hours1930	{ top:470px; left:45px;	 z-index: 20;}
dl#imap dd#hours2230	{ top:115px; left:45px;	 z-index: 20;}

/* style the link-boxes */
dl#imap a{ display: block; width: 80px; height: 80px;}
dl#imap a span{ display:none;}

dl#imap a:hover span {	/* define text-quote position  and styling  */
	position: fixed;
	top: 35px; left: 0;
	display: block; 
	width: 100%;
	text-align: center;
	font-size: 160%; 
	color: #7e1313; 
	background: #fff; 
}
/* --------------------------------- Common Styles --------------------------------- */
h1{ font: 160% tahoma, serif;}
h2{ font: 160% tahoma, serif;}
a{ color: #8E9915; }
	a:hover{ text-decoration: none; }
p{ margin-bottom: 5px;}
ul{ margin-left: 20px;}
hr{ margin: 10px; background: #ccc;}
img.right{ float: right; margin: 3px;}
blockquote {
	margin: 15px 30px;
	padding-left: 10px;
	border-left: 5px solid #ccc; 
  	background: #fff; 
	}

/******************************************************************************/