/* Helpers and base rules */

* {
margin: 0;
padding: 0;
}

img	{
	border: 0;
	}

p.access	{
	display: none;
	}

img.counter	{
	display: inline;
	margin-left: 5px;
	}

.bold {
	font-weight: bold;
}

body {
	background-color: #F3F3F3;
	background-image: url(../images/bg_home-orange.gif);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
	height: 100%;
	width: 760px;
}

body > #wrap {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer {
	height: 25px;
	margin-top: -25px;
	position: relative;
	clear: both;	
	
}

#foot {
	width: 480px;
	margin-left: 140px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: f37123;
	display: inline;
	position: relative;	
	clear: both;
	
}


#foot p.linksleft {
	padding-top: 5px;
	padding-left: 10px;
	margin: 0px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	
}



#foot p.linksright {
	margin: 0px;
	float: right;
	display: inline;
	color: #000000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	
}


#foot p.linksright a {
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
}

#foot p.linksright a:hover {
	color: #999999;
	text-decoration: underline;
}

 
#foot p.linksright a.active {
	color: #999999;
	text-decoration: none;
}

#footerscroll {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	width: 100%;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;

	
	
}


#frame {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	position: relative;
	clear: both;
	
	
	

}
/* GLOBALHEADER  */
#globalheader {
	width: 140px;
	height: 140px;
	margin: 0px auto;
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 9998;
	background-image: url(../images/bg-menu_main-10.1.png);		
	
}


#globalheader #globalnav { margin: 0px; padding: 0px; }


#globalheader #globalnav li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;

	
}


#globalheader #globalnav li a {
	height: 0px;
	padding: 35px 0px 0px 0px;
	outline: none;
	overflow: hidden;
	display: block;
	text-indent:-9009px;
		
}



#globalheader #globalnav li#gn-eyewear a, 
#globalheader #globalnav li#gn-aboutspeer a,  #globalheader #globalnav li#gn-location a, 
#globalheader #globalnav li#gn-contact a {
	background-repeat: no-repeat;
	background-image: url(../images/bg-menu_main-10.2.png);
}



/* BUTTONS */
#globalheader #globalnav li#gn-eyewear a { width: 140px; background-position: 0px 0;  }
#globalheader #globalnav li#gn-aboutspeer a { width: 140px; background-position: 0 -35px;    }
#globalheader #globalnav li#gn-location a { width: 140px; background-position: 0 -70px;  } 
#globalheader #globalnav li#gn-contact a { width: 140px; background-position: 0 -105px;   }


/* OVER STATES */
#globalheader #globalnav li#gn-eyewear a:hover { background-position: -140px 0px; }
#globalheader #globalnav li#gn-aboutspeer a:hover { background-position: -140px -35px; }
#globalheader #globalnav li#gn-location a:hover { background-position: -140px -70px; }
#globalheader #globalnav li#gn-contact a:hover { background-position: -140px -105px; }



/* PRESSED STATES */
#globalheader #globalnav li#gn-eyewear a:active { background-position: -280px 0px; }
#globalheader #globalnav li#gn-aboutspeer a:active { background-position: -280px -35px; }
#globalheader #globalnav li#gn-location a:active { background-position: -280px -70px; }
#globalheader #globalnav li#gn-contact a:active { background-position: -280px -140px; }



/* ON STATES */
#globalheader.eyewear #globalnav li#gn-eyewear a { background-position: -420px 0px; cursor: default;  }
#globalheader.aboutspeer #globalnav li#gn-aboutspeer a { background-position: -420px -35px; cursor: default; }
#globalheader.location #globalnav li#gn-location a { background-position: -420px -70px; cursor: default; }
#globalheader.contact #globalnav li#gn-contact a { background-position: -420px -105px; cursor: default; }


#globalheader.homesub #globalnav li#gn-eyewear a { background-position: -420px 0px; }
#globalheader.aboutspeersub #globalnav li#gn-aboutspeer a { background-position: -420px -35px; }
#globalheader.locationsub #globalnav li#gn-location a { background-position: -420px -70px; }
#globalheader.contactsub #globalnav li#gn-contact a { background-position: -420px -105px; }


