/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.hidden {
	clear:both;
  	visibility:hidden;
	margin:0px;
 	padding:0px;
}
p  {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align: left;
}


body	{
	font: normal 14px/17px Arial, Geneva, sans-serif;
	color:#FFFFFF;
	background-color: #a8a8a8;
	behavior: 260px bottom;
}
body a:link {
	color:#404447;
	text-decoration:none;
}
body a:visited {
	color:#404447;
	text-decoration:none;
}
body a:hover	{
	color:#0B0708;
	text-decoration:none;
}
h1 {
	color: #FFFFFF;
	font: bold 26px/32px Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 10px 0px 15px 0px;
	clear: both;
	}
#content_text #text_holder_case h1, #content_text_case #text_holder_case h1 {
	display: inline;
	color: #ffffff;
	font: bold 16px/20px Arial, Geneva, sans-serif;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	border-top: none;
	}
#logo h1 {
	color: #3e3e3e;
	font: bold 14px/14px Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	}
h2 {
	color: #ffffff;
	font: bold 15px/19px Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px 0px 22px 0px;
	border-top: none;
	}
#sidebar_right h2 {
	color: #ffffff;
	font: bold 17px/41px Arial, Geneva, sans-serif;
	padding: 0px 0px 10px 30px;
	margin: 0px;
	background-image: url(images/bg_h2_sidebar.jpg);
	float: left;
	width: 260px;
	background-position: top right;
	background-repeat: no-repeat;
	}
.box_text h2 {
	color: #ffffff;
	font: bold 14px/17px Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	border-top: none;
	letter-spacing: 0px;
	}
.box_textwhat h2 {
	color: #ffffff;
	font: bold 17px/20px Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	border-top: none;
	letter-spacing: 0px;
	}
h3 {
	color: #5B6165;
	font: bold 18px/18px Arial, Geneva, sans-serif;
	padding: 0px 0px 8px 0px;
	margin: 0px;
	border:none;
}

#sidebar h3 {
	color: #a2aab2;
	font: normal 23px/23px Arial, Geneva, sans-serif;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	border:none;
	letter-spacing: 1px;
}

h4 {
	color: #3d3d3d;
	font: bold 15px/17px Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	border:none;
	text-indent: 20px;
}


#wrapper_outer {
	position: relative;
	width:960px;
	clear: both;
	padding: 22px 0px 0px 0px;
	margin: 32px auto 0px auto;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #a8a8a8;
	background-image: url(images/bg_top.jpg);
}
#wrapper {
	position: relative;
	width:960px;
	clear: both;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

#header {
	padding:0px;
	width: 960px;
	margin: 0px auto;
	height: 120px;
}

#logo	{
	float: left;
	width: 100px;
	padding: 42px 30px 0px 30px;
	height: 104px;
	}
#container {
	padding:0px;
	width: 960px;
	margin: 0px;
	float: left;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
	display: block;
	z-index: 0;
}
#container_home {
	padding:0px;
	width: 960px;
	margin: 0px;
	float: left;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
	display: block;
	z-index: 0;
	height: 738px;
}
#container_image {
	padding:0px;
	width: 960px;
	margin: 0px;
	float: left;
	background-image: url(images/bg_home.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	display: block;
	z-index: 0;
}

#footer, #footer_long, #footer_long2, #footer_home, #footer_what, #footer_contact {
	width:198px;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	color: #565656;
	position: absolute;
	height: 26px;
	bottom: 2px;
	left: 0px;
	background-image: url(images/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 26px;
}


#sidebar	{
	float: left;
	width: 196px;
	position: relative;
	min-height: 697px;
	height: 697px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg_home.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
#outer	{
	float: left;
	width: 714px;
	z-index: 1000;
	position: relative;
	padding: 0px 0px 0px 30px;
	display: block;
	}
#content	{
	float: left;
	width: 714px;
	position: relative;
	display: block;
	z-index: 0;
	}
#content_c	{
	float: right;
	width: 764px;
	position: relative;
	}
#navigation {
	padding: 50px 0px 0px 0px;
	margin: 0px;
	float: left;
	position: relative;
	height: 210px;
	display: block;
	width: 168px;
	z-index: 5;
	}

#navigation ul {
	list-style:none;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 50px;
	width: 168px;
		}

