/* CSS Document */

html { overflow-y: scroll; }    /* no side way shift of page */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#525252;
	background:#b5b5b5 url(../images/bg.jpg) center repeat;
	text-align:left;
	left:auto;
	right:auto;}
	
p.MsoNormal { font-size:13px;
    color:#525252;
	font-weight:lighter;}
	
	.bolder {font-weight:bold;}
	
a:link {
	outline:none}


/*************** Font Size Buttons **************/
a.fontplus:link, a.fontplus:visited, a.fontplus:hover, a.fontplus:active, 
a.fontminus:link, a.fontminus:visited, a.fontminus:hover, a.fontminus:active {
	width:18px;
	height:18px;
	display:block;
	padding:0;
	margin:2px;
	border:none;
	float:left;
	text-decoration:none;
	outline:none}
	a.fontplus:link, a.fontplus:visited {background:url(../images/plus.gif)}
	a.fontplus:hover, a.fontplus:active {background:url(../images/plusO.gif)}
	a.fontminus:link, a.fontminus:visited {background:url(../images/minus.gif)}
	a.fontminus:hover, a.fontminus:active {background:url(../images/minusO.gif)}
	
a.fontreset:link, a.fontreset:visited {
	width:43px;
	height:18px;
	display:block;
	padding:0;
	margin:2px 0 2px 2px;
	border:none;
	float:left;
	text-decoration:none;
	outline:none}
	a.fontreset:link, a.fontreset:visited {background:url(../images/reset.gif)}
	a.fontreset:hover, a.fontreset:active {background:url(../images/resetO.gif)}

.aa {
	border:0; 
	float:left; 
	margin:4px 2px 0 0}

#sizer {
	display:block; 
	float:right} 


/*************** Main Skelleton **************/
#center {
	width:794px;
	height:auto;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	padding:0;
	background:transparent;
	border:none;
	text-align:left;
	/* part 2 of 2 centering hack */
	voice-family:"\"}\"";
	voice-family:inherit;
	width:794px;
	height:auto}
	html>body #center {
	width:794px; /* ie5win fudge ends */
	height:auto}

#header {
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	border:3px solid #fff;
	background:url(../images/header.jpg) top left no-repeat;
	width:788px;
	height:226px;
	display:block;
	float:left;
	position:relative;
	z-index:3}
	
#logo {
	margin:0;
	padding:0;
	top:35px;
	left:40px;
	border:none;
	background:url(../images/logo.jpg) top left no-repeat;
	width:700px;
	height:131px;
	display:block;
	float:left;
	clear:left;
	position:relative}

#nav {
	margin:0;
	padding:0;
	top:67px;
	left:0px;
	border:none;
	background:transparent;
	height:auto;
	width:788px;
	float:left;
	display:block;
	position:relative;
	text-align:center;
	z-index:3}
	#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 25px;
	margin:0;	
	background:transparent;
	text-decoration:none;
	outline:none}
	#nav a:link, #nav a:visited {color:#fff}
	#nav a:hover, #nav a:active {color:#000}

#drop {
	margin:0;
	padding:0;
	top:0px;
	left:3px;
	border:none;
	background:url(../images/dropshadow.jpg) top left no-repeat;
	width:788px;
	height:19px;
	display:block;
	float:left;
	position:relative;
	z-index:1}
	
#content {
	margin:0;
	padding:50px 40px;
	top:5px;
	left:0px;
	border:3px solid #fff;
	background:#fff url(../images/red.jpg) top left repeat-x;
	width:708px;
	height:auto;
	min-height:350px;
	display:block;
	float:left;
	position:relative;
	z-index:2}

#footer {
	margin:0;
	padding:40px 0;
	top:0;
	left:0px;
	border:none;
	background:transparent url(../images/baseline.jpg) top left no-repeat;
	width:794px;
	height:auto;
	display:block;
	float:left;
	position:relative;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ccc;
	z-index:5}
	
	#footer a {color:#ccc;}


	
/***** CONTACT PAGES *****/
#contact {
	color:#990000}
	
