@font-face {font-family:
    "League Gothic";
    src:
    url('/fonts/League_Gothic-webfont.eot'), url('/fonts/League Gothic.otf') format("opentype"), url('/fonts/League_Gothic-webfont.woff') format('woff'), url('/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/fonts/League_Gothic-webfont.svg') format('svg');
}

body {
    font-family: helvetica, arial, sans-serif;
    background-color: #E5E4D8;
    margin: 0px;
}

a {
    text-decoration: none;
}

img {
    border-style: none;
}

a:link {
    color: #444;
}

a:visited {
    color: #888;
}

a:hover {
    color: #648bee;
}

a:focus {
    color: #648bee;
}

a:active {
    color: #648bee;
}

h1 {
    font-size: 20pt;
    font-family: "League Gothic";
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1px;
}

h2 {
    font-size: 20pt;
    font-family: "League Gothic";
    text-transform: uppercase;
    font-weight: lighter;
    color: #648bee;
    letter-spacing: 1px;
    margin: 0px;
}

h3 {
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    font-weight: lighter;
    line-height: 18pt;
}

h33 {
    font-family: helvetica, arial, sans-serif;
    font-size: 11pt;
    font-weight: lighter;
    line-height: 18pt;
}

h4 {
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    font-weight: lighter;
    margin: 0px;
    padding: 0px;
}

h5 {
    font-size: 6pt;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1px;
}

h6 {
    font-size: 12pt;
    font-weight: lighter;
    margin: 0px;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.gg-blue {
    color: #648bee;
}

/* top container */
/* where infographic is positioned */
div#top-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    left: 0px;
    width: 1100px;
    height: 700px;
}

/* left sidebar */
div#left-sidebar {
    float: left;
    width: 25%;
    height: 700px;
}

div#homepageimage {
    
    padding-bottom: 0px;
    float: left;
    width: 325px;
    height: 187px;
    margin: 135px 0px 0px 0px;
    color: #202020;
    
}

div#tagline {
    border-bottom: 1px solid #202020;
    padding-bottom: 0px;
    float: left;
    width: 200px;
    height: 50px;
    margin: 40px 10px 0px 10px;
    color: #202020;
    line-height: 30px;
}

div#icon-hover-text {
    float: left;
    width: 200px;
    height: 175px;
    margin: 20px 10px 10px 10px;
    color: #202020;
    line-height: 15px;
    position: relative;
}

.hover-info {
    /*
     position: absolute;
     left: 0px;
     top: 0px;
     */
}

div#demo-video {
    position: absolute;
    bottom: 0px;
    float: left;
    width: 200px;
    height: 190px;
    margin: 60px 10px 10px 10px;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity = 30);
    z-index: 990;
}

div#demo-video-overlay {
    position: absolute;
    bottom: 0px;
    float: left;
    width: 200px;
    height: 190px;
    margin: 60px 10px 10px 10px;
    border: 1px solid #878787;
    z-index: 991;
}

.headline {
    position: relative;
    line-height: 25px;
    width: 180px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-bottom: 1px solid #202020;
}

.headline-no-border {
    position: relative;
    line-height: 25px;
    width: 180px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.headline-wide {
    position: relative;
    line-height: 25px;
    width: 96%;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-bottom: 1px solid #202020;
}

.headline-black {
    position: relative;
    line-height: 25px;
    width: 180px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-bottom: 1px solid #fff;
}

div#video-shadow {
    position: absolute;
    width: 200px;
    height: 120px;
    margin: 0px;
    padding: 0px;
    top: 45px;
    left: 0px;
    padding: 0px;
    z-index: 990;
}

div#demo-left {
    position: absolute;
    width: 10px;
    height: 135px;
    margin: 3px 10px 10px 5px;
    position: absolute;
    padding: 0px;
    top: 0px;
    left: 0px;
    padding: 0px;
    z-index: 991;
    background-image: url('/images/video-shadow-10px-left.png');
    background-position: center;
    background-repeat: no-repeat;
}

div#demo-middle {
    position: absolute;
    width: 175px;
    height: 135px;
    margin: 3px 10px 10px 14px;
    position: absolute;
    padding: 0px;
    top: 0px;
    left: 0px;
    padding: 0px;
    z-index: 991;
    background-image: url('/images/video-shadow-1px.png');
    background-position: center;
    background-repeat: repeat-x;
}

