/* Typography 
=================================== */
* {margin: 0; padding: 0;}

a:link, a:visited {	
	color: #161336;	
	text-decoration: none;
	border-bottom: 1px dotted; 
	}
	
a:visited {
	color: #1c1562;
}
	
a:hover, a:active {
	border-bottom-style: solid;
	}

.external, .pdf {
	padding-right: 13px;
}
	
.external {
	background: url(../images/externalLink.gif) no-repeat top right;
	}

.pdf {
	background: url(../images/pdfLink.gif) no-repeat top right;
	}

h1 {
	font-weight: bold;
	position: relative;
	height: 180px;
	padding-top: 10px;
}

h1 span {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #161336 url(../images/companyName.gif) no-repeat right top;
}

h1 em {
	color: #fff;
	font-size: .6em;
	font-family: "Times New Roman", Times, serif;
}
	
h3, h4, h5, h6 {margin-top: 1em;}
p {margin-bottom: .5em;}
	
ul, ol, li { margin: 0; padding: 0; }
ul, ol { margin: .5em 0; }
ol, li { list-style-position: inside; }

li { 
	padding-left: 3em;
	text-indent: -1.5em;
	}

ul li { list-style: inside; }


dl { margin: .5em 10px; }
dt {
	font-style: italic;
	font-size: 1.2em;
	margin-top: 1em;
}

blockquote {
	background: #ebfae7;
	color: #000;
	margin: 1em 20px 1em -10px;
	padding: 10px;
	width: 35%;
	float: left;
	clear: left;
}

blockquote.right {
	margin: 1em -10px 1em 20px;
	padding: 10px;
	width: 35%;
	float: right;
}

blockquote p em {
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.credentials {
	font-weight: bold;
	padding-left: 64px;
	background: url(../images/opticiansAssociationOfAmerica.gif) no-repeat top left;
	height: 50px;
	color: #044c87;
	line-height: 50px;
	clear: both;
}

.credentials a {
	border: none;
	color: #044c87;
}

.errorMessage {
	color: #a30000;
	font-size: 1.2em;
}
	
/* General Layout/Structure
=================================== */
img { border:none;}

#home #content img {
	float: right;
	margin: -10px -10px 0 10px;
	border: #b0eda0 solid;
	border-width: 0 0 2px 2px;
}

.imgCaption {
	display: block;
	float: right;
	clear: right;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	margin: 10px 0 10px 10px;
	width: 250px;
}

.imgCaption em {
		color: #161336;
}

#contact #content img {
	position: absolute;
	top: 2.7em;
	right: 10px;
	display: block;
}	

#contact #content form {
	clear: both;
}

body {
	font: .8em "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
	background: #161336;
	color: #fff;
	text-align: center;
}

#wrapper {
	position: relative;
	width: 85%;
	margin: 0 auto;
	min-width: 990px;
	text-align: left;
}

#icon {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 50;
	display: block;
}

#banner {
	padding;: 0 0 0 120px;
}

#content {
	position: relative;
	border: 10px #b0eda0 solid;
	background: #fff;
	margin-top: -41px;
	float: left;
	color: #000;
	padding: 10px;
	width: 52%;
	min-height: 450px;
}

#brands {
	width: 120px;
	margin-left: 10px;
	padding-left: 10px;
	float: right;
	border-left: 1px #b0eda0 solid;
}
#brands a { border: none; }
#brands h3 { margin: 0; }

#footer {
	clear: both;
	margin-top: 2em;
	font-size: .75em;
	text-align: center;
}
		
#address {
	margin-top: 220px;
	width: 180px;
	padding-left: 10px;
	float: left;
	background: url(../images/addressBackground.gif) no-repeat right 10px;
	}	

#address a, #address a:visited {
	color: #fff;
	}

/* Navigation
=================================== */
#mainNav {
	width: 190px;
	float: left;
	text-align: right;
	margin: 120px 0 0 0;
	padding: 40px 10px 0 0;
	font-size: 1.3em;
	font-weight: bold;
	background: url(../images/mainNavBackground.gif) no-repeat top left;
	min-height: 322px;
	}

#mainNav, #mainNav li {
	list-style: none;
	padding-left: 0;
	text-indent: 0;
	}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
	display: block;
	padding-top: 3px;
	width: auto;
	height: 2.4em;
	text-decoration: none;
	color: #FFF;
	border: none;
	}
	
#mainNav a:hover {
	color: #b0eda0;
	}
	
/*The following highlights the current page in Main Navbar*/
#home #mainNav .home a, #eyeglasses #mainNav .eyeglasses a, #repair #mainNav .repair a, #about #mainNav .about a, #contact #mainNav .contact a { color: #fff; }
#home #mainNav .home a { background: url(../images/selector.gif) no-repeat 115px top; }
#eyeglasses #mainNav .eyeglasses a { background: url(../images/selector.gif) no-repeat 78px top; }
#repair #mainNav .repair a { background: url(../images/selector.gif) no-repeat 38px top; }
#about #mainNav .about a { background: url(../images/selector.gif) no-repeat 88px top; }
#contact #mainNav .contact a { background: url(../images/selector.gif) no-repeat 101px top; }

/* Sandbag Divs
===================================
Allow tight wrapping around icon */
#sbLeft-01, #sbLeft-02, #sbLeft-03, #sbLeft-04, #sbLeft-05, #sbLeft-06, #sbLeft-07, #sbLeft-08, #sbLeft-09, #sbLeft-10, #sbLeft-11, #sbLeft-12 {
	float:left;
	clear:left;
	height: 13px;
	} 

#sbLeft-01 { width: 84px; }
#sbLeft-02 { width: 82px; }
#sbLeft-03 { width: 78px; }
#sbLeft-04 { width: 76px; }
#sbLeft-05 { width: 70px; }
#sbLeft-06 { width: 64px; }
#sbLeft-07 { width: 58px; }
#sbLeft-08 { width: 52px; }
#sbLeft-09 { width: 36px; }
#sbLeft-10 { width: 26px; }
#sbLeft-11 { width: 10px; height: 5px; }

	
/* Forms
=================================== */

form p {
	position: relative;
	margin: 5px 0;
}

fieldset {
	margin: 10px 0;
	padding: 0  5px;
	width: 98%;
	border: #b0eda0 solid;
	border-width: 1px 0 0 0;
	}
	
legend {
	font-weight: bold;
	margin: 0 10px; 
	padding: 5px 10px;
	border: solid #b0eda0;
	border-width: 0 1px;
	background: none;
	}

label {
	float: left;
	width: 18%;
}

input, textarea {
	width: 65%;
	font: 1em "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
}

textarea {
	height: 5em;
}

input.radio, input.checkbox, input.submit  {
	width: auto;
}

input.radio {
	float: left;
	margin-right: 1em;
}

input:focus, textarea:focus {
	background:#eee;
	}

label em {
	position: absolute;
	left: 85%;
	top: -2px;
	width: 18%;
}

* html label em {
	width: 12em;
	left: 67%;
	}