/*-------------------------------------------

             Title :  Dr. Jim
             Usage :  Homepage
             Author:  invigoreight
             Edited:  2009-05-22

---------------------------------------------*/


/*===================TOC=====================

               1. Flash
               2. Featured
               3. Cycle

=============================================*/



/* 1. Flash
---------------------------------------------*/
#flash {
	position: relative;
	z-index: 1;
	width: 966px;
	height: 242px;
	}


/* 2. Featured Resources
---------------------------------------------*/
#featured {
	float: right;
	display: inline;
	margin-right: 1px;
	padding: 34px 16px 0;
	width: 193px;
	height: 332px;
	background: url(images/featured_bg.png) no-repeat bottom left;
	}

* html #featured {
	margin-top: -3px;
	}

#featured h3 {
	position: absolute;
	left: -500em;
	}

#featured a {
	float: left;
	margin-bottom: 9px;
	width: 193px;
	overflow: hidden;
	text-indent: -500em;
	background: url(images/resources_a_bg.jpg) no-repeat;
	}

#featured .a-1 { height: 86px; background-position: 0      0; }
#featured .a-2 { height: 91px; background-position: 0  -86px; }
#featured .a-3 { height: 91px; background-position: 0 -177px; }

#featured .a-1:hover { background-position: -193px      0; }
#featured .a-2:hover { background-position: -193px  -86px; }
#featured .a-3:hover { background-position: -193px -177px; }


/* 3. Cycle
---------------------------------------------*/
#cycle {
	float: left;
	display: inline;
	margin-left: 1px;
	padding: 53px 0 33px 5px;
	width: 681px;
	}

#cycle ol {
	position: relative;
	float: right;
	width: 356px;
	height: 345px;
	}

#cycle ol li {
	position: absolute;
	}

#cycle ol .li-1 { top:    0; left:  0; width: 201px; height: 157px; }
#cycle ol .li-2 { top:    0; right: 0; width: 164px; height: 185px; }
#cycle ol .li-3 { bottom: 0; right: 0; width: 192px; height: 172px; }
#cycle ol .li-4 { bottom: 0; left:  0; width: 175px; height: 199px; }

#cycle ol li:hover {
	z-index: 5;
	}

#cycle ol li a {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -500em;
	outline: none;
	cursor: default;
	background: url(images/cycle.jpg) no-repeat;
	}

#cycle ol .li-1 a { background-position:    0      0; }
#cycle ol .li-2 a { background-position: 100%      0; }
#cycle ol .li-3 a { background-position: 100% -173px; }
#cycle ol .li-4 a { background-position:    0 -146px; }

#cycle ol .li-1 a:hover { background-position: 0 -345px; }
#cycle ol .li-2 a:hover { background-position: 0 -502px; }
#cycle ol .li-3 a:hover { background-position: 0 -687px; }
#cycle ol .li-4 a:hover { background-position: 0 -859px; }

#cycle h2 {
	padding: 70px 0 2px;
	width: 260px;
	color: #135027;
	font-size: 0.95em;
	text-transform: uppercase;
	text-shadow: white 0 1px 1px;
	}

#cycle p {
	margin-bottom: 14px;
	width: 260px;
	color: #135027;
	line-height: 1.2em;
	font-size: 0.9em;
	text-align: justify;
	}

#cycle p a {
	color: #135027;
	}