@charset "utf-8";
body {padding:0; margin:0; font-family: 'Open Sans', sans-serif;}
div {position:relative}
select {font-family: 'Open Sans', sans-serif; font-weight:lighter}
input {font-family: 'Open Sans', sans-serif; font-weight:lighter}
textarea {font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:5px; border:none;}
.email {font-size:20px; border:none; padding:5px; width:300px;}
.emailtext {font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:20px; padding:5px;}
.formselect {font-size:20px; border:none;}
.uploadback {font-size:20px; border:none; position:absolute; top:0; left:0; background:#FFF; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:5px; width:300px;}
.formblock {padding:0 0 10px 0;}
.uploadfront {padding:10px; opacity:0;}
.captcha {font-family: 'Open Sans', sans-serif; text-align:center; width:80px; height:36px; line-height:36px; font-size:28px; color:#333; vertical-align:middle; font-weight:normal; border:none}
.startbutton {font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:normal; padding:10px 20px 10px 20px}
.howitworks {font-size:16px; font-family: 'Open Sans', sans-serif; color:#FFF; font-weight:lighter; cursor:pointer; border-bottom:1px dashed #FFF; margin:0 0 0 10px}
.moreinfo {font-size:16px; font-family: 'Open Sans', sans-serif; color:#000; font-weight:lighter; cursor:pointer; border-bottom:1px dashed #000;}

.menu {font-size:20px; font-weight:lighter; text-decoration:none; color:#000; margin:0 15px 0 0; line-height:40px; vertical-align:top;}
.menusel {font-size:20px; font-weight:lighter; border-bottom:4px solid #c3c2c5; text-decoration:none; color:#000; margin:0 15px 0 0; line-height:40px; vertical-align:top;}

.hrefwhite {font-size:20px; font-weight:lighter; border-bottom:1px dashed #FFF; text-decoration:none; color:#FFF; text-decoration:none}

@media screen and (min-width: 800px) {
.mainblock {margin:0 0 0 160px; padding:20px 20px 20px 0;}
.mainblock2 {margin:0 20px 0 160px; padding:20px 20px 20px 0;}
.mainblock3 {margin:0 0 0 160px; padding:20px 20px 20px 0;}
.logo {position:fixed; top:30px; left:30px}
.DesignContainer {padding:0 20px 0 160px;}
.DesignPic {}
.PopularBlock {padding:0 0 0 0}
.DownloadPic {float:left; margin:0 20px 40px 0}
h1 {font-size:36px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
h2 {font-size:28px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
.contactpic {float:left}
.contactdescr {margin:0 0 0 120px}
}

@media screen and (max-width: 800px) {
.mainblock {margin:0 0 0 0; padding:20px 0 20px 0;}
.mainblock2 {margin:0 20px 0 20px; padding:20px 20px 20px 0;}
.mainblock3 {margin:0 0 0 20px; padding:20px 20px 0 0;}
.logo {position:relative; top:20px; left:20px; padding:0 0 20px 0}
.DesignContainer {margin:0 20px 0 20px;}
.DesignPic {width:100%;}
.PopularBlock {padding:0 20px 0 20px}
.DownloadPic {float:none; display:block; margin:0 20px 10px 0; width:50%; min-width:200px}
h1 {font-size:28px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
h2 {font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
.contactpic {float:none; padding:0 0 10px 0}
.contactdescr {margin:0 0 0 0}
}


.resulterror {background:#F33; color:#FFF; font-weight:lighter}
.resultsuccess {background:#080; color:#FFF; font-weight:lighter}

.title {font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 20px 0}
.subtitle {font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:bold; padding:0 0 5px 0}
.textblock {padding:0 0 20px 0}
.textblock2 {font-size:20px; padding:0 0 20px 0}


.portfoliopreview {cursor:pointer; border:1px solid #CCC;}

.contactrow {margin:0 0 10px 0}
.contacticon {padding:0 5px 0 0}
.contactblock {margin:0 0 40px 0}

.Tab {border:1px solid #AAA;  padding:5px}
.TabSel {border:1px solid #AAA; border-bottom:none; padding:5px 10px 5px 10px;}
.TabEmpty {border-bottom:1px solid #AAA; width:50px}