/* CSS Document */
/* reset for css
---------------------------------------- */
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, hr,
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%;
    font-family:inherit;
    vertical-align: baseline;
    background: transparent;
}

html {
    font-size:100.01%;
}

textarea, input, select {
    font-size:1.2em;
    font-family:inherit;
}

blockquote, q {
    quotes:none;
}

q:before, q:after, blockquote:before, blockquote:after {
    content:'';
    content:none;
}

ol, ul {
    list-style: none;
}

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

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

del {
    text-decoration: line-through;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    /*text-align:left;*/
    /*width:100%;*/
}

/* frame
---------------------------------------- */

html, body {
    /*height:100%;*/
}

body, textarea, input, select {
    font-family:Arial, sans-serif;
}

body {
    background:#fff;
    font-size:62.5%;
    line-height:1;
    color:#000;
}

#main-container {
    width:740px;
    margin:0 auto;
}

/* quots
---------------------------------------- */
q:before {
    content:'\00ab';
}

q q:before {
    content:'\201e';
}

q:after {
    content:'\00bb';
}

q q:after {
    content:'\201c';
}

/* links
---------------------------------------- */
a {
    cursor:pointer;
    text-decoration:none;
}

a img {
    border:0;
}

a:link {
    color:#e04636;
}

a:hover {
    text-decoration:none;
}

a:visited, a:hover {
    color:#e04636;
}

a:active {
    color:#e04636;
}

/* headers
---------------------------------------- */
h1 {
    font-size:2.5em;
}

h2 {
    font-size:1.8em;
}

h3 {
    font-size:1.4em;
}

/* helpers
---------------------------------------- */
.ov-a {
    overflow:auto;
}

.ov-h {
    overflow:hidden;
}

.clear {
    width:0;
    height:0;
    clear:both;
    display:block;
    overflow:hidden;
}

.inline-block {
    display:inline-block;
}

/* Columns
------------------------------------ */
.column-l {
    float:left;
}

.column-r {
    float:right;
}

.columns-2 {
}

.columns-2 .column-l,
.columns-2 .column-r {
    width:50%;
}

/* Columns End
------------------------------------ */

/* Form
------------------------------------ */
input.error {
    border:1px solid #c00;
}

label.error,
.quantity-required label.error {
    width:auto !important;
    color:#c00;
}

/* Form End
------------------------------------ */

/* Header
---------------------------------------- */
#header {
    position:relative;
    margin-top:40px;
    height:118px;
}
#header h1.logo {
    height:103px;
    left:5px;
    position: absolute;
    top:19px;
    width:230px;
}
#header h1.logo a {
    background:url("../images/navigation/eye_studio_logo.jpg") 0 0 no-repeat;
    display:block;
    height:103px;
    width:230px;
}


.contact-info {
    background:url(../images/navigation/contact_info.jpg) 0 0 no-repeat;
    width:539px;
    height:20px;
    position:absolute;
    top:77px;
    right:0;
}
.contact-info a {
    position:absolute;
    top:2px;
    right:20px;
    width:123px;
    height:19px;
}


/* end Header
---------------------------------------- */

/* Content-container
---------------------------------------- */
#content-container {
    border:1px solid #bfbfbf;
}

#content {
    overflow:auto;
    padding:73px 44px;
}
.content-image {
    float:left;
    width:360px;
    height:386px;
    padding-right:30px;
}

.content-entry {
    line-height:13px;
    font-size:11px;
    color:#595959;
}
.content-entry h6 {
    font-size:15px;
    color:#000;
    padding-bottom:15px;
}
.content-entry p {
    text-align:justify;
}
.content-entry p.text {
    text-align:justify;
    padding-bottom:10px;
}
.content-entry p.content-title {
    font-size:12px !important;
    color:#222222 !important;
    line-height:20px;
}

.appointment-form {
    color:#000;
    font-size:12px;
    margin:25px 0 10px;
}
.appointment-form p {
    margin-bottom:1em;
}

