body { background-color: #48A1E0; }

.webprototype #header { margin-bottom: 0; }

#prototypeBack { background: url(../images/protoypeGrid.gif); padding-bottom: 42px; position: relative; padding-top: 3em; }

h2 { color: #fff; position: absolute; left: -9999px; }

#prototypeIntro { background: #D9E8F5; -webkit-transform: rotate(-0.5deg); -moz-box-shadow: 1px 1px 2px #56717A; -webkit-box-shadow: 1px 1px 2px #56717A; box-shadow: 1px 1px 2px #56717A; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 8px; border-top-left-radius: 3px; border-top-right-radius: 7px; border-bottom-right-radius: 5px; border-bottom-left-radius: 8px; color: #245F84; padding: 21px; width: 400px; position: absolute; top: 184px; left: 40px; font-size: 18px; line-height: 21px; }

#prototypeExample { background: #D9E8F5; -webkit-transform: rotate(1deg); -moz-box-shadow: 1px 1px 2px #56717A; -webkit-box-shadow: 1px 1px 2px #56717A; box-shadow: 1px 1px 2px #56717A; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 8px; border-top-left-radius: 3px; border-top-right-radius: 7px; border-bottom-right-radius: 5px; border-bottom-left-radius: 8px; color: #245F84; padding: 21px; width: 300px; position: absolute; font-size: 18px; top: 185px; right: 40px; }

#prototypeConclusion { background: #D9E8F5; -webkit-transform: rotate(-0.5deg); -moz-box-shadow: 1px 1px 2px #56717A; -webkit-box-shadow: 1px 1px 2px #56717A; box-shadow: 1px 1px 2px #56717A; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 8px; border-top-left-radius: 3px; border-top-right-radius: 7px; border-bottom-right-radius: 5px; border-bottom-left-radius: 8px; color: #245F84; padding: 21px; width: 380px; position: absolute; font-size: 18px; top: 520px; right: 290px; }
#prototypeConclusion ul { padding: 0; }

.protoypeLink { display: block; font-size: 24px; text-align: center; line-height: 30px; padding: 10px 0; }

#blogContent { position: relative; height: 756px; background: url(../images/blueprintBack.gif) no-repeat center 0; }
#blogContent p { padding: 0; }

.en #blogContent { background: url(../images/blueprintBack_en.gif) no-repeat center 0; }

.webprototype #PageComments_holder h3 { color: #fff; }
.webprototype form input.text { background: #D7E8F5; color: #245F84; }
.webprototype form textarea { background: #D7E8F5; color: #245F84; }
.webprototype #PageCommentInterface_Form_PostCommentForm label { color: #fff; }
.webprototype .recaptchatable #recaptcha_image { margin-left: 29px; border-right: 11px solid #fff; }
.webprototype #PageCommentInterface_Form_PostCommentForm .recaptcha_input_area { margin-left: 29px !important; }
.webprototype #recaptcha_instructions_image { color: #fff; }
.webprototype #CommentHolder { color: #fff; }
.webprototype #CommentHolder a { color: #D7E8F5; }
.webprototype #CommentHolder a:hover { color: #fff; }
.webprototype #CommentHolder #paginationContent a { color: #B2315C; }
.webprototype #CommentHolder #paginationContent a:hover { color: #F4417B; }
.webprototype #footer p { color: #D7E8F5; }
.webprototype #footer p a { color: #D7E8F5; }

