@import url(form.css);

*					{ margin:0; padding:0;}
body 				{ font-family: Verdana, Helvetica, sans-serif; font-size: 78%; background:#e6e6e6 url('../images/bkgd-header.gif') repeat-x left top; text-align:center;}
img					{ border:none;}

p, form, .list, td	{ color:#111; font-size:1em; line-height:1.5em;}
p					{ margin:0 0 1.2em 0; }

.list				{ margin-left:1.8em; margin-bottom:1em;}
.list li			{ margin-bottom:.2em; list-style-type:square;}

.quote {font-style: italic;padding:0;}
.clientname {text-align:right;padding:0px 0px 20px 0px;margin-top:-5px;}

/* ------------------------- */
/* TWIN COLUMN LISTS - INKY */
/* ------------------------- */
.list-left			{ margin-left:1.8em; margin-bottom:1em;width:150px;float:left;margin-right:20px;}
.list-left li	{ margin-bottom:.2em; list-style-type:square;}

.list-right			{ margin-left:1.8em; margin-bottom:1em;width:150px;float:left}
.list-right li	{ margin-bottom:.2em; list-style-type:square;}


a					{ color:#0B2777;}
a:hover				{ text-decoration:none;}
a:visited			{ color:#0B2777;}

h1,h2				{ text-indent:-999em; display:block; background-position:0 0; background-repeat:no-repeat;}
h1					{ background-image:url('../images/logo.gif'); width:308px; height:59px; margin-left:-106px;}
h2					{ height:21px; margin:0 0 10px 0; background-color:#e6e6e6;}
h2.home				{ background-image:url('../images/titles/home.gif'); width:64px;} /* -- Always 5px wider than the width of the text -- */
h2.customers		{ background-image:url('../images/titles/customers.gif'); width:112px;} 
h2.music-retail		{ background-image:url('../images/titles/music-retail.gif'); width:127px;} 
h2.bicycle-retail	{ background-image:url('../images/titles/bicycle-retail.gif'); width:144px;} 
h2.fashion-retail	{ background-image:url('../images/titles/fashion-retail.gif'); width:148px;} 
h2.cafe-snack-bar	{ background-image:url('../images/titles/cafe-snack-bar.gif'); width:154px;} 
h2.general-retail	{ background-image:url('../images/titles/general-retail.gif'); width:151px;} 
h2.stationery-toys	{ background-image:url('../images/titles/stationery-toys.gif'); width:204px;} 
h2.hearing-mobility	{ background-image:url('../images/titles/hearing-mobility.gif'); width:215px;} 
h2.furniture-design	{ background-image:url('../images/titles/furniture-design.gif'); width:220px;} 
h2.testimonials		{ background-image:url('../images/titles/testimonials.gif'); width:132px;} 
h2.costs			{ background-image:url('../images/titles/price.gif'); width:58px;} 
h2.software-features{ background-image:url('../images/titles/software-features.gif'); width:187px;} 
h2.contact-us		{ background-image:url('../images/titles/contact-us.gif'); width:115px;} 
h2.sitemap			{ background-image:url('../images/titles/sitemap.gif'); width:87px;} 
h2.accessibility	{ background-image:url('../images/titles/accessibility.gif'); width:132px;} 

h3 {font-size:1.2em;padding-bottom:5px;}

/* ------------------------- */
/* SITEMAP */
/* ------------------------- */
ul.sitemap						{padding:0; }
ul.sitemap li					{margin:.4em 0; display:inline;  }
ul.sitemap li a,
ul.sitemap li a:visited			{ background-color:#002c83; display:block; padding:.5em 1.3em; margin-bottom:1px; color:#FFF; font-weight:bold; text-decoration:none;}
ul.sitemap ul					{margin-bottom:1.5em; margin-left:2em; list-style-type:none;} 
ul.sitemap ul li a,
ul.sitemap ul li a:visited		{ background-color:#E5F3F6;}
ul.sitemap ul ul li a,
ul.sitemap ul ul li a:visited	{ background-color:#F0F0F0;}
ul.sitemap ul li a,
ul.sitemap ul li a:visited,
ul.sitemap ul ul li a,
ul.sitemap ul ul li a:visited	{ color:#008DA9; font-weight:normal;}
ul.sitemap li a:hover			{ background-color:transparent; color:#002c83; text-decoration:underline;}


/* ------------------------- */
/* Minor Classes */
/* ------------------------- */
.txt-small			{ font-size:0.8em;}
.txt-large			{ font-size:2em;}

.no-margin-top		{ margin-top:0;}

.float-right		{ float:right;}

.pic-header, 
.pic-left,
.pic-right			{ /*border:1px solid #717171;*/ }
.pic-header			{ margin-bottom:.7em}
.pic-left			{ margin:.5em 1em 1em 0; float:left; }
.pic-right			{ margin:.5em 0 1em 1em; float:right; }

/* ------------------------- */
/* LAYOUT */
/* ------------------------- */
#container			{ }
#header, #content,
#ftr-bar,
#footer				{ margin:0 auto; text-align:left; position:relative; width:660px;}
#header				{ padding-top:100px;}
#header img			{ position: absolute; right:0; top:0;}
#content			{ padding:0 0 1.5em 8px; margin-top:1.5em;}
#left-col			{ width:62%; float:left; margin-right:5%; background:url('../images/dot-blue-horiz.gif') repeat-x left 10px;}
#right-col			{ width:33%; float:left;}


/* Contact Column */
/* ------------------------- */
#contact-cont						{ background-color:#376ed9; padding:10px;}
#contact-cont p.contact-title		{ display:block; width:80px; height:13px; background:url('../images/titles/form-contactUs.gif') no-repeat 0 0; text-indent:-999em}
#contact-cont p.tel					{ display:block; width:194px; height:46px; background:url('../images/telephone.gif') no-repeat 0 0; text-indent:-999em}
#contact-cont p {color:#fff;}

/* Feature Bar */
/* ------------------------- */
#ftr-bar-parent					{ clear:both; background-color:#717171; padding:1em 0;}
#ftr-bar						{ }
.feature						{ width:31%; float:left; background:url('../images/dot-white-vert.gif') repeat-y top right; padding:0 2% 2em 0; margin-right:1.5%; position:relative; min-height:130px; height:130px;}
#ftr-bar .last					{ padding-right:0; margin-right:0; background-image:none;}
.feature p, .feature ul			{ color:#FFF;}
.feature a,
.feature a:visited				{ position:absolute; bottom:0; text-decoration:none; background:#4c4c4c url('../images/bkgd-ftrBtn.gif') repeat-x 0 0; padding:.3em .7em; color:#FFF;} 
.feature a:hover				{ background-image:none;}

#ftr-bar p.ftr-title			{ display:block; width:150px; height:15px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; margin-bottom:.2em;}
.software p.ftr-title	{ background-image:url('../images/titles/title-softwareFeatures.gif');}
.customers p.ftr-title	{ background-image:url('../images/titles/title-customersSay.gif');}
.seanic p.ftr-title		{ background-image:url('../images/titles/title-seanicRetail.gif');}

.software ul			{ font-size:.8em;} 
.customers p.quote		{ font-size:1.1em; line-height:1.3em; font-style:italic }


/* Footer */
/* ------------------------- */
#footer-parent				{ background-color:#002c83;}
#footer						{ padding:4em 0}
#footer p.logo-footer		{ display:block; width:218px; height:17px; background:url('../images/logo-bottom.gif') no-repeat 0 0; text-indent:-999em;}


/* ------------------------- */
/* NAVIGATION */
/* ------------------------- */
/* Primary navigation */
/* ------------------------- */
ul#nav				{ margin-top:1em;}
ul#nav li			{ float:left; list-style:none;}
ul#nav li a			{ display:block; height:30px; text-decoration:none; background-repeat:no-repeat; background-position:0 0; text-indent:-999em;}

ul#nav li.home a				{ background-image:url('../images/nav-home.gif'); width:63px;}
ul#nav li.customers a			{ background-image:url('../images/nav-customers.gif'); width:92px;}
ul#nav li.costs a				{ background-image:url('../images/nav-costs.gif'); width:59px;}
ul#nav li.software a			{ background-image:url('../images/nav-software.gif'); width:144px;}
ul#nav li.contact a				{ background-image:url('../images/nav-contact.gif'); width:95px;}

ul#nav li a:hover	{ background-position:0 -30px;}
ul#nav li.active a	{ background-position:0 -60px;} 


/* Sub-nav navigation */
/* ------------------------- */
ul#sub-nav				{ padding:10px; margin-bottom:10px; background-color:#002c83;}
ul#sub-nav li			{ margin-bottom:1px; list-style:none; font-size:1em; display:inline;}
ul#sub-nav li a			{ padding:.4em .8em .4em 1.3em; color:#FFF; background:url('../images/subNav-arrow.gif') no-repeat left center; display:block; text-decoration:none;}

ul#sub-nav li.active a	{ background-color:#376ed9; background-image:none; color:#FFF;}
ul#sub-nav li a:hover	{ background-color:#FFF; background-image:none; color:#002c83;}


/* Footer + Utility navigation */
/* --------------------------------- */
#footer-nav-parent			{ float:right; position:relative; }

ul#footer-nav,
ul#utility-nav				{}
ul#footer-nav li,
ul#utility-nav li			{ float:left; list-style:none; }
ul#footer-nav li a,
ul#utility-nav li a			{ padding:.1em 1em; text-decoration:none; border-left:1px solid #FFF;}
ul#footer-nav li.first a,
ul#utility-nav li.first a	{ margin-left:0; border-left:none;}
ul#footer-nav li.last a,
ul#utility-nav li.last a	{ padding-right:0;}
ul#footer-nav li a:hover,
ul#utility-nav li a:hover	{ text-decoration:underline;}

ul#footer-nav				{ padding-bottom:8px;}
ul#footer-nav li			{ } 
ul#footer-nav li a			{ color:#FFF; font-size:.9em;}

ul#utility-nav				{ position:absolute; right:0; }
ul#utility-nav li			{ } 
ul#utility-nav li a			{ color:#7389b5; font-size:.8em; border-left-color:#7389b5;}

.kaweb a {color: #7389b5;font-size:0.8em;text-decoration:none;}

/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

/*.clearfix {display: inline-block;} */  /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */