/* ---- Remove all default padding and formatting of elements ---- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
	margin : 0; 
	padding : 0; 
	}

h1, h2, h3, h4, h5, h6 { 
	font-size : 100%; 
	}

ol, ul { 
	list-style : none; 
	}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style : normal;
	font-weight : normal; 
	}

table { 
	border-collapse : collapse; 
	border-spacing : 0;
	}

fieldset, img { 
	border : 0;
	}

th, caption {
	text-align : left;
	}

q:before, q:after {
	content :'';
	}
	

/* ---- Global background and font settings ---- */

body {
	background: url(../images/bg_tile.gif);
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	}

/* ---- Centered layout ---- */		
	
#page {
	width: 840px;
	height: 800px;
	position: relative;
	background: url(../images/white_bg.png);
	margin: 0px auto;
	text-align: left;
	}

#pageContact {
	width: 840px;
	height: 1050px;
	position: relative;
	background: url(../images/white_bg.png);
	margin: 0px auto;
	text-align: left;
	}


/* ---- Image ---- */	

#mainImg {
	background-image: url(../images/mainImg.jpg);
	width:800px;
	height: 359px;
	position: absolute;
	left: 19px;
	top: 60px;
	z-index: 1;
	}
	

/* ---- White area with page peel effect ---- */

img, #contentArea {
	behavior: url(iepngfix.htc);
	}	

#contentArea {
	background: url(../images/content_bg.png) no-repeat;
	width:407px;
	height:443px;
	position: absolute;
	top:140px;
	left: 25px;
	z-index: 2;
	padding-top: 50px;
	}

#contentArea p {
	font-size: 14px;
	margin: 0 30px 10px 30px;
	}

.left {
	float:left;
	}


/* ---- Logo - Upper Left Side---- */

#logo {
	position: absolute;
	top: 10px;
	left: 25px;
	z-index: 2;
	}



/* ---- 3 Navigation Links - Upper Right Side ---- */	

#nav {
	position: absolute;
	top: 15px;
	left: 558px;
	z-index: 2;
	}
	
#nav li {
	float: left;
	display: block; 
	clear: none;
	}
	
#nav li a {
	display:block;
	}

#nav li em {
	display: none;
	}
	
#nav li.home {
	background:url(../images/home.gif) 0px -62px no-repeat;
	}

#nav li.home a {
	width: 61px;
	height: 62px;
	background:url(../images/home.gif) top left no-repeat;
	}

#nav li.home a:hover {
	width: 61px;
	height: 62px;
	background:none;
	}

#nav li.directions {
	background:url(../images/directions.gif) 0px -62px no-repeat;
	}

#nav li.directions a {
	width: 89px;
	height: 62px;
	background:url(../images/directions.gif) top left no-repeat;
	}

#nav li.directions a:hover {
	width: 89px;
	height: 62px;
	background:none;
	}

#nav li.contact {
	background:url(../images/contact.gif) 0px -62px no-repeat;
	}

#nav li.contact a {
	width: 66px;
	height: 62px;
	background:url(../images/contact.gif) top left no-repeat;
	}

#nav li.contact a:hover {
	width: 66px;
	height: 62px;
	background:none;
	}


/* ---- Sidebar with list of frame manufacturers---- */


#sidebarHdr {
	position: absolute;
	top: 422px;
	left: 456px;
	}

#colA {
	position: absolute;
	left: 465px;
	top:  465px;
	font-size: 11px;
	line-height: 24px;
	}

#colB {
	position: absolute;
	left: 585px;
	top:  465px;
	font-size: 11px;
	line-height: 24px;
	}

#colC {
	position: absolute;
	left: 700px;
	top:  465px;
	font-size: 11px;
	line-height: 24px;
	}