@charset "utf-8";

/* ---------------- Frame ------------------ */

body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #f3f0ee;
	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 */
	color: #666666;
}
.eHound_main #container_home { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #f3f0ee;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
} 
.eHound_main #container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #f3f0ee;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
	background-image:url(../images/left_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
} 


/* ---------------- Top ------------------ */

.eHound_main #header { 
	background: #FFF; 
	padding: 0;  /* 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. */
} 
.eHound_main #headerBox { 
	width: 988px; 
	background: #FFFFFF;
	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. */
}	
.eHound_main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	overflow:hidden;
}
#handDiv {
	position:relative;
	left:-18px;
	top:-548px;
	width:56px;
	height:18px;
	overflow:visible;
}

/* ------- Customer Login Btn---------------- */

#cust_login {
	float:right;
	padding-top:105px;
	padding-right:19px;
	overflow:hidden;
}
#cust_login_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0;
}
#cust_login_btn a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/cust_login_btn.gif") no-repeat 25px 0px;
	padding:6px 0px 8px 0px;
	height:30px;
}
#cust_login_btn a:hover { 
	background-position:25px -50px;
	color: #4e2c1c;
}
#cust_login_btn a:active {
	background-position:25px -25px;
	height:10px;
	color:#1e5ebd;
}
.eHound_main #top_menu {
	background-image:url(../images/menu_bg.png);
	background-repeat:repeat-x;
	height:27px;
	padding: 0;
	margin:0;
	overflow:hidden;
} 
.eHound_main #top_menu-Box { 
	margin:0;
	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. */
	overflow:hidden;
	padding:0;
}	
.eHound_main #top_menu-Box1 { 
	width: 100%; /*  using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	 /*this overrides the text-align: center on the body element. */
	overflow:hidden;
	padding:0;
	margin:0;
}	

/* navigation start */
ul#main_menu1 {
	width: 960px;
	list-style: none;
}
ul#main_menu1 li {float:left;}
ul#main_menu1 li a {
	float: left;
	height: 81px;
	text-indent: -9999px;
}
ul#main_menu1 li a.home_btn{
	background:url(../images/menu/home.gif) no-repeat;
	width:96px;
}
ul#main_menu1 li a.about_btn{
	background:url(../images/menu/about.gif) no-repeat;
	width:151px;
}
ul#main_menu1 li a.freehound_btn{
	background:url(../images/menu/freehound.gif) no-repeat;
	width:138px;
}
ul#main_menu1 li a.premium_btn{
	background:url(../images/menu/premium.gif) no-repeat;
	width:187px;
}
ul#main_menu1 li a.partner_btn{
	background:url(../images/menu/partner.gif) no-repeat;
	width:142px;
}
ul#main_menu1 li a.support_btn{
	background:url(../images/menu/support.gif) no-repeat;
	width:118px;
}
ul#main_menu1 li a.myhound_btn{
	background:url(../images/menu/myhound.gif) no-repeat;
	width:128px;
}
ul#main_menu1 li a:hover{
	background-position:0 -27px;
}
ul#main_menu1 li.highlight a{
	background-position:0 -54px;
}

/* --------------- HOME FEATURES --------------- */

.eHound_main #home_slider {
	background-image:url(../images/home_slider_bg.gif);
	background-repeat:repeat-x;
	height:260px;
	padding: 0;  /* 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. */
} 
.eHound_main #home_slider-Box { 
	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:center;  /*this overrides the text-align: center on the body element. */
}	


/* -------------------- P2 slider area ------------------ */

.eHound_main #p2_header {
	background-image:url(../images/p2_slider_bg.gif);
	background-repeat:repeat-x;
	height:115px;
	padding: 0;  /* 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. */
} 

.eHound_main #p2_header-Box { 
	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. */
	padding-top:0px;
}	

/* ------------------ Contact Btn------------------------ */

#contact_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#contact_btn a {
	display:block;
	width:133px;
	color:#fff;
	text-decoration:none;
	background:url("../images/contact.gif") no-repeat 0px 0px;
	padding:7px 0px 8px 0px;
	height:11px;
}
#contact_btn a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#contact_btn a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}
/* ------------------ Sign Up Btn Ent------------------------ */