div#demo-right {
    position: absolute;
    width: 10px;
    height: 135px;
    margin: 3px 10px 10px 188px;
    position: absolute;
    padding: 0px;
    top: 0px;
    left: 0px;
    padding: 0px;
    z-index: 991;
    background-image: url('/images/video-shadow-10px-right.png');
    background-position: center;
    background-repeat: no-repeat;
}

div#video {
    border: 1px solid #878787;
    top: 45px;
    left: 0px;
    width: 180px;
    height: 120px;
    margin: 10px;
    position: absolute;
    padding: 0px;
    background-color: #fff;
    z-index: 992;
}

/*middle infographic & icons */
div#middle {
    float: left;
    width: 50%;
    height: 700px;
    background-image: url('/images/infographic.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

div#icon-home {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 512px;
    left: 400px;
}

img#info-home {
    margin: 0px;
    position: relative;
}

div#icon-chat {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 435px;
    left: 368px;
}

img#info-chat {
    margin: 0px;
    position: relative;
}

div#icon-traffic {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 361px;
    left: 359px;
}

img#info-traffic {
    margin: 0px;
    position: relative;
}

div#icon-restaurant {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 245px;
    left: 422px;
}

img#info-restaurant {
    margin: 0px;
    position: relative;
}

div#icon-stores {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 225px;
    left: 577px;
}

img#info-stores {
    margin: 0px;
    position: relative;
}

div#icon-police {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 263px;
    left: 653px;
}

img#info-police {
    margin: 0px;
    position: relative;
}

div#icon-advertising {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 334px;
    left: 696px;
}

img#info-advertising {
    margin: 0px;
    position: relative;
}

div#icon-education {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 400px;
    left: 710px;
}

img#info-education {
    margin: 0px;
    position: relative;
}

div#icon-tourism {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 460px;
    left: 694px;
}

img#info-tourism {
    margin: 0px;
    position: relative;
}

div#icon-nightlife {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 505px;
    left: 668px;
}

img#info-tourism {
    margin: 0px;
    position: relative;
}

/*right sidebar */
div#right-sidebar {
    float: right;
    width: 25%;
    height: 700px;
}

div#get-started {
    position: absolute;
    top: 140px;
    float: left;
    width: 200px;
    height: 110px;
    margin: 0px 10px 10px 10px;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity = 30);
    z-index: 990;
}

div#get-started-overlay {
    position: absolute;
    top: 140px;
    float: left;
    width: 200px;
    height: 110px;
    margin: 0px 10px 10px 10px;
    border: 1px solid #878787;
    z-index: 991;
}

div#use-iphone {
    position: absolute;
    top: 260px;
    float: left;
    width: 200px;
    height: 120px;
    margin: 10px 10px 10px 10px;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity = 30);
    z-index: 990;
}

div#use-iphone-overlay {
    position: absolute;
    top: 260px;
    float: left;
    width: 200px;
    height: 120px;
    margin: 10px 10px 10px 10px;
    border: 1px solid #878787;
    z-index: 991;
}

div#recent {
    position: absolute;
    bottom: 0px;
    float: left;
    width: 201px;
    padding: 0px;
    height: 261px;
    margin: 10px 10px 10px 10px;
    background-color: #000;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity = 80);
    z-index: 990;
}

div#recent-overlay {
    position: absolute;
    bottom: 0px;
    padding: 0px;
    float: left;
    width: 200px;
    height: 260px;
    margin: 10px 10px 10px 10px;
    border: 1px solid #878787;
    z-index: 991;
    color: #fff;
}

div#app-store {
    position: relative;
    float: left;
    width: 190px;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
}

img#apple-badge {
    width: 176px;
    height: 60px;
    margin: 5px 9px 5px 9px;
    vertical-align: middle;
}

/* middle section - separator */
div#middle-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    left: 0px;
    width: 1100px;
    height: 300px;
}

div#separator {
    float: left;
    width: 100%;
    height: 285px;
    background-image: url('/images/separator.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

/* bottom container */
/* contains all social media info */
div#bottom-container {
    width: 1100px;
    height: 500px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    left: 0px;
}

/* left sidebar */
/* get started */
div#bottom-left-sidebar {
    float: left;
    width: 75%;
    height: 500px;
}

