/* Products and Services Styles
---------------------------------------- */

#rotatingSplash {
	width: 655px;
	height: 122px;
	border: 1px solid rgb(255, 255, 255);
	background-color: rgb(163, 155, 138);
	background-image: url(images/ps-rotating-splash-background.jpg);
	background-repeat: no-repeat;
}


/* Products and Services Content Area Layout Rules
--------------------------------------------- */

#frontPageContentBackgroundShadowInner {
	background-image: url(images/res-content-background-inner.gif);
	background-repeat: no-repeat;
}

#frontPageContentBackgroundShadowOuter {
	background-image: url(images/ps-content-background-outer.gif);
	background-repeat: repeat-y;
}

#frontPageContentBottomShadow {
	background-image: url(images/ps-content-bottom-shadow.gif);
	background-repeat: no-repeat;
}

/* Highlight Section Layout Rules
--------------------------------------------- */

#highlightSectionsRepeatingBackground {
	background-color: rgb(194, 186, 165);
	width: 834px;
}

#highlightSections {
}

#hightlightContentContainer {
	min-height: 450px;
	padding: 5px 15px 0 15px;
}

#hightlightContentContainer p {
	color: rgb(15, 40, 75);
	font-family: Garamond, Georgia, Times, serif;
	font-size: 14px;
}

.hightlightContent {
	float: right;
	position: relative;
	width: 215px;
	color: rgb(15, 40, 75);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	background-image: url(images/res-pp-preview-bg-repeat.gif);
	background-repeat: repeat-y;
}

.hightlightContent img {
	display: block;
	position: relative;
	margin: auto;
}

.hightlightContent span.topCorners {
	display: block;
	height: 8px;
	background-image: url(images/res-pp-preview-corners-top.gif);
	background-repeat: no-repeat;
	font-size: 0;
	padding: 0;
	margin: 0;
}

.hightlightContent span.bottomCorners {
	display: block;
	height: 8px;
	background-image: url(images/res-pp-preview-corners-bottom.gif);
	background-repeat: no-repeat;
	font-size: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
}

p.introBlurb {
	padding: 15px 15px 0 15px;
	margin-bottom: 25px;
	width: auto;
	color: rgb(36, 78, 111);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1em;
}

ul#hightlightContentMenu {
	width: 540px;
	list-style-image: none;
	list-style-type: none;
	list-style: none;
}

ul#hightlightContentMenu li.hightlightContentMenuItem {
	display: block;
	width: 540px;
	height: 100%;
	margin-bottom: 0;
	color: rgb(79, 109, 150);
	font-size: 12px;
	font-weight: bold;
	cursor:pointer; 
}

ul#hightlightContentMenu li.hightlightContentMenuItem span.topCorners {
	display: block;
	height: 8px;
	font-size: 0;
	padding: 0;
	margin: 0;
}

ul#hightlightContentMenu li.hightlightContentMenuItem span.bottomCorners {
	display: block;
	height: 8px;
	font-size: 0;
	padding: 0;
	margin: 0;
}

ul#hightlightContentMenu li.hightlightContentMenuItem span.text {
	display: block;
	padding: 0 10px 0 10px;
	margin: 0;
}

ul#hightlightContentMenu li.hightlightContentMenuItem span.icon {
	display: block;
	float:left;
	width: 20px;
	height: 17px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: left center;
}

ul#hightlightContentMenu li.hightlightContentMenuItem.active {
	color: rgb(206, 228, 242);
	background-image: url(images/res-pp-link-bg-repeat.gif);
	background-repeat: repeat-y;
	cursor: default; 
}

ul#hightlightContentMenu li.hightlightContentMenuItem.active span.topCorners {
	display: block;
	height: 8px;
	background-image: url(images/res-pp-link-corners-top.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

ul#hightlightContentMenu li.hightlightContentMenuItem.active span.bottomCorners {
	display: block;
	height: 8px;
	background-image: url(images/res-pp-link-corners-bottom.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

ul#hightlightContentMenu,
ul#hightlightContentMenu li.hightlightContentMenuItem {
	padding: 0;
	margin: 0;
}

/* swapper */
/*
#highlightSections ul.swapper { 
	padding:0 0 .1em; 
	margin:0; 
	color:#4b4c4f; 
	font-size:14px; 
	line-height:1.4em; 
	position:relative; 
}

#highlightSections ul.swapper li { 
	margin:0 0 -.2em 0; 
	padding:.4em 10px .4em 19px; 
	cursor:pointer; 
	list-style:none; 
	background:url(images/swapnav20070611.gif) no-repeat left bottom; 
	*margin-top:-1px; }
	
#highlightSections ul.swapper li:hover { 
	color:#222; 
}

#highlightSections ul.swapper li.last { 
	background:none; 
}

#highlightSections ul.swapper li.active { 
	color:#3783bc; 
	cursor:default; 
	background:url(swapnav_active20070611.gif) no-repeat left center; }

#highlightSections ul.swapper li.twodigit { 
	padding-left:10px; 
}
*/

#main img.watch { margin-left:1px; cursor:pointer; }

#highlightSections .swapcontent { display:none; }
#highlightSections .swapcontent img { position:relative; }
#highlightSections .swapcontent.active, #highlightSections.hasjs .swapcontent { display:block; }

/*#highlightSections .swapcontent p.sosumi, #highlightSections .swapcontent ol.sosumi { margin-bottom:0; }*/
/* swapper */


a.roundedButton {
	display: block;
	width: 108px;
	height: auto;
	padding-top: 2px;
	padding-left: 20px;
	padding-bottom: 6px;
	margin: auto;
	background-image: url(images/res-pp-preview-download.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	color: black;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}

a.roundedButton:hover {
	background-image: url(images/res-pp-preview-download-hover.gif);
}



/* sidebarRight Layout Rules
--------------------------------------------- */

#sidebarRight {
	float: right;
	clear: both;
	width: 176px;
}

#sidebarRight ul.psMenu  {
	background-color: rgb(179, 168, 143);
	width:  175px;
	padding-left: 0;
	padding-right: 1px;
	list-style-image: none;
	list-style-type: none;
	list-style: none;
}

