html {margin:0;padding:0;height:100%;}
body {margin:0;padding:0;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:1;height:100%;}
img {border:0;max-width:100%;}
.clr {clear:both;margin:0;padding:0;line-height:0;height:0;}
a:hover {-webkit-transition:all 150ms ease-in;-moz-transition:all 150ms ease-in;-o-transition:all 150ms ease-in;transition:all 150ms ease-in;}
section {box-shadow:0 2px 0 2px rgba(0,0,0,0.34);background-color:#595763;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#595763', endColorstr = '#42404c');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#595763',endColorstr = '#42404c')";background-image:-moz-linear-gradient(top, #595763, #42404c);background-image:-ms-linear-gradient(top, #595763, #42404c);background-image:-o-linear-gradient(top, #595763, #42404c);background-image:-webkit-linear-gradient(top, #595763, #42404c);background-image:linear-gradient(top, #595763, #42404c);position:absolute;z-index:200;top:0;left:0;width:100%;}
iframe {position:absolute;top:52px;border:none;width:100%;margin:0;padding:0;}
a,
a:link,
a:visited {cursor:pointer;color:#fff;text-decoration:none;}
a:hover {text-decoration:underline;}
.navigationWrapper {padding:3px 0;margin:0 auto;max-width:1150px;height:45px;position:relative;}
.navigation {padding:3px 0;}
h1#logo {float:left;margin:0 30px 0 0;padding:6px 0 0 0;}
h1#logo a img {vertical-align:middle;width:160px;height:auto;}
h3 {margin:0 5px 0 0;font-weight:400;display:inline-block;vertical-align:middle;font-size:14px;}
.selectTemplateContainer {position:relative;display:inline-block;vertical-align:middle;margin-left:7px;}
.selectTemplateContainer a#templateSelector {cursor:pointer;display:inline-block;padding:10px 20px;font-weight:700;width:230px;border:1px solid #36353C;border-radius:6px;background:url(../images/selectBtn.png) no-repeat 100% 50%;box-shadow:0 2px 4px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.1);}
.selectTemplateContainer a#templateSelector:hover {text-decoration:none;}
.selectTemplateContainer a#templateSelector span {display:none;}
.selectTemplateContainer a#templateSelector span.type {background:#00abec;border-radius:3px;display:block;float:right;font-size:10px;font-weight:normal;margin:0 20px 0 0;padding:0 6px;line-height:1.5;text-transform:uppercase;}
.templateSelectorMenu {display:none;position:absolute;z-index:200;width:870px;margin:5px 0 0;background:url(../images/menuPat2.jpg) repeat 0 0;border-radius:0 0 6px 6px;box-shadow:inset 0 1px 7px rgba(0,0,0,.27);border:1px solid rgba(0,0,0,.38);border-top:0;}
ul.selectTemplate {width:540px;float:left;margin:0;padding:0;list-style:none;display:block;border-top:1px solid #313038;}
ul.selectTemplate li {margin:0;padding:0;border-bottom:1px solid #313038;border-top:1px solid #646272;border-right:1px solid #646272;box-shadow:0 1px 0 #1f1f23, inset 0 1px 0 #757284; float: left; width: 50%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
ul.selectTemplate li.tip { border-radius: 0 0 0 5px;}
ul.selectTemplate li:last-child {border-bottom:0;}
ul.selectTemplate li a {display:block;background:#4b4955;padding:15px 20px;line-height:1;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.selectTemplate li a span {float:right;color:#ccc;font-size:12px;line-height:15px;}
ul.selectTemplate li a.current,
ul.selectTemplate li a:hover {background:#313038;text-decoration:none;}
ul.selectTemplate li a span.type {background:#00abec;border-radius:3px;color:#fff;font-size:10px;line-height:1.5;margin:0 6px;padding:0 6px;text-transform:uppercase;}
.pane {float:left;width:330px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#313038;text-align:center;}
.thumbContainer {padding:20px 20px 0;}
.thumbContainer span.thumbImage {display:block;height:284px;border:3px solid #fff;border-radius:6px;overflow:hidden;}
.thumbContainer img {width:100%;max-width:100%;height:auto;}
.viewTemplate {width:202px;height:35px;line-height:35px;border:1px solid rgba(0,33,46,.38);border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.43);margin:10px auto;display:inline-block;color:#fefefe;text-shadow:0 1px 0 #1c4400;font-weight:700;text-align:center;background-color:#3fa700;background-image:-moz-linear-gradient(bottom, #3fa700 0%, #7ac600 100%);background-image:-o-linear-gradient(bottom, #3fa700 0%, #7ac600 100%);background-image:-webkit-linear-gradient(bottom, #3fa700 0%, #7ac600 100%);background-image:linear-gradient(bottom, #3fa700 0%, #7ac600 100%);}
.viewTemplate:hover {text-decoration:none;}
.colorSelect {background:#201f24;padding:15px;text-align:center;border-radius:0 0 6px 0;margin:15px 0 0;}
.colorSelect h4 {text-align:center;color:#fff;font-size:12px;font-weight:400;margin:0 0 6px;padding:0;}
.colorSelect a {font-size:12px;padding:10px 11px;border:1px solid rgba(0,0,0,.38);display:inline-block;vertical-align:top;margin:0 -2px;box-shadow:inset 0 1px 0 #524f5f;text-shadow:0 1px 0 rgba(43,43,43,.75);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#32313b', endColorstr = '#242329');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#32313b',endColorstr = '#242329')";background-image:-moz-linear-gradient(top, #32313b, #242329);background-image:-ms-linear-gradient(top, #32313b, #242329);background-image:-o-linear-gradient(top, #32313b, #242329);background-image:-webkit-linear-gradient(top, #32313b, #242329);background-image:linear-gradient(top, #32313b, #242329);}
.colorSelect a.first {border-right:0;border-radius:6px 0 0 6px;}
.colorSelect a.last {border-left:0;border-radius:0 6px 6px 0;}
.colorSelect a.first.last {border-radius:6px;}
.colorSelect a:hover,
.colorSelect a.active {text-decoration:none;background-color:#4b4955;box-shadow:inset 0 1px 0 rgba(0,0,0,.1);background-image:-moz-linear-gradient(bottom, rgba(77,74,90,0) 0%, rgba(50,49,59,0) 100%);background-image:-o-linear-gradient(bottom, rgba(77,74,90,0) 0%, rgba(50,49,59,0) 100%);background-image:-webkit-linear-gradient(bottom, rgba(77,74,90,0) 0%, rgba(50,49,59,0) 100%);background-image:linear-gradient(bottom, rgba(77,74,90,0) 0%, rgba(50,49,59,0) 100%);}
a.joinUs {display:block;float:right;border:1px solid rgba(0,0,0,0.38);border-radius:6px;padding:10px 20px;background:#02719f;background-clip:padding-box;margin-right:70px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#00abec', endColorstr = '#02719f');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#00abec',endColorstr = '#02719f')";background-image:-moz-linear-gradient(top, #00abec, #02719f);background-image:-ms-linear-gradient(top, #00abec, #02719f);background-image:-o-linear-gradient(top, #00abec, #02719f);background-image:-webkit-linear-gradient(top, #00abec, #02719f);background-image:linear-gradient(top, #00abec, #02719f);}
a.joinUs:hover {text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#02719f', endColorstr = '#00abec');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#02719f',endColorstr = '#00abec')";background-image:-moz-linear-gradient(top, #02719f, #00abec);background-image:-ms-linear-gradient(top, #02719f, #00abec);background-image:-o-linear-gradient(top, #02719f, #00abec);background-image:-webkit-linear-gradient(top, #02719f, #00abec);background-image:linear-gradient(top, #02719f, #00abec);}
.togglerContainer {padding:0;margin:0 auto;max-width:1150px;position:relative;}
a.togglerOpen,
a.togglerClosed {right:0;top:-51px;display:block;position:absolute;display:block;width:51px;height:51px;background:url(../images/toggler.png) no-repeat 50% 0;z-index:100;}
a.togglerClosed {top:0;display:none;background-position:50% -51px;width:49px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.34);}

@media only screen and (max-width:860px) {
	section h3 {display:none;}
}
@media only screen and (max-width:730px) {
	.selectTemplateContainer a#templateSelector span,
	ul.selectTemplate li a span,
	a.joinUs {display:none;}
	.selectTemplateContainer a#templateSelector {min-width:80px;width:100%;}
}

/* CSS Switch */
.templatePositions {margin-left:14px;display:inline-block;}
.templatePositionsLabel {font-size:14px;font-weight:400;margin:0 5px 0 0;vertical-align:middle;}
.onoffswitch {display:inline-block;position:relative;width:55px;top:7px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.onoffswitch-checkbox {display:none;}
.onoffswitch-label {display:block;overflow:hidden;cursor:pointer;border:none;border-radius:20px;}
.onoffswitch-inner {width:200%;margin-left:-100%;-moz-transition:margin 0.3s ease-in 0s;-webkit-transition:margin 0.3s ease-in 0s;-o-transition:margin 0.3s ease-in 0s;transition:margin 0.3s ease-in 0s;}
.onoffswitch-inner:before,
.onoffswitch-inner:after {float:left;width:50%;height:21px;padding:0;line-height:21px;font-size:11px;color:white;font-family:Trebuchet, Arial, sans-serif;font-weight:bold;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.onoffswitch-inner:before {content:"ON";padding-left:10px;background-color:#7BC700;color:#FFFFFF;}
.onoffswitch-inner:after {content:"OFF";padding-right:10px;background-color:#37363F;color:#CDCCCF;text-align:right;}
.onoffswitch-switch {width:18px;margin:1.5px;background:#FFFFFF;border:none;border-radius:20px;position:absolute;top:0;bottom:0;right:34px;-moz-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left:0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right:0px;}

@media only screen and (max-width:1050px) {
	h1#logo {margin:0 10px 0 0;}
	.templatePositions {margin-left:6px;}
	a.joinUs {margin-right:58px;padding:10px;}
}
@media only screen and (max-width:980px) {
	.templatePositions {display:none;}
}

.seo-hidden {display:none;}