#leftcol {
	width:330px;
	height:auto;
	min-height:240px;
	padding-top:10px;
	margin:0;
	display:block;
	position:relative;
	float:left;
	text-align:justify;
	top:25px;
	left:0;
	background:transparent;	
	border:none}
	#mainleft form {
	color:#D95E06}

#left {
	width:460px;
	height:auto;
	min-height:240px;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	float:left;
	text-align:justify;
	top:25px;
	left:0;
	background:transparent;	
	border:none}
	
#rightcol {
	width:320px;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	float:right;
	text-align:justify;
	top:10px;
	background:transparent;	
	border:none}
	#mainright img {
	border:none;
	padding:0;
	margin:0}

#right {
	width:210px;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	float:right;
	text-align:left;
	top:20px;
	background:transparent;	
	border:none}

#double {
	width:708px;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	float:left;
	text-align:justify;
	top:30px;
	left:0;
	background:transparent;	
	border:none}
	
#map {
	width:415px;
	height:280px;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	float:right;
	background:transparent;
	text-align:right;
	border:none}
	#mapheader {
	width:383px;
	height:15px;
	padding:4px 5px 5px 4px;
	margin:0;
	display:block;
	position:relative;
	float:right;
	background:#333;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	border:none}
	#mapheader a:link, #mapheader a:visited, #mapheader a:hover, #mapheader a:active {
	padding:1px 4px;
	margin:0;
	display:block;
	position:relative;
	top:0;
	left:1px;
	float:left;
	border:1px solid #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	outline:none}
	#mapheader a:link, #mapheader a:visited {background:#999; color:#fff}
	#mapheader a:hover, #mapheader a:active {background:#990000; color:#fff}
	
	input.text {
	width:220px;
	height:16px;
	border:1px solid #ccc;
	background:#f9f9f9;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	margin-bottom:5px}

textarea {
	width:220px;
	height:50px;
	border:1px solid #ccc;
	background:#f9f9f9;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	margin-bottom:10px}


/***** PRODUCTS *****/
a#fashion,  a#lens,  a#contacts,  a#sunnies {
	display:block;
	float:left;
	position:relative;
	margin:0;
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:1px solid #fff;
	height:193px;
	color:#fff;
	text-decoration:none;
	outline:none}
	
	a#fashion:link, a#fashion:visited {width:145px; background:url(../images/prod_fashion.jpg); margin-left:35px}
	a#fashion:hover, a#fashion:active {width:145px; background:url(../images/prod_fashionO.jpg); margin-left:35px}
	
	a#lens:link, a#lens:visited {width:137px; background:url(../images/prod_lenses.jpg)}
	a#lens:hover, a#lens:active {width:137px; background:url(../images/prod_lensesO.jpg)}
	
	a#contacts:link, a#contacts:visited {width:186px; background:url(../images/prod_contacts.jpg)}
	a#contacts:hover, a#contacts:active {width:186px; background:url(../images/prod_contactsO.jpg)}
	
	a#sunnies:link, a#sunnies:visited {width:164px; background:url(../images/prod_sunnies.jpg); margin-right:10px}
	a#sunnies:hover, a#sunnies:active {width:164px; background:url(../images/prod_sunniesO.jpg); margin-right:10px}
	
	
/***** PRACTICES *****/
a#orangepractice,  a#youngpractice {
	display:block;
	float:left;
	position:relative;
	margin:0;
	border:none;
	width:235px;
	height:158px;
	color:#fff;
	text-decoration:none;
	outline:none}
	
	a#orangepractice:link, a#orangepractice:visited {background:url(../images/practice_orange.jpg); margin:0 9px 0 65px}
	a#orangepractice:hover, a#orangepractice:active {background:url(../images/practice_orangeO.jpg); margin:0 9px 0 65px}
	
	a#youngpractice:link, a#youngpractice:visited {background:url(../images/practice_young.jpg); margin:0}
	a#youngpractice:hover, a#youngpractice:active {background:url(../images/practice_youngO.jpg); margin:0}
	

/***** TEXT ELEMENTS *****/
h1 {
	font-size:20px;
	color:#990000;
	margin:20px 0;
	padding:0}

h2 {
	font-size:14px;
	color:#525252;
	margin:25px 0 1px 0;
	padding:0}
	
p {
	margin:10px 0;
	line-height:1.5em}