/* CSS Document */

/*-------------Navigation Rules-----------------*/

#nav {
float: left;
width: 280px;
margin: 150px 0 0 50px;
}

#nav a {
color: #fff;
font-size: 15px;
text-decoration: none;
}

#nav a:hover {color: #999999;}

#nav ul{
padding: 0;
margin: 0 0 0 60px;
}

#nav ul li {
list-style: none;
margin-bottom: 10px;
}

#nav ul li ul {
margin: 10px 0 0 0;
}

#nav ul li ul a {
color: #999;
padding-left: 30px;
background: url(../cmsimages/nav_bullet.gif) top left no-repeat;
}

#nav li ul {
	display: none;
/*hide it if we are not in the section*/
}

#nav li.selected ul {
	display: block;
/*show it if we are in the section*/
}

/*-------------Layout Divs-----------------*/

#left {
float: left;
width: 65%;
background: #fff url(../cmsimages/page_turn.gif) bottom right no-repeat;
}

#right {
float: left;
/*position: relative;*/
width: 35%;
/*height: 100%;*/
height: 420px;
color: #fff;
background: url(../cmsimages/glasses_black_forward.jpg) top left no-repeat;
}

#content {
float: left;
width: 66%;
margin: 100px 0px 0 50px;
text-align: justify;
}

#content_2 {
float: left;
width: 85%;
margin: 0 0 0 50px;
color: #444;
}

#news {
float: left;
width: 472px;
padding: 50px 15px 15px 15px;
margin: 40px 50px 70px 50px;
font-size: 13px;
color: #444;
background: url(../cmsimages/news.gif) top left no-repeat;
}
/*replaced content_2 with news*/

#news li {
margin: 20px;
list-style: none;
}

#news p {
line-height: 0px;
}

#glasses {
float: right;
width: 153px;
height: 522px;
/*height: 652px;*/
background: url(../cmsimages/glasses_white.jpg) top right no-repeat;
}

#reusablecontentarea {
float: left;
margin-top: 10px;
width: 260px;
margin-left: 30px;
padding: 0 0 20px 20px;
background: url(../cmsimages/quote_bottom.gif) bottom right no-repeat;
}

#reusablecontentarea p {
font-size: 13px;
text-align: center;
color: #999;
font-style: italic;
background: url(../cmsimages/quote_top.gif) top left no-repeat;
padding: 30px 20px 0 20px;
}

#reusablecontentarea_3 {
float: left;
margin-top: 30px;
width: 280px;
margin-left: 30px;
padding: 0 20px 20px 0;
}

/* Be sure to add or delete IDs below, according to
the number of messages that you have. */
#ran1,#ran2,#ran3,#ran4 {
  display:none;
}