#navigation ul li {
	float: left;
	height: 38px;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	display: block;
	width: 960px;
	}

#navigation ul li a {
	float: left;
	padding: 0px 0px 0px 30px;
	width: 138px;
	display: block;
	height: 38px;
	font: bold 15px/38px Arial, Geneva, sans-serif;
	}
#navigation ul li a:link, #navigation ul li a:visited  {
	text-decoration: none;
	color: #000000;
	}

#navigation ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}


#navigation ul li.active, #navigation ul li.active a, #navigation ul li.active a:hover, #navigation ul li.active a:visited 	{
	color: #ffffff;
	background-image: url(images/bg_nav.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#navigation ul li.activewho, #navigation ul li.activewho a, #navigation ul li.activewho a:hover, #navigation ul li.activewho a:visited 	{
	color: #ffffff;
	background-image: url(images/bg_nav_who.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#navigation ul li.activewhat, #navigation ul li.activewhat a, #navigation ul li.activewhat a:hover, #navigation ul li.activewhat a:visited 	{
	color: #ffffff;
	background-image: url(images/bg_nav_what.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#navigation ul li.activehow, #navigation ul li.activehow a, #navigation ul li.activehow a:hover, #navigation ul li.activehow a:visited 	{
	color: #ffffff;
	background-image: url(images/bg_nav_how.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#navigation ul li.activecontact, #navigation ul li.activecontact a, #navigation ul li.activecontact a:hover, #navigation ul li.activecontact a:visited 	{
	color: #ffffff;
	background-image: url(images/bg_nav_contact.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#adress	{
	width: 138px;
	color: #000000;
	font: normal 10px/14px Arial, Geneva, sans-serif;
	padding: 0px 0px 0px 25px;
	position: absolute;
	left: 0px;
	bottom: 56px;
	z-index: 2000;
	}
.home	{
	background-image: url(images/bg_home.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
.text_box	{
	float: left;
	width: 400px;
	padding: 10px 0px 0px 10px;
	}
#content_text	{
	margin: 0px;
	padding: 30px 0px 0px 25px;
	width: 619px;
	position: relative;
	min-height: 667px;
	z-index: 4000;
	float: left;
	background-color: #565656;
	height: 667px;
	}
#content_text_how	{
	margin: 0px;
	padding: 30px 0px 0px 25px;
	width: 619px;
	position: relative;
	min-height: 767px;
	z-index: 4000;
	float: left;
	background-color: #565656;
	height: 767px;
	}
#content_text_case	{
	margin: 0px;
	padding: 30px 0px 0px 25px;
	width: 619px;
	position: relative;
	min-height: 667px;
	z-index: 4000;
	float: left;
	background-color: #565656;
	}
#content_text_contact	{
	margin: 0px;
	padding: 30px 0px 0px 25px;
	width: 634px;
	position: relative;
	min-height: 667px;
	z-index: 400;
	float: left;
	}
#content_text_2	{
	margin: 0px;
	padding: 30px 0px 0px 25px;
	width: 619px;
	position: relative;
	z-index: 4000;
	float: left;
	background-color: #565656;
	}
.text_holder {
	float: left;
	width: 250px;
	padding: 20px 0px 30px 25px;
	}
#text_holder_case {
	float: left;
	width: 220px;
	padding: 20px 0px 30px 25px;
	}
.text_holder_what {
	float: left;
	width: 560px;
	padding: 20px 0px 80px 25px;
	}
#content_text h1, #content_text_2 h1, #content_text_how h1	{
	display: none;
	}
#content_case	{
	float: left;
	margin: 0px;
	padding: 25px 0px 20px 25px;
	width: 628px;
	height: 791px;
	min-height: 791px;
	display: block;
	}
#content_case_2	{
	float: left;
	margin: 0px 0px 0px 25px;
	background-color: #025a85;
	padding: 25px 225px 20px 25px;
	width: 390px;
	position: relative;
	height: 695px;
	min-height: 695px;
	}
#content_text ul, #content_case ul, #content_text_2 ul {
	margin: 0px 0px 20px 25px;
	}
#content_text ul li, #content_case ul li, #content_text_2 ul li {
	padding: 0px 0px 0px 17px;
	margin: 0px;
	font-size: 14px;
	background-image: url(images/heart.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 22px;
	}
