@charset "UTF-8";
/* CSS Document */

/* site design by Erik Lund and Calvin Flegal
gallery and about not on template */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------start page or template--------*/
.hidden
{
display:none;
}
html
{
height: 100%;
}

body
{
	line-height: 1;
	background-image:url(bg_tile.png);
	height: 100%;
	font-family: Arial, Verdana, Geneva, "Lucida Sans";
	font-size: 1.3em;
	font-size: 100%; 
}
div#wrapper
{
min-height:100%;
position:absolute;
height: auto !important;
height: 100%;
width: 100%;
z-index: 1;

}
div#main
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: auto;
	}
	
span
{
display:none;
}

/*------front------*/
div#left_description
{
	position: absolute;
	display:block;
	width: 176px;
	height: 200px;
	z-index: 3;
	top: 372px;
	left: 202px;
}
div#left_description p
{
text-align: center;
font-size: 1.1em;
line-height: 1.7;
}
div#right_description
{
	position: absolute;
	display:block;
	width: 176px;
	height: 200px;
	z-index: 3;
	top: 372px;
	left: 618px;
}
div#right_description p
{
text-align: center;
font-size: 1.1em;
line-height: 1.7;
}
img#front_01
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
img#front_02
{
position: absolute;
top: 0px;
left: 394px;
margin: 0px;
padding: 0px;
}
img#front_03
{
position: absolute;
top: 0px;
left: 606px;
margin: 0px;
padding: 0px;
}
img#front_04
{
position: absolute;
top: 276px;
left: 0px;
margin: 0px;
padding: 0px;
}
img#front_06
{
position: absolute;
top: 276px;
left: 606px;
margin: 0px;
padding: 0px;
}
img#front_07
{
position: absolute;
top: 613px;
left: 0px;
margin: 0px;
padding: 0px;
}
img#front_08
{
position: absolute;
top: 613px;
left: 394px;
margin: 0px;
padding: 0px;
}
img#front_09
{
position: absolute;
top: 613px;
left: 606px;
margin: 0px;
padding: 0px;
}

a#door_sprite
{
margin: 0px;
padding: 0px;
display: block;
position: absolute;
width: 212px;
height: 337px;
overflow: hidden;
top: 276px;
left: 394px;
background:url(images/home/bobdoorpeak_.png);
z-index: 3;
}
a#door_sprite:hover
{
background-position: 0px -337px;
}
a#door_sprite span
{
display: none;
}
a#hours_button_link
{
	display:block;
	position:absolute;
	z-index: 6;
	top: 526px;
	left: 674px;
}
/*-----start nav------*/
span.hidden
{
display:none;
}
img#navbar
{
	position: absolute;
	top: 9px;
	left: -3px;
	z-index: 19;
}
a#home_nav
{
	display: block;
	position: absolute;
	background-image:url(images/home_sprite.png);
	width:85px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	top: 35px;
	left: 300px;
	background-repeat:no-repeat;
}
a#home_nav:hover
{
	display: block;
	position: absolute;
	background-image:url(images/home_sprite.png);
	width:85px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	background-position: 0px -24px;
	background-repeat:no-repeat;
}
a#brands_nav
{
	display: block;
	position: absolute;
	background-image:url(images/brands_sprite.png);
	width:117px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	top: 34px;
	left: 386px;
	background-repeat:no-repeat;
}
a#brands_nav:hover
{
	display: block;
	position: absolute;
	background-image:url(images/brands_sprite.png);
	width:117px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	background-position: 0px -24px;
	background-repeat:no-repeat;
}
a#contact_nav
{
	display: block;
	position: absolute;
	background-image:url(images/aboutus.png);
	width:117px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	top: 34px;
	left: 503px;
	background-repeat:no-repeat;
}
a#contact_nav:hover
{
	display: block;
	position: absolute;
	background-image:url(images/aboutus.png);
	width:117px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	background-position: 0px -24px;
	background-repeat:no-repeat;
}
a#lenses_nav
{
	display: block;
	position: absolute;
	background-image:url(images/lenses_sprite.png);
	width:105px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	top: 34px;
	left: 625px;
	background-repeat:no-repeat;
}
a#lenses_nav:hover
{
	display: block;
	position: absolute;
	background-image:url(images/lenses_sprite.png);
	width:105px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	background-position: 0px -24px;
	background-repeat:no-repeat;
}
img#phone_nav
{
	position:absolute;
	display:block;
	z-index: 23;
	left: 737px;
	top: 31px;
}