#globalheader.homesub #globalnav li#gn-eyewear a:hover { background-position: -420px 0px; }
#globalheader.aboutspeersub #globalnav li#gn-aboutspeer a:hover { background-position: -420px -35px; }
#globalheader.locationsub #globalnav li#gn-location a:hover { background-position: -420px -70px; }
#globalheader.contactsub #globalnav li#gn-contact a:hover { background-position: -420px -105px; }

#globalheader.homesub #globalnav li#gn-eyewear a:active { background-position: -420px 0px; }
#globalheader.aboutspeersub #globalnav li#gn-aboutspeer a:active { background-position: -420px -35px; }
#globalheader.locationsub #globalnav li#gn-location a:active { background-position: -420px -70px; }
#globalheader.contactsub #globalnav li#gn-contact a:active { background-position: -420px -105px; }



.grey {
	color: #939495;
}

.header {
	width: 760px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: 150px;
	border: 0px;
	position: relative;





}

#homebanner {
	padding: 0px;
	float: left;
	width: 100%;
	height: 100px;
	clear: both;
	position: relative;
	background-color: #000000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#homebanner a{
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;

	

}

#homebanner a:hover{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	

}
#homebanner p{
	margin: 0px;
	padding: 10px 10px 0px;
	width: 100%;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 2em;	
	
}

.homecopy {
	position: relative;
	margin: 0px;
	padding-left: 10px;
	width: 95%;
	min-height: 10px;
	float: left;
	clear: both;

		
	
}

.homecopy p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 1.75em;
	padding-top: 5px;

	
}

.homeflash {
	padding: 0px;
	height: 270px;
	width: 100%;
	position: relative;
	margin: 0px;




}

.homeimg1 {
	margin-top: 90px;
	padding: 0px;
	height: 175px;
	width: 480px;
	position: relative;



}

.homeimg1 img{
	position: relative;
	float: left;

}

hr.cleaner {
	margin: -1px;
	height: 1px;
	visibility: hidden;
	padding: 0px;
	clear: both;

}

html {
min-width: 760px;
overflow: -moz-scrollbars-vertical;
height: 100%;
}

.leftcol {
	clear: both;
	float: left;
	width: 140px;
	min-height: 270px;
	margin: 0px;
	padding: 0px;
	display: inline;
	position: relative;


}


#legal {
	margin: 175px 0px 0px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 100px;
	clear: both;
	position: relative;

}




.logomain {
	height: 76px;
	width: 160px;
	margin-right: 0px;
	position: relative;
	margin-top: 0px;
	padding-top: 30px;
	border: 0px none;
	margin-bottom: 0px;
	margin-left: 300px;




}


.logomain img{
	position: relative;
	padding: 0px;
	border: 0px none;
	margin: 0px;






}

#menu {
	float: left;
	clear: both;
	margin: 0px;
	padding-left: 140px;
	padding-top: 0px;






}


#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999999;
	text-decoration: none;
	padding-right: 10px;




}
#menu li {
	display: inline;
}
#menu li a:hover {
	color: #000000;
}

#menu li a:active {
	color: #CC3333;
}
#menu li a.active {
	color: #CC3333;
}

#menu ul {
	list-style-type: none;


}

.menumain {
	width: 140px;
	min-height: 175px;
	display: inline;
	margin: 0px;
	padding-top: 10px;
}

.menumain ul {
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menumain li {
	text-align: center;
	margin: 0px;
	padding: 0px;
}


.menumain li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f37123;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	background-image: url(../images/bg-menu_main-10.3.png);
	padding-top: 8px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	display: block;
	height: 30 px;
}

.menumain li a:hover {
	color: #000000;
	text-decoration: underline;
	background-image: url(../images/bg-menu_main-10.3-r.png);
	background-repeat: no-repeat;
}


.menumain li a.active {
	color: #777777;
	font-weight: bold;
	background-image: url(../images/bg-menu_main-10.3-a.png);
	background-repeat: no-repeat;	
	text-decoration: none;
}


.menumain li a.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}