div#get-started-container {
    width: 90%;
    height: 325px;
    float: left;
    background-color: #fff;
    margin: 15px;
}

/* tabs */
div#container {
    width: 710px;
    height: 265px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div#tabnav {
    width: 710px;
    height: 30px;
    position: relative;
    top: 0px;
    right: 0px;
    line-height: 20px;
}

div#tabnav ul {
    margin: 0px;
    height: 30px;
}

div#tabnav ul li {
    float: right;
    list-style-type: none;
    margin: 0 0px 0 15px;
    padding: 4px 6px;
}

div#tabnav ul li a {
    color: #000;
    padding: 4px 6px;
    font-weight: bold;
    text-decoration: none;
    font-size: 12pt;
    text-align: left;
}

div#tabnav ul li a:hover {
    color: #000;
    font-weight: bold;
    padding: 4px 5px 3px 5px;
    text-decoration: none;
    font-size: 12pt;
    text-align: left;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

div#tabnav ul li a:active {
    color: #aaa;
    font-weight: bold;
    text-decoration: none;
    font-size: 12pt;
    text-align: left;
}

/* first tab */
div#panel_first {
    width: 710px;
    height: 240px;
    background-color: #efefef;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div#first-left {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
}

div#first-left-first {
    width: 350px;
    height: 76px;
}

div#first-left-second {
    width: 350px;
    height: 76px;
}

div#first-left-third {
    width: 350px;
    height: 76px;
}

img.step-one {
    width: 65px;
    height: 65px;
    border-style: none;
    margin: 5px;
    vertical-align: middle;
}

.step-container {
    height: 76px;
    width: 76px;
    position: relative;
    float: left;
    margin-left: 5px;
}

.step-text-container {
    width: 225px;
    height: 65px;
    position: relative;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.step-text-container h4 {
    padding-top: 10px;
    line-height: 10pt;
}

.step-border {
    width: 250px;
    height: 1px;
    margin: 0px 0px 0px 40px;
    background-color: #aaa;
}

div#first-right-photo {
    margin: 0px;
}

div#second-right-photo {
    margin: 0px;
}

div#third-right-photo {
    margin: 0px;
}

div#first-right {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
}

img#phone-photo {
    width: 320px;
    height: 200px;
    padding: 10px;
    border: 1px solid #999;
    vertical-align: middle;
    margin: 5px;
    background-color: #fff;
    -webkit-transform: rotate(10deg);
    
}

img#phone-photo2 {
    width: 320px;
    height: 200px;
    padding: 10px;
    border: 1px solid #999;
    vertical-align: middle;
    background-color: #fff;
    -webkit-transform: rotate(-8deg);
    
}

img#phone-photo3 {
    width: 320px;
    height: 200px;
    padding: 10px;
    border: 1px solid #999;
    vertical-align: middle;
    margin: 5px;
    background-color: #fff;
    -webkit-transform: rotate(10deg);
    
}

/* second tab */
div#panel_second {
    width: 710px;
    height: 240px;
    background-color: #efefef;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div#second-left {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
}

div#second-right-first {
    width: 350px;
    height: 76px;
}

div#second-right-second {
    width: 350px;
    height: 76px;
}

div#second-right-third {
    width: 350px;
    height: 76px;
}

div#second-right {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
}

/* third tab */
div#panel_third {
    width: 710px;
    height: 240px;
    background-color: #efefef;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div#third-left {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
}

div#third-left-first {
    width: 350px;
    height: 76px;
}

div#third-left-second {
    width: 350px;
    height: 76px;
}

div#third-left-third {
    width: 350px;
    height: 76px;
}

div#third-right {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
}

/* new users */
div#new-users {
    width: 90%;
    height: 325px;
    float: left;
    background-color: #fff;
    margin: 15px;
}

div#users-left {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
    margin-left: 15px;
}

div#users-right {
    width: 350px;
    height: 230px;
    position: relative;
    float: left;
    margin-left: 15px;
}

div#users-left-one {
    width: 340px;
    height: 70px;
    position: relative;
    margin: 3px 3px 20px 3px;
}

