/* <<<<<<<  LAYOUT CSS - INDEX PAGE SPECIFIC >>>>>>> */


/* GENERAL SEMANTICS */
#header {background:url(../images/layout/header-index.jpg) no-repeat left top;}
#content_wrapper { background:none;}
#content_inner_wrapper { background: url(../images/layout/content-top-index.jpg) no-repeat center top;}


#column_one_pad { margin: 20px 71px 40px 20px; }

#column_two_pad { margin: 20px 30px 40px 90px; }



/* INDEX SLIDESHOW */
#index_slideshow_outer_wrapper,
#index_slideshow_inner_wrapper,
#index_slideshow_wrapper {  width:1002px; height:408px; float:left;}

#index_slideshow_outer_wrapper {  	background:  url(../images/layout/slideshow-left.jpg) no-repeat left top;}
#index_slideshow_inner_wrapper { 	background:  url(../images/layout/slideshow-right.jpg) no-repeat right top;}
#index_slideshow_wrapper {}

#slideshow_container { margin-left:60px;}


/* set sizes */ 
#slider_wrapper {  width: 866px; height: 408px; float:left;}
#slider_container, 
#slider_overlay  { width: 866px; float:left;}

#slider_wrapper { position:relative; top:0px; left:0px; z-index:90;}

#slider_overlay { height:97px; position: relative; top:-408px; margin-bottom:-408px; z-index:100; clear:both;}




/* INDEX THREE BOXES */
#index-three-box-outer-wrapper { width:1002px; float:left;}
#index-three-box-wrapper { margin: 23px 71px 0px 55px;}
#index-three-box-inner-wrapper { width:856px; float:left; background:#242424 url(../images/layout/index-boxes-fill.gif) repeat-x left bottom; padding:10px;}

#index-box-one { width:285px; float:left;}
#index-box-two { width:283px; float:left; border-right: 1px solid #666666; border-left: 1px solid #666666; }
#index-box-three { width:285px; float:left;}

.index-box-image { width:120px; height:160px; float:right; text-align:center;}
.index-box-image img { margin:0px auto 0px auto }
.index-box-image a img { border:1px solid #333;}
.index-box-image a:hover img { border:1px solid #ffcc00;}

.index-box-title { width:165px; float:left;}
.index-box-title h2 { color:#00aac2; font: normal 14px/14px Verdana, Geneva, sans-serif; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; text-transform:uppercase;}
.index-box-title h2 a { color:#00aac2; font: normal 14px/14px Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
.index-box-title h2 a:hover { color:#ffcc00; }

.index-box-text { width:165px; float:left; height:160px;}
.index-box-text-pad { color:#fff; font: normal 12px/14px Verdana, Geneva, sans-serif; margin:5px 5px 20px 15px;}

.index-box-more {  width:255px; float:left; text-align:right; background:url(../images/layout/index-box-more.gif) no-repeat right 0px; margin-right:10px; padding-right:20px; padding-bottom:2px;}

.index-box-more a {color: #ffcc00; text-decoration: none;}
.index-box-more a:hover { color: #00b9d4; text-decoration: underline;}

#index-box-two .index-box-text { width:163px; }
#index-box-two .index-box-title { width:163px; }


/* INDEX SPRITES */
#index-sprites {  width:635/*690*/px; height:128px; float:left; position:relative; top:0px; left:0px; overflow:hidden; margin:20px 0px 0px 55px;}
#index-sprites ul.menu { display: inline; margin: 0px 0px 0px 0px; padding: 0px;  list-style: none; }
#index-sprites ul.menu li { float: left; position: relative; text-align: left; cursor: default; display: block; height: auto; width: auto; margin:0px; padding:0px; }
#index-sprites ul.menu li a  { margin:0px; padding:0px; height:128px; display:block; float:left; overflow:hidden; background-image: url(../images/layout/sprite-icons-index.png); background-repeat:no-repeat; text-indent:-2000px;  }
#index-sprites ul.menu li a, 
#index-sprites ul.menu li a:hover { text-decoration:none;}

#index-sprites ul.menu li.first a { width:315px;} 
#index-sprites ul.menu li.last a { width:317px;} 

#index-sprites ul.menu li.active-trail.first a, 
#index-sprites ul.menu li.first a:hover { 	background-position: 0px 	0px;}
#index-sprites ul.menu li.first a { 		background-position: 0px 	0px;}

#index-sprites ul.menu li.active-trail.last a, 
#index-sprites ul.menu li.last a:hover { 		background-position: -315px 	0px; }
#index-sprites ul.menu li.last a { 			background-position: -315px 	0px;}