.midcol {
	float: left;
	width: 480px;
	margin: 0px;
	padding: 0px;
	display: inline;
	position: relative;
	min-height: 270px;


}



#navtabs {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 26px;
	width: 760px;


}

.orangetype {
	color: #f37123;
}

.redtype {
	color: #CC3333;
}

.rightcol {
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0px;
	display: inline;
	position: relative;
	min-height: 270px;






}
.rights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B4B4B4;
}
.rights2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B4B4B4;
}

#sidenav {
	padding-top: 0px;
	float: left;
	width: 100%;
	height: 50px;
	clear: both;
	text-align: center;
	position: relative;
	margin: 0px;




}
#sidenav ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#sidenav li {
	display: block;
	line-height: normal;
	height: 20px;
	width: 100%;
	position: relative;


}
#sidenav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	width: 120px;
	text-transform: lowercase;

}

#sidenav li a.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

#sidenav li a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
#sidenav li a.active {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

#sidenav li p.active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;


}

#sidenav2 {
	margin: 175px 0px 0px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 75px;
	clear: both;
	text-align: right;
	position: relative;





}
#sidenav2 ul {
	list-style-type: none;
	margin: 10px 10px 0px;
	padding: 0px;

}

#sidenav2 li {
	display: block;
	line-height: normal;
	height: 20px;
	width: 100%;
	position: relative;


}
#sidenav2 li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3333;
	text-decoration: none;
	width: 120px;
	text-transform: lowercase;


}

#sidenav2 li a.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	text-indent: 15px;
}

#sidenav2 li a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	background-color: #CCCCCC;

}
#sidenav2 li a.active {
	color: #000000;
	font-weight: bold;

}

#sidenav2 li p.active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

table {
	width: 100%;
	border-collapse:collapse;
	clear: both;
	float: left;
}

caption {
	text-align: left;
	text-indent: 10px;
	height: 20px;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
	background-color: #CCCCCC;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC3333;
	
}

thead th {
	height: 25px;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-transform: uppercase;
	
}

thead th.left {
	border-right: 1px solid #FFFFFF;
	
}
tbody tr {
	
}
tbody tr.odd {
	
}

tbody th {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	padding: 0px;
	text-align: center;
}

tbody td {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 10px;
	text-transform: uppercase;
}

tbody td.left {
	width: 34%;
	
}

tbody td.mid {
	width: 33%;
	
}

tbody td.right {
	width: 33%;
	
}

tbody td.mid ul {
	list-style-type: disc;
	padding-left: 1em;
	margin: 0px;
}

.tag1 {
	float: left;
	height: 100px;
	width: 100%;
	position: relative;
	padding: 0px;
	border: 0px none;
	text-align: center;
	margin: 0px;
	display: inline;






}

.tag1  h1{
	padding-top: 10px;
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #777777;







}

.taghead1 {
	background-color: #999999;
	float: right;
	height: 85px;
	width: 85px;
	margin-right: 50px;
	position: relative;
	margin-top: 0px;
	padding: 0px;
	border: 0px none;




}


.taghead1 img{
	float: left;
	height: 45px;
	width: 45px;
	margin-right: 0px;
	position: relative;
	margin-top: 10px;
	padding: 0px;
	border: 0px none;
	clear: both;
	margin-bottom: 0px;
	margin-left: 20px;





}


.taghead1 h2{
	float: left;
	height: 25px;
	width: 80px;
	position: relative;
	padding: 0px;
	border: 0px none;
	clear: both;
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #008040;








}

.taghead2 {
	float: right;
	height: 50px;
	width: 140px;
	position: relative;
	padding: 0px;
	border: 0px none;
	margin: 0px;





}

.taghead2 img{
	float: right;
	height: 85px;
	width: 85px;
	margin-right: 5px;
	position: relative;
	margin-top: 0px;
	padding: 0px;
	border: 0px none;




}



.taghead2 h2{
	float: left;
	width: 100%;
	margin-right: 0px;
	position: relative;
	margin-top: 60px;
	padding: 0px;
	border: 0px none;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;


}

#wrap {
	width: 100%;
	margin-top: 0px;
	height: 100%;

}