.users-left-thumbnail {
    width: 70px;
    height: 70px;
    background-image: url('/images/new-user-thumb.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    float: left;
}

.users-right-thumbnail {
    width: 70px;
    height: 70px;
    background-image: url('/images/new-user-thumb.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    float: left;
}

img#new-user-one {
    position: relative;
    margin: 9px;
}

img#new-user-two {
    position: relative;
    margin: 9px;
}

img#new-user-three {
    position: relative;
    margin: 9px;
}

img#new-user-four {
    position: relative;
    margin: 9px;
}

img#new-user-five {
    position: relative;
    margin: 9px;
}

img#new-user-six {
    position: relative;
    margin: 9px;
}

.users-left-name {
    float: left;
    width: 220px;
    height: 70px;
    position: relative;
    margin-top: 5px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 18px;
}

.users-right-name {
    float: left;
    width: 220px;
    height: 70px;
    position: relative;
    margin-top: 5px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 18px;
}

div#users-left-two {
    width: 340px;
    height: 70px;
    position: relative;
    margin: 3px 3px 20px 3px;
}

div#users-left-three {
    width: 340px;
    height: 70px;
    position: relative;
    margin: 3px 3px 20px 3px;
}

div#users-right-one {
    width: 340px;
    height: 70px;
    position: relative;
    margin: 3px 3px 20px 3px;
}

div#users-right-two {
    width: 340px;
    height: 70px;
    position: relative;
    margin: 3px 3px 20px 3px;
}

div#users-right-three {
    width: 340px;
    height: 70px;
    position: relative;
    margin: 3px 3px 20px 3px;
}

div#geograffiti-twitter {
	display:none;
	/*
    width: 90%;
    height: 350px;
    float: left;
    background-color: #fff;
    margin: 15px;
    */
}

/* FACEBOOK RECOMMENDATIONS PLUGIN */
div#fb-recommendations {
    width: 90%;
    height: 325px;
    float: left;
    background-color: #fff;
    margin: 15px;
}

div#recommendations-container {
    width: 700px;
    height: 230px;
    position: relative;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

/* twitter widget */
div#twitter-widget {
    width: 715px;
    height: 289px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    background-image: url('/images/geograffiti-twitter.png');
    background-position: center;
    background-repeat: no-repeat;
}

/* bottom right sidebar */
/* facebook connect chad remove*/
div#bottom-right-sidebar {
    float: right;
    width: 25%;
    height: 500px;
}

.gg-quote {
    background-image: url('/images/quote-box.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 180px;
    padding: 15px 5px 0px 20px;
}

.gg-quote2 {
    background-image: url('/images/quote-box2.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 150px;
    padding: 15px 5px 0px 20px;
}

.gg-quote-text {
    width: 230px;
    height: 150px;
    line-height: 20pt;
    color: #555;
    padding: 15px 5px;
}

.gg-quote-author {
    width: 250px;
    height: 30px;
    color: #444;
    position: relative;
    padding-left: 25px;
    margin-bottom: 50px;
    line-height: 10pt;
}

.gg-quote-author2 {
    width: 250px;
    height: 30px;
    color: #444;
    position: relative;
    text-align: right;
    margin-bottom: 50px;
    line-height: 10pt;
}

div#geograffiti-facebook {
    width: 90%;
    height: 515px;
    float: right;
}

div#fb-container {
    width: 201px;
    height: 486px;
    float: right;
    position: relative;
    margin: 15px;
    background-color: #fff;
}

/* footer */
div#footer {
    width: 1100px;
    height: 50px;
    border-top: 1px solid #000;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    text-align: center;
}

div#copyright {
    float: left;
    margin: 5px 0px 5px 0px;
}

div#designed-by {
    float: right;
    margin: 5px 0px 5px 0px;
}

/* ABOUT PAGE */
div#about-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    left: 0px;
    width: 1100px;
    height: 2150px;
}

div#about-content {
    margin-left: auto;
    margin-right: auto;
    top: 100px;
    left: 0px;
    padding: 20px 75px;
    position: relative;
    float: left;
    width: 950px;
    height: 675px;
}

/* quote within the page */
div#about-box {
    color: #555;
    width: 95%;
    height: auto;
    border-top: 1px solid #D3D2C9;;
    border-bottom: 1px solid #D3D2C9;;
    padding: 20px 35px;
    font-size: 14pt;
    line-height: 20pt;
    font-family: "Trebuchet MS", Verdana, Arial;
}

