/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body {
height: 1200px;
overflow-x: none;
background-image: url('http://lecs-landing-secondlife-com.s3.amazonaws.com/lindenrealms/bg.jpg');
background-repeat: no-repeat;
background-position: center top;
font-size: 13px;
line-height: 1.231;
}

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a {color: #01CFF7; text-decoration: none;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Primary styles
   ========================================================================== */

#main {
top: 322px;
width: 310px;
padding: 10px;
color: white;
font-weight: bold;
}

#cta-btn {
display: inline-block;
font-size: 20px;
color: white;
padding: 10px 35px;
margin: 5px;
background: -moz-linear-gradient( top, #F2BA41 0%, #F96737);
background: -webkit-gradient( linear, left top, left bottom, from(#F2BA41), to(#F96737));
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ba41', endColorstr='#f96737');
}

.center {
position: relative;
margin: 0px auto;
text-align: center;
padding: 5px;
}


@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}