/*
	savourspain.com.au Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:14px;
		color: #000000;
		margin: 0px;
		padding: 0px;
		text-align: center; /* to correct the centering IE bug*/
		background:url(../images/bg/ss-bgtile.gif) repeat #4B1018;
		}

#frame {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:770px;
		text-align:left;
		}
		
a {outline:none;}	

/* = top---------------------- */
#top {
		top:0px;
		width:770px;
		height:85px;
		position:absolute;
		background-color:#FFFFFF;
		}
/* #top img {float:right; padding:35px 39px 0 0;} */
#top-menu {position:absolute; top:5px; right:39px; width:400px; height:20px; text-align:right; color:#444444; font-size:11px;}
#top-menu a:link, #top-menu a:visited {color:#444444; text-decoration:underline;} 
#top-menu a:hover {color:#781927; text-decoration:underline;}
#top-img {position:absolute; top:50px; right:39px; width:400px; height:25px; text-align:right;}
		
/* = main-menu---------------------- */
#mainmenu-body {
		top:85px;
		width:770px;
		height:22px;
		position:absolute;
		background-color:#F5C71D;
		}
#mainmenu-leftbg {
		top:0px;
		position:relative;
		background-color:#F5C71D;
		width:167px;
		height:22px;
		float:left;
		}
#mainmenu {
		top:0px;
		width:603px;
		height:22px;
		position:relative;
		background-color:#F5C71D;
		float:left;
		}
#mainmenu a {text-decoration: none;}
#mainmenu ul {
		display: inline;
		margin: 0px;
		padding:0px 0px 0px 0px;
		float:left;
		}
#mainmenu ul li {
		display: inline;
		list-style:none;
		padding:0px;
		margin-left:-2px;
		}
#mainmenu ul li a {display:inline;}

/* = header---------------------- */
#header {
		top:107px;
		width:770px;
		height:200px;
		position:absolute;
		background:#781927;
		}
				
#header img.logo {
		top:0px;
		left:0px;
		float:left;
		position:absolute;
		}
#header .main-img {
		top:0px;
		left:167px;
		float:left;
		position:absolute;
		}
		
/* = header-contact---------------------- */
#header-contact {
		top:0px;
		left:588px;
		width:146px;
		height:175px;
		position:absolute;
		padding:25px 10px 0 26px;
		text-align:left;
		background:#781927;
		font-size:14px;
		color:#FFFFFF;
		font-weight:bold;
		}
		
#header-contact a:link, #header-contact a:visited {color:#FFFFFF; text-decoration:underline;} 
#header-contact a:hover {color:#F5C71D; text-decoration:underline;}

/* = content---------------------- */
#content {
		top:307px;
		width:770px;
		position:absolute;
		overflow:hidden;
		background-color:#FFFFFF;
		}
		
/* = content-body---------------------- */
#content-body {
		width:770px;
		position:relative;
		float:left;
		background-color:#FFFFFF;
		}
		
#content-body .body {padding:30px 30px 30px 30px;}
		
#content-body .body-side {	
		padding:60px 0 0 16px;	
		font-size:14px;
		font-weight:bold;
		}
		
/* = content-btm---------------------- */
#content-btm {
		padding:1px 0 2px 0;
		width:746px;
		padding-right:24px;
		position:relative;
		float:left;
		background-color:#F5C71D;
		color:#000;
		font-size:10px;
		}
#content-btm a:link, #content-btm a:visited {color:#000; text-decoration:none;} 
#content-btm a:hover {color:#781927; text-decoration:underline;}

/* = footer---------------------- */
#footer {
		height:28px;
		width:729px;
		position:relative;
		float:left;
		background-color:#781927;
		padding:23px 24px 0 17px;
		color:#FFFFFF;
		font-size:10px;
		}
#footer a:link, #footer a:visited {color:#FFFFFF; text-decoration:none;} 
#footer a:hover {color:#FFFFFF; text-decoration:underline;}


.float-right {float:right;}
.float-left {float:left;}
		
/* typography
----------------------------------------------- */

p {margin:0px 0px 10px 0px;}

h1 {
	color:#781927;
	margin:0px;
	padding:0px 0px 17px 0px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}	

h2 {
	color:#781927;
	margin:0px;
	padding:0px 0px 12px 0px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

/*		
#content-body ul {padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; list-style:none; font-weight:bold;} //reserved for spanish-tapas.htm
#content-body li {padding:0 2px 2px 0; margin:0px 0px 0px 25px; color:#333333; font-weight:normal; list-style:none;}
*/
#content-body ul, 
#content-body ol {padding:5px 0 10px 0; margin:0;}
#content-body ul li {padding:0 0 5px 0; margin-left:18px; color:#333333; font-weight:normal; list-style-image:url(../images/icons/dot-greyc.gif);}
#content-body ol li {padding:0 0 5px 0; margin-left:18px; color:#333333; font-weight:normal; list-style:decimal;}

/* = colors ---------------------- */
.color-greyC {color:#CCCCCC;}
.color-grey9 {color:#999999;}
.color-grey6 {color:#666666;}
.color-grey3 {color:#333333;}
.color-yellow {color:#F5C71D;}
.color-maron {color:#781927;}
.color-main {color:#781927; font-size:14px; font-weight:bold;}

.fontsize10 {font-size:10px;}
.fontsize11 {font-size:11px;}
.fontsize14 {font-size:14px;}

.txtbox {font-size:11px; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; width:130px;}	
.txtbox-long {font-size:11px; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; width:160px;}	
.box-titles {font-size:10px; font-weight:bold; vertical-align:top; color:#333333; padding-right:10px;}
.selbox-day {font-size:11px; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; width:100px;}
.selbox-time {font-size:11px; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; width:100px;}




/* = hyperlinks ---------------------- */
a:link, a:visited {color:#000000; text-decoration:underline;} 
a:hover {color:#781927; text-decoration:underline;}

a.link_err:link, a.link_err:visited {color:#FF3300; text-decoration:underline;} 
a.link_err:hover {color:#FF3300; text-decoration:underline;}

a.link_rpi:link, a.link_rpi:visited {color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold;}
a.link_rpi:hover {color:#FFFFFF; text-decoration:underline; font-size:11px; font-weight:bold;}