#sign_up_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#sign_up_btn a {
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/sign_up-free_trial__Blank_btn.gif") no-repeat 0px 0px;
	padding:6px 0px 8px 0px;
	height:11px;
}
#sign_up_btn a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#sign_up_btn a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}

/* ------------------ Sign Up Btn Free ------------------------ */

#sign_up_btn_free {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#sign_up_btn_free a {
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/signup-free.gif") no-repeat 0px 0px;
	padding:7px 0px 8px 0px;
	height:11px;
}
#sign_up_btn_free a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#sign_up_btn_free a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}

/* ------------------ Sign Up Btn Pro ------------------------ */

#freehound_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#freehound_btn a {
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/sign_up-free_trial__Blank_btn.gif") no-repeat 0px 0px;
	padding:6px 0px 8px 0px;
	height:11px;
}
#freehound_btn a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#freehound_btn a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}

/* ------------------ Top Heading Ent ------------------------ */

#topheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	font-size:1.5em;
	font-weight:normal;
	list-style:none;
	background:url("../images/titlebar-ent.gif") no-repeat 0px 0px;
	display:block;
	width:680px;
	text-decoration:none;
	padding:5px 0px 8px 12px;
	height:40px;
}

/* ------------------ Top Heading Free ------------------------ */

#topheading-free {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	font-size:1.5em;
	font-weight:normal;
	list-style:none;
	background:url("../images/titlebar-free.gif") no-repeat 0px 0px;
	display:block;
	width:680px;
	text-decoration:none;
	padding:5px 0px 8px 12px;
	height:40px;
}


/* ---- Easy Slider ---- */

  .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	  margin:0;
	  padding:0;
	  display:block;
	  overflow:hidden;
	  text-indent:-8000px;
	  }

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:260px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	


.eHound_main #home_content {
margin: 0;
}

.eHound_main #home_content h2{
	color:#4e2c1c;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 0 15px;
} 

.eHound_main #home_content p{
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 15px;
	color:#fff;
	line-height:150%;
	font-size:12px;
}


/* ------- Learn More FREE BTN ---------------- */
#learn_more_free_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 6px;
	margin-left:40px;
}
#learn_more_free_btn a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/learn_more_free.gif") no-repeat;
	padding:7px 0px;
}
#learn_more_free_btn a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learn_more_free_btn a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

#learn_more_free_header a {
	display:block;
	width:284px;
	color:#fff;
	text-decoration:none;
	background:url("../images/freeHound_header.gif") no-repeat;
	padding:0px 0px;
	height:33px;
}
#learn_more_free_header a:hover { 
	background-position:0 -33px;
	color: #4e2c1c;
}
#learn_more_free_header a:active {
	background-position:0 -33px;
	color:#1e5ebd;
}


/* ------- Learn More PRO BTN ---------------- */


#learn_more_pro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 5px;
	margin-left:40px;

}
#learn_more_pro a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/learn_more_pro.gif") no-repeat;
	padding:7px 0px;
}
#learn_more_pro a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learn_more_pro a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

#learn_more_pro_header a {
	display:block;
	width:284px;
	color:#fff;
	text-decoration:none;
	background:url("../images/pro_edition_header.gif") no-repeat;
	padding:0px 0px;
	height:33px;
}
#learn_more_pro_header a:hover { 
	background-position:0 -33px;
	color: #4e2c1c;
}
#learn_more_pro_header a:active {
	background-position:0 -33px;
	color:#1e5ebd;
}


/* ------- Learn More ENT BTN ---------------- */

#learn_more_ent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 5px;
	margin-left:40px;

}
#learn_more_ent a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/learn_more_ent.gif") no-repeat;
	padding:7px 0px;
}
#learn_more_ent a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learn_more_ent a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