.team-cont {
    padding: 50px 75px;
    width: 950px;
    height: auto;
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    border-bottom: none;
}

.about-border {
    margin-left: 50px;
    width: 950px;
    height: 1px;
    background-color: #ccc;
    position: relative;
    float: left;
}

.team-pic-container {
    width: 125px;
    height: 130px;
    padding: 10px;
    position: relative;
    float: left;
}

.a-desc-pic-name {
    width: 900px;
    height: 18px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    position: relative;
    float: left;
    letter-spacing: 10px;
}

.a-desc-pic-name-title {
    width: 900px;
    height: 10px;
    margin: 2px 0px 10px 0px;
    padding: 0px;
    position: relative;
    float: left;
    color: #555;
    font-style: italic;
    letter-spacing: 1px;
}

.desc-left {
    width: 125px;
    height: 190px;
    float: left;
    position: relative;
}

.desc-right {
    width: 650px;
    height: 150px;
    padding-left: 60px;
    float: left;
    position: relative;
}

img#member-picture {
    width: 100px;
    height: 127px;
    border-style: none;
    vertical-align: middle;
}

.a-desc {
    width: 650px;
    height: 20px;
    margin: 0px 0px;
    padding: 0px;
    line-height: 20px;
}

.a-desc-pic {
    width: 125px;
    height: 20px;
    margin: 10px 0px;
    padding: 0px;
    line-height: 20px;
    position: relative;
    float: left;
}

/* HELP & FAQ */
div#qa-content {
    width: 950px;
    height: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.qa-headline {
    margin: 120px 0 0 0;
    position: relative;
}

div#qa-questions {
    position: relative;
    text-transform: uppercase;
    padding-bottom: 1px;
    line-height: 24px;
}

div#qa-answers {
    margin: 150px 0 50px 0;
    position: relative;
    line-height: 20px;
}

div#qa-answer1 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer2 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer3 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer4 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer5 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer6 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer7 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer8 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer9 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer10 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer11 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer12 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer13 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer14 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer15 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer16 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

div#qa-answer17 {
    line-height: 24px;
    position: relative;
    padding-top: 70px;
}

/* TOU CONTENT */
div#tou-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 2550px;
}

div#tou-top {
    top: 100px;
    left: 0px;
    position: relative;
    width: 950px;
    height: auto;
}

div#tou-border {
    margin: 20px 0px;
    position: relative;
    width: 950px;
    height: 1px;
    background-color: #000;
}

/* PRIVACY CONTENT */
div#privacy-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 1500px;
}

div#privacy-content {
    position: relative;
    width: 950px;
    height: 1500px;
    top: 100px;
}

div#privacy-border {
    margin: 20px 0px;
    position: relative;
    width: 950px;
    height: 1px;
    background-color: #000;
}

/* CONTACT CONTENT */
div#contact-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 415px;
    height: 550px;
}
 
div#contact-box {
    width: 415px;
    height: 500px;
    top: 0px;
    position: relative;
    background-color: #F2F1EB;
}
 
div#contact-left {
    width: 400px;
    height: 400px;
    position: relative;
    float: left;
    margin: 20px 30px;
}
 
div#contact-right {
    width: 1px;
    height: 400px;
    position: relative;
    float: left;
    margin: 20px 0px;
}

.input-section {
    height: 70px;
    width: 350px;
    position: relative;
    margin: 10px 0px;
}

input {
    width: 350px;
    height: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-top: 5px;
}

label {
    width: 350px;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
}

.submit input {
    width: 75px;
    position: relative;
    float: left;
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9;
}

#send-feedback-button {
    margin: 20px 0px;
    width: 125px;
    position: relative;
    float: left;
    background-color: #A8A7A0;
    border-left: 1px solid #F9F9F7;
    border-top: 1px solid #F9F9F7;
    border-right: 1px solid #6B6A65;
    border-bottom: 1px solid #6B6A65;
    font-size: 14px;
    text-transform: lowercase;
    font-family: Arial, Helvetica, Verdana;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

#send-feedback-button:hover {
    margin: 20px 0px;
    width: 125px;
    position: relative;
    float: left;
    background-color: #F2F1EB;
    border-right: 1px solid #F9F9F7;
    border-bottom: 1px solid #F9F9F7;
    border-left: 1px solid #6B6A65;
    border-top: 1px solid #6B6A65;
    font-size: 14px;
    text-transform: lowercase;
    font-family: Arial, Helvetica, Verdana;
    font-weight: bold;
    color: #333;
}

