@charset "UTF-8";
/* CSS Document */
/*CARAVITA HOME CARE STYLES*/
/*CODED BY LADART CREATIVE*/
/* ----------------------------------- RESET */
/* ----------------------------------- BASE STYLES */
/* ----------------------------------- NAV STYLES */
/* ----------------------------------- MAIN CONTENT STYLES */
/* ----------------------------------- SLIDER STYLES */
/* ----------------------------------- FONT CONTROL STYLES */
/* ----------------------------------- BELOW SLIDER STYLES */
/* ----------------------------------- BOX STYLES */
/* RESET */
/* -------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
ul {
	margin: 0;
	padding: 0;
}
* html .threepxfix{
margin-left: 3px;
}

* {margin: 0px; padding:  0px;}
.centered {
	text-align: center;
}/* -----------<P CLASS="CENTERED">...</P>*//*------------------------ HTML TAG */

.small {
	font-size: 9px;
	font-style: normal;
	color: #a71930;
}/* -----------<P CLASS="SMALL">...</P>*//*------------------------ HTML TAG */

/* -------------------- */
/* ----------------------------------- BASE STYLES */
body {
	font-family: Century Gothic, sans-serif;
	font-size: 100%;
	background: #fff;
	background: url(../images/wallpaperbg22.jpg) repeat;;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. 
	The text is then set to the left aligned default in the #container selector */
	float: inherit;
}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
span.address {
	text-align: center;
	float: left;
	font-weight: bold;
	color: #a71930;
	margin-left: 23px;
}
a:link {
	font-weight:bold;
}
a:visited {
	font-weight: bold;
	color: #600;
}
a:link:hover {
	font-weight: bold;
	text-decoration: none;
}
a:visited:hover {
	font-weight: bold;
	color: #333;
}

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

/*
FOR 3S SLIDER USE
.floatLeft 			{ float: left; padding-left: 100px;}
.floatRight			{ float: right; padding-right: 100px; }

*/


#BannerDiv { width: 954px; height: 260px; border-left: 3px solid #CCC; border-right: 3px solid #CCC; }
/* TO CALL IF FLASH BANNER IS USED:
<div align="center"><div id="BannerDiv">
	<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>
</div></div> CLOSES FLASH BANNER 
*/

h1 {
	font-family: Century Gothic, sans-serif;
	text-align: left;
	font-size: 19px;
	color: #333;
	text-shadow: #676868 1px 1px 1px;
}

h2 {
	text-align: justify;
	color: #666;
	font-family: Century Gothic, sans-serif;
	font-size: 1.9em;

}
h3 {
	color: #a71930;
	text-indent: 5px;
	font-size: 12px;
}
/* ----------------------------------- END BASE STYLES */

/* ----------------------------------- COMMON STYLES */
#header {
	margin-top: 10px;
	background-image: none;
	overflow: visible;
	height: 50px;
	width: 960px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. 
	If an image is used in the #header instead of text, you may want to remove the padding. */
}

#header h1 {
	text-align: right;
	padding-right: 30px;
	color:#333;
}
/* ----------------------------------- FORM STYLES */
.sendbutton {    
 background-image: url(../images/submit_off.png);
 background-repeat: no-repeat;
 background-position: center;  
}
.resetbutton {    
 background-image: url(../images/submit_off.png);
 background-repeat: no-repeat;
 background-position: center;  
}
input {
 background-color: #fff;
}

form {
 padding: 2px 5px 5px 5px;
}

#private-duty {
	border: 1px solid #a71930;
	width: 90px; 
	margin-left: 5px; 
	margin-top: 0px; 
	text-align:center;
	float: right;
}
span.red {
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	color: #a71930;
}
span.smlink {
	text-align: center;
	font-size:14px;
	font-weight: bold;
}
/* -----------------------------------END FORM STYLES */