.appointment-form label {
    width:70px;
    height:22px;
    line-height:22px;
    padding-right:20px;
    display:block;
    float:left;
}
.quantity-required label {
    width:100px !important;
}
.quantity-required input {
    width:170px !important;
}
.form-submit {
    cursor:pointer;
    font-weight:bold;
    font-size:13px;
    background:none;
    border:0;
    padding:0;
    width:auto !important;
    margin-top:20px;
}
.appointment-form input {
    width:200px;
}

.appointment-form .weekday {
    width:110px;
}

.appointment-form .checkboxes,
.appointment-form .radios {
}
.appointment-form .checkboxes label,
.appointment-form .radios label {
    width:258px;
    height:auto;
}
.appointment-form .checkboxes input,
.appointment-form .radios input {
    width:auto;
    vertical-align:middle;
    margin-right:7px;
}

#content.location {
    padding:0px 0px;
}

/* end Content-container
---------------------------------------- */

/* Footer
---------------------------------------- */
#footer {
    height:20px;
    padding-bottom:15px;
}
.footer-nav {
    padding:12px 0 0 13px;
}
.footer-nav li {
    float:left;
    padding:11px;
}
.footer-nav li a {
    display:block;
    float:left;
    height:21px;
}
.footer-nav li a.home {
    width:44px;
    background:url(../images/navigation/menu/home.jpg) 0 0 no-repeat;
}
.footer-nav li a.home:hover, .footer-nav li a.home.active {
    width:44px;
    background:url(../images/navigation/menu/home_hl.jpg) 0 0 no-repeat;
}

.footer-nav li a.about {
    width:45px;
    background:url(../images/navigation/menu/about.jpg) 0 0 no-repeat;
}
.footer-nav li a.about:hover, .footer-nav li a.about.active {
    width:45px;
    background:url(../images/navigation/menu/about_hl.jpg) 0 0 no-repeat;
}
.footer-nav li a.eye_exams {
    width:65px;
    background:url(../images/navigation/menu/eye_exams.jpg) 0 0 no-repeat;
}
.footer-nav li a.eye_exams:hover, .footer-nav li a.about.active {
    width:65px;
    background:url(../images/navigation/menu/eye_exams_hl.jpg) 0 0 no-repeat;
}
.footer-nav li a.services-products {
    width:117px;
    height:17px;
    background:url(../images/navigation/menu/products.jpg) 0 0 no-repeat;
}
.footer-nav li a.services-products:hover, .footer-nav li a.services-products.active {
    width:117px;
    background:url(../images/navigation/menu/products_hl.jpg) 0 0 no-repeat;
}

.footer-nav li a.gallery {
    width:44px;
    height:17px;
    background:url(../images/navigation/menu/gallery.jpg) 0 0 no-repeat;
}


.footer-nav li a.reorder {
    width:130px;
    background:url(../images/navigation/menu/reorder.jpg) 0 0 no-repeat;
}
.footer-nav li a.reorder:hover, .footer-nav li a.about.active {
    width:130px;
    background:url(../images/navigation/menu/reorder_hl.jpg) 0 0 no-repeat;
}


.footer-nav li a.hours-location {
    width:95px;
    background:url(../images/navigation/menu/locations.jpg) 0 0 no-repeat;
}
.footer-nav li a.hours-location:hover, .footer-nav li a.hours-location.active {
    width:95px;
    background:url(../images/navigation/menu/locations_hl.jpg) 0 0 no-repeat;
}

.footer-nav li a:hover, .footer-nav li a.active {

}

#content-main {
    width:830;
    height:400;
    padding-right:0px;
}



/* temp home */
.home{
 text-align: center;
}

.home h1, .home p{
    text-align: center;
}

.home p{
 font-size:12px;
line-height: 20px;
}

.home .section{
  padding:10px 0px;
}
/* end Footer
---------------------------------------- */