@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: Helvetica, Arial, sans-serif;*/
	color: #333333;
	font-size: 11px;
	background-color: #1a4b52;
	background-image: url(/new/images/bg.jpg);
	background-repeat: no-repeat;
}

a img{
border:none;
}

#container { 
	margin: 0;
	padding: 0;
	width: 942px;
}

.stbutton {


height:25px !important;
display:block;
}

.stbuttontext {

padding-left:20px;
display:block;
height:25px;
}

#top { 
	margin: 0;
	padding: 0;
	width: 942px;
}

pre {
   display: block;
   margin: 2em 0;
   white-space: pre;
   overflow: auto;
}

hr {
	border: 0;
	color: #848b8d;
	background-color: #848b8d;
	height: 1px;
	
}

#logo { 
	margin: 0;
	padding: 0;
	width: 357px;
	float: left;
}

#navigation { 
	margin: 0;
	padding: 0;
	width: 585px;
	float:right;
}

.navItem {
	margin: 0;
	padding: 238px 11px 0 0;
	float: left;
	height: 45px;
}

#mainContainer {
	margin: 0;
	padding: 0;
	width: 942px;
}

#logoReflection {
	margin: 0;
	padding: 0;
	width: 239px;
	float:left;
}

#homeContainer{
	margin: 0;
	padding: 0;
	width: 703px;
	float:right;
}

#mainLeft {
	margin: 0;
	padding: 0;
	width: 437px;
	float:left;
}

#header {
	margin: 0;
	padding: 0;
	width: 437px;
}

#homeBlog {
	margin: 0;
	padding: 0;
	width: 437px;
	height: 341px;
	background-image: url(/new/images/home-bg.jpg);	
}

#homeBlog .content {
	margin: 0;
	padding: 10px;
	width: 417px;
}

#homeBlogAll {
	margin: 0;
	padding: 0;
	width: 437px;
}

#mainRight {
	margin: 0;
	padding: 0;
	width: 266px;
	float:right;
}

#audioPlayer {
	margin: 0;
	padding: 0;
	width: 266px;
}

#homeVideos {
	margin: 0;
	padding: 0 0 5px 0;
	width: 266px;
	height: 187px;
	background-image: url(/new/images/home-video-bg.jpg);
	background-repeat: no-repeat;	
}

#homeVideos .content {
	margin: 0;
	padding: 14px 0 0 20px;
	width: 210px;
}

#homeBuy {
	margin: 0;
	padding: 0;
	width: 266px;
	height: 173px;
	background-image: url(/new/images/home-buy-bg.jpg);
	background-repeat: no-repeat;	
}

#homeBuy .content {
	margin: 0;
	padding: 6px 0 0 20px;
	width: 210px;
}

#photos {
	margin: 5px 0 0 0;
	padding: 0;
	width: 703px;
	height: 113px;
	background-image: url(/new/images/home-photos-bg.jpg);
	background-repeat: no-repeat;
	float:left;
}

#footerMain {
	margin: 0;
	padding: 0;
	width: 703px;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
}

#footerMain a{
	color:#fff;
	text-decoration:none;	
}

#footerMain a:hover{
	color:#fff;
	text-decoration:underline;	
}

#footerMain .white {
	margin: 0 3px 0 3px;
	color:#fff;
}

#footerMain .signup {
	margin: 10px 0 0 0;
	padding: 0;
	width: 703px;
	background: #818c90;
}

#footerMain .left {
	margin: 0;
	padding: 0;
	float: left;
	width: 88px;
	height: 38px;
}

#footerMain .right {
	margin: 0;
	padding: 0;
	float: right;
	width: 615px;
	height: 38px;
	/*background: #818c90;*/
	background:url(../images/footerMain.jpg) repeat-x;
}

#footerMain form {
	margin: 0;
	padding: 0;
	width: 615px;
}


#footerMain input {
	margin: 0 10px 0 0;
	padding: 0 0 0 5px;
	color: #fff;
	/*background: #6a7275;
	border: 1px solid #6a7275;*/
	background: #5d7576 !important;
	border: 1px solid #5d7576;
	width: 170px;
	font-weight: bold;
	font-size: 11px;
}

#footerMain .button {
	margin: 0;
	padding: 0;
	border: 0;
	width: 35px;
	height: 38px;
}


#footerMain .logos {
	margin: 0;
	padding: 0;
	width: 703px;
}

