/*--------------------------------------------+
 | Site: Berghoff Catering & Restaurant Group |
 | Part: Master styles                        |
 +--------------------------------------------*/

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */


/* Fonts
======================================================================*/
body { font-family: Arial, sans-serif; }
h1, h2, #nav { font-family: Times, serif; }


/* Basics
======================================================================*/
a {text-decoration: none;}
a, h2 { color: #cecbce; }
a:hover { color: #d01319; }
body { background: #000; color: #636162; font-size: 75%; line-height: 2.1; text-align: justify; }
body, table ul a { color: #636162; }
em, h1, h2 { font-style: italic; }
h1 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; }
h1, h3 { color: #d01319; }
strong { font-weight: bold; }
h2 { font-size: 1.25em; line-height: 1.7;}
h2, h3 { font-weight: normal; }
ol { list-style: decimal outside; }
ol, p, table, ul { margin-bottom: 2.25em; }
ol, ul { margin-left: 2em; }
table ul a {}
table ul a:hover {color: #d01319;}


/* Core layout
======================================================================*/
.alert { color:#E72019; }
.btn { font-size:0.9em; overflow:visible; padding:0.1em 0.6em 0.2em; }
.clear { clear: both; }
.mute { font-size:0.9em; color:#7F8183; line-height:1.818; }
.txt { width: 75%; }
form th { font-weight:normal; padding-right:2%; text-align:right; vertical-align:top; width:25%; }
#content { float: right; position: relative; width: 418px; }
#content-primary { margin: 0 auto; left: 0; padding: 0 3% 0 4%; position: absolute; top: 307px; }
#footer { clear: both; }
#nav { float: left; width: 252px; }
#page { margin: 25px auto 0 auto; width: 700px; }


/* Content
======================================================================*/
/*--- Callouts ---*/
.call-l a, .call-r a { color: #636162; }
.call-l { float: left; margin: 0.75em 1em 1em 0; }
.call-r { float: right; margin: 0.75em 0 1em 1em; }
.call-l a:hover, .call-r a:hover { color: #d01319;}

/*--- Contact Information ---*/
#contact-info {float: right; text-align: right;}

/*--- Footers ---*/
#nav .footer { color: #d01319; font-size: 0.85em; font-style: italic; padding-right: 0em; }
#content .footer { text-align: center; font-size: 13px; font-family: Times, serif; color: #D71114; line-height: 18px; padding-top: 1em; margin-bottom: 0em;}
#content .footer a {color: #d01319;}
#content .footer a:hover {color: #cecbce;}
.credit { color: #636162;}
.credit a { color: #636162 !important} 
.credit a:hover {color: #cecbce !important}

/*--- Gallery ---*/
.gallery #content .footer {display: none;}


/*--- Gourmet To Go ---*/
.red {color: #d01319; }
.red a {color: #d01319;}
.red a:hover {color: #cecbce;}

/*--- Header ---*/
#logo { margin-bottom: -45px; padding-top: 190px; }

/*--- Navigation ---*/
#nav { font-size: 1.3em; line-height: 1.4; text-align: center; }
#nav li { margin: 0 auto; position: relative; width: 50%; }
#nav li a { background: #000; display: block; height: 1%; padding: 0.5em 0; text-decoration: none; width: 100%; }
#nav li a:hover { color: #d01319;}
#nav li.current { font-weight: bold; }
#nav li.current li { font-weight: normal; }
#nav li li.current  { font-weight: bold;}
#nav ul { list-style: none; margin-left: 0; margin-bottom: 1em; padding-right: 40px; }

	/* Flyouts */
	#nav li:hover ul, #nav li.over ul { left: 50px; }
	#nav ul ul { left: -999em; position: absolute; top: 0; width: 215px; }
	#nav ul ul li {font-family: Arial, sans-serif; font-size: 0.8em;}