/* --- knowledgeworksco.com css by www.RichardDevon.com ------------------------------------------------------------------------------------------------ */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, fieldset, td, img { margin: 0; padding: 0; border: none; }

.clear {clear:both; display:block;}
header, nav, section, section, aside, article, figure {display: block;}

body { background: url(../images/bg_2.jpg) top left repeat-x #ffffff; font: 16px/22px "Times",serif; padding: 20px 0; text-shadow: #FFF 0 1px 1px; border-top: 10px solid #000;}
section {position: relative; z-index: 1000;}
article, footer {z-index:2; position: relative; width: 956px;margin: 0 auto;}
footer {display:block; text-align:center; text-shadow:#FFF 0 1px 1px; padding-right:49px; width: 907px; opacity:0.6;}
footer:hover {opacity:1.0;}
footer a:hover {color:#FF0000; text-shadow: #333 0 1px 1px;}

section#content {width: 914px; margin: 0 auto;}
section#top {background: url(../images/body-bg_top.png) bottom center no-repeat;width: 914px; height: 10px; position: relative;}
section#mid {background: url(../images/body-bg_mid.png) top center repeat-y;width: 914px;position: relative;}
section#bot {background: url(../images/body-bg_bot.png) top center no-repeat;width: 914px; height: 28px; position: relative;}

section.text {padding: 40px 50px;}

header img#logo {background: url(../images/logo.png) center center no-repeat; width: 620px; height: 172px;}

img#iphone-peterpan {float: left; padding: 0 40px 0 0;}
img#iphone-alice {float: left; padding: 0 40px 0 0;}
img#iphone-aladdin {float: left; padding: 0 40px 0 0;}
img#iphone-casey {float: left; padding: 0 40px 0 0;}
img#iphone-redridinghood {float: left; padding: 0 40px 0 0;}
img#iphone-pinocchio {float: left; padding: 0 40px 0 0;}
img#app-store-casey {float: right; padding: 20px;}
img#app-store-redridinghood {float: right; padding: 20px;}
img#app-store-aladdin {float: right; padding: 20px;}
img#app-store-pinocchio {float: right; padding: 20px;}
img#app-store-peterpan {float: right; padding: 20px;}
img#app-store-alice {float: right; padding: 20px;}
img#app-store-coming-soon {float: right; padding: 20px;}
img#aesops-fables {float: right; padding:20px;}

/* --- document structure ------------------------------------------------------------------------------------------------ */

h1	{font-size:30px; line-height:60px; padding: 0 0 30px 0; color:#000000;}
h1a	{font-size:65px; line-height:60px; padding: 0 0 30px 0; color:#000000; text-shadow: #CCC 0 4px 4px; outline-color:#FFF; outline-width:medium;}
header h1 {font-size: 18px; font-weight: normal; position: absolute; top:108px; left:152px; color: #555;}
h2	{font-size: 28px; line-height:42px; font-weight:normal; color: red;}
h3	{font-size: 22px; color:#000000;}
h4, nav ol li	{font-size: 18px;}
h4.addy	{margin-bottom: 20px;}
h5	{font-size: 14px;}
h6	{padding-top:20px;font-size: 16px;}

p {padding: 15px 0;}


a img {
-webkit-transition: all 0.15s ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-delay: initial;
}

a:hover img {-webkit-transform: scale(1.05) rotate(1deg);}

a:hover {color: red;}

/* --- nav states ------------------------------------------------------------------------------------------------ */


/* --- contact form ------------------------------------------------------------------------------------------------ */

fieldset { border: 0; padding: 0px; margin-top:0px; width: 600px;-moz-border-radius: 5px;-webkit-border-radius: 5px; font-size:16px;}
fieldset ol {margin: 0 auto; width: 540px; padding: 20px 30px;text-shadow: #FFF 0 1px 1px;}
fieldset ol, fieldset ul li  {list-style: none; list-style-position: outside;}
fieldset ol li {display:block;}
fieldset ol li.last {padding-top: 20px;}
fieldset label	{display: block;padding: 0 0 5px 0;}
fieldset label#title	{font-size: 20px;}
fieldset input.field, fieldset select, #captcha {margin: 0 0 10px 0; padding: 5px; width: 520px;}
fieldset select { display: block; margin: 0 0 10px 0; padding: 5px 0; width: 535px;}
fieldset .textarea {height: 200px; margin: 0 0 10px 0; padding: 5px; width: 520px;}