/* reset */
address,article,aside,blockquote,body,caption,col,colgroup,dd,dialog,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,hr,nav,legend,li,menu,ol,p,pre,section,table,tbody,td,tfoot,th,thead,tr,ul,a,abbr,b,bdo,br,cite,code,del,dfn,em,i,ins,kbd,label,mark,meter,progress,q,rp,rt,ruby,samp,small,span,strong,sub,sup,time,var,audio,canvas,embed,figure,iframe,img,math,object,svg,video {
	border:          0;
	margin:          0;
	outline:         0;
	padding:         0;
	border-spacing:  0;
	list-style:      none;
	color:           inherit;
	font-size:       inherit;
	font-style:      inherit;
	text-align:      inherit;
	font-weight:     inherit;
	font-family:     inherit;
	line-height:     inherit;
	text-decoration: inherit;
	vertical-align:  baseline;
	border-collapse: separate;
	background:      transparent; }
article,aside,dialog,figure,footer,header,hgroup,legend,nav,section { display: block; }

html                  { background: #f8f8f8; color: #333; font: 75%/1.5em 'lucida sans', 'lucida grande', sans-serif; }

abbr                  { border-bottom: 1px dotted; cursor: help; }
b,dfn,strong          { font-weight: bolder; }
blockquote            { margin: 0 2.5em; }
address,cite,em,i,var { font-style: italic; }
code,kbd,pre,var,samp { font: larger consolas, courier, monospace; }
del                   { text-decoration: line-through; }
hr                    { clear: both; }
ins                   { text-decoration: underline; }
mark                  { text-decoration: overline; }
pre                   { margin: 0 0 1.5em; white-space: pre-wrap; }
p                     { margin: 0 0 1.5em; }
small                 { font-size: smaller; }
sub                   { vertical-align: sub; }
sup                   { vertical-align: super; }
sub,sup               { font-size: smaller; line-height: 0; }
pre code,
pre kbd, pre pre,
pre var, pre samp     { font-size: 100%; }

h1                    { font: 200%/1em constantia, georgia, serif; margin: 0 0 .75em; }
h2                    { font: 150%/1em constantia, georgia, serif; margin: 0 0 1em; }
h3                    { font: 125%/1em constantia, georgia, serif; margin: 0 0 1.2em; }
h4                    { font: 100%/1em constantia, georgia, serif; margin: 0 0 1.5em; }
h5                    { font: 85%/1em constantia, georgia, serif; margin: 0 0 1.75em; }
h6                    { font: 75%/1em constantia, georgia, serif; margin: 0 0 2em; }

label                 { cursor: pointer; }

body > div            { margin: auto; width: 676px; }
body h1 b             { display: none; }

header                { padding: 1.5em 0 0; position: relative; }
header h1             { background: url( 'img/logo.png' ) no-repeat; height: 32px; }
header nav            { float: right; font-weight: bold; }
header nav ul         { position: relative; top: -34px; }
header nav li         { float: left; margin: 0 0 0 1.5em; }
header nav i a        { color: #008fbf; font-style: normal; }
header nav b a        { border-bottom: 1px solid; }
header nav a:hover    { color: #008fbf; }

section               { background: #fff; border-radius: 6px; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); margin: 0 0 1.5em; padding: 1.5em; }
section > h1          { background: url( 'img/power.png' ) 50% 0 no-repeat; height: 40px; margin: 0; }
section > h1 + p      { color: #808080; font-size: larger; text-align: center; }
section > a:hover     { color: #008fbf; }
section a             { cursor: pointer; }

#showcase             { text-align: center; padding: 138px 0 9px; }
#showcase p           { margin: 0; }
#showcase i           { font-size: 200%; font-style: normal; line-height: 0; vertical-align: sub; }
#showcase div         { height: 120px; width: 676px; }
#showcase img         { margin: .75em .25em; }

form                  { background: #fff; box-shadow: 0 0 50px rgba( 0, 0, 0, .25 ); display: none; padding: 1.5em; position: fixed; width: 346px; z-index: 200; }
form b                { display: block; float: left; width: 25%; }
form a                { color: #008fbf; cursor: pointer; }
form p                { text-align: right; }
form i                { background: #900; color: #fff; display: block; font-style: normal; font-weight: bold; margin: 0 -1.5em 1.5em; padding: .75em; }
form i.good           { background: #790; }
form h1               { font-family: 'lucida sans', 'lucida grande', sans-serif; }
textarea              { box-sizing: border-box; font: 100% 'lucida sans', 'lucida grande', sans-serif; margin: 0 0 .75em; padding: .25em; width: 100%; }
.overlay              { background: #fff; display: none; height: 100%; width: 100%; position: fixed; top: 0; z-index: 100; }

#body article                     { background: url( 'img/tools.png' ) 50% 100% no-repeat; float: left; padding: 0 0 72px; width: 200px; }
#body article + article           { background-image: url( 'img/multi.png' ); margin: 0 0 0 15px; }
#body article + article + article { background-image: url( 'img/theme.png' ); }
#body article h1                  { font: bold larger/1.5em 'lucida sans', 'lucida grande', sans-serif; margin: 0 0 .25em; }

#testimonials cite { border-bottom: 1px solid #e5e5e5; display: block; margin: 0 0 .75em; padding: 0 0 .75em; }

footer                { margin: 1.5em 0; text-align: center; }

form    { -webkit-box-shadow: 0 0 50px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 0 50px rgba( 0, 0, 0, .25 ); }
section { -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); }

section p.announcemnet   { font-size: larger; font-weight: bold; text-align: center; }
section p.announcemnet a { color: #008fbf; }