article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
display:block;
}

audio,canvas,video {
display:inline-block;
display:inline;
zoom:1;
}

audio:not([controls]) {
display:none;
}

html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

a:focus {
outline:thin dotted #333;
outline:5px auto 0;
outline-offset:-2px;
}

a:hover,a:active {
outline:0;
}

sub,sup {
position:relative;
font-size:75%;
line-height:0;
vertical-align:baseline;
}

sup {
top:-.5em;
}

sub {
bottom:-.25em;
}

img {
max-width:100%;
vertical-align:middle;
border:0;
-ms-interpolation-mode:bicubic;
}

button,input,select,textarea {
margin:0;
font-size:100%;
vertical-align:middle;
}

button,input {
overflow:visible;
line-height:normal;
}

button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0;
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor:pointer;
-webkit-appearance:button;
}

input[type="search"] {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-appearance:textfield;
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}

textarea {
overflow:auto;
vertical-align:top;
}

.clearfix {
zoom:1;
}

.clearfix:before,.clearfix:after {
display:table;
content:"";
}

.clearfix:after {
clear:both;
}

.hide-text {
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
}

.input-block-level {
display:block;
width:100%;
min-height:36px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

.imageReplace {
display:block;
overflow:hidden;
text-indent:-9999px;
font-size:1%;
background-position:left top;
background-repeat:no-repeat;
}

.btn {
display:inline-block;
display:inline;
zoom:1;
padding:7px 20px 9px;
margin-bottom:0;
font-size:14px;
line-height:18px;
line-height:20px;
color:#747474;
text-align:center;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
vertical-align:middle;
cursor:pointer;
color:#123456;
background-color:#f5f5f5;
background-image:linear-gradient(top,#fff,#e6e6e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color:#e6e6e6;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
border:1px solid #ccc;
border:0;
border-bottom-color:#b3b3b3;
margin-left:.3em;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.05);
}

.btn:hover,.btn:active,.btn.active {
background-color:#e6e6e6;
background-color:#d9d9d9;
}

.btn:active,.btn.active {
background-color:#ccc \9;
}

.btn:first-child {
margin-left:0;
}

.btn:hover {
color:#747474;
text-decoration:none;
background-color:#e6e6e6;
background-color:#d9d9d9;
background-position:0 -15px;
-webkit-transition-property:[background-position,0.1s,linear];
-webkit-transition-duration:.25s;
-webkit-transition-delay:0;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-property:[background-position,0.1s,linear];
-moz-transition-duration:.25s;
-moz-transition-delay:0;
-moz-transition-timing-function:ease-in-out;
-ms-transition-property:[background-position,0.1s,linear];
-ms-transition-duration:.25s;
-ms-transition-delay:0;
-ms-transition-timing-function:ease-in-out;
transition-property:background-position .1s linear;
transition-duration:.25s;
transition-delay:0;
transition-timing-function:ease-in-out;
}

.btn:focus {
outline:thin dotted #333;
outline:5px auto 0;
outline-offset:-2px;
}

.btn.active,.btn:active {
background-color:#e6e6e6;
background-color:#d9d9d9 \9;
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
}

.btn.disabled,.btn[disabled] {
cursor:default;
background-color:#e6e6e6;
background:url(../images/button-inactive-gradient-repeat.png) left top repeat-x;
opacity:.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background-color:#747474;
background-color:#676767;
border-color:#626262;
}

.btn.disabled:hover,.btn[disabled]:hover,.btn.disabled:active,.btn[disabled]:active {
background-color:#747474;
background-color:#676767;
}

.btn-large {
padding:9px 14px;
font-size:16px;
line-height:normal;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.btn-large [class^="icon-"] {
margin-top:1px;
}

.btn-small {
padding:5px 9px;
font-size:12px;
line-height:16px;
}

.btn-small [class^="icon-"] {
margin-top:-1px;
}

.btn-mini {
padding:2px 6px;
font-size:12px;
line-height:14px;
}

.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover {
color:#fff;
letter-spacing:.5px;
text-shadow:1px 1px 0 rgba(0,0,0,0.75);
}

.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active {
color:rgba(255,255,255,0.75);
}

.btn {
border-color:#ccc;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}

.btn-primary {
font-weight:700;
background-color:#009fd9;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#00b9f0,#0078b7);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b9f0',endColorstr='#0078b7',GradientType=0);
border-color: #ff8f00 #ff8f00 #00466bb;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color: #ff8f00;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active {
background-color: #ff8f00;
background-color:#00679e;
}

.btn-primary:active,.btn-primary.active {
background-color:#005784 \9;
}

.btn-inactive {
font-weight:700;
color:#fff;
background-color:#e7e7e7;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#fff,#c4c4c4);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#c4c4c4',GradientType=0);
border-color:#c4c4c4 #c4c4c4 #9e9e9e;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color:#c4c4c4;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inactive:hover,.btn-inactive:active,.btn-inactive.active {
background-color:#c4c4c4;
background-color:#b7b7b7;
}

.btn-inactive:active,.btn-inactive.active {
background-color:#ababab \9;
}

.btn-warning {
background-color:#ff8f2e;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#ffa04d,#f70);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa04d',endColorstr='#ff7700',GradientType=0);
border-color:#f70 #f70 #b35300;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color:#f70;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,.btn-warning:active,.btn-warning.active {
background-color:#f70;
background-color:#e66b00;
}

.btn-warning:active,.btn-warning.active {
background-color:#cc5f00 \9;
}

.btn-danger {
background-color:#da4f49;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#ee5f5b,#bd362f);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#bd362f',GradientType=0);
border-color:#bd362f #bd362f #802420;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color:#bd362f;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,.btn-danger:active,.btn-danger.active {
background-color:#bd362f;
background-color:#a9302a;
}

.btn-danger:active,.btn-danger.active {
background-color:#942a25 \9;
}

.btn-success {
background-color:#5bb75b;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#62c462,#51a351);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#51a351',GradientType=0);
border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color:#51a351;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,.btn-success:active,.btn-success.active {
background-color:#51a351;
background-color:#499249;
}

.btn-success:active,.btn-success.active {
background-color:#408140 \9;
}

.btn-info {
background-color:#49afcd;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#5bc0de,#2f96b4);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#2f96b4',GradientType=0);
border-color: #ff8f00 #ff8f00 #1f63777;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color: #ff8f00;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,.btn-info:active,.btn-info.active {
background-color: #ff8f00;
background-color:#2a85a0;
}

.btn-info:active,.btn-info.active {
background-color:#24748c \9;
}

.btn-inverse {
background-color:#949494;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#b4b4b4,#636363);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4b4b4',endColorstr='#636363',GradientType=0);
border-color:#636363 #636363 #3d3d3d;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color:#636363;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active {
background-color:#636363;
background-color:#565656;
}

.btn-inverse:active,.btn-inverse.active {
background-color:#4a4a4a \9;
}

button.btn,input[type="submit"].btn {
padding-top:2px;
padding-bottom:2px;
}

button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner {
padding:0;
border:0;
}

button.btn.btn-large,input[type="submit"].btn.btn-large {
padding-top:7px;
padding-bottom:7px;
}

button.btn.btn-small,input[type="submit"].btn.btn-small {
padding-top:3px;
padding-bottom:3px;
}

button.btn.btn-mini,input[type="submit"].btn.btn-mini {
padding-top:1px;
padding-bottom:1px;
}

html,body {
margin:0;
padding:0;
}

body {
position:relative;
background:#21262d;
min-width:960px;
}

body>header {
height:61px;
border:1px solid #c4c4c4;
background:#f7f7f8 url(../images/bg-header.png) repeat-x left top;
text-align:center;
}

body>header h2 {
	float:right;
	margin:55px 15px 0 0;
	font-size:24px;
}

body>header .container {
display:block;
margin-left:auto;
margin-right:auto;
padding:0 10px;
width:960px;
height:61px;
text-align:left;
zoom:1;
overflow:hidden;
}

body>header .container:before,body>header .container:after {
display:table;
content:"";
}

body>header .container:after {
clear:both;
}

body>header h1 {
float:left;
margin:0;
padding:5px 0 0 5px;
width:154px;
height:61px;
overflow:hidden;
transform:scale(.8);
-o-transform:scale(.8);
-ms-transform:scale(.8);
-moz-transform:scale(.8);
-webkit-transform:scale(.8);
transform-origin:top center;
-o-transform-origin:top center;
-ms-transform-origin:top center;
-moz-transform-origin:top center;
-webkit-transform-origin:top center;
}

body>header h1.title {
	width:auto;
	height: auto;
	font-size:25px;
	font-weight: normal;
	padding-top:35px;
}

body>header h1 a {
font:a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
display:block;
width:100%;
height:100%;
background:url(../images/logo.png) no-repeat left top;
}

body>header #nav,body>header #nav li {
margin:0;
padding:0;
list-style:none;
}

body>header #nav {
float:left;
}

body>header #nav:before,body>header #nav:after {
display:table;
content:"";
}

body>header #nav:after {
clear:both;
}

body>header #nav>li {
float:left;
}

body>header #nav>li>a {
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
overflow:hidden;
display:block;
width:73px;
height:61px;
background:url(../images/bg-nav.png) no-repeat 0 0;
}

body>header #nav-mysite {
background-position:0 0!important;
}

body>header #nav-mysite:hover,body>header #nav-mysite:focus {
background-position:0 -69px!important;
}

body>header #nav-mysite.selected {
background-position:0 -138px!important;
}

body>header #nav-mysite.open {
margin:-1px 0 0;
padding:1px 0 0;
background:url(../images/bg-nav_item_test_my_site.png) no-repeat left top!important;
}

body>header #Quarry {
float:left;
display:block;
margin:-1px 0 0;
width:74px;
height:100px;
overflow:hidden;
}

#TestMySiteNav {
display:none;
position:absolute;
left:0;
right:0;
z-index:100;
height:230px;
background:url(../images/bg-test_my_site_nav_big.png) repeat-x left top;
text-align:center;
}

#TestMySiteNav .container {
display:block;
margin-left:auto;
margin-right:94px;
zoom:1;
padding:0 10px;
width:960px;
height:230px;
background:url(../images/bg-test_my_site_container.png) no-repeat 787px 0;
}

#TestMySiteNav .container:before,#TestMySiteNav .container:after {
display:table;
content:"";
}

#TestMySiteNav .container:after {
clear:both;
}

#TestMySiteNav h2 {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    float: left;
    font-weight: normal;
    margin: 44px 15px 0 0;
    text-shadow: none;
    width: 92px;
}

#TestMySiteNav #examples,#TestMySiteNav #examples>li {
float:left;
list-style:none;
margin:0;
padding:0;
}

#TestMySiteNav #examples {
padding-top:18px;
width:758px;
}

#TestMySiteNav #examples>li {
margin-right:48px;
}

