/* CSS Document */

body {

	background: #65BBF4 url(gfx/bg-body.jpg) repeat-x;
	margin: 0;
	padding: 20px 0 20px 0; border: 0;

}




div#container {

	width: 880px; background: white;
	margin: 0 auto;

}



div#topbar {
	width: 880px;
	background: white url(gfx/bg-topbar.jpg) no-repeat;
	padding-top: 40px; margin: 0;
}




div#logo {
	width: 150px;
	float: left;
	padding-left: 40px;

}



/* Menu List Items - Common Styles */

div#menu { width:660px; padding: 0 20px 0 0; margin:0; z-index:100; float: right; padding-top: 70px; background: url(gfx/bg-menu.gif) no-repeat top right; }

#menu ul { padding:0; margin:0; list-style-type: none; }
#menu ul li { float:right; position:relative; font: normal 12px Arial, Helvetica, sans-serif; margin-left: 1px; }
#menu ul li a { display:block; background: #41A0FC; text-decoration:none; padding: 13px 0 6px 15px; color: white; text-align:left; height: 22px; overflow:hidden; } 

	#menu .li-homepage { width: 64px; }
	#menu .li-homepage a { background: #41A0FC url(gfx/bg-li-homepage.jpg) top left no-repeat; }
	#menu .li-homepage a:hover { color: white; background: #41A0FC url(gfx/bg-li-homepage-hover.jpg) top left no-repeat;  }
	
	#menu .li-callrecording { width: 112px; }
	#menu .li-callrecording a { background: #4FDC10 url(gfx/bg-li-callrecording.jpg) top left no-repeat;  }
	#menu .li-callrecording a:hover { color: white; background: #4FDC10 url(gfx/bg-li-callrecording-hover.jpg) top left no-repeat; }

	#menu .li-benefits { width: 162px; }
	#menu .li-benefits a { background: #F2B600 url(gfx/bg-li-benefits.jpg) top left no-repeat;  }
	#menu .li-benefits a:hover { color: white; background: #F2B600 url(gfx/bg-li-benefits-hover.jpg) top left no-repeat;  }

	#menu .li-aboutus { width: 82px; }
	#menu .li-aboutus a { background: #F2410A url(gfx/bg-li-aboutus.jpg) top left no-repeat; }
	#menu .li-aboutus a:hover { color: white; background: #F2410A url(gfx/bg-li-aboutus-hover.jpg) top left no-repeat; }

	#menu .li-contact { width: 92px; }
	#menu .li-contact a { background: #D023FC url(gfx/bg-li-contact.jpg) top left no-repeat; }
	#menu .li-contact a:hover { color: white; background: #D023FC url(gfx/bg-li-contact-hover.jpg) top left no-repeat; }

	#menu .li-news { width: 112px; }
	#menu .li-news a { background: #7523fd url(gfx/bg-li-news.jpg) top left no-repeat; }
	#menu .li-news a:hover { color: white; background: #7523fd url(gfx/bg-li-news-hover.jpg) top left no-repeat; }
	
	
#menu ul li ul { display: none; }

/* specific to non IE browsers */

/* #menu ul li:hover a {color:#fff; background: #393939; } */
#menu ul li:hover ul {display:block; position:absolute; top:41px; left:0; width:220px; }
#menu ul li:hover ul li { width:220px; font: normal 11px arial, sans-serif; }

#menu ul li:hover ul li a {display:block; color:white; height: 15px; padding: 6px 0 6px 20px;  border-left: 0; border-right: 0;  }
/* #menu ul li:hover ul li a:hover {color:#fff; background: #555; } */

#menu .ul-cr a { background: #4FDC10; }
#menu .ul-li-cr a:hover { background: #69E431; }

#menu .ul-be a { background: #F2B600; }
#menu .ul-li-be a:hover { background: #F6C634; }





/* Image Area */

div#largeimage { width: 880px; }

