/* Start of CMSMS style sheet 'home.css' */
* {
  padding: 0;
  margin: 0;
}

h1 {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  color: #a74e0c;
  margin-bottom: 5px;
}

p {
  font-size: 13px;
  margin-bottom: 15px;
  line-height: 21px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}

#home_p p {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 13px;
}



body {
  background-image: url(images/home-rep-x-bg.jpg);
  background-position: 0 0px;
  background-repeat: repeat-x;
  background-color: #eeeeee;
  text-align: center;
}

#big_wrap {
  width: 1050px;
  margin: 0px auto;
  margin-top: 0;
  background-image: url(images/big-wrap-bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#container {
  width: 874px;
  margin: 0px auto;
  padding-top: 108px;
  margin-bottom: 15px;
  text-align: left;
}

	#top {
	  width: 874px;
	  height: 464px;
	}
	
		#left {
		  width: 285px;
		  height: 464px;
		  float: left;
		}
		
		#right {
		  width: 589px;
		  height: 464px;
		  float: left;
		  background-image: url(images/one-px-gray.gif);
		  background-position: top right;
		  background-repeat: repeat-y;
                  background-color: #fff;
		}
		
#right ul {
  font-size: 13px;
  margin-bottom: 22px;
  line-height: 21px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #666666;
  padding-left: 30px;
  list-style-type: square;
}

			#content {
			  padding-left: 25px;
			  padding-right: 30px;
			  width: 534px;
			  margin-top: 20px;
			}

#footer {
	width: 874px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#footer p {
	font-size: 10px;
	line-height: 18px;
}

	#footer a {
		color: #666666;
                text-transform: uppercase;
	}
	
	#footer a:hover {
		color: #333333;
	}
		
.clr {
  clear: both;
}

.NewsSummary {
  font-size: 11px;
  margin-bottom: 2px;
  line-height: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  font-weight: bold;
}

.NewsSummary a {
  color: #555555;
}

.NewsSummary a:hover {
  color: #777777;
}



/* ////////////////////// */
/* Dynamic Navigation */
/* ////////////////////// */

#nav {
		width: 874px;
		height: 26px;
		text-align: center;
		background-color: #333333;
                margin-top: 1px;
	}
		
	#under_nav {
		width: 874px;
		height: 46px;
		background-image: url(images/under-nav-bg.jpg);
		display: block;
	}

/*Image for the ul and some height and width properties*/
ul#nav_list {
width: 520px !important;
height: 26px;
margin: 0px auto;
background: #333333 url(images/nav-one-image-v2.jpg) no-repeat 0 0px;
position: relative;
}

/*We want li as block and to be as tall as image*/
ul#nav_list li {
display:block;
height:26px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/*a should also be block and 26px tall*/
ul#nav_list li a {
display:block;
height:26px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#i15 {     /* Home */
left: 0px;
width: 74px;
}

li#i51 {    /* Services */
left: 74px;
width: 93px;
}

li#i53 {    /* Credentials */
left: 167px;
width: 123px;
}

li#i56 {    /* Blog */
left: 290px;
width: 66px;
} 

li#i57 {    /* Contact */
left: 356px;
width: 99px;
} 

li#i63 {    /* Links */
left: 455px;
width: 65px;
} 

li#i75 {
  display: none;
  height: 1px;
  width: 0px;
}





/* REMOVED FOR NOW */

li#i92 {    /* Traveling Exhibits */
left: 166px;
width: 177px;
}

li#i55 {    /* Eye on Leslie */
left: 468px;
width: 131px;
} 


/* //////////////// */
/*  Hover States  */
/* //////////////// */

#i15 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) 0 -26px no-repeat;
}
#i51 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -74px -26px no-repeat;
}
#i53 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -167px -26px no-repeat;
}
#i56 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -290px -26px no-repeat;
}
#i57 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -356px -26px no-repeat;
}
#i63 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -455px -26px no-repeat;
}




/* OLD ITEMS REMOVED FOR NOW (TRAVELING EXHIBITS: i92 and EYE ON LESLIE: i55) */
#i92 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -166px -26px no-repeat;
}
#i55 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -468px -26px no-repeat;
}

/* FAQ HOVER STYLE REMOVED 
#i54 a:hover {
background: transparent url(images/nav-one-image-v2.jpg) -314px -26px no-repeat;
}
*/

/*and for hiding the text*/
ul#nav_list li a {
text-indent:-9900px; background-color:transparent; }


/* //////////////// */
/* Current States */
/* //////////////// */


#i15 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) 0 -26px no-repeat;
}
#i51 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) -74px -26px no-repeat;
}
#i53 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) -167px -26px no-repeat;
}
#i56 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) -290px -26px no-repeat;
}
#i57 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) -356px -26px no-repeat;
}
#i63 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) -455px -26px no-repeat;
}


/* Removed for now */
#i55 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) -468px -26px no-repeat;
}
#i92 a.menuactive {
background: transparent url(images/nav-one-image-v2.jpg) -166px -26px no-repeat;
}


li#i75 {
  display: none;
  height: 1px;
  width: 0px;
}


#header {
	width: 588px;
	height: 157px;
	background-image: url(uploads/images/artisticeye-logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#eyes {
	z-index: 500;
	position: relative;
	left: 374px;
	top: 17px;
	width: 75px;
	height: 75px;
}
/* End of 'home.css' */