#examples a.icon, #examples a.keynes {
display:block;
font-family:Arial,sans-serif;
font-size:11px;
line-height:15px;
text-align:center;
text-decoration:none;
color:#747474;
height:20px;
width:103px;
overflow:hidden;
padding-top:80px;
background:url(../images/responsive-icons.png) 0 0 no-repeat;
}

#examples a.keynes:hover, 
#examples a.keynes.selected{
	background-position:0 -100px;
}
#examples a.bigyouth{
	background-position:-103px 0;
}
#examples a.bigyouth:hover, 
#examples a.bigyouth.selected {
	background-position:-103px -100px;
}
#examples a.cmxperts{
	background-position:-206px 0;
}
#examples a.cmxperts:hover,
#examples a.cmxperts.selected {
	background-position:-206px -100px;
}
#examples a.bidding{
	background-position:-618px 0;
}
#examples a.bidding:hover,
#examples a.bidding.selected {
	background-position:-618px -100px;
}
#examples a.regent-college{
	background-position:-309px 0;
}
#examples a.regent-college:hover,
#examples a.regent-college.selected {
	background-position:-309px -100px;
}
#examples a.pss4kids{
	background-position:-412px 0;
}
#examples a.pss4kids:hover,
#examples a.pss4kids.selected {
	background-position:-412px -100px;
}
#examples a.suvidha{
	background-position:-515px 0;
}
#examples a.suvidha:hover,
#examples a.suvidha.selected {
	background-position:-515px -100px;
}
#examples a.sycamore{
	background-position:-618px 0;
}
#examples a.sycamore:hover,
#examples a.sycamore.selected {
	background-position:-618px -100px;
}
#examples a.systemagic{
	background-position:-721px 0;
}
#examples a.systemagic:hover,
#examples a.systemagic.selected {
	background-position:-721px -100px;
}

#form {
float:right;
padding:21px 0;
height: 58px;
}

form>div {
position:relative;
width:100%;
margin: 12px 0 0;
border-top:1px solid #fcfcfc;
}

form input {
position:absolute;
top:0;
right:100px;
padding:0 10px;
margin:0;
width:160px;
height:34px;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px;
color:#646464;
border:1px solid #c4c4c4;
background:#fff url(../images/bg-input.png) repeat-x left top;
}

form button {
position:absolute;
right:15px;
top:0;
display:block;
width:74px;
height:36px;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
background:url(../images/button-load.png) no-repeat left top;
}

form label {
position:absolute;
right:100px;
top:45px;
font-family:Arial,sans-serif;
font-size:11px;
line-height:15px;
color:#c2c2c2;
	z-index:0;
}

#preview {
position:relative;
background:#f3f4f5 url(../images/bg-preview.png) repeat-x left top;
overflow:hidden;
min-height: calc(100vh - 122px);
}

#preview .wrapper {
}

#preview .container {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
padding:0 10px;
width:940px;
text-align:left;
}

#preview #DeviceStage {
zoom:1;
white-space:nowrap;
}

#preview #DeviceStage:before,#preview #DeviceStage:after {
display:table;
content:"";
}

#preview #DeviceStage:after {
clear:both;
}

#preview .device {
position:relative;
left:0;
display:inline-block;
padding-top:65px;
width:100%;
text-align:center;
vertical-align:top;
}

#preview .device .deviceWrap {
position:relative;
margin:0 auto;
text-align:left;
width:960px;
}

#preview .device img {
display:block;
max-width:none;
}

#preview .device .iframeWrap {
position:absolute;
overflow:hidden;
}

#preview .device .iframeWrap iframe {
border:0;
width:100%;
height:100%;
background-color:#fff;
}

#preview #BlackBerry.device .iframeWrap iframe {
width:337px !important;
}

#preview #rotate {
position:absolute;
right:13px;
top:21px;
z-index:75;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
display:block;
width:77px;
height:26px;
text-align:left;
overflow:hidden;
background:url(../images/bg-rotate.png) no-repeat 0 -80px;
}

#preview #rotate:hover,#preview #rotate:focus {
background-position:0 -120px;
}

#preview #rotate.left {
background-position:0 0;
}

#preview #rotate.left:hover,#preview #rotate.left:focus {
background-position:0 -40px;
}

#preview #BlackBerry .deviceWrap img {
margin-left:214px;
width:532px;
height:662px;
}

#preview #BlackBerry .iframeWrap {
left:331px;
top:119px;
width:320px;
height:221px;
}

#preview #iPhone-Portrait .deviceWrap img {
margin-left:202px;
width:557px;
height:779px;
}

#preview #iPhone-Portrait .iframeWrap {
left:323px;
top:153px;
width:320px;
height:417px;
}

#preview #iPhone-Landscape .deviceWrap img {
margin-left:-42px;
width:1044px;
height:415px;
}

#preview #iPhone-Landscape .iframeWrap {
left:239px;
top:51px;
width:480px;
height:257px;
}

#preview #Android-Portrait .deviceWrap img {
margin-left:62px;
width:836px;
height:1069px;
}

#preview #Android-Portrait .iframeWrap {
left:239px;
top:168px;
width:480px;
height:745px;
}

#preview #Android-Landscape .deviceWrap img {
margin-left:-238px;
width:1436px;
height:593px;
}

#preview #Android-Landscape .iframeWrap {
left:108px;
top:76px;
width:776px;
height:440px;
}

#preview #PlayBook-Landscape .deviceWrap img {
margin-left:-199px;
width:1358px;
height:872px;
}