#content_text ul li.no_heart, #content_case ul li.no_heart, #content_text_2 ul li.no_heart {
	background-repeat: no-repeat;
	background-position: 43px 11px;
	list-style: disc;
	margin: 0px 0px 0px 57px;
	background-image: url(none);
	padding: 0px;
}
#sidebar_right_holder	{
	width:271px;
	padding: 40px 0px 10px 25px;
	float: right;
	display: block;
	background-image: url(images/bg_contact.gif);
	height: 278px;
	line-height: 18px;
	background-position: top right;
	background-repeat: no-repeat;
		}
#sidebar_right	{
	width:292px;
	background-color: #34373E;
	color: #3d3d3d;
	font-size: 12px;
	line-height: 15px;
	background-repeat: repeat-y;
	padding: 0px;
	background-position: right;
	clear: both;
	float: right;
	display: inline;
	margin: 20px 40px 20px 0px;
	position: relative;
		}
#sidebar_right_holder a:link, #sidebar_right_holder a:visited	{
	color: #ffffff;
	text-decoration: none;
	}
#sidebar_right_holder a:hover	{
	color: #ffffff;
	text-decoration: underline;
	}
#sidebar_right h3	{
	width: 220px;
	height: 41px;
	font: normal 18px/42px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-image: url(images/bg_sidebar_right_h3.jpg);
	margin: 0px 0px 16px 0px;
	padding: 2px 0px 0px 0px;
	text-indent: 18px;
	clear: both;
	}
#sidebar_right p	{
	padding: 0px 18px 0px 20px;
	margin: 0px 0px 15px 0px;
	}
#sidebar_right a:link, #sidebar_right a:visited, #sidebar_right h2 a:link, #sidebar_right h2 a:visited, #sidebar_right p a:link, #sidebar_right p a:visited	{
	color: #007AAA;
	text-decoration: none;
	}
#sidebar_right a:hover, #sidebar_right h2 a:hover, #sidebar_right p a:hover	{
	color: #025A85;
	text-decoration: underline;
	}
.small	{
	font-size: 11px;
	color: #91C0EB;
	line-height: 14px;
	}
.small_2	{
	font-size: 12px;
	}
#sidebar_right .small a:hover {
	text-decoration: underline;
	}
#content_text a:link, #content_text a:visited	{
	color: #ffffff;
	text-decoration: none;
	}
#content_text a:hover	{
	color: #6FBB20;
	text-decoration: none;
	}
.quotes_up	{
	padding: 5px 0px 10px 0px;
	background-image: url(images/quotes_up.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: -25px 0px 0px 20px;
	width: 250px;
	float: left;
	display: inline;
	}
.quotes_down	{
	color: #91C0EB;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	padding: 0px 10px 5px 0px;
	background-image: url(images/quotes_down.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-indent: 20px;
	margin: 0px 0px 5px 0px;
	} 
.quotes_down_2{
	color: #89d9ff;
	font: normal 15px/18px Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	background-image: url(images/quotes_down_2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	} 
.case	{
	width: 177px;
	padding: 0px 0px 12px 20px;
	clear: both;
	float: left;
	}
.case h2	{
	font: bold 14px/17px Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #3d3d3d;
	letter-spacing: -1px;
	}
.caseimage	{
	width: 100%;
	clear: both;
	margin: 35px 0px 0px 0px;
	}
.caseimagefirst	{	
	width: 100%;
	clear: both;
	}
.caseimage a:link, .caseimage a:visited, .caseimagefirst a:link, .caseimagefirst a:visited 	{
	overflow:hidden;
	width: 177px;
	display: block;
	text-align: right;
	}


/* ie6 needs his fix*/  
.caseimage a:hover {zoom:1;} 
#sidebar_right .case a:hover img {
	margin-left:-177px;
}

.img_padd	{
	margin: 0px;
	}
.closex	{
	overflow:hidden;
	width: 20px;
	z-index: 100;
	position: absolute;
	right: 10px;
	top: 10px;
	}
.closex a:link, .closex a:visited 	{
	overflow:hidden;
	display: inline;
	text-align: left;
	width: 20px;
	}

/* ie6 needs his fix*/  
.closex a:hover {zoom:1;} 
.closex a:hover img {
	margin-left:-20px;
}
.left_box_case	{
	width: 430px;
	font-size: 14px;
	margin: 0px;
	padding: 0;
	float: left;
	}
#right_box_case	{
	float: right;
	width: 430px;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}
.alignleft	{
	float: left;
	margin: 0px 0px 15px 0px;
	}
#home_boxes	{
	float: right;
	padding: 50px 0px 20px 16px;
	display: block;
	position: absolute;
	width: 269px;
	background-color: #535451;
	right: 10px;
	top: -22px;
	height: 690px;
	}