textarea {
    border: 1px solid #ccc;
    background-color: #fff;
    margin-top: 5px;
    position: relative;
    float: left;
    width: 350px;
    height: 100px;
}

div#contact-via-yaplet-section {
    width: 400px;
    height: 300px;
    position: relative;
    float: left;
}

.yaplet-link {
    cursor: pointer;
}

div#-right-text {
    width: 400px;
    height: 15px;
    margin: 10px 0px;
    position: relative;
    float: left;
}

.gg-most-recent-widget {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;
    width: 180px;
    margin-left: 10px;
    height: 195px;
}

.recent-voicemark {
    overflow: hidden;
    padding: 5px;
}

.recent-voicemark-top-section {
    height: 50px;
    overflow: hidden;
}

.recent-voicemark-creator-pic-container {
    width: 50px;
    height: 50px;
}

.recent-voicemark-creator-pic-container img {
    border-style: none;
}

.recent-voicemark-info {
    position: relative;
    margin-left: 55px;
    top: -50px;
    height: 50px;
}

.recent-voicemark-title {
    color: #648bee;
    font-size: 10px;
    text-transform: uppercase;
}

.recent-voicemark-location-info {
    color: #666666;
    font-size: 10px;
}

.recent-voicemark-player {
    margin-top: 2px;
}

.recent-voicemark-view-on-map-link {
    text-align: center;
    font-size: 10px;
    margin-top: 3px;
    color: #444444;
    font-weight: bold;
    text-transform: uppercase;
}

.recent-voicemark-view-on-map-link a {
    color: #648bee;
    cursor: pointer;
}

.recent-voicemark-view-on-map-link a:link {
    color: #648bee;
}

.recent-voicemark-view-on-map-link a:visited {
    color: #648bee;
}

.recent-voicemark-view-on-map-link a:hover {
    color: #648bee;
}

.recent-voicemark-view-on-map-link a:focus {
    color: #648bee;
}

.recent-voicemark-view-on-map-link a:active {
    color: #648bee;
}

.recent-voicemark-separator {
    height: 1px;
    border-bottom: 1px dotted #648bee;
}

.geograffiti-mention {
    width: 270px;
    height: 48px;
    overflow: hidden;
    padding: 2px;
    border: 1px solid #666666;
}

div#geograffiti-mention-0 {
    position: absolute;
    left: 49px;
    top: 31px;
}

div#geograffiti-mention-1 {
    position: absolute;
    left: 40px;
    top: 199px;
}

div#geograffiti-mention-2 {
    position: absolute;
    left: 215px;
    top: 91px;
}

div#geograffiti-mention-3 {
    position: absolute;
    left: 366px;
    top: 237px;
}

div#geograffiti-mention-4 {
    position: absolute;
    left: 376px;
    top: 14px;
}

.geograffiti-mention-twitter-user-image-container {
    float: left;
}

.geograffiti-mention-twitter-user-image {
    width: 48px;
    height: 48px;
    border: none;
}

.geograffiti-mention-twitter-text {
    position: relative;
    margin-left: 52px;
    font-size: 10px;
}

div#press {
    background-image: url("/images/press-bg.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-attachment: fixed;
}

div#press-container {
    width: 950px;
    height: 6000px;
    margin-left: auto;
    margin-right: auto;
}

div#press-left {
    position: relative;
    width: 600px;
    height: 6000px;
    float: left;
}

div#press-right {
    position: relative;
    width: 350px;
    height: 6000px;
    float: left;
}

div#press-contents {
    width: 600px;
    height: 5500px;
    top: 200px;
    position: relative;
}

.press-quote1 {
    height: 185px;
    width: 575px;
    background-image: url("/images/quote-box-big03-575x185.png");
    background-repeat: no-repeat;
    margin: 20px 0px 3px 0px;
    float: left;
}

.press-quote2 {
    height: 260px;
    width: 455px;
    position: relative;
    background-image: url("/images/quote-box-big02-450x257.png");
    background-repeat: no-repeat;
    margin: 20px 0px 3px 0px;
    float: right;
}

