/* CSS Document */

body {
	background-color: #666;
	scrollbar-base-color: #CCC;
	scrollbar-face-color: #999;
	scrollbar-track-color: #CCC;
	scrollbar-arrow-color: #FFF; 
	scrollbar-highlight-color: #CCC;
	scrollbar-3dlight-color: #CCC;
	scrollbar-shadow-color: #CCC;
	scrollbar-darkshadow-color: #CCC; 
}

#container {
	width: 100%;
	text-align: center;
}

#subContainer {
	background-color: #CCC;
	width: 650px;
	height: 444px; 
}

#subContainerLong {
	background-color: #CCC;
	width: 650px;
	height: 705px;
}

#greenBar {
	width: 22px;
	background-color: #9F3;
	height: 444px;
	float: left;
}

#bottomNav {
	width: 628px;
	background-color: #999;
	height: 76px;
	float: right;
}

#bottomNav p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-transform:uppercase;
	text-decoration: none; 
}

#headerNav {
	width: 680px;
	margin-top: 60px;
}

#imageHolder {
	width: 250px;
	background-color: #CCC;
	margin-top: 40px;
	margin-right: 40px;
	float: right;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

#footer {
	width: 650px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #CCC;
	padding-top: 10px;
}

#footer a {
	width: 650px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #CCC;
	padding-top: 10px;
	text-decoration: none;
}

#footer a:hover {
	width: 650px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #FFF;
	padding-top: 10px;
	text-decoration: none;
}

#bottomNavLinks {
	text-align: left;
	padding-left: 10px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 10px;
	margin-top: 10px;
}

#bottomNavLinks a {
	text-align: left;
	padding-left: 10px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 10px;
	margin-top: 10px;
}

#bottomNavLinks .active {
	text-align: left;
	padding-left: 10px;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 10px;
	margin-top: 10px;
}

#bottomNavLinks a:hover {
	text-align: left;
	padding-left: 10px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 10px;
	margin-top: 10px;
}

#bottomSubNavLinks {
	text-align: left;
	padding-left: 15px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-right: 5px;
	margin-top: 10px;
}

#bottomSubNavLinks a {
	text-align: left;
	padding-left: 5px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-right: 5px;
	margin-top: 10px;
}

#bottomSubNavLinks .active {
	text-align: left;
	padding-left: 5px;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-right: 5px;
	margin-top: 10px;
}

#bottomSubNavLinks a:hover {
	text-align: left;
	padding-left: 5px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-right: 5px;
	margin-top: 10px;
}

#headerNavLinks {
	text-align: right;
	padding-left: 5px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	margin-right: 5px;
}

#headerNavLinks a {
	text-align: right;
	padding-left: 5px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
}

#headerNavLinks a:hover {
	text-align: right;
	padding-left: 5px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
}

#content {
	width: 278px; 
	margin-left: 40px;
	margin-top: 30px;
	float: left; clear:right;
	text-align:left;
}

#contentWide {
	width: 528px;
	margin-left: 40px;
	margin-top: 30px;
	float: right;
	text-align:left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000; 
	font-weight: bold;
	text-align:left;
	text-transform: uppercase;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444; 
	font-weight: bold;
	text-align:left;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
	line-height: 22px;
}

p a, ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 22px;
}

p a:hover, ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 22px;
}

ul {
	margin-left: -20px;
}

ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
	line-height: 22px;
}

/* PORTFOLIO NAVIGATION IMAGES & ROLLOVERS FOR THUMBNAIL IMAGES */

