@font-face { font-family:WalkwayBoldRegular; src:url(fonts/walkway_bold-webfont.eot); src:local(☺), url(fonts/walkway_bold-webfont.woff) format(woff), url(fonts/walkway_bold-webfont.ttf) format(truetype), url(fonts/walkway_bold-webfont.svg#webfontXg1UExrE) format(svg); font-weight:normal; font-style:normal; }

/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

/* Main rule has been modified (added font-style, font-weight:normal, text-align) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,textarea { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal; font-weight:normal; text-align:left; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
body { text-align:center; margin:auto; font-size:75%; font-family:Verdana,Geneva,Arial,sans-serif; line-height:1.5em; }
html>body { font-size:12px; }
h1 { display:none; }
h2 { margin:20px 0 0 20px; }
h3 { margin:0 0 20px; }
body { background-color:#333; }
#info { color:#fff; background:#222222 url(images/bg_alt.jpg) repeat-x 50% top; }
#offerings { padding:40px 0; background-color:#fff; }
#action { padding:40px 0; background-color:#f3f3f3; }
#foot { padding:20px 0; }
#services { width:960px; margin:auto; text-align:left; clear:both; overflow:hidden; }
#about,#products,#contact,#legal { width:960px; margin:auto; text-align:left; clear:both; overflow:auto; }
body > #services { overflow:auto; }

#edu_consultancy { width:600px; float:left; margin:20px; }
#software_dandd { width:250px; float:right; margin:20px; }
#products { border-top:1px dotted #999; margin-top:60px; padding-top:40px; }

#thought_park,#spoke,#mobistick { width:280px; float:left; margin:20px; }
#online,#offline,#contact_message { width:440px; float:left; margin:20px; display:inline; }
#copyright,#company { width:440px; float:left; margin:20px; }
label,input,textarea { display:block; }
textarea,.text { border:1px solid #666; background-color:#fff; width:100%; padding:5px; margin:3px 0 10px; }
address { padding-bottom:1em; }
#about { background:transparent url(images/logo.png) no-repeat; background-position:20px 80px; }
#about p span { background-color:#333; }
h2 { font-size:2em; }
h3 { font-size:1.5em; color:#89b61d; }
.slide p { font-size:1.5em; line-height:1.5em; }
.button { background-color:#89b61d; color:#fff; padding:10px; border-radius:5px; }
label { margin-top:10px; }
#legal { color:#999; }
#lines li { float:left; background-color:#333; color:#fff; padding:10px; border-radius:5px; margin-right:10px; }
.actions { float:left; width:100%; margin-top:20px; }
.actions li { float:left; margin-right:5px; }
.actions a { background-color:#89b61d; color:#fff; padding:3px 5px; border-radius:5px; text-decoration:none; display:block; }
#thought_park img,#spoke img,#mobistick img { float:right; margin:0 0 0 15px; }
h2,h3 { font-family:WalkwayBoldRegular, sans-serif; letter-spacing:.15em; }
.textwrap { padding-top:200px; padding-left:20px; position:relative; }
.cleverslide_pagingwrap { position:absolute; margin:180px 10px; }
#services p { margin-bottom:1em; }
p strong { font-weight:bold; }
blockquote { font-size:1.2em; line-height:160%; font-size:120%; background-color:#333; color:#fff; padding:20px; border-radius:5px; margin-top:2em; }
cite { padding:30px 20px; display:block; text-align:center; background:transparent url(images/bubble_bottom.png) no-repeat top center; }
.cleverslide_page { display:block; position:relative; }
.hide { display:none; visibility:hidden; }
#info { height:348px; overflow-y:hidden; position:relative; }
#edu_consultancy { display:inline; }
.slide .image { right:0; position:relative; float:right; }
#intro div.image { background:transparent url(images/circle.png) no-repeat; right:40px; top:80px; width:191px; height:181px; }
#intro2 div.image { width:276px; height:233px; background:transparent url(images/clients2.png) no-repeat; top:65px; }
#intro3 div.image { width:356px; height:244px; background:transparent url(images/screens.png) no-repeat; top:60px; }
#intro4 div.image { width:360px; height:201px; background:transparent url(images/photos.png) no-repeat; top:80px; }
#intro4 .textwrap { width:500px; }
#offline { margin:0 0 0 20px; }
.cleverslide_next,.cleverslide_previous { position:absolute; left:50%; z-index:100; width:32px; height:32px; }
.cleverslide_next span,.cleverslide_previous span { display:none; }
.cleverslide_previous { top:20px; }
.cleverslide_next { top:296px; }
a.cleverslide_next { background:transparent url(images/arrows.png) no-repeat top -32px; }
a.cleverslide_previous { background:transparent url(images/arrows.png) no-repeat top 0; }
a.cleverslide_next:hover,a.cleverslide_previous:hover { background-position-y:-32px; }
#contact_message.fail { background:transparent url(images/warning.png) no-repeat left top; }
#contact_message.success { background:transparent url(images/accept.png) no-repeat left top; }
#contact_message.fail h4 { line-height:2em; color:#cea400; font-size:1.5em; }
#contact_message.success h4 { line-height:2em; color:#8dba00; font-size:1.5em; }
#contact_message h4,#contact_message p { padding-left:60px; }
#online { clear:left; }