/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#111111 url(images/top-tail.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#242424;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#717171;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

/* ============================= UL Starts====================== */
.ULClass { list-style:none; margin:0px 0px 0px 0px; background:none;}
.ULClass li { padding-left: 0em; padding-top: .4em; padding-bottom: .6em; line-height:1.333em; padding-left:15px;  }
/* ============================= UL Ends ====================== */ 

/* ============================= OL Starts====================== */
.OLClass { margin:0px 0px 0px 30px;}
.OLClass li { background:none; padding-left: 0em; padding-top: .4em; line-height:1.333em; padding-bottom: .6em;}

/* ============================= OL Ends====================== */

li {background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:15px; line-height:2.083em;}

.link {background:url(images/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindentR {margin:5px 0px 5px 20px; float:right; text-align:right}

h1 {color:#6b8c01; font-size:2em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin-bottom:0px;}
h2 {color:#1d1d1d; font-size:2em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin-bottom:15px;}
h3 {color:#6b8c01; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}
h3 a {color:#6b8c01; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0; text-decoration:none}
h4 {color:#1d1d1d; font-size:1.833em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}
h5 {color:#d96100; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}
h6 {color:#1d1d1d; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}
h7 {color:#1d1d1d; font-size:1.233em; line-height:1em; font-weight:bold; letter-spacing:-1px; margin:3px 0 6px 0;}
.h8 {color:#666666; font-size:1.233em; margin:0 0 10px 0;}
cite {font-style:normal;}

.liLH {line-height:1.5em;}

/* ============================= header ====================== */

.logo {margin:0 0 23px 48px;}
#header .border {border:1px solid #000000; background:url(images/header-bg2.jpg) no-repeat bottom left; height:310px;}
#header .border_dpot {border:1px solid #000000; background:url(images/header-bg2_dpot.jpg) no-repeat bottom left; height:310px;}
.menu {border-bottom:1px solid #000000; width:100%; overflow:hidden;}
.menu li {float:left; width:145px; padding:0; text-align:center; background:url(images/menu-devider.gif) top right repeat-y; padding-right:2px;}
.menu li a {color:#d5d5d5; text-decoration:none; background:url(images/menu-tali.gif) top repeat-x; display:block; padding:5px 0 5px 0;}
.menu li a:hover {color:#ababab; background:url(images/menu-tali-active.gif) top repeat-x;}
.menu .active a {color:#ababab; background:url(images/menu-tali-active.gif) top repeat-x;}
.menu .last {background:none; padding:0; width:139px;}

.slogan {margin:81px 0 0 85px;}

/* ============================= content ====================== */

.banners {border-bottom:1px solid #d5d5d5; background:#ececec url(images/banner-tail.gif) top repeat-x;}
.banner {width:407px; padding:23px 0 0 0; float:left;}
.banner .imgindent {margin-right:5px;}
.banners .links {color:#7f9500; padding:14px 0 0 0;}
.banners .links a {color:#7f9500; font-weight:bold;}
.banners .banner2 h3 {color:#d96100;}
.banners .banner2 .links {color:#d24d00;}
.banners .banner2 .links a {color:#d24d00;}
.banner2 h3 {color:#d96100;}
.banner2 .links {color:#d24d00; font-weight:bold;}
.banner2 .links a {color:#d24d00;}

.links {color:#7f9500; padding:14px 0 0 0;}
.links a {color:#7f9500; font-weight:bold;}

.linksGreen {color:#6b8c01; padding:14px 0 0 0;}
.linksGreen a {color:#6b8c01; font-weight:bold;}

.line {background:url(images/banner-devider.gif) repeat-y 437px 0;}
.banner-pad {padding-right:32px;}

.indent {padding:33px 44px 33px 43px;}

.col-pad {padding-right:75px;}
.col-pad2 {padding-right:36px;}

.date {color:#858585; background:url(images/list-bg.gif) no-repeat 0 2px; padding-left:12px;}
.padding1 {padding-top:20px;}
.padding2 {padding-top:15px;}
.padding3 {padding-top:25px;}
.margin1 {margin-top:15px;}
.margin2 {margin-top:50px;}
.extra {overflow:hidden; zoom:1;}
.pad3 {padding:3px;}

.threeQrtColumn {width:500px; background-color:#FFFFFF; background:#f9f9f9 url(images/content-tail.gif) bottom repeat-x;}
.column1 {float:left; width:234px; padding-right:10px;}
.column2 {float:left; width:235px; padding-right:10px;}
.overviewCol1 {width:81%; float:left;}
.overviewCol2 {width:19%; text-align:right; padding-top:3px; float:right}
.overviewVideo {float:right; width:288px; padding:33px 0 0 0;}

.price {color:#CC0000;}
.paypal {font-size:9px;}

.testimonialText {border-bottom:solid 1px #dfddde; padding: 5px 0 10px 0; margin-bottom:5px;} 
.testimonialTextBtm {padding: 5px 0 0 0;} 
.testimonialBox {background-color:#f1f1f1; padding:10px; border:solid 1px #dfddde; width:230px}
.testimonialHeading {color:#1d1d1d1; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0; background:#e2e2e2; padding:0 0 0 2px;}
.testimonialName {padding-top:3px; text-align:right; font-weight:bold;}

.specialBox {width:45%; float:right; border:1px #CCCCCC solid; padding:6px; background-color:#FFFFFF; color:#666666;}

/* ============================= footer ====================== */

#footer {color:#717171; padding:20px 79px 0 70px;}
#footer a {color:#efefef;}
.rss {float:right; margin:4px 0 0 7px;}
#footer .submenu {float:right;}
#footer .submenu li {display:inline; background:none; border-left:1px solid #a4a4a4; padding:0 8px 0 8px;}
#footer .submenu li a {color:#a4a4a4;}
#footer .submenu .first {border:none;}


/* ============================= forms ============================= */


#NewsletterForm .rowi {height:50px;}
.input {width:203px; height:21px; border:1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px; font-size:1em;}

#ContactForm {padding:0 22px 0 0;}
#ContactForm .rowi {height:26px;}
#ContactForm .input {width:221px; height:18px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; font-size:0.917em;}
textarea {width:221px; height:172px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}
#ContactForm .button {float:right; margin:30px 0 0 30px;}


/* ============================= Overlay Tool ==============================*/

div.overlay {background: url(images/white.png); padding:40px; width:576px; display:none;}
div.overlay div.close {background: url(images/close.png); position:absolute; top:2px; right:5px; width:36px; height:36px; cursor:pointer;}
a.player {display:block; height:450px;}

div.overlayAudio {background: url(images/audio_bg.png);padding:40px; width:576px; display:none;}
div.overlayAudio div.close {background: url(images/close.png); position:absolute; top:2px; right:5px; width:36px; height:36px; cursor:pointer;}


/* ============================= Tabs Tool ================================*/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	font-weight:bold;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background:url(images/tab_darkgrey.gif);
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 100px;
	text-align:center;	
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	margin:0px;	
	position:relative;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover { 
	background:url(images/tab_orange.gif);
	color:#FFFFFF;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { 
	background:url(images/tab_orange.gif); 		
	cursor:default !important; 
	color:#FFFFFF !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none; 	
}


/* player style */
/* container has a background image */
a.player {	
	margin-top:0px;
	display:block;
	background:url(/img/player/splash.png) no-repeat;
	width:500px;
	height:403px;
	padding:0 20px 30px 1px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


#player {
	float:left;		
}	

/* playlist style */
.plist {
	width:278px;
	height:393px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:4px 4px 4px 4px;
	background-color:#FFFFFF;
	margin-top:0px;
	float:left;
}

/* playlist entry */
.plist a {
	display:block;
	width:252px;
	height:56px;
	padding:4px;
	background-color:#fff;
	border:1px solid #FFFFFF;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-top:0px;
	color:#666;
}

/* different states of a playlist entry */
.plist a:hover {
	background-color:#efefef;		
}

.plist a.progress {
	background-color:#efefef;	
}

.plist a.playing {
	background-color:#efefef;	
}

.plist a.paused {
	background-color:#efefef;	
}

/* elements inside playlist entry */
.plist a img {
	border:#CCCCCC 1px solid;
	padding:1px;	
	float:left;
	margin-right:10px;
}

.plist a strong {
	color:#6b8c01;		
	padding-bottom:5px;
}

.plist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}

.plistHeading { 
	margin-left:1px; 
	width:252px;
	background-color:#6b8c01; 	
	color:#FFFFFF; 
	font-weight:bold; 
	padding-left:6px; 
	margin-top:15px; 
	border:1px #cccccc solid;
}


/* playlist style */
.audioplist {
	width:390px;
	height:234px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:4px 4px 4px 4px;
	background-color:#FFFFFF;
	margin-top:0px;
	float:left;
}

/* playlist entry */
.audioplist a {
	display:block;
	width:364px;
	height:43px;
	padding:4px;
	background-color:#fff;
	border:1px solid #FFFFFF;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-top:0px;
	color:#666;
}

/* different states of a playlist entry */
.audioplist a:hover {
	background-color:#efefef;		
}

.audioplist a.progress {
	background-color:#efefef;	
}

.audioplist a.playing {
	background-color:#efefef;	
}

.audioplist a.paused {
	background-color:#efefef;	
}

/* elements inside playlist entry */
.audioplist a img {
	border:#CCCCCC 1px solid;
	padding:1px;	
	float:left;
	margin-right:10px;
}

.audioplist a strong {
	color:#6b8c01;		
	padding-bottom:5px;
}

.audioplist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}

.audioplistHeading { 
	margin-left:1px; 
	width:364px;
	background-color:#6b8c01; 	
	color:#FFFFFF; 
	font-weight:bold; 
	padding-left:6px; 
	margin-top:12px; 
	border:1px #cccccc solid;
}


/* root element for Week tabs  */
ul.tabsweek { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	font-weight:bold;
}

/* single tab */
ul.tabsweek li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabsweek a { 
	background:url(images/tab_darkgrey_week.gif);
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 65px;
	text-align:center;	
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	margin:0px;	
	position:relative;
}

ul.tabsweek a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabsweek a:hover { 
	background:url(images/tab_orange.gif);
	color:#FFFFFF;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabsweek a.current, ul.tabs a.current:hover, ul.tabs li.current a { 
	background:url(images/tab_orange.gif); 		
	cursor:default !important; 
	color:#FFFFFF !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabsweek a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabsweek a.w1:hover 	{ background-position: -519px -31px; }
ul.tabsweek a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabsweek a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabsweek a.w2:hover 	{ background-position: -366px -31px; }
ul.tabsweek a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabsweek a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabsweek a.w3:hover 	{ background-position: -193px -31px; }
ul.tabsweek a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabsweek a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabsweek a.w4:hover 	{ background-position: -0px -31px; }
ul.tabsweek a.w4.current { background-position: -0px -62px; }