a#RK1 img {
	background: url(../images/thumbnails/RKcover1.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK1:hover img {
	background: url(../images/thumbnails/RKcover1_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK2 img {
	background: url(../images/thumbnails/RKcover2.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK2:hover img {
	background: url(../images/thumbnails/RKcover2_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK3 img {
	background: url(../images/thumbnails/RKcover3.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK3:hover img {
	background: url(../images/thumbnails/RKcover3_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK4 img {
	background: url(../images/thumbnails/RKcover4.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK4:hover img {
	background: url(../images/thumbnails/RKcover4_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK5 img {
	background: url(../images/thumbnails/One_cover2.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#RK5:hover img {
	background: url(../images/thumbnails/One_cover2_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#one2 img {
	background: url(../images/thumbnails/One_cover1.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#one2:hover img {
	background: url(../images/thumbnails/One_cover1_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#one3 img {
	background: url(../images/thumbnails/One_cover3.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#one3:hover img {
	background: url(../images/thumbnails/One_cover3_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle1 img {
	background: url(../images/thumbnails/GUIDE_1.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle1:hover img {
	background: url(../images/thumbnails/GUIDE_1_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle2 img {
	background: url(../images/thumbnails/GUIDE_2.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle2:hover img {
	background: url(../images/thumbnails/GUIDE_2_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle3 img {
	background: url(../images/thumbnails/GUIDE_3.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle3:hover img {
	background: url(../images/thumbnails/GUIDE_3_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle4 img {
	background: url(../images/thumbnails/GUIDE_4.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle4:hover img {
	background: url(../images/thumbnails/GUIDE_4_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle5 img {
	background: url(../images/thumbnails/GUIDE_5.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle5:hover img {
	background: url(../images/thumbnails/GUIDE_5_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle6 img {
	background: url(../images/thumbnails/GUIDE_6.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle6:hover img {
	background: url(../images/thumbnails/GUIDE_6_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle7 img {
	background: url(../images/thumbnails/GUIDE_7.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#idle7:hover img {
	background: url(../images/thumbnails/GUIDE_7_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#h2unews2 img {
	background: url(../images/thumbnails/H2U_2.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#h2unews2:hover img {
	background: url(../images/thumbnails/H2U_2_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#h2uwork img {
	background:  top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#h2uwork:hover img {
	background:  top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#h2uspanish img {
	background: url(../images/thumbnails/H2U_spanish1.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#h2uspanish:hover img {
	background: url(../images/thumbnails/H2U_spanish1_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#forum img {
	background: url(../images/thumbnails/IASIS_1.jpg)   top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#forum:hover img {
	background:  url(../images/thumbnails/IASIS_1_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#forum2 img {
	background: url(../images/thumbnails/IASIS_2.jpg)   top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#forum2:hover img {
	background:  url(../images/thumbnails/IASIS_2_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#insight img {
	background:    top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#insight:hover img {
	background:   top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#fullcircle img {
	background: url(../images/thumbnails/Spheris1.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#fullcircle:hover img {
	background: url(../images/thumbnails/Spheris1_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#fullcircle2 img {
	background: url(../images/thumbnails/Spheris2.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#fullcircle2:hover img {
	background: url(../images/thumbnails/Spheris2_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#tatimes img {
	background: url(../images/thumbnails/TAtimes_1.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#tatimes:hover img {
	background: url(../images/thumbnails/TAtimes_1_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#tatimes2 img {
	background: url(../images/thumbnails/TAtimes_2.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

a#tatimes2:hover img {
	background: url(../images/thumbnails/TAtimes_2_hover.jpg) top left no-repeat;
	width: 75px; height: 98px;
	border-width: 0px;
}

/* HOLLY HACK FOR IE BROWSERS */
/* Hides from IE5-mac \*/
* html #content {
	width: 278px; 
	float: left; clear:right;
	text-align:left;
	margin-left: 20px;
}

* html #contentWide {
	width: 528px;
	float: right;
	margin-left: 20px;
	text-align:left;
}

*html #imageHolder {
	width: 250px;
	background-color: #CCC;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 0px;
	float: right;
}

/* *html #bottomNav {
	width: 650px;
	background-color: #999;
	height: 76px;
	float: right;
}*/

*html ul {
	margin-left: 20px;
}

*html #subContainer {
	background-color: #CCC;
	width: 650px;
	height: inherit;
}


*html #greenBar {
	width: 22px;
	background-color: #9F3;
	height: inherit;
	float: left;
}