@charset "UTF-8";
body { margin: 0; padding: 156px 0 22px 0; background-repeat: repeat-x; background-attachment: fixed; background-color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 1.8em; color: #fff; }
a { color: #fff; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { border: 0; }

div#dim { position: absolute; width: 100%; height: 100%; z-index: 98; background: #000; left: 0px; top: 0px; display: none; }
div#popup { position: absolute; width: 100%; height: 100%; z-index: 99; left: 0px; top: 0px; display: none; }
body > div#dim { position: fixed; left: 0px; top: 0px; }
body > div#popup { position: fixed; left: 0px; top: 0px;}

div#header { position: absolute; z-index: 999; top: 22px; width: 100%; }
div#header #headerwrapper { position: relative; width: 980px; height: 106px; margin: 0 auto; }
div#header #headerwrapper h1 { position: absolute; margin: 0px; padding: 0px; z-index: 99; bottom: 13px; left: 22px; height: 30px; width: 350px; background: url(../_imgs/title.png) no-repeat; text-indent: -9999px; overflow: hidden; }
div#header #headerwrapper #nav { position: absolute; margin: 0; padding: 0; width: 620px; right: 22px; list-style: none; }
div#header #headerwrapper #nav li { float: left; width: 106px; height: 106px; padding-left: 18px; }
div#header #headerwrapper #nav li a { position: absolute; width: 106px; height: 106px; text-indent: -9999px; background: #fff; background: url(../_imgs/nav.png) no-repeat; }
div#header #headerwrapper #nav li a:hover { height: 384px; }
div#header #headerwrapper #nav li#nav-home a { background-position: 0 0; }
div#header #headerwrapper #nav li#nav-design a { background-position: -124px 0; }
div#header #headerwrapper #nav li#nav-think a { background-position: -247px 0; }
div#header #headerwrapper #nav li#nav-yesno a { background-position: -370px 0; }
div#header #headerwrapper #nav li#nav-contact a { background-position: -491px 0; }
div#header #headerwrapper #nav li#nav-home a:hover { background-position: 0 -116px; }
div#header #headerwrapper #nav li#nav-design a:hover { background-position: -124px -116px; }
div#header #headerwrapper #nav li#nav-think a:hover { background-position: -247px -116px; }
div#header #headerwrapper #nav li#nav-yesno a:hover { background-position: -370px -116px; }
div#header #headerwrapper #nav li#nav-contact a:hover { background-position: -491px -116px; }
div#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#content { position: relative; margin: 0 auto; padding: 0; }
div#content h1 { text-transform: uppercase; margin: 0; padding: 0; font-size: 18px; line-height: 1.5em; font-weight: normal; }
div#content h1:first-letter { font-size: 24px; }
div#content p { margin: 0; padding: 0; }

div#footer { position: relative; width: 980px; margin: 0 auto; }
div#footer #copyright { position: absolute; left: 22px; text-indent: -9999px; background: url(../_imgs/copyright.gif) no-repeat; width: 314px; height: 9px; }

#home { background-image: url(../_imgs/bg_home.jpg) }
#design { background-image: url(../_imgs/bg_design.jpg) }
#think { background-image: url(../_imgs/bg_think.jpg) }
#yesno { background-image: url(../_imgs/bg_yesno.jpg) }
#contact { background-image: url(../_imgs/bg_contact.jpg) }

#home div#header #headerwrapper h1 { background-position: 0 0; }
#design div#header #headerwrapper h1 { background-position: 0 -30px; }
#think div#header #headerwrapper h1 { background-position: 0 -60px; }
#yesno div#header #headerwrapper h1 { background-position: 0 -90px; }
#contact div#header #headerwrapper h1 { background-position: 0 -120px; }

#home #content { width: 780px; }
#design #content { width: 980px; }
#think #content { width: 780px; }
#yesno #content { width: 936px; }
#contact #content { width: 936px; }

#content a { padding-bottom: 2px; border-bottom: dotted 1px #fff; text-decoration: none; }
#home #content a { border-bottom-color: #0094bf; }
#home #content a:hover { color: #0094bf; }
#design #content a { border-bottom-color: #00bf99; }
#design #content a:hover { color: #00bf99; }
#think #content a { border-bottom-color: #fce947; }
#think #content a:hover { color: #fce947; }
#yesno #content a { border-bottom-color: #dc9229; }
#yesno #content a:hover { color: #dc9229; }
#contact #content a { border-bottom-color: #b7b7b7; }
#contact #content a:hover { color: #b7b7b7; }

#home div#content .box { position: relative; width: 580px; margin-bottom: 3em; padding: 18px 0; }
#home div#content .box, #home div#content .box .cap { background: url(../_imgs/box_blue_580.png) no-repeat; }
#home div#content .box .cap { position: absolute; bottom: -8px; width: 580px; height: 8px; background-position: 0 -792px; }
#home div#content .box h1 { padding: 0 28px; margin: 0 0 0.5em 0; }
#home div#content .box p { padding: 0 42px; margin: 0 0 1em 0;}

#design div#content .box { position: relative; width: 936px; margin-bottom: 3em; padding: 18px 0; margin-left: 22px; margin-right: 22px; }
#design div#content .box, #design div#content .box .cap { background: url(../_imgs/box_green_936.png) no-repeat; }
#design div#content .box .cap { position: absolute; bottom: -8px; width: 936px; height: 8px; background-position: 0 -792px; }
#design div#content .box h1 { padding: 0 0 0 28px; margin: 0 0 0.5em 0; }
#design div#content .box p { padding: 0 0 0 42px; margin: 0 0 1em 0; }
#design div#content .box img { margin-top: 24px; }
#design div#content .box .text { float: left; width: 42%; }
#design div#content .box .preview { float: right; width: 58%; text-align: center; }

#think div#content .box { position: relative; width: 580px; margin-bottom: 3em; padding: 18px 0; }
#think div#content .box, #think div#content .box .cap { background: url(../_imgs/box_yellow_580.png) no-repeat; }
#think div#content .box .cap { position: absolute; bottom: -8px; width: 580px; height: 8px; background-position: 0 -792px; }
#think div#content .box h1 { padding: 0 28px; margin: 0 0 0.5em 0; }
#think div#content .box p { padding: 0 42px; margin: 0 0 1em 0;}

#yesno div#content div#yes, #yesno div#content div#no { width: 50%; }

#yesno div#content div .box { position: relative; width: 457px; margin-bottom: 3em; padding: 18px 0; }
#yesno div#content div .box, #yesno div#content div .box .cap { background: url(../_imgs/box_orange_457.png) no-repeat; }
#yesno div#content div .box .cap { position: absolute; bottom: -8px; width: 457px; height: 8px; background-position: 0 -792px; }
#yesno div#content div .box h1 { padding: 0 28px; margin: 0 0 0.5em 0; }
#yesno div#content div .box p { padding: 0 42px; margin: 0 0 1em 0;}

#contact div#content .box { position: relative; width: 602px; margin-bottom: 3em; padding: 18px 0; }
#contact div#content .box, #contact div#content .box .cap { background: url(../_imgs/box_grey_602.png) no-repeat; }
#contact div#content .box .cap { position: absolute; bottom: -8px; width: 602px; height: 8px; background-position: 0 -792px; }
#contact div#content .box h1 { padding: 0 28px; margin: 0 0 0.5em 0; }
#contact div#content .box p { padding: 0 42px; margin: 0 0 1em 0;}