/*-------start main page------------*/
img#mainpage_01
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
img#mainpage_02
{
position: absolute;
top: 0px;left: 480px;
margin: 0px;
padding: 0px;
}
img#mainpage_03
{
position: absolute;
top: 350px;
left: 0px;
margin: 0px;
padding: 0px;
}
img#mainpage_04
{
position: absolute;
top: 350px;
left: 480px;
margin: 0px;
padding: 0px;
}

div#big_about
{
	position:absolute;
	z-index: 5;
	width: 250px;
	height: 250px;
	top: 160px;
	left: 79px;
}
a#about_us_a
{
	display:block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 226px;
	height: 202px;
	overflow: hidden;
	top: 196px;
	left: 146px;
	z-index: 5;
	background:url(images/eyeglasses_store/aboutus.png);
	background-repeat:no-repeat;
	background-position: 0px 100px;
}
a#about_us_a:hover
{
background-position: 0px 0px;
}
a#about_us_a span
{
display: none;
}

a#perscription_a
{
	display:block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 226px;
	height: 202px;
	overflow: hidden;
	top: 130px;
	left: 394px;
	z-index: 5;
	background:url(images/eyeglasses_store/prescription_lenses.png);
	background-repeat:no-repeat;
	background-position: 0px 100px;
}
a#perscription_a:hover
{
background-position: 0px 0px;
}
a#perscription_a span
{
display: none;
}

a#brands_a
{
	display:block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 226px;
	height: 202px;
	overflow: hidden;
	top: 174px;
	left: 718px;
	z-index: 5;
	background:url(images/eyeglasses_store/brands_bubble.png);
	background-repeat:no-repeat;
	background-position: 0px 100px;
	background-image: url(images/eyeglasses_store/brands_bubble.png);
}
a#brands_a:hover
{
background-position: 0px 0px;
}
a#brands_a span
{
display: none;
}
a#max
{
	display:block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 222px;
	height: 153px;
	overflow: hidden;
	top: 458px;
	left: 532px;
	z-index: 5;
}
a#max span
{
display:none;
}
a#specials_link
{
	position: absolute;
	margin: 0;
	padding: 0;
	display:block;
	z-index: 6;
	left: 556px;
	top: 174px;
}
/*----------start lenses-------*/
img#lensespage_01
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
img#lensespage_02
{
position: absolute;
top: 0px;left: 480px;
margin: 0px;
padding: 0px;
}
img#lensespage_03
{
position: absolute;
top: 350px;
left: 0px;
margin: 0px;
padding: 0px;
}
img#lensespage_04
{
position: absolute;
top: 350px;
left: 480px;
margin: 0px;
padding: 0px;
}
div#lenses_list
{
	position:absolute;
	z-index: 5;
	display:block;
	left: 288px;
	top: 174px;
	width: 79px;
	line-height: 25px;
	list-style:armenian;
}
div#ul_description
{
	display:block;
	position:absolute;
	z-index: 5;
	display:block;
	left: 427px;
	top:  171px;
	height: 186px;
	width: 258px;
}
div#ul_description span
{
	display: block;
	position: absolute;
	z-index: 5;
	line-height: 25px;
	width: 254px;
	left: 0px;
	top: 1px;
}


/*-----------start brands------------*/

/*temp */
img#temp
{
display: block;
position: relative;
z-index: 2;
}
/* start layer 1 background */
img#topleft_bg
{
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
img#topright_bg
{
position: absolute;
top: 0px;
left: 480px;
z-index: 1;
}
img#botleft_bg
{
position: absolute;
top: 350px;
left: 0px;
z-index: 1;
}
img#botright_bg
{
position: absolute;
top: 350px;
left: 480px;
z-index: 1;
}

/* end bg layer */
img#more_btn
{
	position: absolute;
	top: 305px;
	left: 812px;
	z-index: 3;
}
img#back_btn
{
	position: absolute;
	top: 305px;
	left: 80px;
	z-index: 3;
}
/* start table formatting */

.brands_a
{
display: block;
position: absolute;
z-index: 2;


}
.brands_table
{
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 17px;
	position: absolute;
	display: block;
}
a#martin_martin
{
	top: 164px;
	left: 240px;
}
a#alan_mikli
{
	top: 167px;
	left: 395px;
}
a#lindberg
{
	top: 164px;
	left: 552px;
}
a#paul_smith
{
	top: 258px;
	left: 239px;
}
a#paul_frank
{
	top: 260px;
	left: 395px;
}
a#oliver_peoples
{
	top: 262px;
	left: 552px;
}
a#prodesign
{
	top: 368px;
	left: 240px;
}
a#lafont
{
	top: 367px;
	left: 394px;
}
a#oga
{
	top: 369px;
	left: 552px;
}
a#kazuokawasaki
{
	top: 463px;
	left: 238px;
}
a#modo
{
	top: 457px;
	left: 395px;
}
a#koali
{
	top: 452px;
	left: 551px;
}
a#betsey_johnson
{
	top: 570px;
	left: 239px;
}
a#swiss_flex
{
	top: 576px;
	left: 393px;
}
a#gold_and_wood
{
	top: 572px;
	left: 550px;
	}
	
.brand_descripts
{
line-height: 1.2;
font-size: 12px;
}
	
/*---------brands2---------*/
a#kio
{
	top: 164px;
	left: 240px;
}
a#jfrey
{
	top: 160px;
	left: 395px;
}
a#persol
{
	top: 156px;
	left: 552px;
}
a#jeevice
{
	top: 255px;
	left: 239px;
}
a#two_five
{
	top: 256px;
	left: 395px;
}
a#ray_ban
{
	top: 250px;
	left: 552px;
}
a#oakley
{
	top: 361px;
	left: 240px;
}
a#icberlin
{
	top: 367px;
	left: 394px;
}
a#maui
{
	top: 359px;
	left: 552px;
}
a#blinde
{
	top: 450px;
	left: 239px;
}
a#boz
{
	top: 450px;
	left: 394px;
}
a#laloop
{
	top: 450px;
	left: 552px;
}
a#mosley_tribes
{
	top: 566px;
	left: 239px;
}
a#saki
{
	top: 566px;
	left: 394px;
}
a#salt
{
	top: 566px;
	left: 552px;
}
/*---------start about us-------*/
img#about_01
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
img#about_02
{
position: absolute;
top: 0px;left: 480px;
margin: 0px;
padding: 0px;
}
img#about_03
{
position: absolute;
top: 350px;
left: 0px;
margin: 0px;
padding: 0px;
}
img#about_04
{
position: absolute;
top: 350px;
left: 480px;
margin: 0px;
padding: 0px;
}

a#map
{
	display:block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 226px;
	height: 228px;
	overflow: hidden;
	top: 92px;
	left: 90px;
	z-index: 5;
	background:url(images/funky_glasses/MAP_button_213x247.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
a#map:hover
{
background-position: 0px -230px;
}
a#map span
{
display: none;
}
a#bio
{
	display:block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 226px;
	height: 331px;
	overflow: hidden;
	top: 161px;
	left: 340px;
	z-index: 5;
	background:url(images/funky_glasses/Bio_button_220x260.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
a#bio:hover
{
background-position: 0px -160px;
}
a#bio span
{
display: none;
}
a#contact
{
	display:block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 336px;
	height: 213px;
	overflow: hidden;
	top: 361px;
	left: 601px;
	z-index: 5;
	background:url(images/funky_glasses/CONTACT_button_280x260.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
a#contact:hover
{
background-position: 0px -260px;
}
a#contact span
{
display: none;
}
/*-----start specials--------*/