#what_boxes	{
	float: left;
	padding: 0px;
	display: block;
	position: relative;
	width: 610px;
	background-color: #535451;
	}
.box_outer	{
	float: left;
	width: 230px;
	padding: 0px 0px 0px 15px;
	display: block;
	}
.box {
	float: left;
	width: 252px;
	background-image: url(images/bg_box.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 35px 0px;
	z-index: 1000;
	background-position: top right;
	height: 195px;
	}
.box img	{
	float: left;
	margin: 0px 0px 10px 0px;
	}
.box h2 a:link, .box h2 a:visited	{
	color: #FFFFFF;
	}
.box a:hover, .box h2 a:hover	{
	color: #6FBB20;
	text-decoration: none;
	}
.boximg_holder {
	width: 240px;
	height: 123px;
	overflow: hidden;
	display: block;
	float: left;
	background-image: url(images/bg_boximage.jpg);
	background-repeat: no-repeat;
	background-position: 6px 0px;
	padding: 6px 6px 0px 0px;
	}
.boximg {
	width: 240px;
	height: 117px;
	overflow: hidden;
	display: block;
	float: left;
		}

.boximg a:link, .boximg a:visited 	{
	color: #FFFFFF;
		}
.boximg a:hover img {
	margin-left:-240px;
}
/* ie6 needs his fix*/  
.boximg a:hover {zoom:1;}  



.boxwhat {
	float: left;
	width: 192px;
	background-image: url(images/bg_box_what.jpg);
	background-repeat: no-repeat;
	padding: 0px 10px 25px 0px;
	z-index: 1000;
	background-position: 12px 0px;
	height: 180px;
	}
.boxwhat img	{
	float: left;
	margin: 0px 0px 10px 0px;
	}
.boxwhat h2 a:link, .boxwhat h2 a:visited	{
	color: #FFFFFF;
	}
.boxwhat a:hover, .boxwhat h2 a:hover	{
	color: #FFFFFF;
	text-decoration: underline;
	}
.boximg_holderwhat {
	width: 180px;
	height: 150px;
	overflow: hidden;
	display: block;
	float: left;
	background-image: url(images/bg_boximage_what.jpg);
	background-repeat: no-repeat;
	background-position: 6px 0px;
	padding: 6px 6px 0px 0px;
	}
.boximgwhat {
	width: 180px;
	height: 150px;
	overflow: hidden;
	display: block;
	float: left;
		}

.boximgwhat a:link, .boximgwhat a:visited 	{
	color: #FFFFFF;
		}
.boximgwhat a:hover img {
	margin-left:-180px;
}
/* ie6 needs his fix*/  
.boximgwhat a:hover {zoom:1;}  




.box_text	{
	width: 216px;
	z-index: 0;
	margin: 0px;
	padding: 15px 12px;
	float: right;
	}
.box_textwhat	{
	width: 154px;
	z-index: 0;
	margin: 0px;
	padding: 15px 12px;
	float: right;
	}
.homebox_link	{
	z-index: 2000;
	float: left;
	margin: 0px;
	}
#case_panel_holder	{
	width:590px;
	padding: 0px 0px 6px 0px;
	background-image:url(images/bg_sidebar_right_downcase.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	float: right;
	display: block;
	height: 785px;
		}
#case_panel	{
	width:590px;
	background-color: #f2f2e9;
	color: #3d3d3d;
	font-size: 12px;
	line-height: 15px;
	background-image: url(images/bg_sidebar_right.jpg);
	background-repeat: repeat-y;
	float: left;
	padding: 0px 0px 5px 0px;
	background-position: top right;
	min-height: 755px;
	height: 780px;
		}