.press-quote3 {
    height: 300px;
    width: 500px;
    background-image: url("/images/quote-box-big04-491x296.png");
    background-repeat: no-repeat;
    margin: 20px 0px 3px 0px;
    position: relative;
    float: left;
}

.press-quote1-text {
    width: 525px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    color: #555;
    padding: 10px;
}

.press-quote2-text {
    width: 400px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: justify;
}

.press-quote3-text {
    width: 405px;
    height: 250px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: justify;
}

.press-quote4-text {
    width: 400px;
    height: 100px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: justify;
}

.press-author {
    height: 70px;
    width: 200px;
}

.press-icon {
    height: 70px;
    width: 30px;
    position: relative;
    float: left;
}

.press-author-name {
    height: 70px;
    width: 150px;
    position: relative;
    float: left;
    margin-left: 10px;
    padding: 5px 0px;
}

.press-author2 {
    height: 70px;
    width: 200px;
    float: right;
    text-align: right;
}

.press-icon2 {
    height: 70px;
    width: 30px;
    position: relative;
    float: right;
}

.press-author-name2 {
    height: 70px;
    width: 150px;
    position: relative;
    float: right;
    margin-left: 10px;
    padding: 5px 0px;
    margin-right: 10px;
}

div#press-fb {
    float: right;
    margin-top: 270px;
    position: relative;
    background-color: #fff;
    height: 589px;
    width: 250px;
}

div#press-twitter {
    margin-top: 25px;
    float: right;
    position: relative;
    width: 252px;
    height: 302px;
}

.hover-title {
    line-height: 20pt;
}

.hover-description {
    line-height: 15px;
}

#get-started-easy-123 {
    margin: 5px 9px 5px 9px;
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #EFEFEA;
		text-align: center;
}

#go-to-map {
    margin: 5px 9px 5px 9px;
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #e5e4d8;
    color: #648bee;
}

#get-started-easy-123 a {
    color: #648bee;
}

#go-to-map a {
    color: #648bee;
}

/* CONTENTS FOR ERROR PAGES */
/* TOP SECTION */
div#error-top-container {
    height: 1300px;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div#error-top-contents {
    top: 200px;
    width: 950px;
    height: 740px;
    position: relative;
}

.error-section-title {
    margin-bottom: 5px;
    width: 950px;
    height: 50px;
    float: left;
    position: relative;
    font-weight: bold;
    font-size: 12pt;
    text-transform: uppercase;
}

.error-page-container {
    width: 950px;
    height: 700px;
    position: relative;
}

div#search-controls {
    position: absolute;
    left: 465px;
    top: 360px;
    width: 170px;
    height: 150px;
}

div#search-controls div#search-what-section {
}

div#search-controls div#search-where-section {
    margin-top: 10px;
}

div#search-controls input[type =
"text"] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 165px;
    font-weight: bold;
    color: #777777;
    text-transform: uppercase;
    text-align: center;
}

div#search-controls input[type =
"submit"] {
    width: 80px;
    text-transform: uppercase;
    margin-top: 20px;
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

div#search-controls label {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

div#search-button-container {
    text-align: center;
}

div#main-header-my-account-container {
    float: right;
}

div#main-header-my-account-container div#line-spacer {
    height: 1px;
    width: 75px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #666666;
}

div#main-header-my-account-container div#my-account-link {
    font-size: 8px;
    text-transform: uppercase;
    margin-right: 10px;
    text-align: right;
    letter-spacing: 1px;
}

div#main-header-my-account-container div#my-account-link a {
    color: #444444;
}

div#main-header-my-account-container div#my-account-link a:link {
    color: #444444;
}

div#main-header-my-account-container div#my-account-link a:visited {
    color: #444444;
}

div#main-header-my-account-container div#my-account-link a:hover {
    color: #648bee;
}

div#main-header-my-account-container div#my-account-link a:focus {
    color: #648bee;
}

div#main-header-my-account-container div#my-account-link a:active {
    color: #648bee;
}

/* SMALL BUSINESS POINT OF INTEREST CONTENT */
div#small-biz-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 2550px;
}

div#small-biz-box {
    width: 950px;
    height: 2300px;
    top: 200px;
    position: relative;
    background-color: #F2F1EB;
}

