/*-----------------------------------------------------------------------------------------------------*/
/*                                         KABOOKABOO WEBSITE                                          */
/*-----------------------------------------------------------------------------------------------------*/
html{
	height:100%;max-height:100%;padding:0;margin:0;border:0;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/overflow: hidden;/* */
}
body{
	height:100%;max-height:100%;overflow:hidden;padding:0;margin:0;border:0;
	font-family:Arial, sans-serif;font-size:12px;color:#999999;
	background:url(../images/bg.jpg) no-repeat top center #22271f;
}

a:link,
a:visited{color:#FFFFFF;text-decoration:none;}
a:hover,
a:active,
a:visited:hover{color:#9cbd00;text-decoration:none;cursor:pointer;}

h1, h2, h3, h4, h5{margin:0;padding:0;}
/* MAIN TITLE */
h1{font-size:20px;color:#FFFFFF;}
/* SUBTITLE */
h2{font-size:15px;color:#9cbd00;margin-bottom:-10px;_margin-bottom:-18px;}
	.right_column h2{margin-bottom:4px;}
/* GREEN DATES */
h3{font-size:42px;font-weight:bold;color:#9cbd00;}
/* DATE: MONTH WHITE */
h4{font-size:22px;font-weight:bold;color:#FFFFFF;margin-bottom:-6px;}
/* DATE: YEAR WHITE */
h5{font-size:38px;color:#FFFFFF;font-weight:bold;}

ul{
	position:relative;
	list-style:none;
	/*
	list-style-image:none;
	list-style:square;
	list-style-image:url(../images/grey_bullet.gif);
	_list-style-image:url(../images/grey_bullet_ie.gif);
	*/
	margin:-10px 0 0 10px;_margin:-16px 0 0 10px;padding:0;
}
ul li{
	padding-left:8px;
	background:url(../images/grey_bullet.gif) no-repeat 0 8px;
}


/* GENERAL 
-------------------------------------------------------------------------------------------------------*/
p{display:block;}
img{border:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hide{display:none;}
.white{color:#FFFFFF;}
.border_bottom{
	margin-bottom:6px;padding-bottom:12px;
	background:url(../images/dots.gif) repeat-x bottom;
}


/* MENU/HEADER 
-------------------------------------------------------------------------------------------------------*/
.header_wrapper {
	position:absolute;top:0;right:17px;width:100%;margin:0;display:block;z-index:10;
}
.menu_wrapper{
	width:793px;margin:auto;
}
.logo{
	position:absolute;top:0;width:210px;
}
.menu{
	position:absolute;top:100px;width:210px;
}


	/* MAIN MENU
	-------------------------------------------------------------------------------------------------------*/
	#vertical_container{margin-top:-2px;_z-index:10;}
	#by_client_subnav,
	#by_service_subnav{display:none;}
	
	/* LEVEL 1 
	.accordion_toggle {
		font-size:15px;color:#FFFFFF;display:block;
		margin:0 0 0 12px;padding:8px 10px 8px 15px;
		outline:none;text-decoration:none;cursor:pointer;
		background:url(../images/nav/arrow_right.gif) no-repeat left center;
	}
	.accordion_toggle:hover{
		background:url(../images/nav/arrow_right_over.gif) no-repeat left center;
	}*/
	
	/* LEVEL 1 ACTIVE 
	.accordion_toggle_active:hover,
	.accordion_toggle_active {
		font-size:15px;color:#FFFFFF;display:block;
		margin:0 0 0 12px;padding:8px 10px 8px 15px;
		outline:none;text-decoration:none;cursor:pointer;
		background:url(../images/nav/arrow_down.gif) no-repeat left center;
	}*/
	
	/* LEVEL 2 LINKS */
	.accordion_content {
		padding:0 0 10px 28px;margin-top:-4px;_margin-top:-2px;overflow:hidden;
		background-color:#22271f;
	}
		.accordion_content a{display:block;padding:2px 0;font-size:11px;}
		.accordion_content a:link,
		.accordion_content a:visited{color:#999999;text-decoration:none;}
		.accordion_content a:hover,
		.accordion_content a:active,
		.accordion_content a:visited:hover{color:#CCCCCC;text-decoration:none;cursor:pointer;}
		.accordion_content a.current{color:#FFFFFF;text-decoration:none;cursor:pointer;}
	
		/* IE6 Only */
		* html #vertical_container .accordion_content .current {
			color:#FFFFFF;
		}
		
	.vertical_accordion_toggle {
		margin:4px 0 -10px -20px;padding:0 0 6px;font-size:11px;display:block;
		outline:none;text-decoration:none;cursor:pointer;
		background-color:#22271f;
	}
	
	#by_client_minus a,
	#by_client_minus,
	#by_service_minus a,
	#by_service_minus{color:#FFFFFF;}
	
	#by_service_plus,
	#by_service_minus,
	#by_client_plus,
	#by_client_minus{padding:2px 0;}
	
	.vertical_accordion_toggle:hover{
		color:#FFFFFF;
		background-color:#22271f;
	}
	.vertical_accordion_toggle_active{
		color:#FFFFFF;
		background-color:#22271f;
	}
	
	.vertical_accordion_content {
		margin:4px 0 -10px -20px;padding:4px 0 8px 16px;display:block;
		background-color:#22271f;
	}
		.vertical_accordion_content a{display:block;padding:2px 0;font-size:11px;background-color:#22271f;}
		.vertical_accordion_content a:link,
		.vertical_accordion_content a:visited{color:#FFFFFF;text-decoration:none;}
		.vertical_accordion_content a:hover,
		.vertical_accordion_content a:active,
		.vertical_accordion_content a:visited:hover,
		.vertical_accordion_content a.current{color:#9cbd00;text-decoration:none;cursor:pointer;}
	
		/* IE6 Only */
		* html #vertical_container .vertical_accordion_content .current {
			color:#9cbd00;
		}
		
	#vertical_nested_container {
		margin:-4px 0 10px 20px;color:#999999;
		background-color:#22271f;
	}


/* CONTENT 
-------------------------------------------------------------------------------------------------------*/
#content_wrapper{
	position:relative;height:100%;max-height:100%;
	overflow:auto;display:block;
}
.main{
	position:relative;width:864px;margin:auto;
}
.sharethis{
	position:absolute;top:84px;left:784px;z-index:9999999;
}
.sharethis_home{
	position:absolute;top:82px;left:738px;z-index:9999999;
	width:270px;font-size:9px;color:#FFFFFF;
}
.page_content{
	position:absolute;top:0;left:268px;width:581px;padding:62px 0 75px 20px;
	min-height:600px;height:auto !important;height:600px;
	/* IE6 Only */_padding:77px 0 75px 24px;
}
.title{
	font-family:Helvetica Regular;
	padding-bottom:10px;margin:20px 0 -13px 0;
}
.title span{
	color:#9cbd00;
}
.subtitle{
	color:#9CBD00;font-size:14px;margin-bottom:-10px;line-height:100%;
	_margin-bottom:-14px;_padding-top:5px;
}
.right_column .subtitle{
	margin-bottom:4px;
}
.flash{
	padding:10px 0 0;
}
.copy{
	position:relative;margin:6px 0 -6px;padding:0;line-height:150%;
}
.dots_bg_vert{
	background:url(../images/dots_vert.gif) repeat-y right;
}

.contact_info{
	
}
.half_column_wrapper{
	margin-top:6px;font-size:11px;
}
.half_column_wrapper p{
	margin:6px 0 0 0;padding:0;
}
	.half_column_wrapper a:link,
	.half_column_wrapper a:visited{color:#9cbd00;text-decoration:none;}
	.half_column_wrapper a:hover,
	.half_column_wrapper a:active,
	.half_column_wrapper a:visited:hover{color:#9cbd00;text-decoration:underline;cursor:pointer;}

.contact_info{
		width:275px;margin:6px 0 2px 0;padding:2px 0 0 0;
		background:url(../images/dots_horz_med.gif) repeat-x top;
}

	/* FORM ELEMENTS
	-------------------------------------------------------------------------------------------------------*/
	.form_field_wrapper{
		width:275px;height:32px;margin:2px 0 6px 0;padding:0 0 2px 0;
		background:url(../images/dots_horz_med.gif) repeat-x bottom;
	}
	label.required{
		padding-right:7px;
		background:url(../images/required.gif) no-repeat 100% 20%;
	}
	.form_label{
		width:77px;_width:76px;padding:6px 0 0;float:left;color:#FFFFFF;
	}
	.form_field{
		position:relative;width:197px;padding:2px 0 0;float:left;color:#FFFFFF;
	}
	.text_field{
		width:195px;height:18px;padding:4px 0 0;font-size:11px;color:#999999;overflow:hidden;
		background:url(../images/form_field_bg.jpg);border:1px solid #33362b;
		z-index:0;
	}
	
	.textarea_field_wrapper{
		width:275px;margin:2px 0 6px 0;padding:0 0 10px 0;
		background:url(../images/dots_horz_med.gif) repeat-x bottom;
	}
	.textarea_label{
		color:#FFFFFF;padding-bottom:5px;
	}
	.textarea_field{
		width:265px;padding:5px;font-family:Arial, sans-serif;font-size:11px;color:#999999;
		background:url(../images/text_field_bg.jpg) no-repeat top right #1a1d16;border:1px solid #33362b;
		z-index:0;
	}
	
	#submit{
		font-size:11px;color:#9cbd00;cursor:pointer;
		border:none;background:none;
	}
	
	.error_msg{display:none;color:#FF0000;margin-left:78px;}
	
	

	/* TWO COLUMN LAYOUT
	-------------------------------------------------------------------------------------------------------*/
	.two_column_layout{
		position:relative;margin:10px 187px 0 0;padding-right:20px;line-height:150%;
		background:url(images/dots_vert.gif) repeat-y right;
	}
	
	.right_column{position:absolute;top:0;right:-187px;_right:0px;width:166px;padding:0 0 0 20px;
		font-size:11px;}
	.right_column b{color:#FFFFFF;}
	.right_column ul{
		list-style:square;
		list-style-image:url(../images/green_bullet.gif);
		_list-style-image:url(../images/green_bullet_ie.gif);
		margin:0 0 0 10px;_margin:0 0 0 5px;padding:0;
	}
	.right_column ul li{
		padding:0;background:none;
		_padding-left:8px;_background:url(../images/grey_bullet.gif) no-repeat 0 8px;
	}
	.right_column a:link,
	.right_column a:visited{color:#FFFFFF;text-decoration:none;
		border-bottom:1px solid #9cbd00;}
	.right_column a:hover,
	.right_column a:active,
	.right_column a:visited:hover{color:#9cbd00;text-decoration:none;cursor:pointer;
		border-bottom:1px solid #9cbd00;}
		


	/* LARGE GRID LAYOUT
	-------------------------------------------------------------------------------------------------------*/
	.large_icon_grid{
		position:relative;margin:-8px 0 0 110px;padding-left:20px;
		background:url(../images/dots_vert.gif) repeat-y left;
		/* IE6 Only _margin:-8px 0 -14px 110px;*/
		min-height:100px;height:auto !important;height:100px;
	}
	.large_icon_grid_short{
		position:relative;margin:-4px 0 0px 110px;padding-left:20px;
		background:url(../images/dots_vert.gif) repeat-y left;
		/* IE6 Only */_margin:-8px 0 -14px 110px;
		min-height:55px;height:auto !important;height:55px;
	}
	.large_icon_grid_no_bg{
		position:relative;margin:-2px 0 -8px 100px;padding-left:0;
		background:none;
		/* IE6 Only */_margin:-8px 0 -14px 100px;
		min-height:100px;height:auto !important;height:100px;}
	
		/* IE6 Only */
		* html .large_icon_grid {
			margin:10px 0 0 110px;padding-left:20px;
		}
		* html .large_icon_grid_short {
			margin:10px 0 0 110px;padding-left:20px;
		}
		* html .large_icon_grid_no_bg {
			margin:10px 0 0 110px;padding-left:0;
		}
		
	.large_icon_grid .title,
	.large_icon_grid_short .title{padding:2px 0 5px;_padding:2px 0 0;_margin-top:2px;}
	
	.date_large{
		position:absolute;top:-10px;_top:0;left:-110px;
	}
	
	.date_large_short{
		position:absolute;top:0;left:-110px;
	}
	
	.large_icon_grid .date_bg,
	.large_icon_grid_short .date_bg,
	.large_icon_grid_no_bg .date_bg{
		position:absolute;top:2px;left:-100px;width:81px;height:81px;
		background:url(../images/icons/date_bg.png) no-repeat;
	}
		
	.large_icon_grid .date_bg .date,
	.large_icon_grid_short .date_bg .date,
	.large_icon_grid_no_bg .date_bg .date{
		text-align:center;padding-top:14px;
	}
		
	.large_icon_grid .date_bg .date h5,
	.large_icon_grid_short .date_bg .date h5,
	.large_icon_grid_no_bg .date_bg .date h5{
		padding-top:6px;_padding-top:0;
	}

	/* SMALL GRID LAYOUT
	-------------------------------------------------------------------------------------------------------*/
	.small_icon_grid{
		position:relative;margin:-2px 0 -8px 60px;padding-left:20px;
		background:url(../images/dots_vert.gif) repeat-y left;
		/* IE6 Only */_margin:-8px 0 -14px 110px;
		min-height:100px;height:auto !important;height:100px;
	}
	.small_icon_grid_no_bg{
		position:relative;margin:-2px 0 -8px 50px;padding-left:0;
		background:none;
		/* IE6 Only */_margin:-8px 0 -14px 100px;
		min-height:100px;height:auto !important;height:100px;}
	
		/* IE6 Only */
		* html .small_icon_grid {
			margin:10px 0 0 60px;padding:0 0 10px 20px;
		}
		* html .small_icon_grid_no_bg {
			margin:10px 0 0 50px;padding:0 0 10px ;
		}
		
	.small_icon_grid .title{padding-bottom:2px;}
	
	.date_small{
		position:absolute;top:-6px;_top:0;left:-110px;
	}
	
	.small_icon_grid .date_bg,
	.small_icon_grid_no_bg .date_bg{
		position:absolute;top:2px;left:-50px;width:36px;height:36px;
		background:url(../images/icons/small/date_bg.png) no-repeat;
	}
	
	.small_icon_grid .date_bg .date,
	.small_icon_grid_no_bg .date_bg .date{
		text-align:center;padding-top:8px;_padding-top:6px;
	}


/* FOOTER 
-------------------------------------------------------------------------------------------------------*/
.footer_wrapper {
	position:absolute;bottom:-1px;right:17px;width:100%;height:30px;margin:0;display:block;
	background-color:#353d30;
}
.footer{
	width:794px;_width:900px;margin:0 auto;font-size:9px;color:#999999;
}
.get_connected{
	padding:7px 0;float:left;_margin-left:25px;
}
.copyright{
	padding:8px 0;float:right;
	margin-right:-50px;_margin-right:0px;
}