#learn_more_ent_header a {
	display:block;
	width:284px;
	color:#fff;
	text-decoration:none;
	background:url("../images/enterprise_edition_header.gif") no-repeat;
	padding:0px 0px;
	height:33px;
}
#learn_more_ent_header a:hover { 
	background-position:0 -33px;
	color: #4e2c1c;
}
#learn_more_ent_header a:active {
	background-position:0 -33px;
	color:#1e5ebd;
}


/* --------------News Ticker------------- */


.eHound_main #ticker {
	background-image:url(../images/ticker_bg.jpg);
	background-repeat:repeat-x;
	height:24px;
	padding:7px 15px 0px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	margin:27px 0px;
}

#NewsTicker{
	border:solid 0px #cccccc;
	width:850px;
	height:24px;
	margin:0 auto;
}
	#NewsVertical {
	width: 850px;
	display: block;
	overflow: hidden;
	position: relative;
	background-repeat:repeat-x;
	height:24px;
	}

	#TickerVertical {
	width: 850px;
	height: 24px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
	width: 850px;
	color: #444444;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 4px 10px 4px 0;
	float: left;
	height: 24px;
	display: inline;
	}
	#TickerVertical li a {
	color: #666;
	text-align: left;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	}
	#TickerVertical li a:hover {
	color: #4e2c1c;
	text-align: left;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 20px;
			margin-bottom:7px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			margin-bottom:6px;
			text-decoration:underline;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border:solid 0px #DEDEDE;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			font-size: 10px;
			margin:6px 0 14px 0;
			color:#000000
		}


/* ---------------- Left Col ------------------ */

.eHound_main #left_col {
	float: left; /* since this element is floated, a width must be given */
	width: 226px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 27px 0px 0 0px;
	top:0px;
}
.eHound_main #left_col_login {
	float: left; /* since this element is floated, a width must be given */
	width: 933px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 451px;
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0px 0px 22px;
	top:0px;
	background-image:url(../images/login_bg.jpg); 
	background-repeat: no-repeat;
	line-height:140%;
	overflow:hidden;
}


/* ------------------------- LEFT COLUMN BUTTONS ------------------------- */

.left_menu_btn a {
	display:block;
	width:206px;
	color:#4e2c1c;
	text-decoration:none;
	background:url("../images/side_menu.gif") no-repeat 0px 0px;
	padding:11px 0px 9px 20px;
	height:13px;
	text-transform:uppercase;
	text-align:left;
}
.left_menu_btn a:hover { 
	color: #0093bc;
}
.left_menu_btn a:active {
	background-position:0px -33px;
	height:13px;
	color:#4e2c1c;
}
.left_menu_active a {
	display:block;
	width:206px;
	text-decoration:none;
	background:url("../images/side_menu.gif") no-repeat 0px -33px;
	padding:11px 0px 9px 20px;
	height:13px;
	text-transform:uppercase;
	text-align:left;
	color:#0093bc;
	}

/* ---------------- Tertiary Nav ------------------ */
.sidebar-nav,
.sidebar-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
.sidebar-nav li{
	overflow:hidden;
	vertical-align:top;
}
.sidebar-nav a{
	display:block;
	color:#4e2c1c;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	padding:0;
	background:url(../images/bg-sidebar-nav.gif) repeat-x 0 100%;
	cursor:pointer;
	padding:11px 10px 10px 20px;
}
.sidebar-nav a:hover{color:#0093bc;}
.sidebar-nav a:active{
	background:#f2f0ef url(../images/bg-sidebar-nav-active.gif) no-repeat;
	color:#4e2c1c;
}
.sidebar-nav .active a{
	display:block;
	text-transform:uppercase;
	text-align:left;
	color:#0093bc;
	background:none;
	padding:10px 10px 7px 20px;
}
.sidebar-nav ul a,
.sidebar-nav .active ul a{
	color:#646464;
	text-transform:none !important;
	font:bold 11px/14px Helvetica, Arial, sans-serif;
	border-bottom:1px solid #dddfdf;
	background:none;
	padding:9px 15px 9px 30px;
}
.sidebar-nav ul a:hover{
	text-decoration:none;
	color:#0093bc;
}
.sidebar-nav ul a:active,
.sidebar-nav .active ul a:active{
	background:#f2f0ef url(../images/bg-sidebar-nav-active.gif) no-repeat;
	color:#646464;
}
.sidebar-nav ul .selected a{
	background:#f2f0ef url(../images/bg-sidebar-nav-active.gif) no-repeat !important;
	color:#0093bc !important;
	padding:11px 15px 9px 30px;
	border:none;
}


/* ---------------- Main Content ------------------ */

.eHound_main #main_content { 
	margin: 27px 27px 27px 253px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the left_col div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #left_col space when the content in #left_col ends. */
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 


/* ---------------- Footer ------------------ */

.eHound_main #footer { 
	padding: 0px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
} 
.eHound_main #footerPadding{
	background-color:#f3f0ee;
	padding-top:27px;
	}
