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

/* Starter CSS by Mike Cherim - http://green-beast.com */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Arial, sans-serif
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	 }
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a,a:visited{
text-decoration:none;
color:#787878;
}


body {
background-color:#565656;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
}  

#wrapper {
width:796px;
margin: 0 auto;
}


#header {
width:760px;
padding-right: 18px;
padding-left: 18px;
overflow:hidden;

}
#logo {
float: left;
}
#topnav {
width: 391px;
background-image:url(images/topnav.png);
background-repeat:repeat-x;
float: right;
height: 55px;

}
#topnav ul{
display:block;
padding: 5px 18px 0 18px;
}
#topnav li{
font-size:11px;

font-weight:bold;
color:#5d5d5d;
display:inline;
float:left;
padding: 0px 8px;
}
#topnav a{ color: #5d5d5d;}

#header2 {
width: 760px;
padding: 0 18px;
height: 212px;
text-align:left;
position:relative;
background-image:url(images/mainheader.png);

}
#header1 {
width: 760px;
padding: 0 18px;
height: 212px;
text-align:left;
position:relative;
background-image:url(images/mainheader2.png);

}
#quickmenu {

position:absolute;
top: 44px;
height: 181px;
width: 152px;
padding: 15px 19px;
background-image: url(images/quickmenu.png);
}
#quickmenu ul{
display:block;
}

#quickmenu li{
display:block;
width: 150;
font-size:11px;
font-weight:bold;
color:#947002;
border-bottom:#e3ba3f 1px solid;
padding: 17px 0 3px 0;
}
#quickmenu a{ color:#947002;}

#main {

width: 796px;
padding-top: 32px;
background-image:url(images/topmain.png);
background-position:top;
background-repeat:no-repeat;
}

#mainc {
width: 760px;
padding:0 18px;
background: url(images/mainc_bg.png) repeat-y;
overflow:hidden;
}
#mainc #left{
width: 150px;
float:left;
padding: 20px 9px 0 31px;
}
#mainc #left p{
padding:10px 0;
font-size:9px;
font-weight:bold;
color:#787878;
text-align:left;
line-height:15px;
}
#mainc #left p a, #mainc #left p a:visited {
font-weight:bold;
text-decoration:underline;
}
#mainc #left img {
display:block;
}
.topspace {margin-top:20px;}
#mainc #right{
width: 500px;
padding: 10px 48px 17px 22px;
float:right;
text-align:left;
position:relative;
overflow:hidden;
}

#mainc #right p{
padding: 5px 0 5px;
font-size: 9px;
font-weight:bold;
color:#565656;
text-align:left;
line-height:15px;
}
#mainc #right h1{
padding-bottom: 5px;
display:block;
border-bottom: #a7a6a6 1px solid;
font-size:11px;
color:#9a9a9a;
letter-spacing:2px;
}
#mainc #right h2 {
padding: 20px 0 10px 0;
font-size:10px;
color:#e5ae05;
}

#mainc #right h3 {
padding: 20px 0px 10px 0px;
font-size: 11px;
font-weight:bold;
color: #7c7c7c;
text-transform:uppercase;
text-decoration:underline;
}

#mainc #right .margin {
margin-bottom:20px;
}


#mainc #right .logoleft {
margin:0;
padding:10px 0 0 0;
width:150px;
display:inline;
float:left;
}
#mainc #right .logoright {
margin:0;
padding:10px 0 0 0;
padding-right:35px;
width: 169px;
display:inline;
float:right;
}
#mainc #right .logoleft li{
display:block;
width: 150px;
padding:0;
list-style:none;
list-style-image:none;
list-style-type:none;
}

#mainc #right .products {
width: 422px;
}

#mainc #right .sects {
width: 250px;
padding: 20px 0;
}
#mainc #right .sects1 {
padding-top:15px;
width: 280px;

}

#mainc #right .toprightlabel {
position:absolute;
right:48px;
top:35px;
}

#mainc #right .orange {
font-size: 9px;
font-weight:bold;
color:#565656;
margin-left: 10px;
}

#mainc #right .orange li{
padding: 0px 15px 15px 25px;
background:url(images/bullet.png) top left no-repeat;
}
#main #right .smallgrey { margin: 15px 0;}
#main #right .smallgrey img{
padding-right: 30px;
}
#main #right .smallgrey last{
padding-right:0px;
}
.glassesbox {
overflow:hidden;
padding: 10px 0;
}
.glassesbox span {
display:inline;
width:120px;
float:left;
}
.glassesbox table{
width: 380px;
display:inline;
float:right;
font-size:12px;
color:#828282;
font-weight:bold;
border-top:5px solid #b0b4b7;
border-bottom: 5px solid #b0b4b7;
margin-right: 0px;
}
.glassesbox tr,td {
padding: 8px;
}

#mainc table.contact { margin: 20px 0 20px 0;}
#mainc #hours {margin:0px;}

#mainc .clabel {
font-size:10px;
font-weight:bold;
color:#7c7c7c;
padding:5px;
text-align: right;
}
#mainc .leftalign{ text-align:left;}
#mainc .cinfo {
font-size: 10px;
font-weight:bold;
color:#cda015;
padding:5px;
}


.greybox {
background-color:#e2e2e2;
margin: 10px 0 0 0;
text-align:center;

overflow:auto;
clear:both;
min-width: 320px;
}
.greybox img{
padding-right:32px;
float:left;
display:block;
}
.greybox  img.last{
padding-right:0px;
}

#myGallery, #myGallery2, #myGallery3
{
width: 145px;
height: 133px;
float:left;
margin-right:32px;
} 
#myGallery3 {
margin-right:0px;
}

#footer {
text-align:center;
width: 760px;
font-size:9px;
color: #868686;
height: 15px;
padding: 20px 18px 33px 18px;
background: url(images/footer.png) bottom no-repeat;
}