/* ----------------------------------- NAV STYLES *//*NAVIGATION STYLE*/
#nav-holder {
	margin: 0 auto;
	background-image: url(../images/navbggreen.png);
	background-repeat: repeat-x;
	background-position: center;
	width: 960px;
	height: 76px;
}
#nav {
      background: url(../images/nav4.png);
      height: 76px;
      width: 876px;
      margin: 0px auto;
      position: relative;
      top: 0px; /* VERTICAL POSITION */
}

#nav li {
	list-style-type: none;
	float: left;
}

#nav a {
	height: 76px;
	display: block;
}

#nav span {display: none;}

#list1 { width: 113px; }
#list2 { width: 131px; }
#list3 { width: 129px; }
#list4 { width: 129px; }
#list5 { width: 130px; }
#list6 { width: 131px; }
#list7 { width: 113px; }

#list1 a:hover {
      background: url(../images/nav4.png) 0px -76px no-repeat;
}

#list2 a:hover {
      background: url(../images/nav4.png) -113px -76px no-repeat;
}

#list3 a:hover {
      background: url(../images/nav4.png) -244px -76px no-repeat;
}

#list4 a:hover {
      background: url(../images/nav2.png) -373px -76px no-repeat;
}

#list5 a:hover {
      background: url(../images/nav4.png) -502px -76px no-repeat;
}

#list6 a:hover {
      background: url(../images/nav4.png) -632px -76px no-repeat;
}

#list7 a:hover {
      background: url(../images/nav4.png) -763px -76px no-repeat;
}
/* ----------------------------------- END MAIN NAV STYLES */


/* ----------------------------------- HEADER NAV STYLES */
/*miniNAVIGATION STYLE*/

#mininav-holder {
      height: 42px;
      width: 426px;
      margin-right: 28px;
	  float: right;
}

#mininav {
      background: url(../images/mininav.png);
      height: 42px;
      width: 426px;
      margin: 0px auto;
      position: relative;
      top: 5px; /* VERTICAL POSITION */
}

#mininav li {
	list-style-type: none;
	float: left;
}

#mininav a {
	height: 42px;
	display: block;
}

#mininav span {display: none;}

#minilist1 { width: 213px; }
#minilist2 { width: 213px; }


#minilist1 a:hover {
      background: url(../images/mininav.png) 0px -42px no-repeat;
}

#minilist2 a:hover {
      background: url(../images/mininav.png) -213px -42px no-repeat;
}


#faq-holder { float:left; margin: 0 auto; padding-left: 50px; width:106px; height: 42px; top: 10px; }

#faqnav {
      background: url(../images/FAQbutton2.png);
      height: 42px;
      width: 106px;
      margin: 0px auto;
      position: relative;
      top: 10px; /* VERTICAL POSITION */
}

#faqnav li {
	list-style-type: none;
	float: left;
}

#faqnav a {
	height: 42px;
	display: block;
	cursor: help;
}

#faqnav span {display: none;}

#faqlist1 { width: 106px; }



#faqlist1 a:hover {
      background: url(../images/FAQbutton2.png) 0px -42px no-repeat;
}
/* ----------------------------------- END mini NAV STYLES */
/* ----------------------------------- END ALL NAV STYLES */


/* ----------------------------------- MAIN CONTENT TOP STYLES */
#main-top{
	width:960px;
	margin: 0 auto;
	background:url(../images/main_tophome.png) no-repeat;
	background-position: center;
	height: 50px;
}
#main-top p {
	text-align: justify;
	border: 1px #333 thin;
	color: #600;
	font-size: 100%;
}
#main-top a {
	color: #036;
	text-decoration: none;
}

#main-top a:hover {
	color: #333;
}

#main-top h1 {
	padding-left: 400px;
	color: #333;
	padding-top: 15px;
}

#main-top h2 {
	font-size: 100%;
	color: #666;
	text-align: right;
	padding-right: 30px;
	padding-top: 19px;
}

#print-holder {
	float: right;
		margin-top: 2px;
	font-size: 11px;
	text-align: center;
}
#message {
	margin: 0 auto;
	height: 33px;
	width: 960px;
	background-image: url(../images/messagebg.png);
	background-repeat: no-repeat;
	background-position: center;
}
#favorites {
	float:right;
	padding: 0px;
	margin-right: 10px;
	margin-top: 2px;
}
#message a {
	color: #036;
	text-decoration: none;
}
/* -----------------------------------END MAIN TOP STYLES */