#leftcolumn{
	float:left;
	width: 377px;
	padding: 0 0 0 10px;
	margin: 25px 0 10px 0;
	
}

#leftcolumn2{
	float:left;
	width: 377px;
	padding: 10px 0 0 10px;
	margin: 0;
	
}


.newsitem {
	width: 370px;
	padding: 0 0 15px 0;
	margin: 0;
	font:Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff; 
}

.newsitem h2{
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #4d5d60;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
}

.newsitem h3{
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #4d5d60;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
}

h2 a{
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #4d5d60;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform:capitalize;
}

h2 a:hover{
	text-decoration: underline;
}

h3 a{
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #4d5d60;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
	text-transform:capitalize;
}

h3 a:hover{
	text-decoration: underline;
}

small {
	font:Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #4d5d60;
	
	}


#subContainer {
	margin: 0;
	padding: 0;
	width: 703px;
	height: 483px;
	background:url(/new/images/subBg.jpg);
	background-repeat:no-repeat;
	float:left;
}

#subContainer .content{
	margin: auto;
	padding: 12px 0 12px 0;
	width: 679px;
	color: #fff;
}

#subContainer  h2{
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #4d5d60;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
}

#subContainer  h3{
	padding: 0;
	margin: 0;
	font-size: 11px;
	/*color: #4d5d60;*/
	color:#b8d1d2;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
}

#subContainer  .white{
	font-size: 11px;
	color: #fff;
	line-height: 16px;
}

#subContainer  a{
	font-size: 11px;
	/*color: #4d5d60;*/
	color: #cee7ec;
	text-decoration: none;
	font-weight: bold;
}

#subContainer  a:hover{
	text-decoration: underline;
}

#subContainer  ul{
	margin: 0 0 0 20px;
	padding: 0;
}

#subContainer  li{
	margin: 0;
	padding: 0;
	list-style:none;
	list-style-position:outside;
	color: #FFFFFF;
	font-weight:bold;
}


#subContainer .medBg {
	width: 674px;
	margin:0;
	padding: 0;
	/*background-color: #989ea0;*/
	/*background:url(../images/subContainer.jpg);*/
	/*background-color: #5c7e80;*/
	background-color: #66828a
}

#subContainer .blogBg {
	width: 597px;
	margin:0;
	padding: 0;
	/*background-color: #989ea0;*/
	background-color: #69848d;
}

#subContainer .smBg {
	width: 420px;
	margin:0;
	padding: 0;
	/*background-color: #748e95;*/
	/*background:url(../images/smBg.jpg) repeat-x 0px 5px;*/
	/*background:#5c7e80;*/
	/*background:#69848c;*/
	background:url(../images/smBg_fill.gif) repeat;
	float:left;
}

#subContainer .sm2Bg {
	width: 226px;
	margin:0;
	padding: 0;
	/*background-color: #989ea0;*/
	background:url(../images/sm2Bg.jpg) repeat-x;
}

#subContainer .greyContent {
	width: 658px;
	margin: auto;
	padding: 0;
	/*background-color: #989ea0;*/
	background:#5c7e80v;
	/*background:url(../images/subContainer.jpg) repeat-x;*/
}

#subContainer .greyContent2 {
	width: 384px;
	margin: 0 auto;
	padding: 0;
	/*background-color: #989ea0;*/
	/*background-color:#5c7e80;*/ 
	background:#69848c;
}

#subContainer .greyContent3 {
	width: 202px;
	margin: auto;
	padding: 0;
	/*background-color: #989ea0;*/
	background:url(../images/sb2Bg.gif repeat-x);
}

#subContainer .albumCover {
	width: 238px;
	margin: 0;
	padding: 0;
	float:right;
}

#subContainer .videoRight {
	width: 234px;
	margin: 0;
	padding: 0;
	float:right;
}

#subContainer .videoWhite {
	width: 219px;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	font-weight: bold;
	float:right;
}

#subContainer form {
	margin: 0;
	padding: 0;
}


#subContainer input {
	margin: 0 0 11px 0;
	padding: 0 0 0 5px;
	color: #fff;
	background: #5d777f;
	border: 1px solid #5d777f;
}

#embedForm  {
	margin: 0;
	padding: 0;
}


textarea {
	margin: 0;
	padding: 0;
	color: #fff;
	height: 170px;
	/*background: #989ea0;*/
	background:url(../images/sm2Bg.jpg) repeat-x;
	/*border: 1px solid #989ea0;*/
	border:none;
}