.eHound_main #footer p, a {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px 27px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:center;
	color:#999;
	font-weight:bold;
}
.eHound_main #footer a:hover {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px 40px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:center;
	color:#4e2c1c;
	font-weight:normal;
}
#footer .footer_menu {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 40px 0px 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	color:#666;
}
#footer .footer_menu a {
	color:#666;
	font-weight:normal;
	padding: 0 3px;
}
#footer .footer_menu a:hover {
	font-weight:normal;
	padding: 0 3px;
}


/* ---------------- Font stylings ------------------ */

H1              {font-size: 2em; margin: .67em 0 }
H2              {font-size: 1.4em; margin: .83em 0 }
H3              {font-size: 1em; margin: 1em 0 }
H4, P,
BLOCKQUOTE,
FIELDSET, FORM,
DIR,
MENU            {margin: 1.33em 0;}
H5              {font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              {font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          {font-weight: bolder }
BLOCKQUOTE      {margin-left: 40px; margin-right: 40px }
UL, OL, DL		{margin: 1.33em 0; padding-left: 30px; text-decoration: none; font-size: 1em; outline: none; list-style-image: url("../images/bullet.png")  }
p a 			{color: #0093bc; font-size:100%; font-weight:normal;}
p a:visited 	{color: #0093bc;}
p a:hover 		{color: #0093bc; text-decoration:underline;}

h2.ent_colour a, h2.ent_colour a:hover {
font-size: 1em; color:#0093bc; text-decoration:underline;
}

.free_colour {
	color:#a5cb23;
	}
.pro_colour {
	color:#1f9793;
	}	
.ent_colour {
	color:#0093bc;
	}
.brown {
	color:#4e2c1c;
	font-weight:bold;
	}

/* ---------------------- Form Button -------------------------- */

.button {
    border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	display:block;
	width:152px;
	color:#fff;
	text-decoration:none;
	background:url("../images/cust_login_btn.gif") no-repeat 0px 0px;
	padding:6px 0px 8px 15px;
	height:25px;
	text-align:left;
}
.button:hover {
  	background-position:0px -50px;
	color: #4e2c1c;
}
.button:active {
	background-position:0px -25px;
	height:25px;
	color:#1e5ebd;
}

/* ---------------- clear Floats ------------------ */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ---------------- accordion ------------------ */
.buttons {
	overflow: hidden;
	height: 1%;
	padding: 15px 0 22px;
}
.buttons a {
	float: left;
	background: url(../images/btn-accordion.gif) no-repeat;
	width: 101px;
	height: 20px;
	text-align: center;
	margin: 0 11px 0 0;
	padding: 6px 0 0;
	color: #4e2c1c;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 13px;
}
.buttons a:hover {
	background-position: 0 -26px;
	color: #018bb1;
}
.accordion {
	margin: 0;
	padding: 0;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
}
.accordion ul {
	margin: 0;
	padding: 10px 0 0;
	list-style-image: none;
}
.accordion li {
	background: none;
	padding: 0 0 9px;
	margin: 0;
	overflow: hidden;
	width: 100%;
}
.accordion h3 {
	margin: 0;
	background-color: #e0f2f6;
	padding: 6px 0 6px 9px;
	cursor: pointer;
}
.accordion h3 a {
	background: url(../images/btn-open-close.gif) no-repeat 0 -75px;
	padding: 0 0 0 24px;
	color: #0093bc;
	font-size: 1.1em;
	line-height: 1.23em;
}
.accordion h3.selected a { background-position: 0 3px; }
.accordion h4 {
	margin: 0 0 2px;
	color: #4e2c1c;
	cursor: pointer;
}
.accordion h4 a {
	font-size: 1.1em;
	line-height: 1.23em;
	color: #666;
}
.accordion h4.selected a {
	color: #4e2c1c;
}
.accordion p {
	margin: 0;
	line-height: 1.5em;
}
.accordion .slide {
	margin: 0 20px 0 33px;
	overflow: hidden;
	width: 627px;
}
* html .accordion .slide { display: inline-block; }
.accordion .slide .slide {
	margin: 0 0 0 18px;
	width: 607px;
}
/*inner iphone*/
.inner #topheading{
	padding-bottom:15px;
}

.iphone-content h2{
	margin:0 0 20px;
	font-size:18px;
	color:#018bb1;
}
.iphone-content p{
	line-height:18px;
	margin:0 0 16px;
}
.iphone-content p strong{
	color:#4e2c1c;
}
.iphone-content p strong span{
	color:#666;
	font-weight:normal;
}
.video-box{
	padding:9px 0 0;
}
.heading-video{
	height:1%;
	overflow:hidden;
	padding:4px 9px 5px 7px;
	background: url(../images/bg-heading-video.gif) repeat-x;
}
.heading-video .click{
	float:left;
	background: url(../images/bullet-01.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#4e2c1c;
	padding:3px 0 3px 41px;
}
.heading-video .play-now{
	float:right;
	background: url(../images/bullet-02.gif) no-repeat 100% 5px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 9px 0 0;
	margin:6px 0 0;
	color:#08a2cc;
}
.video-list{
	width:666px;
	margin:0 -106px 0 0;
	padding:40px 0 36px 30px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.video-list li{
	height:1%;
	overflow:hidden;
	float:left;
	width:156px;
	margin-right:49px;
	margin-bottom: 40px;
	padding:44px 0 0 16px;
	background: url(../images/bg-video-box.gif) no-repeat;
}
.video-list li .video-box{
	float:left;
    margin: 0 0 85px;
}
.video-list li .video-box img{
	display:block;
}
.video-list li .com{
	font-size:12px;
	font-weight:normal;
	float:left;
	width:137px;
	padding:0 0 10px;
	text-align:center;
	text-decoration:underline;
}
.video-list li .com:hover{
	text-decoration:none;
}
.video-list li .store{
	float:left;
	display:inline;
	width:116px;
	height:40px;
	text-indent:-9999px;
	background: url(../images/btn-store.gif) no-repeat;
	margin:0 0 0 10px;
	padding:0;
}
.attribution-w{
	background: url(../images/bg-attribution.gif) repeat-x;
	padding:37px 0 15px;
}
.attribution-box{
	background: url(../images/bg-attribution.gif) repeat-x 0 100%;
	padding:0 0 19px;
}
.attribution-box h3{
	margin:0 0 2px;
	font-size:10px;
	color:#666;
}
.attribution-box p{
	font-size:10px;
	line-height:17px;
	margin:0 0 20px;
}
.attribution-box span{
	height:1%;
	overflow:hidden;
	display:block;
	font-size:11px;
	padding:0 0 2px 2px;
}
.attribution-box span strong{
	float:left;
	margin:-2px;
	position:relative;
	font-weight:normal;
	font-size:9px;
	vertical-align:top !important;
}
.attribution-box span em{
	float:left;
	padding:0 0 0 5px;
	font-style:normal;
}
.inner #sign_up_btn{margin-bottom:7px;}
.inner #sign_up_btn a{
	width:133px;
	height:26px;
	text-indent:-9999px;
	background: url(../images/btn-contact.gif) no-repeat;
}
.inner #sign_up_btn a:hover{background: url(../images/btn-contact.gif) no-repeat;}

.inner #freehound_btn{margin-bottom:7px;}
.inner #freehound_btn a{
	width:187px;
	height:26px;
	text-indent:-9999px;
	background: url(../images/btn-freehound.gif) no-repeat;
}
.inner #freehound_btn a:hover{background: url(../images/btn-freehound.gif) no-repeat;}

.inner2{
	background:#fff;
	text-align:left;
	color:#666;
	font:13px Arial, Helvetica, sans-serif;
}
.hidden{
	position:absolute;
	top:0;
	left:-9999px;
}
#wrapper {
margin: 0 auto;
padding: 25px 0 0 0;
width: 960px;
}
#wrapper a{
	padding:0;
	font-weight:inherit;
	font-size:inherit;
}
#content{
	width:680px;
	padding:20px 27px 27px 0;
	line-height:18px;
}
#content h2{
	font-size:13px;
	line-height:18px;
	margin:0;
	color:#4e2c1c;
}
.buttons-list{
	margin:0 -18px 26px -6px;
	padding:14px 0 0;
	list-style:none;
	overflow:hidden;
	width:694px;
	font:bold 17px/20px Arial, Helvetica, sans-serif;
}
.buttons-list li{
	float:left;
	width:229px;
	padding:0 2px 0 0;
}
.buttons-list li a{
	width:229px;
	height:0;
	display:table;
	text-align:center;
	background:url(../images/bg-buttons-list.png) no-repeat;
	color:#4f2c1a;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
}
.buttons-list li span{
	display:table-cell;
	vertical-align:middle;
	padding:12px 0 3px;
}
*+html .buttons-list li a{display:block;}
*+html .buttons-list li span{display:block;}
.buttons-list li a:hover{
	color:#fff;
	text-decoration:none;
	background-position:0 -67px;
}
.info-block{margin:6px 0 21px -7px;}
.columns-box{
	width:693px;
	background:url(../images/bg-columns-box.png) no-repeat;
	padding:17px 0 0;
}
.columns-box .holder{
	background:url(../images/bg-columns-box.png) no-repeat -1386px 100%;
	padding:0 0 17px;
	width:100%;
	margin:0 0 29px;
}
.columns-box .holder:after,
.columns-box .frame:after,
.info-block .box .box-holder:after,
.info-block .box .box-frame:after{
	display:block;
	clear:both;
	content:'';
}
.columns-box .frame{
	background:url(../images/bg-columns-box.png) repeat-y -693px 0;
	width:100%;
}
.boxes-content{
	width:710px;
	float:left;
	position:relative;
	padding:1px 0 2px;
}
.columns-box .lines{
	width:517px;
	height:41px;
	background:url(../images/bg-lines.png) no-repeat;
	position:absolute;
	left:87px;
	bottom:-51px;
}
.info-block .columns-box .box{
	width:297px;
	float:left;
	padding:0 33px 0 23px;
	background:none;
}
.info-block .box .image{
	float:right;
	margin:0 0 0 15px;
}
.info-block .box .image img{display:block;}
.info-block .box .text{
	overflow:hidden;
	padding:11px 0 0;
}
.info-block .box h3{
	font-size:16px;
	line-height:20px;
	color:#018bb1;
	margin:0 0 6px;
}
.info-block .box h3 a{
	color:#018bb1;
	font-size:16px;
	line-height:20px;
}
.info-block .box h3 a:hover{text-decoration:underline;}
#content .list{
	margin:0;
	padding:0 0 0 2px;
	list-style:none;
	font-size:13px;
	line-height:16px;
}
#content .list li,
#content .item-list li,
.blocks-list .list span{
	background:url(../images/bullet-list.gif) no-repeat 0 7px !important;
	padding:0 0 4px 7px;
}
#content .blocks-list .list{
	padding:3px 0 0;
	line-height:14px;
}
#content .item-list li{padding:0 0 0 11px;}
#content .list a{color:#666;}
#content .list a:hover{text-decoration:underline;}
.info-block .box{
	width:339px;
	background:url(../images/bg-box.png) no-repeat;
	padding:20px 0 0;
	margin:0 auto;
}
.info-block .box .box-holder{
	background:url(../images/bg-box.png) no-repeat -678px 100%;
	width:100%;
	padding:0 0 20px;
}
.info-block .box .box-frame{
	background:url(../images/bg-box.png) repeat-y -339px 0;
	width:100%;
}
.info-block .box-content{
	width:299px;
	float:left;
	padding:0 20px;
	position:relative;
	margin:-1px 0;
}
.info-block .box-content img{margin:0 0 -12px;}
.info-block .box .free{
	width:82px;
	height:80px;
	background:url(../images/ico-free.png) no-repeat;
	position:absolute;
	text-indent:-9999px;
	left:142px;
	top:29px;
}
#content .text-holder{padding:0 0 21px 4px;}
#content p{margin:0 0 17px;}
#content p a{color:#089fc8;}
#content p a:hover{text-decoration:underline;}
#content .item-list{
	margin:-17px 0 17px;
	padding:0 0 0 36px;
	list-style:none;
	list-style-image:none;
}
.blocks-holder{
	width:694px;
	overflow:hidden;
	margin-top: 0;
	margin-right: -7px;
	margin-bottom: 0px;
	margin-left: -7px;
}
.blocks-list{
	margin:0;
	padding:0;
	width:700px;
	list-style:none;
	color:#666 !important;
}
.blocks-list li{
	display:inline-block;
	width:231px;
	margin:0 -5px -2px 0;
	vertical-align:top;
}
*+html .blocks-list li{
	display:inline;
	margin:0 -1px -3px 0;
}
.blocks-list .block-hold{
	display:block;
	cursor:pointer;
}
.blocks-list .block{
	width:231px;
	background:url(../images/bg-block.png) no-repeat;
	padding:20px 0 0;
	display:block;
}