/* ----------------------------------- MAIN CONTENT STYLES *//*Main Content is actually the area below the slider*/
#main-content{
	margin: 0 auto;
	width: 960px;
	background-image: url(../images/main_mid.png);
	background-repeat: repeat-y;
	background-position: center;
	height: auto;
	word-wrap: break-word;/*NOT SUPPORTED BY ALL BROWSERS*/
}

#main-content p {
	text-align: justify;
	line-height: normal;
	font-size: 100%;
	border: 1px #333 thin;
	padding-left: 20px;
	padding-right: 20px;
	color: #333;
}

#main-content a {
	color: #036;
	text-decoration: none;
}

#main-content a:hover {
	color: #a71930;
	text-decoration: none;
}
#main-content h1 {
	text-align: justify;
	padding-left: 30px;
	font-size: 27px;
	color: #30490B;
}
#main-content h2 {
	text-align: justify;
	color: #a71930;
	padding-left: 20px;
	font-size: 19px;
}
#main-content h3 {
	text-align: justify;
	color: #a71930;
	padding-left: 10px;
	font-size: 17px;
}
.addcontent {
	margin: 0 20px 0 20px;
	height: auto;
}
.contentA { 
	margin: 0 auto;
	padding: 20px;
	width: 960px;
	height: auto;
}
.twitter-feed {
	float: left;
	padding: 10px 20px 10px 20px;
	border-right: 1px solid #a71930;
	width: 250px;
	height: 260px;
}
.memberships {
	float: right;
	margin-right: 10px;
	padding: 10px 0px 10px 5px;
	width: 250px;
	height: 290px;
}
.social-holder {
	float: left;
	padding: 3px 20px 10px 20px;
	border-right: 1px solid #a71930;
	width: 300px;
	height: 270px;
}
.twittThis {
	float: right;
	clear: none;
	margin-top: 20px;
	width: auto;
	height: auto;
}
.facebook {
	margin: 0px 10px 10px 10px;
	width: 250px;
	height: auto;
}
.blog {
	margin: 10px;
	width:90px;
	height: 50px;
	float: left;
	clear:none;
}
span.blog-text {
	width: auto;
	padding-top: 15px;
	text-align: center;
	font-weight: bold;
	font-size:10px;
}
.somerby {
	margin-top: 15px;
	margin-right: 5px;
	width: 110px;
	float: left;
}
.modernsenliving {
	margin-top: 15px;
	width: 110px;
	float: right;
}
/* ----------------------------------- END MAIN CONTENT STYLES */
#footer-box {
	margin: 0 auto;
	width:960px;
	overflow: visible;
	background-image: url(../images/main_bot.png);
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px thin #333;
	height: 80px;
	font-size: 10px;
}
#address-holder {
	width: 400px;
	height: auto;
	margin-right: 280px;
	margin-left: 280px;
	background-image: url(../images/addressbg.png);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
	color: #a71930;
}
#address-holder p {
	text-align: center;
	color: #333;
	font-size: 12px;
}


.footer-links {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-style: italic bold;
	color:#333;
	background-image: url(../images/footerlinks_bg.png);
	background-repeat: repeat;
	background-position: center;
	border: 1px solid #999;
	padding: 5px;
	text-align: center;
	width: 950px;
}

.footer-links a {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
.footer-links a:hover {
	color: #a71930;
	font-weight: bold;
	border-bottom: 1px solid #a71930;
}

/* ----------------------------------- END PAGE BOTTOM STYLES */







/* ----------------------------------- BOX STYLES */
.leftbox {
	float: left;
	clear: none;
	height: auto;
	width: 259px;
	margin: 30px;
}
.leftbox-top {
	margin: 0 auto;
	height: 68px;
	width: 259px;
	background-image:url(../images/left_top.png);
	background-repeat: no-repeat;
	background-position: center;
}
.leftbox-content {
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	height: auto;
	border: 1px solid #CCC;
	width: 259px;
	font-size: 14px;
}
.leftbox-bot {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/left_bot.png);
	background-repeat: no-repeat;
	background-position: center;
}