#preview #PlayBook-Landscape .iframeWrap {
left:-31px;
top:159px;
width:1022px;
height:568px;
}

#preview #PlayBook-Portrait .deviceWrap img {
margin-left:35px;
width:890px;
height:1279px;
}

#preview #PlayBook-Portrait .iframeWrap {
left:186px;
top:150px;
width:600px;
height:994px;
}

#preview #iPad-Portrait .deviceWrap img {
margin-left:-240px;
width:1440px;
height:1366px;
}

#preview #iPad-Portrait .iframeWrap {
left:95px;
top:131px;
width:768px;
height:1000px;
}

#preview #iPad-Landscape .deviceWrap img {
margin-left:-237px;
width:1435px;
height:1084px;
}

#preview #iPad-Landscape .iframeWrap {
left:-34px;
top:115px;
width:1024px;
height:750px;
}

#preview>footer {
display:block;
margin-left:auto;
margin-right:auto;
width:940px;
padding:0 10px 15px;
text-align:left;
zoom:1;
}

#preview>footer:before,#preview>footer:after {
display:table;
content:"";
}

#preview>footer:after {
clear:both;
}

#preview>footer a.back {
float:left;
display:block;
padding-top:8px;
padding-left:28px;
height:28px;
background:url(../images/bg-back_chevron.png) no-repeat left top;
color:#c4c4c4;
font-family:Arial,sans-serif;
font-size:14px;
line-height:18px;
text-decoration:none;
}

#preview>footer a.back:hover,#preview>footer a.back:focus {
color:#0ae;
background-position:0 -46px;
}

#preview #mask {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:50;
display:none;
background:#e3e4e5;
}

body>footer {
position:fixed;
z-index:100;
padding:18px;
border-top:1px solid #FFF;
background:url(../images/background-footer-repeat.gif) left top repeat-x;
text-align:center;
bottom: 0;
right: 0;
left: 0;
}

body>footer .container {
display:block;
margin-left:auto;
margin-right:auto;
padding:0 10px;
width:960px;
text-align:left;
zoom:1;
}

body>footer .container:before,body>footer .container:after {
display:table;
content:"";
}

body>footer .container:after {
clear:both;
}

body>footer .links,body>footer .links li {
margin:0;
padding:0;
list-style:none;
}

body>footer .links {
float:left;
zoom:1;
}

body>footer .links:before,body>footer .links:after {
display:table;
content:"";
}

body>footer .links:after {
clear:both;
}

body>footer .links li {
float:left;
padding-right:20px;
}

body>footer .links a {
display:block;
width:113px;
height:22px;
text-shadow:none;
background-color:transparent;
border:0;
font-size:11px;
text-align:center;
line-height:22px;
text-decoration: none;
color:#ff8f00;
}

body>footer #copyright {
	color:#ccc;
	float:right;
	font-size:10px;
	line-height:22px;
	margin-right:15px;
}

body>footer #contactQ, body>footer #downloadPDF, body>footer #disclaimerButton {
background:url(../images/button-bg.png) no-repeat left top;
}

/*body>footer #downloadPDF {
background:url(../images/button-download_pdf.png) no-repeat left top;
}

body>footer #disclaimerButton {
background:url(../images/button-disclaimer.png) no-repeat left top;
}*/

body>footer #contactQ:hover,body>footer #downloadPDF:hover,body>footer #disclaimerButton:hover,body>footer #contactQ:focus,body>footer #downloadPDF:focus,body>footer #disclaimerButton:focus {
background-position:0 -22px;
}

body>footer #contactQ.open,body>footer #downloadPDF.open,body>footer #disclaimerButton.open {
background-position:0 -44px!important;
}

body>footer #addThis {
float:right;
}

#contact,#download,#disclaimer {
position:absolute;
left:0;
right:0;
bottom:100%;
display:none;
margin:0;
padding:16px 0 15px;
background:#f3f4f5 url(../images/bg-contact.png) repeat-x left top;
text-align:center;
font-family:Arial,sans-serif;
}

#contact h2,#download h2,#disclaimer h2 {
margin:0;
padding:0 0 15px;
font-family:Arial,sans-serif;
font-size:20px;
line-height:26px;
font-weight:400;
color:#242424;
}

#contact .container,#download .container,#disclaimer .container {
width:940px;
padding:0 10px;
display:block;
margin-left:auto;
margin-right:auto;
zoom:1;
text-align:left;
}

#contact .container:before,#download .container:before,#disclaimer .container:before,#contact .container:after,#download .container:after,#disclaimer .container:after {
display:table;
content:"";
}

#contact .container:after,#download .container:after,#disclaimer .container:after {
clear:both;
}

#contact input,#download input,#disclaimer input, #contact textarea {
padding:1px 8px;
width:202px;
height:32px;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px;
color:#646464;
-webkit-transition-property:[all,0.25s,ease-out];
-webkit-transition-duration:.25s;
-webkit-transition-delay:0;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-property:[all,0.25s,ease-out];
-moz-transition-duration:.25s;
-moz-transition-delay:0;
-moz-transition-timing-function:ease-in-out;
-ms-transition-property:[all,0.25s,ease-out];
-ms-transition-duration:.25s;
-ms-transition-delay:0;
-ms-transition-timing-function:ease-in-out;
transition-property:all .25s ease-out;
transition-duration:.25s;
transition-delay:0;
transition-timing-function:ease-in-out;
border:1px solid #c4c4c4;
background:#fff url(../images/bg-input.png) repeat-x left top;
}