.psMenu li.psMenuItem {
	margin-top: 1px;
	list-style-image: none;
	list-style-type: none;
	list-style: none;
}

.psMenu li.psMenuItem a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	display: block;
	width: auto;
	height: 100%;
}

.psMenu li.psMenuHeader {
	list-style: none;
}

.psMenu li.psMenuHeader span {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	display: block;
	width: auto;
	height: 100%;
}

#sidebarRight span.psMenuListSeperator {
	display: block;
	height: 2px;
	font-size: 0px;
}


/* sidebarRight Colors
--------------------------------------------- */

#sidebarRight span.psMenuListSeperator {
	background-image: url(images/ps-menu-list-seperator-bg.gif);
	background-repeat: no-repeat;
}

ul.psMenu {
}

.psMenu li.psMenuHeader {
	border-top: 1px solid rgb(241, 236, 225);
	border-right: 1px solid rgb(238, 231, 213);
	border-bottom: 1px solid rgb(238, 230, 210);
	border-left: 1px solid rgb(238, 231, 213);
}

.psMenu li.psMenuItem {
	border-top: 1px solid rgb(226, 235, 239);
	border-right: 1px solid rgb(224, 233, 238);
	border-bottom: 1px solid rgb(223, 232, 237);
	border-left: 1px solid rgb(223, 232, 237);
}

.psMenu li.psMenuItem a {
	background-image: url(images/ps-menu-list-button-bg-default.gif);
	background-repeat: no-repeat;
	background-color: rgb(202, 216, 225);
	color: rgb(70, 59, 41);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.psMenu li.psMenuItem.tall a {
	background-image: url(images/ps-menu-list-button-tall-bg-default.gif);
}

.psMenu li.psMenuItem a:hover {
	background-image: url(images/ps-menu-list-button-bg-hover.gif);
	background-repeat: no-repeat;
	background-color: rgb(183, 200, 211);
}

.psMenu li.psMenuItem.tall a:hover {
	background-image: url(images/ps-menu-list-button-tall-bg-hover.gif);
}

.psMenu li.psMenuItem a:active {
	background-image: url(images/ps-menu-list-button-bg-pressed.gif);
	background-repeat: no-repeat;
	background-color: rgb(163, 186, 201);
	color: rgb(255, 255, 255);
}

.psMenu li.psMenuItem.tall a:active {
	background-image: url(images/ps-menu-list-button-tall-bg-pressed.gif);
}

.psMenu li.psMenuHeader span {
	background-image: url(images/ps-menu-list-button-header-bg.gif);
	background-repeat: no-repeat;
	background-color: rgb(129, 159, 179);
	color: rgb(241, 240, 236);
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
}


/* Normal Page Section Layout Rules
--------------------------------------------- */

#normalSectionsRepeatingBackground {
	background-image: url(images/ps-callout-area-background-repeat.gif);
	background-repeat: repeat-y;	
	background-color: rgb(194, 186, 165);
	width: 656px;
}

#normalSections {
	background-image: url(images/ps-content-normal-area-background.gif);
	background-repeat: no-repeat;	
}

#normalContentContainer {
	min-height: 450px;
	padding: 5px 15px 0 25px;
	color: rgb(15, 40, 75);
	font-family: Garamond, Georgia, Times, serif;
}

h1 {
	margin-top: 15px;
	margin-bottom: 10px;
	width: auto;
	color: rgb(57, 52, 37);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.1em;
}

h2 {
	margin-bottom: 10px;
	width: auto;
	color: rgb(36, 78, 111);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1em;
}

#normalContentContainer p {
	font-size: 14px;
	margin: 0;
	margin-bottom: 5px;
}

#normalContentContainer p.blurb {
	margin-bottom: 10px;
	color: rgb(36, 78, 111);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1em;
}

#normalContentContainer ul {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

#normalContentContainer img.sectionImage {
	display: block;
}

#normalContent {
	float: right;
	position: relative;
	width: 415px;
	color: rgb(15, 40, 75);
	font-family: Garamond, Georgia, Times, serif;
}