/* CSS Document */



/* ..... RESET ALL CSS TO ZERO ..... */

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, 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:none;background:none;outline:none; vertical-align:top;}


img.right{float:right; margin:0 0 0 15px;}
img.app{margin:0 0 10px 0;}
img.spacer{margin:0 15px;}
img.map{margin:15px 0 0 0;}


body { width:100%; height:auto;}

#clear{width:auto; height:1px; clear:both;}


#headerWrap{width:100%; height:auto; margin:0 0 20px 0; background:url(images/top-bg.gif) top left repeat-x;}
#header{width:960px; height:auto; margin:0 auto; padding:7px 0 0 0;}



#topnav{width:960px; height:20px; position:relative;}
.top-nav{width:244px; height:20px; position:absolute; padding:0 0 0 65px; top:0; right:30px; background:url(images/top-nav-bg.jpg) no-repeat top left;}
.top-nav a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#e3e3e3; text-decoration:none;}
.top-nav a:hover{color:#ffeb6a;}



#logo{float:left; padding:8px 35px 28px 35px;}

#special{width:300px; height:auto; float:right;}


/*========== NEW MENU ===========*/
#menu{width:960px; height:48px; clear:both;}

#main-nav-container {height:48px; margin:0 auto; width:960px;}
#main-nav {float:right; height:48px;}
#main-nav div {float:left;}
#main-nav .home a {background-image:url(images/nav_01.jpg); display:block; width:122px; height:48px;}
#main-nav .home a:hover {background-position:0 -48px;}
#main-nav .about a {background-image:url(images/nav_02.jpg); display:block; width:101px; height:48px;}
#main-nav .about a:hover {background-position:0 -48px;}
#main-nav .faqs a {background-image:url(images/nav_03.jpg); display:block; width:93px; height:48px;}
#main-nav .faqs a:hover {background-position:0 -48px;}
#main-nav .contact a {background-image:url(images/nav_04.jpg); display:block; width:121px; height:48px;}
#main-nav .contact a:hover {background-position:0 -48px;}
#main-nav .lasik a {background-image:url(images/nav_05.jpg); display:block; width:93px; height:48px;}
#main-nav .lasik a:hover {background-position:0 -48px;}
#main-nav .frames a {background-image:url(images/nav_06.jpg); display:block; width:111px; height:48px;}
#main-nav .frames a:hover {background-position:0 -48px;}
#main-nav .contacts a {background-image:url(images/nav_07.jpg); display:block; width:191px; height:48px;}
#main-nav .contacts a:hover {background-position:0 -48px;}
#main-nav .exams a {background-image:url(images/nav_08.jpg); display:block; width:128px; height:48px;}
#main-nav .exams a:hover {background-position:0 -48px;}
/*=========== END MENU ===============*/



#mainWrap{width:100%; height:auto; margin:0 0 30px 0;}
#main{width:960px; height:auto; margin:0 auto;}

#contentWrap{width:100%; height:auto;}
#content{width:960px; height:auto; margin:0 auto 20px auto;}


#subs{width:960px; height:auto; margin:0 auto 30px auto;}

.cat{width:225px; height:auto; float:left; margin:0 20px 0 0;}
.cat2{width:225px; height:auto; float:left; margin:0;}

.triLeft{width:300px; height:auto; float:left; margin:0 30px 0 0;}
.triRight{width:300px; height:auto; float:left; margin:0;}


#footerWrap{width:100%; height:auto; background-color:#f7f7f7; margin:0; padding:20px 0 30px 0;}
#footerWrapBtm{width:100%; height:auto; background-color:#3a3a3a; margin:0; padding:20px 0 30px 0;}
#footer{width:960px; height:auto; margin:0 auto;}
#footLeft{width:300px; height:auto; float:left; text-align:left; margin:0 30px 0 0;}
#footRight{width:300px; height:auto; float:left; margin:0;}



/* FORMS */
input.mail{display:block; float:left; width:220px; height:19px; padding:5px 0 0 3px; border:none; margin:0 5px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4e4e4e;}
input.submit{display:block; float:left;}
form{margin:5px 0; padding:0;}



/* TYPOGRAPHY */
h2, h1, h3{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4fcfff; line-height:normal; margin:9px 0;}

ul.subs{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4e4e4e; line-height:24px; margin:0 0 15px 10px; padding:0;}
ul.subs li{margin:0 0 0 10px; padding:0;}

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px;}
p.body{color:#4e4e4e;}
p.footer{color:#CCCCCC;}
p.footer span{color:#4fcfff;}

h1.main{margin:15px 0 8px 0;}


/* LINKS */
a{text-decoration:underline; color:#4fcfff;}

a.twitter-btn{display: block; width:135px; height:46px; float:left; margin:0 15px 0 0; background:url(images/twitter-btn.gif) no-repeat 0 0;}

a.twitter-btn:hover{width:135px; height:46px; float:left; background:url(images/twitter-btn.gif) no-repeat 0 -46px;}

a.twitter-btn span, a.facebook-btn span{
display:none;
}

a.facebook-btn{display: block; width:135px; height:46px; float:left; margin:0; background:url(images/facebook-btn.gif) no-repeat 0 0;}

a.facebook-btn:hover{width:135px; height:46px; float:left; background:url(images/facebook-btn.gif) no-repeat 0 -46px;}



/* TWITTER */
img.twitter {float:left; height:35px; margin:0 10px 55px 0; width:26px;}

#twitter_update_list {color:#CCCCCC; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:20px; list-style-type:none;}
hr.thin {height:1px; border:0; color:#525252; background-color:#525252; width:100%; margin:15px 0;}


.detail{width:530px; height:auto; float:left; margin:0 30px 0 0;}
.detailRight{width:400px; height:auto; float:left;}

.halfLeft{width:450px; height:auto; padding:0 30px 0 0; margin:0 30px 0 0; border-right:1px solid #CCCCCC; float:left;}
.halfRight{width:449px; height:auto; padding:0; margin:0; float:left;}



	
/* ======== Slideshow ============ */	

*{margin:0; padding:0;}

.anythingSlider{ width: 960px; height: 307px; position: relative;}
.anythingSlider .wrapper{ width: 960px; overflow:hidden; height: 307px;position: absolute; top: 0; left: 0; padding:0; margin:0; }
.anythingSlider .wrapper ul{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0; padding:0; margin:0; }
.anythingSlider ul li{ display: block; float: left; height: 307px; width: 960px; }



/* ======== Contact Form ===========*/
#form{ width:auto; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px;}
label, input, textarea{display:block;}
label{margin:10px 0 0 0;}

.area{width:400px; height:150px; padding:3px;}
.enter{width:250px; height:auto; padding:3px; overflow:hidden;}




/* ============ Frame Brands ============ */
#brandType{width:110px; height:25px; float:left; margin:0 30px 40px 0;}
#brandTypeLast{width:110px; height:25px; float:left; margin:0 0 40px 0;}

.bebe a{background:url(images/bebe.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.bebe a:hover{background:url(images/bebe.gif); background-position:0 -50px;}

.candies a{background:url(images/candies.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.candies a:hover{background:url(images/candies.gif); background-position:0 -50px;}

.hannahmontana a{background:url(images/hannahmontana.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.hannahmontana a:hover{background:url(images/hannahmontana.gif); background-position:0 -50px;}

.fysh a{background:url(images/fysh.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.fysh a:hover{background:url(images/fysh.gif); background-position:0 -50px;}

.harleydavidson a{background:url(images/harleydavidson.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.harleydavidson a:hover{background:url(images/harleydavidson.gif); background-position:0 -50px;}

.katespade a{background:url(images/katespade.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.katespade a:hover{background:url(images/katespade.gif); background-position:0 -50px;}

.lizclaiborne a{background:url(images/lizclaiborne.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.lizclaiborne a:hover{background:url(images/lizclaiborne.gif); background-position:0 -50px;}

.shrek a{background:url(images/shrek.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.shrek a:hover{background:url(images/shrek.gif); background-position:0 -50px;}

.silhouette a{background:url(images/silhouette.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.silhouette a:hover{background:url(images/silhouette.gif); background-position:0 -50px;}

.wileyx a{background:url(images/wileyx.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.wileyx a:hover{background:url(images/wileyx.gif); background-position:0 -50px;}

.armani a{background:url(images/armani.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.armani a:hover{background:url(images/armani.gif); background-position:0 -50px;}

.ninewest a{background:url(images/Ninewest.gif); display:block; background-position:0 0; width:110px; height:50px; cursor:default;}
.ninewest a:hover{background:url(images/Ninewest.gif); background-position:0 -50px;}






/* BIOS*/
.bio-left{ display:block; width:140px; height:auto; margin:0 20px 0 0; float:left; text-align:center;}
.bio-right{display:block; width:140px; height:auto; margin:0; float:left; text-align:center;}

.bio-text{display:block; width:auto; height:auto; float:left;