.image-homepage { border-top: 10px solid #41A0FC; border-bottom: 5px solid #41A0FC; }
.image-callrecording { border-top: 10px solid #4FDC10; border-bottom: 5px solid #4FDC10; }
.image-benefits { border-top: 10px solid #F2B600; border-bottom: 5px solid #F2B600; }
.image-aboutus { border-top: 10px solid #F2410A; border-bottom: 5px solid #F2410A; }
.image-contact { border-top: 10px solid #D023FC; border-bottom: 5px solid #D023FC; }
.image-sitemap { border-top: 10px solid #41A0FC; }
.image-news { border-top: 10px solid #7523fd; }


/* Main Holder */

div#mainholder { width: 880px;  }



/* Content Area */

div#content-homepage { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-callrecording { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-benefits { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-aboutus { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-contact { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-news { width: 500px; padding: 20px 40px 40px 40px; float: left; }


h1 { margin: 10px 0 10px 0; padding: 0; font: normal 30px Arial, Helvetica, sans-serif; }
p { margin: 15px 0 15px 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #555; }

.intro { font: normal 18px Arial, Helvetica, sans-serif; line-height: 24px; }
.featured-news { font: bold 14px Arial, Helvetica, sans-serif; line-height: 20px; }
.news-image { float: left; padding-right: 15px; padding-bottom: 15px; }

#content-news .news-title { font: bold 14px Arial, Helvetica, sans-serif; line-height: 20px; margin-bottom: 0; }
#content-news .news-title a { text-decoration: none; }
#content-news .news-title a:hover { text-decoration: underline; }

#content-news .bookmark-box { padding: 0 15px 0 15px; border: 1px solid #ddd; margin: 10px 0 10px 0; }
#content-news .bookmark-box p { font: normal 11px Arial, Helvetica, sans-serif; }
#content-news .bookmark-box p a { text-decoration: none; }
#content-news .bookmark-box p a:hover { text-decoration: underline; }
#content-news .bookmark-icon { margin-right: 1px; margin-left: 1px; }
#content-news .news-date { font: normal 12px Arial, Helvetica, sans-serif; color: #999; }


/* specialist header styles */
#content-homepage h1 { color: #41A0FC; }
#content-homepage h1 a { color: #41A0FC; }

#content-callrecording h1 { color: #4FDC10; }
#content-callrecording h1 a { color: #4FDC10; }

#content-benefits h1 { color: #F2B600; }
#content-benefits h1 a { color: #F2B600; }

#content-aboutus h1 { color: #F2410A; }
#content-aboutus h1 a { color: #F2410A; }

#content-contact h1 { color: #D023FC; }
#content-contact h1 a { color: #D023FC; }

#content-news h1 { color: #7523fd; }
#content-news h1 a { color: #7523fd; }


/* specialist paragraph styles */
#content-homepage p a { color: #41A0FC; }
#content-homepage p a:hover { color: #41A0FC; text-decoration: none; }
#content-homepage .quote { color: #41A0FC; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-callrecording p a { color: #4FDC10; }
#content-callrecording p a:hover { color: #4FDC10; text-decoration: none; }
#content-callrecording .quote { color: #4FDC10; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-benefits p a { color: #F2B600; }
#content-benefits p a:hover { color: #F2B600; text-decoration: none; }
#content-benefits .quote { color: #F2B600; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-aboutus p a { color: #F2410A; }
#content-aboutus p a:hover { color: #F2410A; text-decoration: none; }
#content-aboutus .quote { color: #F2410A; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-contact p a { color: #D023FC; }
#content-contact p a:hover { color: #D023FC; text-decoration: none; }
#content-contact .quote { color: #D023FC; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-news p a { color: #7523fd; }
#content-news p a:hover { color: #7523fd; text-decoration: none; }
#content-news .quote { color: #7523fd; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }


/* specialist list item styles */
#content-homepage ul { margin: 0; padding: 1px 0 1px 0; }
#content-homepage ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(gfx/bg-content-hp-li.gif) top left no-repeat; }
#content-homepage ul li a { color: #41A0FC; }
#content-homepage ul li a:hover { text-decoration: none; }

#content-callrecording ul { margin: 0; padding: 1px 0 1px 0; }
#content-callrecording ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(gfx/bg-content-cr-li.gif) top left no-repeat; }
#content-callrecording ul li a { color: #4FDC10; }
#content-callrecording ul li a:hover { text-decoration: none; }

#content-benefits ul { margin: 0; padding: 1px 0 1px 0; }
#content-benefits ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(gfx/bg-content-be-li.gif) top left no-repeat; }
#content-benefits ul li a { color: #F2B600; }
#content-benefits ul li a:hover { text-decoration: none; }

#content-aboutus ul { margin: 0; padding: 1px 0 1px 0; }
#content-aboutus ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(gfx/bg-content-ab-li.gif) top left no-repeat; }
#content-aboutus ul li a { color: #F2410A; }
#content-aboutus ul li a:hover { text-decoration: none; }

#content-contact ul { margin: 0; padding: 1px 0 1px 0; }
#content-contact ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(gfx/bg-content-co-li.gif) top left no-repeat; }
#content-contact ul li a { color: #D023FC; }
#content-contact ul li a:hover { text-decoration: none; }

#content-news ul { margin: 0; padding: 1px 0 1px 0; }
#content-news ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(gfx/bg-content-ne-li.gif) top left no-repeat; }
#content-news ul li a { color: #7523fd; }
#content-news ul li a:hover { text-decoration: none; }


/* Sidebar to the Right */

#sidebar { width: 205px; float: left; margin-top: 40px; padding: 20px 25px 20px 30px; }

#sidebar p { margin: 0; padding: 10px 0 10px 0; color: white; }
#sidebar p a { color: white; text-decoration: underline; }
#sidebar p a:hover { text-decoration: none; }

#sidebar .sideheader {  font: normal 18px Arial, Helvetica, sans-serif; color: white; line-height: 24px;  }
#sidebar .sideheader a {  text-decoration: none;  }

#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { width: 190px; list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 20px; font: normal 11px Arial, Helvetica, sans-serif; color: white; }
#sidebar ul li a { color: white; text-decoration: none; padding: 0 0 0 0; }
#sidebar ul li a:hover { text-decoration: underline; }


.sidebar-homepage { background: url(gfx/bg-sidebar-homepage.jpg) no-repeat; height: 235px; }
.sidebar-homepage li { background: url(gfx/bg-sidebar-hp-li.gif) top left no-repeat; }

.sidebar-callrecording { background: url(gfx/bg-sidebar-callrecording.jpg) no-repeat; height: 310px; }
.sidebar-callrecording li { background: url(gfx/bg-sidebar-cr-li.gif) top left no-repeat; }

.sidebar-benefits { background: url(gfx/bg-sidebar-benefits.jpg) no-repeat; height: 280px; }
.sidebar-benefits li { background: url(gfx/bg-sidebar-be-li.gif) top left no-repeat; }

.sidebar-aboutus { background: url(gfx/bg-sidebar-aboutus.jpg) no-repeat; height: 190px; }
.sidebar-aboutus li { background: url(gfx/bg-sidebar-ab-li.gif) top left no-repeat; }

.sidebar-contact { background: url(gfx/bg-sidebar-contact.jpg) no-repeat; height: 205px; }
.sidebar-contact li { background: url(gfx/bg-sidebar-co-li.gif) top left no-repeat; }

.sidebar-news { background: url(gfx/bg-sidebar-news.jpg) no-repeat; height: 280px; }
.sidebar-news li { background: url(gfx/bg-sidebar-ne-li.gif) top left no-repeat; }

#sidebar-newsteaser { width: 230px; float: right; margin-top: 30px; margin-right: 40px; padding: 5px 10px 5px 10px; background: white; border: 5px solid #ddd; }
#sidebar-newsteaser p { margin: 0; padding: 0 0 5px 0; color: #555; }
#sidebar-newsteaser p a { color: #65bbf4; text-decoration: none; display: block; background: white url(gfx/bg-newsteaser.jpg) repeat-x; border: 1px solid #ddd; padding: 10px 10px 10px 10px; }
#sidebar-newsteaser p a:hover { background: #65bbf4; color: white; border: 1px solid #65bbf4; }
#sidebar-newsteaser .sideheader {  font: normal 18px Arial, Helvetica, sans-serif; color: #666; line-height: 24px; padding: 10px 10px 10px 0px; }
#sidebar-newsteaser .sideheader a {  text-decoration: none; padding: 0; color: #666; background: white; border: 0; }
#sidebar-newsteaser .sideheader a:hover {  background: white; color: #65bbf4; border: 0;  }
#sidebar-newsteaser li { background: url(gfx/bg-sidebar-ne-li.gif) top left no-repeat; }


/* Footer */

div#footer { width: 800px; height: 50px; background: #6FBBF7 url(gfx/bg-footer.gif) no-repeat; margin: 0 auto; padding: 1px 40px 30px 40px; }

.footer-homepage p a { color: #41A0FC; }
.footer-homepage p a:hover { color: #41A0FC; text-decoration: none; }

.footer-callrecording p a { color: #4FDC10; }
.footer-callrecording p a:hover { color: #4FDC10; text-decoration: none; }

.footer-benefits p a { color: #F2B600; }
.footer-benefits p a:hover { color: #F2B600; text-decoration: none; }

.footer-aboutus p a { color: #F2410A; }
.footer-aboutus p a:hover { color: #F2410A; text-decoration: none; }

.footer-contact p a { color: #D023FC; }
.footer-contact p a:hover { color: #D023FC; text-decoration: none; }

.footer-news p a { color: #7523fd; }
.footer-news p a:hover { color: #7523fd; text-decoration: none; }

.rsslogo { float: left; margin: 0 10px 10px 0; }



/* Misc */

.small { font: normal 10px Arial, Helvetica, sans-serif; } 

hr { border: 0; margin: 0; padding: 0; height: 1px; color: #ddd; background-color: #ddd; }

.clear { clear: both; margin: 0; }