#contact textarea {
	height:137px;
	width:197px;
}

#contact input:focus,#download input:focus,#disclaimer input:focus, #contact textarea:focus {
outline:0;
border-color:#52a8ec;
border-color:rgba(82,168,236,0.8);
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
-o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

#contact input.placeholder,#download input.placeholder,#disclaimer input.placeholder, #contact textarea.placeholder {
font-style:italic;
color:#c4c4c4;
}

#contact input.error,#download input.error,#disclaimer input.error, #contact textarea.error {
border-color:#b94a48;
}

#contact input.error:focus,#download input.error:focus,#disclaimer input.error:focus, #contact textarea.error:focus {
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
-o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
}

#contact .formContainer {
float:left;
width:720px;
}

#contact .formContainer>p {
margin:0;
padding:0 0 21px;
font-size:14px;
line-height:18px;
color:#747474;
}

#contact .formContainer p.subText {
clear:both;
position:relative;
top:-8px;
margin:0;
padding:0 10px;
font-size:11px;
line-height:15px;
color:#c4c4c4;
}

#contact .formContainer p.subText span {
color:#0ae;
}

#contact form {
margin:0 -10px;
width:720px;
}

#contact form div.info > div {
float:left;
width:33%;
}

#contact form div.info div > div {
float:left;
margin:0 10px 15px;
border-top:1px solid #fbfcfc;
	clear:both;
	height:36px;
}

#contact form button {
float:right;
margin-top:-6px;
margin-right:10px;
}

#contact .required {
position:relative;
}

#contact .required span {
left:7px;
top:7px;
position:absolute;
font-size:14px;
color:#0ae;
	z-index:100;
}

#contact .required input {
width:197px;
padding-left:13px;
}

#contact p.errorMsg {
float:right;
font-size:12px;
margin-right:10px;
margin-top:4px;
margin-bottom:0;
color:#b94a48;
line-height:16px;
}

#contact .email {
float:left;
padding-left:20px;
width:168px;
font-size:14px;
line-height:18px;
color:#747474;
}

#contact .email a {
color:#0ae;
text-decoration:none;
}

#contact .email a:hover,#contact .email a:focus {
text-decoration:underline;
color:#0073a2;
}

#contact .email p {
margin:0;
padding:0 0 10px;
}

#contact #thanks {
display:none;
position:absolute;
left:0;
top:2px;
right:0;
bottom:0;
background:urlbackground-thanks-repeat.png) left top repeat;
}

#contact #thanks.active {
display:block;
}

#contact #thanks .container {
text-align:center;
}

#contact #thanks h3 {
display:block;
overflow:hidden;
font:a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
margin:58px auto 0;
width:456px;
height:132px;
background:urltext-thanks.png) left top no-repeat;
}

#contact #thanks a {
font-size:16px;
font-weight:700;
color:#0ae;
text-decoration:none;
}

#contact #thanks a:hover,#contact #thanks a:focus {
color:#0073a2;
text-decoration:underline;
}

#errors, #error, #success {
	display:none;
}

#download {
padding-bottom:17px;
font-family:Arial,sans-serif;
font-size:14px;
line-height:18px;
color:#747474;
}

#download p {
margin:0;
padding:0;
}

#download a.testSite,#download .downloadThanks,#download .downloadDesc1280 {
display:none;
}

#download .container>div {
width:420px;
}

#download table {
margin-left:-8px;
margin-top:3px;
margin-bottom:17px;
}

#download input {
width:247px;
}

#download form {
zoom:1;
}

#download form:before,#download form:after {
display:table;
content:"";
}

#download form:after {
clear:both;
}

#download form>div {
position:relative;
float:left;
}

#download div.field {
float:left;
margin-top:-1px;
margin-right:20px;
border-top:1px solid #fbfcfc;
}

#download .downloadDesc {
padding-left:9px;
margin-top:-1px;
}

#download p.errorMsg {
position:absolute;
left:100%;
top:10px;
margin:0;
padding:0 0 0 18px;
width:500px;
font-size:12px;
line-height:16px;
color:#b94a48;
}

#download p.title {
font-weight:400;
font-size:20px;
line-height:26px;
color:#242424;
margin:0 0 15px;
margin-bottom:5px;
}

#download.thanks .downloadThanks {
display:block;
margin-top:-10px;
padding-left:9px;
}

#download.thanks .downloadDesc {
display:none;
}

#download.thanks form {
opacity:0;
filter:alpha(opacity=0);
}

#disclaimer p {
margin:0;
padding:0 0 21px;
font-size:14px;
line-height:18px;
color:#747474;
}

::-webkit-input-placeholder {
font-style:italic;
}

:-moz-placeholder {
font-style:italic;
}

#browserDisclaimer {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
z-index:110;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
background:url(../images/background-disclaimer-repeat.png) left top repeat;
}

#browserDisclaimer .inner {
text-align:left;
width:100%;
max-width:525px;
min-width:320px;
margin:0 auto;
height:100%;
vertical-align:middle;
}

#browserDisclaimer .inner table {
width:100%;
height:100%;
}

#browserDisclaimer .inner h1 {
color:#636363;
font-size:35px;
line-height:40px;
font-weight:400;
text-shadow:0 1px 0 #fff;
}

@media screen and (min-width: 960px) {
	#browserDisclaimer {
		display:none;
	}
}

#at20mc #at16lb {
opacity:1;
width:auto!important;
height:auto!important;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:url(../images/background-thanks-repeat.png) left top repeat;
}