.midbox {
	float: left;
	clear: none;
	height: auto;
	width: 259px;
	margin: 20px;
}
.midbox-top {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/mid_top.png);
	background-repeat: no-repeat;
	background-position: center;
}
.midbox-content {
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	border: 1px solid #CCC;
	height: auto;
	width: 259px;
	font-size: 14px;
}
.midbox-bot {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/mid_bot.png);
	background-repeat: no-repeat;
	background-position: center;
}



.rightbox {
	float: left;
	clear: none;
	height: auto;
	width: 259px;
	margin: 30px;
}
.rightbox-top {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/right_top.png);
	background-repeat: no-repeat;
	background-position: center;
}
.rightbox-content {
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	height: auto;
	border: 1px solid #CCC;
	width: 259px;
	font-size: 14px;
}
.rightbox-content h3 {
	margin-right: 5px;
}
.rightbox-bot {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/right_bot.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* ----------------------------------- END BOX STYLES */




/* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**//* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**/


/* ----------------------------------- SLIDER STYLES *//*SLIDER STYLE*/
#s3slider-holder {
	margin: 0 auto;
	height: 300px;
	width: 960px;
	 background-image: url(../images/bannerlogobgB.png);
	 overflow: visible;
  	 background-repeat: no-repeat;
  	 border-bottom: 1px solid #CCC;
     background-position: center;
}
#s3slider {
   width: 960px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   border-top: none;
   position: relative; /* important */
   overflow: hidden; /* important */
}
/*<span class="bottom"><strong>Read Through Our Resources and Information</strong><br /><a href="http://www.caravita.com">Click here to learn more</a></span>*/



#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background: none;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 


/* ----------------------------------- END SLIDER STYLES */

/* ----------------------------------- FONT CONTROL STYLES AND SPEECH CONTROL STYLES */

.smallFont {
	outline: none; /*for making it look nice in FF */
	background: url(../images/font-down.png);
	text-indent: -9999px;
	display: block;
	float: right;
	width: 32px;
	height: 32px;
}

.defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url(../images/font-default.png);
	text-indent: -9999px;
	outline: none;
	display: block;
	float: right;
	width: 32px;
	height: 32px;
}

.largeFont {
	background: url(../images/font-up.png);
	outline: none;
	text-indent: -9999px;
	display: block;
	float: right;
	width: 32px;
	height: 32px;
}

.ldisabled,.sdisabled { /*Styles for disabled buttons*/
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	/*This is for IE8 */
	filter: alpha(opacity = 30);
}
#font-controls {
	
		background-image: url(../images/main_mid.png);
		background-repeat: repeat-x;
		background-position: center;
}
#holder1, #holder2 { 
		margin-left: 20px;
		width:100px;
		height:32px;
	}
/*SPEECH*/
#voice-volume { -xv-voice-volume: x-soft; -xv-voice-balance: right; }
#voice-balance { -xv-voice-balance: left; }
#speech-cue { cue-after: url(ding.wav); }
#voice-rate { -xv-voice-rate: x-slow; }
#voice-family { voice-family: female; }
#voice-pitch { -xv-voice-pitch: x-low; }
#speech-speak { speak: spell-out; }
/*SPEECH END*/

/* ----------------------------------- END FONT CONTROL STYLES */





/* ----------------------------------- BEGIN LYTEBOX STYLES */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }

/* -----------------------------------END LYTEBOX STYLES */
/* ROUND BOXES */
.rndbox {
  background: #C6D9EA;
  width: 700px;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #000033;
}
.rndtop {
  background: url(../topright.gif) no-repeat right top;
}
.rndbottom {
  background: url(../bottomright.gif) no-repeat right top;
}
.rndbottom img {
  display:block;
}
.rndbox p {
  margin: 0 0.4em 0 0.4em;
}



ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{
	border: none;
	padding: 0px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}