/*================== Content ==============*/
html, body	{background-color:#FFF}
body {height:100%; font-size:82%}
body,div,span,ul,li,p,table,th,td	{font-family:Verdana,Arial,Helvetica,sans-serif}

/* **************** CONTENT OBJECTS ***************** */
* {border:0}

/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px}
h1, h2, h3, h4, h5, h6,img {padding-bottom:0px}
pre {margin:10px}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0}
/* ====== Elements ====== */
img {display:block}
em {font-style:italic}
strong {font-weight:bold}
hr {border:5px solid #e2e2e2; border-width:0 0 5px 0; margin:20px 10px 10px 10px}
code {color:#0B8C8F}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1 {font-size:182%; margin:0 0 10px 0; color:#00AAD2}
h2, .h2 {font-size:146.5%; color:#333; margin:10px 0 5px 0; padding:0}
h3, .h3 {font-size:123.1%; font-weight:bold; color:#888; margin:15px 0 5px 0; padding:0}
h4, .h4 {font-size:100%; color:#333; margin:0; padding:0; font-weight:bold}
h5, .h5 {font-size:108%; color:#333}
h6, .h6 {font-size:108%; font-style:italic; color:#333}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category {font-size:108%; font-weight:normal; font-style:normal; text-transform:uppercase; color:#333}
.category a {color:#333}
.important a {font-weight:bold}
/* links 
a {color:#036; text-decoration:none}
a:focus, a:hover {text-decoration:underline}
a:visited {color:#005a9c}
*/

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li {list-style-type:decimal; margin-left:40px}
/* standard list */
ul.simpleList, ul.simpleList li {list-style: url(/images/bullet-10-C0C0C0.png) circle; margin:0 0 5px 10px; color:#000}

/* no-bullet list */
ul.nobullet li {list-style:none}

/* ====== Tables ====== */
table.data {position:relative; vertical-align:top; border-collapse:collapse; margin:0 0 40px 0}
.data table {width:100%}
table.data th	{background:#BBB}
table.data th, table.data td {vertical-align:top; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; padding:3px 10px 3px 5px}
.txtC, .data .txtC td, .data .txtC th {text-align:center}
.txtL, .data .txtL td, .data .txtL th {text-align:left}
.txtR, .data .txtR td, .data .txtR th {text-align:right}
.txtT, .data .txtT td, .data .txtT th {vertical-align:top}
.txtB, .data .txtB td, .data .txtB th {vertical-align:bottom}
.txtM, .data .txtM td, .data .txtM th {vertical-align:middle}
.data th,.data td {padding:0 0 0 0}
.data thead tr {background-color:#CCC}
.data th {color:#000; font-weight:bold}
/* specification table - extends data table */
.spec {padding:10px}
.spec table {border-top:1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none}
.spec th, .spec td {border:1px solid #e2e2e2; border-width:1px 0; padding-left:0}
.spec .odd, .spec .even {background-color:#fff}
/* ====== blockquote ====== */
cite {display:block; text-align:right; padding-top:10px}

/*----------------- Blue 	#00AAD2 --------------*/
/*----------------- Blood 	#793141 --------------*/
/*----------------- Peacock #00697A --------------*/
/*----------------- Zest 	#C1BB00	--------------*/

/*----------------- Font size % -------------------*/
.size10	{font-size:77%}
.size11	{font-size:85%}
.size12	{font-size:93%}
.size13	{font-size:100%}
.size14	{font-size:108%}
.size15	{font-size:116%}
.size16	{font-size:123.1%}
.size17	{font-size:131%}
.size18	{font-size:138.5%}
.size19	{font-size:146.5%}
.size20	{font-size:153.9%}
.size21	{font-size:161.6%}
.size22	{font-size:167%}
.size23	{font-size:174%}
.size24	{font-size:182%}
.size25	{font-size:189%}
.size26	{font-size:197%}

/*----------------- navigation -------------------*/
.navigation {overflow:hidden; position:relative; width:100%; text-align:center; margin:0 0 20px 0; padding:0 0 5px 0; background:#DDD url(/images/nav-bottom.png) repeat-x 100% 100%; font-size:92%}
.navigation * {padding:0; font-size:102%}
.navigation ul {margin:0 0 0 50px; z-index:0}
.navigation ul li {list-style:none; float:left; border-right:1px solid #999}
.navigation ul li.last 	{border:0}
.navigation ul li a {display:block; padding:5px 10px 5px 10px; color:#000; text-decoration:none; border:0; font-weight:400}
.navigation ul li a span {display:block; padding:10px 0 10px 15px}
.navigation ul li a:hover {background:url(/images/nav-on.png) top right no-repeat; color:#000; text-decoration:none; font-weight:400}
.navigation ul li a:hover span {background:url(/images/nav-on.png) top left no-repeat}
#home #nav-home a, #hardware #nav-hardware a, #services #nav-services a, #how-we-work #nav-howWeWork a, #news #nav-news a, #cases #nav-clients a, #events #nav-events a	{background:url(/images/nav-on.png) top right no-repeat}

#home #nav-home a span, 
#hardware #nav-hardware a span, 
#services #nav-services a span, 
#how-we-work #nav-howWeWork a span, 
#news #nav-news a span, 
#cases #nav-clients a span, 
#events #nav-events a span	{background:url(/images/nav-on.png) top left no-repeat}
.navigation span#topLeft, .navigation span#topRight, .navigation span#bottomLeft, .navigation span#bottomRight	{position:absolute; display:block; background-repeat:no-repeat; overflow:hidden; width:9px; height:12px}

.navigation span#topLeft		{background:url(/images/nav-tl.png) 0 0; top:0; left:0} 
.navigation span#topRight		{background:url(/images/nav-tr.png) 0 0; top:0; right:0}
.navigation span#bottomLeft		{background:url(/images/nav-bl.png) 0 0; bottom:0; left:0}
.navigation span#bottomRight	{background:url(/images/nav-br.png) 0 0; right:0; bottom:0}

/*----------------- -------------------*/
/* link : visited : hover : selected */
a:link 		{color:#069; text-decoration:none} 		
a:visited 	{color:#069; text-decoration:none} 			
a:hover 	{color:#00AAD2; text-decoration:none}
a:active 	{color:#00AAD2; text-decoration:none} 

.topHead	{position:relative; height:120px; width:100%; background:url(/images/logos/logo-Kizoom-150.png) no-repeat 5px 25px; z-index:4}
.topHead a.logo	{display:block; position:absolute; top:25px; width:200px; height:50px}
.topHead #newName	{position:absolute; top:0; left:260px; width:180px; height:110px; background:url(/images/new-name.png) no-repeat}
.topHead #newName a	{display:block; width:180px; height:100px}
.topHead #googleSearch	{height:30px; width:365px; float:right; z-index:2; visibility:hidden}
.topHead #topLinks	{clear:both; float:right; text-align:right; width:400px; margin:40px 0 0 0; z-index:1}
.topHead #topLinks ul		{display:inline; list-style-type:none}
.topHead #topLinks ul li	{display:inline; padding:0 10px 0 10px; border-left:1px solid #666}
.topHead #topLinks ul li:first-child	{border-left:0}
.topHead #topLinks ul li a	{display:inline-block}

#about .topHead #topLinks li#about-us a, #contact-us .topHead #topLinks li#contact a,	#sitemap .topHead #topLinks li#site-map a {font-weight:bold}

.main	{padding-right:15px}
.main span.divide	{display:block; font-size:1px; width:100%; height:1px; border-bottom:1px solid #E8E8E8}
.main p, .main h1, .main h2	{padding-left:0; line-height:1.3em}
.main p	{padding:5px 0 10px 0}
.main p.imgPanel	{margin:0 0 40px 0}
.main p.imgPanel img	{float:left}

.main .breadcrumbs	{height:35px; width:525px; background:url(/images/bullet-10-C0C0C0.png) no-repeat 0 2px}
.main .breadcrumbs ul	{padding-left:15px}
.main .breadcrumbs ul, .breadcrumbs li {display:inline; list-style:none}
.main .breadcrumbs b	{color:#999}

.kLeft	{background-color:#FFF}
.kLeft dl 	{margin:0 15px 0 0; padding:0 0 30px 5px}
.kLeft dt	{font-weight:700; color:#888; padding:0 0 5px 0}
.kLeft dt a	{color:#666}
.kLeft dd	{padding:4px 0 4px 0; border-bottom:1px solid #E8E8E8}
.kLeft dd a.here	{font-weight:bold}

.kRight	{margin:0; padding:0}
.kRight p, 
.kRight h1, 
.kRight h2, 
.kRight h3	{padding-left:0}

.kRight div.blueBox, .kRight div.puffBox, .kRight div.quoteBox	{margin-bottom:40px}
.kRight div.blueBox	{height:auto; width:200px; margin:0 5px 0 0; background:#00AAD2}
.kRight div.blueBox span	{position:relative; display:block; width:20px; height:20px}
.kRight div.blueBox span.tl	{left:0; background:url(/images/blue-box-tl.png) no-repeat}
.kRight div.blueBox span.br	{width:20px; height:20px; float:right; background:url(/images/blue-box-br.png) no-repeat}
.kRight div.blueBox span.bl	{background:url(/images/blue-box-bl.png) no-repeat}
.kRight div.blueBox p.text	{width:95%; line-height:140%; padding:0 5px 0 15px; font-size:146.5%; font-weight:400}
.kRight div.blueBox p.text a:link 		{color:#FFF; border:0}
.kRight div.blueBox p.text a:visited 	{color:#FFF}
.kRight div.blueBox p.text a:hover 		{color:#FFF; text-decoration:underline}
.kRight div.blueBox p.text a:active 	{color:#FFF}

.kRight div.puffBox	{width:195px; padding-top:20px; background:url(/images/bullet-10-00AAD2.png) repeat-x 0 0}
.kRight div.puffBox p.text	{margin:0; padding:0 10px 20px 0; font-size:1.15em; line-height:1.5em}
.kRight div.puffBox p.text	b	{color:#AAA}

.kRight div.quoteBox	{width:200px; background:url(/images/quote-L-00AAD2.png) no-repeat 0 3px}
.kRight div.quoteBox p.text			{margin:0; padding:0 10px 0 0; font-size:1.15em; text-indent:2em; line-height:1.5em}
.kRight div.quoteBox p.text img		{display:inline; margin:0 0 0 5px}
.kRight div.quoteBox p.attribution	{font-size:77%;}

div.footTxt	{clear:both; margin:10px 0 20px 0; padding:10px 0 0 0; border-top:1px solid #DDD; font-size:85%; text-align:left}
div.footTxt	img	{float:left; margin:20px 20px 20px 0}
div.footTxt ul		{display:inline; float:right; margin:0; padding:0}
div.footTxt ul li	{display:inline}


/*----- generic ----*/
br.clear	{clear:both}
.bold		{font-weight:bold}
.invisible	{display:none}
.black		{color:#000}

/*----- news ----*/
body#news p.date	{margin:0 0 3px 0; padding:0; font-size:85%; color:#888}
body#news p.storylink {margin:0; padding:0}
body#news p.storylink a	{}
body#news p.snip	{margin:0 0 15px 0}

body#news div.download {height:60px; background:url(/images/logos/pdf.png) no-repeat}
body#news div.download p	{margin-left:50px}

/* dinah */

.topHead {
	background-image: none;
}

.topHead a.logo img {
	padding-left: 5px;
	border: none;
}

.newsSummary img {
	float: left;
	padding-top: 8px;
}

.newsSummary h2 {
	padding-left: 120px;
}

.newsSummary h3 {
	padding-left: 120px;
}

.newsSummary h4 {
	padding-left: 120px;
	font-size: 87.5%;
	font-weight: normal;
	color: #b1b0a7;
	padding-bottom: 4px;
}

.newsSummary p {
	padding-left: 120px;
}