/* Website for Beth Novick */
/* Spring 2008 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */

/* ----------------------------------------------- 
   INITIAL RESET PLUS LAYOUT
   ----------------------------------------------- */


/* 	----------------------------------------------- 
		Reset browser default styles to insure consistency across various browsers
  	----------------------------------------------- */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}

ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* 	----------------------------------------------- 
		Helpful fixes
  	----------------------------------------------- */

a {outline: none;}  /* get rid of Firefox link boxes */

html {
	height: 100%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages */
}

/* 	----------------------------------------------- 
		Site Structure
  	----------------------------------------------- */

body {
	background: #4c4f4a url(../images/bodybkgd.jpg) top left repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	text-align: center;
}

div#wrapper {
	width: 800px;
	margin: 0 auto 10px auto !important;
	margin: 0 0;
	padding: 0;
	background: url(../images/wrapperbkgd.jpg) repeat-y;
}

	div#header {
		width: 800px;
		height: 200px;
		margin: 0;
		padding: 0;
	}
	
	div#navbar {
		width: 760px;
		min-height: 40px;
		margin: 0 20px;
		padding: 0 0px;
		background: #a32b7a url(../images/navbkgd.jpg) bottom left repeat-x;
	}
	/* IE doesn't support min-height, but it treats height that way, so filter for IE */
	* html div#navbar {
		height: 40px; 
	}		

		div#nav {
			float: right;
			margin: 0;
			padding: 0;
			height: 40px;
		}
		
		div#phone {
			float: left;
			margin: 0;
			padding: 0;
			height: 40px;
		}
	
	div#content {
		clear: both;
		width: 720px;
		min-height: 550px;
		margin: 0;
		padding: 5px 40px 0 40px;
	}
	/* IE doesn't support min-height, but it treats height that way, so filter for IE */
	* html div#content {
		height: 550px; 
	}
	div#content.frontpage {
		width: 445px;
		padding-left: 315px;
		background: url(../images/bethbkgd.jpg) bottom left no-repeat;
	}
	
	div#footer {
		width: 720px;
		min-height: 20px;
		margin: 0;
		padding: 20px 40px 0 40px;
		background: #4c4f4a url(../images/footer.jpg) top left no-repeat;
	}