div#small-biz-left {
    width: 570px;
    height: 2200px;
    position: relative;
    float: left;
    margin: 20px 10px;
    line-height: 25px;
    font-size: 11pt;
    padding: 40px;
    text-align: justify;
}

div#small-biz-right {
    width: 250px;
    height: 2200px;
    position: relative;
    float: left;
    margin: 20px 10px;
}

.small-biz-features {
    position: relative;
    float: left;
    margin: 20px 0px;
}

.small-biz-border {
    width: 500px;
    height: 1px;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
}

div#small-biz-addthis-container {
    margin: 20px 0px 35px 0px;
}

div#small-biz-facebook {
    width: 250px;
    background-color: #ffffff;
}

div#small-biz-twitter {
    margin: 30px 0px;
}

/* FEEDBACK CONTAINER */
div#feedback-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 1000px;
}

div#feedback-box {
    width: 950px;
    height: 600px;
    top: 175px;
    position: relative;
    background-color: #F2F1EB;
}

div#feedback-title {
    width: 950px;
    height: 100px;
    position: relative;
    float: left;
    margin: 0px 10px 20px 10px;
    font-size: 80pt;
    padding: 40px;
    font-family: "League Gothic";
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1px;
}

div#feedback-text {
    width: 800px;
    height: 100px;
    position: relative;
    float: left;
    margin: 20px 10px;
    font-size: 40pt;
    padding: 40px;
    font-family: "League Gothic";
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1px;
    color: #777;
}

.clearfix {
    clear: both;
}

a.read-more:link {
    color: #648bee;
    font-weight: bold;
}

a.read-more:visited {
    color: #648bee;
    font-weight: bold;
}

a.read-more:hover {
    color: #648bee;
    font-weight: bold;
}

a.read-more:focus {
    color: #648bee;
    font-weight: bold;
}

a.read-more:active {
    color: #648bee;
    font-weight: bold;
}

div#subscribe-box {
    font-size: 20pt;
    font-family: "league gothic", Futura, sans-serif;
    text-transform: uppercase;
    line-height: 20pt;
    color: #444;
    width: 950px;
    height: 700px;
    padding: 10px;
    letter-spacing: 1px;
}

div#subscribe-text {
    font-size: 70pt;
    color: #648bee;
    width: 725px;
    line-height: 60pt;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

div#subscribe-box form {
    width: 650px;
    height: 350px;
    padding: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 120px;
    border: 1px dotted #ccc;
}

input#signup_first_name {
    width: 350px;
    height: 20px;
    border-bottom: 6px solid #CECCBE;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #ccc;
    margin-top: 5px;
    margin-bottom: 20px;
    background-color: #FFFFFD;
	color:#444444;
	font-size:14px;
	font-weight:bold;
}

input#signup_last_name a {
    margin-top: 20px;
}

input#signup_last_name {
    width: 350px;
    height: 20px;
    border-bottom: 6px solid #CECCBE;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #ccc;
    margin-top: 5px;
    margin-bottom: 20px;
    background-color: #FFFFFD;
	color:#444444;
	font-size:14px;
	font-weight:bold;
}

input#signup_email {
    width: 350px;
    height: 20px;
    border-bottom: 6px solid #CECCBE;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #ccc;
    margin-top: 5px;
    margin-bottom: 20px;
    background-color: #FFFFFD;
	color:#444444;
	font-size:14px;
	font-weight:bold;
}

div#subscribe-box input[type =
"submit"] {
    width: 80px;
    text-transform: uppercase;
    margin-top: 20px;
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

div#follow-us-box {
    font-size: 20pt;
    font-family: "league gothic", Futura, sans-serif;
    text-transform: uppercase;
    line-height: 20pt;
    color: #444;
    width: 950px;
    height: 700px;
    padding: 10px;
    letter-spacing: 1px;
}

div#follow-us-text {
    font-size: 70pt;
    color: #333;
    width: 700px;
    line-height: 60pt;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.follow-us-icon {
    height: 75px;
    width: 75px;
    float: left;
    position: relative;
    margin: 0px 25px;
}

div#follow-us-icon-container {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 50px;
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    padding: 50px 20px;
    height: 150px;
}

.follow-us-icon-title {
    position: relative;
    width: 75px;
    float: left;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    margin: 0px 25px;
}



div#follow-us-icon-container h4{
    text-align:center;
	margin-top:10px;
}