#case_panel h1	{
	width: 590px;
	height: 41px;
	font: bold 18px/42px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-image: url(images/bg_sidebar_right_h1.jpg);
	margin: 0px 0px 20px 0px;
	padding: 2px 0px 0px 0px;
	text-indent: 18px;
	clear: both;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #86867D;
	}
.case_single	{
	float: left;
	width: 430px;
	padding: 0px 0px 5px 85px;
	line-height: 18px;
	}


.textsmall	{
	font-size: 13px;
	}
#content_holder	{
	float: left;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	width: 683px;
	background-repeat: repeat-y;
	z-index: 200;
	display: inline;
	}
#percepted	{
	font-size: 10px;
	width: 500px;
	margin: 0px;
	color: #666666;
	float: left;
	height: 20px;
	padding: 0px 0px 20px 0px;
	}
#percepted a:link, #percepted a:visited {
	color: #666666;
	}
#percepted a:hover {
	color: #666666;
	text-decoration:underline;
	}

#asterix	{
	font-size: 10px;
	float: left;
	width: 500px;
	margin: 200px 0px 0px 0px;
	color: #FFFFFF;
	padding: 0px 0px 0px 30px;
	}
#sidebar_images_case	{
	float:left;
	width: 274px;
	padding: 0px 8px 0px 0px;
	background-color: #6FBB20;
	}
.bottom_end	{
	position: absolute;
	bottom: 0px;
	right: 0px;
	}
.how	{
	background-image: url(images/bg_how.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 767px;
	}
#text_holder_case a:link, #text_holder_case a:visited	{
	color: #6FBB20;
	font-size: 11px;
	}
#text_holder_case a:hover	{
	color: #000000;
	}
#quote_side	{
	float: left;
	width: 244px;
	padding: 15px 15px 0px 15px;
	background-color: #353535;
	color: #cd93be;
	display: inline;
	text-align: left;
	}
#quote_side p	{
	float: left;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	}
#who_images	{
	float: right;
	display: block;
	width: 321px;
	margin: -26px 0px 0px 0px;
	}

a.feature01 
{
	border: none;
	margin: 0px 4px 4px 0px;
	display: inline;
	float: left;
	position: relative;
	text-decoration: none;
	filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;
 z-index: 0;

}
a.feature01:hover { border: none; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1; opacity:1; z-index:3; }
	a.feature01:hover .overlay01
	{
	position: absolute;
	z-index: 3;
	width: 100%;
	border: none;
	bottom: 0px;		
	}
		
		
		a.feature01 .overlay01 .caption01
		{
			position: absolute;
			height: 34px;
			padding: 3px 0px;
			line-height: 17px;
			width: 100%;
			z-index: 3;
			text-indent: -9999em;
			color: #ffffff;
			font-size: 12px;
			bottom: 0;
			overlay: hidden;
	}
		a.feature01 .overlay02 .caption01
		{
			position: absolute;
			height: 17px;
			padding: 3px 0px;
			line-height: 17px;
			width: 100%;
			z-index: 3;
			text-indent: -9999em;
			color: #ffffff;
			font-size: 12px;
			bottom: 0;
			overlay: hidden;
	}	
	.caption01 {
		display: none;
		}
		
		a.feature01:hover .caption01
		{
			text-indent: 0px;
			background-color: #000000;
			display: block;
			z-index: 3;
		}
	
			
		a.feature01 img { display: block; }
			
.who_images_right	{
	float: left;
	width: 169px;
	position: relative;
	}
.who_images_center	{
	float: left;
	width: 321px;
	position: relative;
	}
.who_images_left	{
	float: left;
	width: 152px;
	padding: 0px;
	position: relative;
	}
.who_images_left2	{
	float: left;
	width: 145px;
	padding: ;
	position: relative;
	}
.who_images_right2	{
	float: left;
	width: 176px;
	position: relative;
	}
.text_what 		{
	float: left;
	padding: 0px 0px 0px 5px;
	}
#quote_side_who	{
	float: right;
	width: 287px;
	padding: 15px 15px 0px 15px;
	background-color: #353535;
	color: #cd93be;
	display: inline;
	text-align: left;
	margin: 0px 4px 4px 200px;
	font-size: 12px;
	}
#quote_side_who p	{
	float: left;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	}