#subContainer .left {
	margin: 0;
	padding: 0;
	float:left;
	width: 285px;
}

#subContainer .right {
	margin: 0 15px 0 0;
	padding: 0;
	float: right;
	width: 355px;
}

.textGrey {
	color: #dfdfdf;
}

.textWhite {
	color: #fff;
}

/******************************
* Scrolling CSS
* ****************************/
div.hold {
	position:relative; overflow:hidden;
  	z-index:100; 
}
div.wn {
	position:absolute; 
	left:0; top:0px; 
	overflow:hidden;	
	z-index:1;
	
}
div#lyr1{ 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1;
	color:#FFFFFF;
}

div#lyr1 h2{ 
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #b8d1d2;
	text-transform: uppercase;
	font-family: Capitals, "Times New Roman", Times, serif;
}

div#homeBlog div#lyr1 h2{ 
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #b8d1d2;
	text-transform: uppercase;
	font-family: Capitals, "Times New Roman", Times, serif;
}



div#lyr1 h3{
	padding: 0;
	margin: 0;
	font-size: 12px;
	/*color: #4d5d60;*/
	color:#b8d1d2;
	text-transform:capitalize;
	font-family: Capitals, "Times New Roman", Times, serif;
}




div#lyr1 h2 a, h3 a{
	padding: 0;
	margin: 0;
	/*
	font-size: 12px;
	color: #4d5d60;*/
	font-size: 18px;
	color: #b8d1d2;
	text-decoration: none;
	text-transform:uppercase;
}

#subContainer div#lyr1 h3 a{
color:#b8d1d2;
font-size:14px;
}

#subContainer div#lyr1 h3{
padding-top:16px;
}

div#lyr1 h2 a:hover, h3 a:hover{
	padding: 0;
	margin: 0;
	/*font-size: 12px;
	color: #4d5d60;
	*/
	font-size: 18px;
	color: #b8d1d2;
	text-decoration: underline;
	text-transform:uppercase;
}


div#lyr1 a{
	padding: 0;
	margin: 0;
	color: #4d5d60;
	font-weight: bold;
	text-decoration: none;
}

div#lyr1 a:hover{
	padding: 0;
	margin: 0;
	color: #4d5d60;
	font-weight: bold;
	text-decoration: underline;
}



div#hold1 { 
	left:15px;
	width:377px; height:296px;/*385px; */
}
div#wn1 { 
	width:377px; height:296px;/*385px; */
	clip:rect(0px, 377px, 296px, 0px);/*385px, 0px); */
}

div.scrollbar {
	width:9px;
	font-size:1px; z-index:1;/* Set small font-size or size/position of div's will be off in some browsers  */
	
}
div.track{
	position:absolute; left:323px; top:365px;
	width:9px;
	background: url(/new/images/homeBgTrack.jpg);
	z-index:1;
}
div.dragBar {
	margin: 0 0 0 0;
	width: 9px;
	height: 296px;
	z-index: 1;
	background: url(/new/images/scroller.gif) repeat-y top center;
}
div#scrollbar1 { 
	position:absolute; left:315px; top:0;
	height:296px;
	
}
div#track1 { 
	height:296px;/*390px;*/
	
}
div#dragBar1 {
	position:absolute; left:1px; top:1px;
}


/* CAROUSEL STEPPER 
---------------------------------------------------- */

.stepcarousel{
position: relative; /*leave this value alone*/
background: #fff;
overflow: scroll; /*leave this value alone*/
width: 610px;
height: 96px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width: 20000px;
height: 100%;
overflow: hidden;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 7px 7px 6px 0; /*margin around each panel*/
padding: 0;
width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
cursor: pointer;
}

.stepcarousel .panel_hidden {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 7px 7px 6px 0; /*margin around each panel*/
padding: 0;
width: 0px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
cursor: pointer;
display:none;
}

#photos ul
{
	margin: 8px 0 0 14px;
	padding: 0;
}

#photos li
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	cursor: pointer;
	list-style: none;
}



/* float fix for IE
---------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Sean's additions */
div#lyr1 h2.dark {
color:#4f6c6e;
}

#subContainer .videoRight a {
color:#516668;
}

/*#subContainer div#lyr1 h3 a{
font-size:16px;
}*/