.blocks-list .block-hold:hover .block{background:url(../images/bg-block-hover.png) no-repeat;}
.blocks-list .block .holder:after,
.blocks-list .block .frame:after{
	display:block;
	clear:both;
	content:'';
}
.blocks-list .holder{
	background:url(../images/bg-block.png) no-repeat -462px 100%;
	padding:0 0 20px;
	width:100%;
	display:block;
}
.blocks-list .block-hold:hover .holder{background:url(../images/bg-block-hover.png) no-repeat -462px 100%;}
.blocks-list .frame{
	background:url(../images/bg-block.png) repeat-y -231px 0;
	width:100%;
	display:block;
}
.blocks-list .block-hold:hover .frame{background:url(../images/bg-block-hover.png) repeat-y -231px 0;}
.blocks-list .block-wrap{
	width:203px;
	float:left;
	position:relative;
	padding:0 12px 16px;
	margin:-1px 0 -20px;
	text-align:left;
	min-height:174px;
}
.blocks-list .title{
	font-size:16px;
	line-height:22px;
	color:#018bb1;
	display:block;
	margin:0 0 5px;
	letter-spacing:-1px;
}
.blocks-list span{
	display:block;
	color:#666;
	font-weight:normal;
	font-size:13px;
	word-spacing:-1px;
}
.blocks-list .link{
	font-size:9px;
	color:#4e2c1c;
	text-decoration:underline;
	padding:3px 0 0;
}
.blocks-list .text{
	min-height:88px;
	margin:0 0 8px;
}
.blocks-list .image{
	text-align:center;
	min-height:50px;
	width:100%;
}
.blocks-list .image.sub{padding:7px 0 0;}
.blocks-list .image img{vertical-align:top;}
.columns-holder{
	overflow:hidden;
	margin:0 0 15px;
	padding:0 27px;
}
.blue-block{
	width:284px;
	float:left;
	margin:0 27px 0 0;
	background:url(../images/bg-blue-block.png) no-repeat;
	padding:10px 0 0;
	color:#fff;
	line-height:17px;
}
.blue-block .holder{
	background:url(../images/bg-blue-block.png) no-repeat -284px 100%;
	overflow:hidden;
	padding:0 0 10px;
}
.blue-block .frame:after{
	display:block;
	clear:both;
	content:'';
}
.blue-block .frame{
	background:#1faad1;
	padding:6px 18px;
	min-height:258px;
}
.blue-block .hound{
	width:149px;
	height:27px;
	background:url(../images/text-hound.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 8px -4px;
}
.blue-block .hound a{
	height:100%;
	display:block;
}
.blue-block p{margin:0 0 5px;}
.blue-block .text{
	min-height:125px;
	padding:0 0 5px;
}
.blue-block .wrap{
	width:100%;
	position:relative;
}
.blue-block .wrap:after{
	display:block;
	clear:both;
	content:'';
}
.blue-block .wrap img{display:block;}
.blue-block .wrap .free{
	width:110px;
	height:109px;
	background:url(../images/ico-free2.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:137px;
	top:-17px;
}
.blue-block .wrap .more,
.columns-section .head-holder .more{
	width:91px;
	height:24px;
	background:url(../images/bg-more.png) no-repeat;
	text-align:center;
	color:#4f2c1a;
	font:bold 10px/24px Helvetica, Arial, sans-serif !important;
	position:absolute;
	right:-4px;
	bottom:-2px;
}
.columns-section .head-holder .more{
	position:static;
	float:right;
}
.blue-block .wrap .more:hover,
.columns-section .head-holder .more:hover{text-decoration:underline;}
.columns-section{
	width:595px;
	float:left;
	background:url(../images/bg-columns-section.png) no-repeat;
	padding:10px 0 0;
}
.columns-section .section-holder{
	background:url(../images/bg-columns-section.png) no-repeat -1190px 100%;
	padding:0 0 10px;
	overflow:hidden;
}
.columns-section .section-frame{
	background:url(../images/bg-columns-section.png) repeat-y -595px 0;
	overflow:hidden;
	padding:5px 5px 1px 11px;
	min-height:264px;
}
.columns-section .head-holder{
	overflow:hidden;
	width:558px;
	margin:0 0 13px 8px;
}
.columns-section .services{
	width:202px;
	height:18px;
	background:url(../images/text-services.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:6px 0 0;
}
.columns-section .services a{
	height:100%;
	display:block;
}
.boxes-list{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.boxes-list li{
	width:185px;
	float:left;
	margin:0 8px 0 0;
}
.boxes-list .block-hold{
	display:block;
	cursor:pointer;
}
.boxes-list span{
	display:block;
	color:#4f2c1a;
	font-weight:normal;
	font-size:13px;
	line-height:17px;
}
.boxes-list .block{
	width:185px;
	background:url(../images/bg-block2.png) no-repeat;
	padding:22px 0 0;
}
.boxes-list .holder:after,
.boxes-list .frame:after{
	display:block;
	clear:both;
	content:'';
}
.boxes-list .holder{
	background:url(../images/bg-block2.png) no-repeat -370px 100%;
	padding:0 0 22px;
	width:100%;
}
.boxes-list .frame{
	background:url(../images/bg-block2.png) repeat-y -185px 0;
	width:100%;
}
.boxes-list .block-wrap{
	width:155px;
	float:left;
	position:relative;
	padding:0 15px;
	margin:-5px 0 -10px;
	min-height:198px;
	text-align:left;
}
.boxes-list .text{
	min-height:101px;
	padding:0 0 10px;
}
.boxes-list .title{
	color:#4f2c1a;
	display:block;
	font-size:17px;
	line-height:20px;
	margin:0 0 11px;
}
.boxes-list .image{text-align:center;}
.boxes-list .image img{vertical-align:bottom;}
.boxes-list .list{width:100%;}
.boxes-list .list span{
	background:url(../images/bullet-list2.gif) no-repeat 0 7px;
	padding:0 0 4px 7px;
	line-height:16px;
}

.attrTable td {
border: 1px solid #999;
}

#disqus_thread ul {
list-style:none;
}