body {font-family: helvetica, arial; font-size: 12px; color: #333; background: #141414 url(images/bg.jpg) repeat-x;}

input .missing {background: lightyellow;}

#container {margin-top: 50px;	width: 810px;	margin-bottom: 50px; text-align: center;}

#container h1 {margin: 0; margin-bottom: 7px; color: #fff; font-weight: normal; font-size: 32px; width: 100%; text-align: left;}
#container h1 a { color: #2e8996;}
#container h2 {margin: 0; color: #fff; font-weight: normal; font-size: 18px; text-align: left;}
#container h2 a {color:#00c6ff;}

#container.home h1.img {padding-left: 7px;}
#container.home h1.img.text {background: url(images/home_headline.png) no-repeat; height: 33px; padding: 0px;}
#container.home h2.img {padding-left: 9px;}
#container.home h2.img.text {background: url(images/home_subheadline.png) no-repeat; height: 49px; padding: 0px;}

#container.home .contact h1.img {padding-left: 7px;}
#container.home .contact h1.img.text {background: url(images/contact_headline.png) no-repeat; height: 33px; padding: 0px;}

#container.home .contact {margin-top: 40px;}
#container.home .contact .border {height: 1px; background: url(images/contact_border.png) no-repeat;}
#container.home .contact .content {padding-left: 10px; padding-right: 8px; padding-top: 20px; padding-bottom: 20px; height: 270px;}
#container.home .contact .content .info {float: left; width:385px; height: 300px; text-align: left;}
#container.home .contact .content .info input {border: 0; background: #fff; padding: 5px; width: 375px; font-size: 16px; font-weight: bold;}
#container.home .contact .content .info input.missing {background: #d4da73;}
#container.home .contact .content .info .state {color: #fff;  text-align: center; font-weight: normal;}
#container.home .contact .content .info .state.success { color: #00c6ff;font-size: 25px; padding-top: 20px;}
#container.home .contact .content .info .state.failure {color: #900; font-size: 13px;}
#container.home .contact .content .message {float: right; width:385px; height: 300px; font-size: 13px; text-align: left;}
#container.home .contact .content .message textarea {margin-top: 2px; font-family: helvetica, arial; border: 0; background: #fff; padding: 5px; width: 375px; font-size: 14px; font-weight: normal; height: 200px;}
#container.home .contact .content .message textarea.missing {background: #d4da73;}
#container.home .contact .content .message .command {margin-top: 10px; text-align: right;}
#container.home .contact .content .message .command input {border: 0px; background: #2e8996; color: #fff; font-size: 12px; text-transform: uppercase; width: 120px; padding: 5px;}
#container.home .contact .content h2 {font-size: 14px; color: #fff; font-weight: normal; margin:0; margin-bottom: 4px;}


#container.home .caseviewer {width: 790px; height: 352px; background: url(images/home_caseviewer.png); padding: 5px 10px 5px 9px; margin-top: 20px;}
#container.home .caseviewer .description {width: 250px; float: left; height: 350px;}
#container.home .caseviewer .description .content {padding: 20px; height: 310px; padding-bottom: 0px; text-align: left;}
#container.home .caseviewer .description .content .comment {margin-top: 30px;}
#container.home .caseviewer .description .content .comment .box {background: #454545; padding: 7px; font-size: 10px; color: #fff; text-transform: uppercase;}
#container.home .caseviewer .description .content .comment .box a {color:#00c6ff; text-decoration: none;}
#container.home .caseviewer .description .content .comment .box a:hover {text-decoration: underline;}
#container.home .caseviewer .description .content .comment .arrow {background: url(images/comment_arrow.png) right no-repeat; height: 15px;}
#container.home .caseviewer .description .content a {color:#2e8996; text-decoration: none;}
#container.home .caseviewer .description .content a:hover {text-decoration: underline;}
#container.home .caseviewer .description .content h1 {text-align: left; font-size: 14px; text-transform: uppercase; color: #2e8996; font-weight: bold; margin-top: -3px;}
#container.home .caseviewer .description .content p {margin: 0px; margin-top: 7px; font-size: 13px; color: #3b3b3b;}
#container.home .caseviewer .description .navigation {text-align: center; line-height: 20px; margin: 0px;}
#container.home .caseviewer .image {width: 540px; height: 350px; background: #777; float: right;}

#container.home .thumbs {list-style: none; margin: 0; margin-left: -37px; margin-top: 8px; text-align: left;}
#container.home .thumbs .thumb {display: inline-block; background: url(images/home_thumb.png); width: 117px; height: 116px; padding: 10px 0px 0px 11px; margin-right: 4px; cursor: pointer;}
#container.home .thumbs .thumb.active {background: url(images/home_thumb_active.png);}
#container.home .thumbs .thumb.endrow {margin-right: 0;}
#container.home .thumbs .thumb .image {width: 105px; height: 105px; background: #777;}
#container.home .thumbs .thumb .content {display: none;}

#container.home .cases {display: none;}

#container .boxes {padding-left: 3px; margin-top: 8px;}
#container .boxes .box {width: 250px; height: 100px; padding: 5px 6px 7px 6px; background: url(images/home_box.png);}
#container .boxes .box:last-child {padding-right: 0;}
#container .boxes .box .content {padding: 20px; text-align: left;}
#container .boxes .box .content h1 {text-align: left; font-size: 14px; text-transform: uppercase; color: #2e8996; font-weight: bold; margin-top: -3px;}
#container .boxes .box .content p {margin: 0px; margin-top: -2px; font-size: 13px; color: #3b3b3b;}
#container .boxes .spacer {width: 8px;}

#container.projects h1.img {padding-left: 7px;}
#container.projects h1.img.text {background: url(images/projects_headline.png) no-repeat; height: 33px; padding: 0px;}
#container.projects h2.img {padding-left: 9px;}
#container.projects h2.img.text {background: url(images/projects_subheadline.png) no-repeat; height: 49px; padding: 0px;}

#container.projects .cases {display: block; list-style: none; margin: 0; margin-left: -40px; margin-top: 20px;}
#container.projects .cases .case {background: url(images/projects_case.png); width: 250px; height: 268px; display: inline-block; margin-right: 5px; margin-bottom: 7px; padding: 5px 6px 0px 6px;}
#container.projects .cases .case.endrow {margin-right: 1px;}
#container.projects .cases .case .image {height: 229px; cursor: pointer;}
#container.projects .cases .case .content {line-height: 30px; text-transform: normal; text-align: center; font-size: 13px; font-weight: bold;}
#container.projects .cases .case .content a {color:#2e8996; text-decoration: none;}
#container.projects .cases .case .content a:hover {text-decoration: underline;}