#at20mc #at16p {
padding:25px 19px;
margin-top:6px;
border:#c4c4c4 1px solid;
border-radius:0;
-webkit-box-shadow:0 1px 3px #c4c4c4;
-moz-box-shadow:0 1px 3px #c4c4c4;
box-shadow:0 1px 3px #c4c4c4;
background:#f3f4f5 url(../images/background-download_panel-repeat.gif) left top repeat-x;
}

#at20mc #at16pt {
height:auto;
}

#at20mc #at16ptc {
font-weight:400;
font-size:20px;
line-height:26px;
color:#242424;
margin:0 0 15px;
}

#at20mc #at16pi {
background:0;
border:0;
}

#at20mc #at16pm {
border-right:0;
background:0;
height:330px;
}

#at20mc #at16pt {
background:0;
}

#at20mc #at16pc {
height:300px;
background:0;
}

#at20mc #at16pf {
display:none;
}

#at20mc #at_email #at_to,#at20mc #at_email #at_msg,#at20mc #at_email #at_from {
background-color:#fff!important;
}

#at20mc #at16meo {
display:none;
}

#at20mc #at16ptx {
display:block;
overflow:hidden;
text-indent:-9999px;
font-size:1%;
background-position:left top;
background-repeat:no-repeat;
width:10px;
height:10px;
margin-top:7px;
background:url(../images/close-x.png) left top no-repeat;
}

#at20mc #at16sub {
color:#fff;
letter-spacing:.5px;
text-shadow:1px 1px 0 rgba(0,0,0,0.75);
font-weight:700;
background-color:#009fd9;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#00b9f0,#0078b7);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b9f0',endColorstr='#0078b7',GradientType=0);
border-color: #ff8f00 #ff8f00 #00466bb;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color: #ff8f00;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
height:36px;
}

#at20mc #at16sub:hover,#at20mc #at16sub:active,#at20mc #at16sub.active {
background-color: #ff8f00;
background-color:#00679e;
}

#at20mc #at16sub:active,#at20mc #at16sub.active {
background-color:#005784 \9;
}

#at20mc .atbtn.atrse {
display:inline-block;
display:inline;
zoom:1;
padding:7px 20px 9px;
margin-bottom:0;
font-size:14px;
line-height:18px;
line-height:20px;
color:#747474;
text-align:center;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
vertical-align:middle;
cursor:pointer;
color:#123456;
background-color:#f5f5f5;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#fff,#e6e6e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
background-color:#e6e6e6;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
border:1px solid #ccc;
border:0;
border-bottom-color:#b3b3b3;
margin-left:.3em;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.05);
border-color:#ccc;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
height:37px;
margin-top:-1px;
}

#at20mc .atbtn.atrse:hover,#at20mc .atbtn.atrse:active,#at20mc .atbtn.atrse.active {
background-color:#e6e6e6;
background-color:#d9d9d9;
}

#at20mc .atbtn.atrse:active,#at20mc .atbtn.atrse.active {
background-color:#ccc \9;
}

#at20mc .atbtn.atrse:first-child {
margin-left:0;
}

#at20mc #at16pcc .at_error,#at20mc #at16recap .at_error {
color:#b94a48;
background:0;
border-bottom:0;
}

div {
	background-repeat:no-repeat;
	background-size:100%;
}

.wrapper {
    height: calc(100vh - 122px);
	width:90%;
	max-width:1200px;
	margin:0px auto;
	overflow:visible;
		 	  transform:scale(0.9);
		  -o-transform:scale(0.9);
	    -ms-transform:scale(0.9);
      -moz-transform:scale(0.9);
   -webkit-transform:scale(0.9);
}

.display {
	position:relative;
	left:0;
	height:600px;
	bottom:0;
}

.frame-wrapper {

		 	  transform:scale(0.229);
		  -o-transform:scale(0.229);
	    -ms-transform:scale(0.229);
      -moz-transform:scale(0.229);
   -webkit-transform:scale(0.229);

	        transform-origin:top left;
	     -o-transform-origin:top left;
	    -ms-transform-origin:top left;
	   -moz-transform-origin:top left;
	-webkit-transform-origin:top left;
	overflow:hidden;
	position:relative;
	background-color:#fff;
	margin:0;
	padding:0;
}

.hi {
	position:absolute;
	z-index:20;
}

.addthis_floating_style {
	background:none !important;
	top:100px !important;
	right:100px !important;
	left:auto !important;
}

iframe {
	position:absolute;
	border:0px solid;
}

a.addthis_button_tweet iframe {
	position:inherit;
}

.iphonel {
	background-image:url(../images/iphone-landscape.png);
	position:absolute;
	width:173px;
	height:107px;
	top:480px;
	left:450px;
	z-index:5;
}

.iphonel .hi {
	background-image:url(../images/iphone-landscape-hi.png);
	width:50px;
	height:62px;
	top:2px;
	left:113px;
}

.iphonel .frame-wrapper {
	width:480px;
	height:320px;
	top:5px;
	left:31px;
	overflow:hidden;
	        transform:scale(0.223);
	     -o-transform:scale(0.223);
	    -ms-transform:scale(0.223);
	   -moz-transform:scale(0.223);
	-webkit-transform:scale(0.223);
}

.iphonel .frame-wrapper iframe {
	width:497px;
	height:320px;
	top:0;
	left:0;
}

.iphone {
	background-image:url(../images/iphone.png);
	position:absolute;
	width:126px;
	height:183px;
	top:400px;
	left:600px;
	z-index:5;
}

.iphone .hi {
	background-image:url(../images/iphone-hi.png);
	width:43px;
	height:61px;
	top:2px;
	left:58px;
}

.iphone .frame-wrapper {
	width:320px;
	height:480px;
	top:28px;
	left:26px;
	overflow:hidden;
}

.iphone .frame-wrapper iframe {
	width:337px;
	height:480px;
	top:0;
	left:0;
}

.phone {
	background-image:url(../images/phone.png);
	position:absolute;
	width:90px;
	height:216px;
	top:370px;
	left:735px;
	z-index:5;
}

.phone .hi {
	background-image:url(../images/phone-hi.png);
	width:48px;
	height:71px;
	top:3px;
	left:41px;
}

.phone .frame-wrapper {
	width:480px;
	height:800px;
	top:33px;
	left:7px;
	overflow:hidden;
	        transform:scale(0.163);
	     -o-transform:scale(0.163);
	    -ms-transform:scale(0.163);
	   -moz-transform:scale(0.163);
	-webkit-transform:scale(0.163);
}

.phone .frame-wrapper iframe {
	width:497px;
	height:800px;
	top:0;
	left:0;
}

.note2 {
	background-image:url(../images/note2.png);
	position:absolute;
	width:109px;
	height:229px;
	top:355px;
	left:1050px;
	z-index:5;
}

.note2 .hi {
	background-image:url(../images/note2-hi.png);
	width:56px;
	height:159px;
	top:24px;
	left:7px;
}

.note2 .frame-wrapper {
	width:720px;
	height:1200px;
	top:24px;
	left:7px;
	overflow:hidden;
	        transform:scale(0.134);
	     -o-transform:scale(0.134);
	    -ms-transform:scale(0.134);
	   -moz-transform:scale(0.134);
	-webkit-transform:scale(0.134);
}

.note2 .frame-wrapper iframe {
	width:737px;
	height:1200px;
	top:0;
	left:0;
}

.ipad {
	background-image:url(../images/ipad.png);
	width:246px;
	height:318px;
	z-index:3;
	position:absolute;
	left:240px;
	top:230px;
}

.ipad .hi {
	background-image:url(../images/ipad-hi.png);
	width:131px;
	height:131px;
	top:4px;
	left:104px;
}

.ipad .frame-wrapper {
	width:768px;
	height:1024px;
	top:30px;
	left:38px;
}

.ipad .frame-wrapper iframe {
	width:785px;
	height:1024px;
	top:0;
	left:0;
}

.ipadl {
	background-image:url(../images/ipad-landscape.png);
	width:345px;
	height:253px;
	z-index:3;
	position:absolute;
	left:0px;
	top:315px;
}

.ipadl .hi {
	background-image:url(../images/ipad-landscape-hi.png);
	width:132px;
	height:132px;
	top:4px;
	left:181px;
}

.ipadl .frame-wrapper {
	width:1024px;
	height:768px;
	top:28px;
	left:53px;
	        transform:scale(0.23);
	     -o-transform:scale(0.23);
	    -ms-transform:scale(0.23);
	   -moz-transform:scale(0.23);
	-webkit-transform:scale(0.23);
}

.ipadl .frame-wrapper iframe {
	width:1041px;
	height:768px;
	top:0;
	left:0;
}

.macbook {
	background-image:url(../images/macbook.png);
	width:508px;
	height:300px;
	top:265px;
	left:690px;
	position:absolute;
	z-index:2;
}

.macbook .hi {
	background-image:url(../images/macbook-hi.png);
	width:146px;
	height:222px;
	top:1px;
	left:298px;
}

.macbook .frame-wrapper {

	width:1280px;
	height:800px;
	top:16px;
	left:76px;

	        transform:scale(0.279);
	     -o-transform:scale(0.279);
	    -ms-transform:scale(0.279);
	   -moz-transform:scale(0.279);
	-webkit-transform:scale(0.279);
}

.macbook .frame-wrapper iframe {
	width:1280px;
	height:800px;
	top:0;
	left:0;
}

.monitor {
	position:absolute;
	width:566px;
	height:538px;
	background-image:url(../images/monitor.png);
	top:0;
	left:310px;
	z-index:1;
}

.monitor .hi {
	background-image:url(../images/monitor-hi.png);
	width:289px;
	height:354px;
	top:2px;
	left:272px;
}

.monitor .frame-wrapper {
	left:28px;
	top:25px;
	width:1920px;
	height:1200px;

	        transform:scale(0.2676);
	     -o-transform:scale(0.2676);
	    -ms-transform:scale(0.2676);
	   -moz-transform:scale(0.2676);
	-webkit-transform:scale(0.2676);
}

.monitor iframe {
	left:0;
	top:0;
	width:1920px;
	height:1200px;
}

.heading {
	width:680px;display:block;height:61px;position:relative;
}

@media only screen and (max-width: 1333px) {
	.wrapper {
		width:100%;
	}
	.display {
		        transform:scale(0.9);
		     -o-transform:scale(0.9);
		    -ms-transform:scale(0.9);
		   -moz-transform:scale(0.9);
		-webkit-transform:scale(0.9);
		height:600px;
	}
}

@media only screen and (max-width: 1200px) {
	.display {
		        transform:scale(0.85);
		     -o-transform:scale(0.85);
		    -ms-transform:scale(0.85);
		   -moz-transform:scale(0.85);
		-webkit-transform:scale(0.85);
		height:550px;
		left:-50px;
	}
}

@media only screen and (max-width: 1100px) {
	.display {
		        transform:scale(0.8);
		     -o-transform:scale(0.8);
		    -ms-transform:scale(0.8);
		   -moz-transform:scale(0.8);
		-webkit-transform:scale(0.8);
		height:500px;
		left:-70px;
	}
	body > header .container,body > footer .container {
		width:860px;
	}
	.heading {
		width:500px;display:block;height:61px;
	}
	#TestMySiteNav .container {
		background-position:687px 0;
		width:840px;
	}
	body > header h1.title {
		font-size:25px;
		padding-top:34px;
	}
	#TestMySiteNav #examples {
		width:708px;
	}
	#TestMySiteNav h2 {
		margin:44px 9px;
	}
	#TestMySiteNav #examples > li {
		margin-right:38px;
	}
	#TestMySiteNav #examples > li#urlform {
		margin-right:28px;
	}
}

@media only screen and (max-width: 1010px) {
	.display {
		        transform:scale(0.8);
		     -o-transform:scale(0.8);
		    -ms-transform:scale(0.8);
		   -moz-transform:scale(0.8);
		-webkit-transform:scale(0.8);
		left:-100px;
		height:500px;
	}
	body > header .container,body > footer .container {
		width:760px;
	}
	.heading {
		width:400px;display:block;height:61px;
	}
	#TestMySiteNav .container {
		background-position:587px 0;
		width:740px;
	}
	body > header h1.title {
		font-size:20px;
	}
	#TestMySiteNav #examples {
		width:608px;
	}
	#TestMySiteNav h2 {
		margin:44px 9px;
	}
	#TestMySiteNav #examples > li {
		margin-right:18px;
	}
	#TestMySiteNav #examples > li#urlform {
		margin-right:8px;
	}
	#TestMySiteNav form > div {
		width:215px;
	}
	#TestMySiteNav form input {
		width:120px;
	}
}

@media only screen and (max-width: 920px) {
	.display {
		        transform:scale(0.7);
		     -o-transform:scale(0.7);
		    -ms-transform:scale(0.7);
		   -moz-transform:scale(0.7);
		-webkit-transform:scale(0.7);
		        transform-origin:top center;;
		     -o-transform-origin:top center;;
		    -ms-transform-origin:top center;;
		   -moz-transform-origin:top center;;
		-webkit-transform-origin:top center;;
		left:-140px;
		height:410px;
	}
	body > header .container,body > footer .container {
		width:660px;
	}
	.heading {
		width:300px;display:block;height:61px;
	}
	#TestMySiteNav .container {
		background-position:487px 0;
		width:640px;
	}
	body > header h1.title {
		font-size:16px;
		padding-top:40px;
	}
	#TestMySiteNav #examples {
		width:558px;
	}
	#TestMySiteNav h2 {
		margin:44px 9px;
		font-size:15px;
		width:60px;
	}
	#TestMySiteNav #examples > li {
		margin-right:8px;
	}
	#TestMySiteNav #examples > li#urlform {
		margin-right:0px;
	}
	#TestMySiteNav form > div {
		width:205px;
	}
	#TestMySiteNav form input {
		width:120px;
	}
}

@media only screen and (max-width: 820px) {
	.display {
		        transform:scale(0.6);
		     -o-transform:scale(0.6);
		    -ms-transform:scale(0.6);
		   -moz-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		height:450px;
		left:-150px;
	}
}

@media only screen and (max-width: 700px) {
	.display {
		        transform:scale(0.5);
		     -o-transform:scale(0.5);
		    -ms-transform:scale(0.5);
		   -moz-transform:scale(0.5);
		-webkit-transform:scale(0.5);
		height:450px;
		left:-140px;
	}
}

@media only screen and (max-width: 600px) {
	.display {
		left:-130px;
		height:400px;
		        transform:scale(0.4);
		     -o-transform:scale(0.4);
		    -ms-transform:scale(0.4);
		   -moz-transform:scale(0.4);
		-webkit-transform:scale(0.4);
	}
}

@media only screen and (max-width: 500px) {
	.display {
		        transform:scale(0.35);
		     -o-transform:scale(0.35);
		    -ms-transform:scale(0.35);
		   -moz-transform:scale(0.35);
		-webkit-transform:scale(0.35);
		height:400px;
		left:-130px;
	}
}

@media only screen and (max-width: 400px) {
	.wrapper {
		        transform:scale(0.9);
		     -o-transform:scale(0.9);
		    -ms-transform:scale(0.9);
		   -moz-transform:scale(0.9);
		-webkit-transform:scale(0.9);
	}
	.display {
		height:400px;
		left:-130px;
	}
}

@media only screen and (max-width: 370px) {
	.wrapper {
		        transform:scale(0.8);
		     -o-transform:scale(0.8);
		    -ms-transform:scale(0.8);
		   -moz-transform:scale(0.8);
		-webkit-transform:scale(0.8);
	}
	.display {
		height:350px;
		left:-130px;
	}
}

@media only screen and (max-width: 350px) {
	.wrapper {
		        transform:scale(0.7);
		     -o-transform:scale(0.7);
		    -ms-transform:scale(0.7);
		   -moz-transform:scale(0.7);
		-webkit-transform:scale(0.7);
	}
	.display {
		height:300px;
	}
}

@media only screen and (max-width: 300px) {
	.display {
		left:-120px;
		height:250px;
	}
}