/*
	Cascading Style Sheet for MapServerPro
	Extented and Modified by fruitwerks.us
	Original design by Shouldertree.com
	
	www.mapserverpro.com
	Copyright (C) 2010. All rights reserved.

*/
html {
padding:0;
margin:0;
}

body {
background:#FFF;
margin:0;
font-family:arial,sans-serif;
font-size:14px;
padding:0;
}

img {
border:0;
}

.wrapper {
margin:auto;
width:920px;
}

p {
text-align:justify;
text-justify:newspaper;
margin-left:1em;
margin-right:1em;
line-height:1.25em;
}

#header {
background:#fff url(img/bg.jpg) top left repeat-x;
padding:0;
margin:0;
}

#header-left {
float:left;
height:100px;
width:320px;
}

#header-right {
background:transparent url(img/compass.jpg) top right no-repeat;
float:right;
height:100px;
width:600px;
}

#top-links {
text-align:right;
padding-top:5px;
position:absolute;
width:600px;
}

#top-links a {
color:#fff;
font-family:arial,verdana;
font-size:11px;
padding-right:5px;
text-decoration:none;
}

#top-links a:hover {
text-decoration:underline;
}

#navigation {
height:23px;
margin-top:77px;
position:absolute;
text-align:right;
width:440px;
}

#navigation a {
padding-right:2px;
}

#blue-bar {
background:#036 url(img/bluebg.gif) top left repeat-x;
clear:both;
height:22px;
}

#login {
background:transparent url(img/slantbg.gif) top left repeat-x;
height:28px;
}

#login-bar {
background:transparent url(img/loginbg.gif) top right no-repeat;
float:right;
height:28px;
width:622px;
}

#login-form {
color:#333;
font-family:arial,verdana;
font-size:11px;
padding:3px 0 0 10px;
}

#side {
float:right;
width:288px;
margin:0 auto;
padding:0;
}

div.side {
font-size:.95em;
}

#left {
float:left;
position:relative;
width:600px;
}

#footer {
}

#tfoot {
clear:both;
font-size:.75em;
text-transform:uppercase;
text-align:center;
color:#999;
padding:5px;
}

#foot-ghost {
background:#fff url(img/footer.gif) top center no-repeat;
height:86px;
clear:both;
border:1px solid #ccc;
border-left:0;
border-right:0;
}

.footer-links {
font-size:11px;
padding:5px;
text-align:right;
}

.footer-links a {
color:#999;
font-size:11px;
text-decoration:none;
}

.footer-links a:hover {
text-decoration:underline;
}

#splash-main {
clear:both;
height:199px;
background-image:url(img/main_splash.gif);
}

h1 {
color:#004479;
font-size:18px;
font-weight:700;
letter-spacing:-1px;
margin-top:0;
}

h2 {
color:#004479;
font-size:16px;
font-weight:700;
letter-spacing:-1px;
text-align:center;
}

h3 {
color:#004479;
font-size:14px;
font-weight:600;
}

#content {
color:#333;
font-family:arial,verdana,sans-serif;
font-size:14px;
margin:auto;
width:920px;
}

#content-left {
float:left;
padding:0 20px 0 0;
line-height:18px;
text-align:left;
width:650px;
}

.box {
color:#012447;
font-size:12px;
background-color:#e3f1fe;
border:1px solid #69c;
padding:10px;
margin:10px;
}

#content-right {
float:right;
text-align:right;
width:250px;
}

#features {
background:transparent url(img/feature_bg.gif) top right repeat-y;
padding:0;
margin:0;
}

#features-content {
color:#000;
line-height:18px;
padding:10px;
text-align:left;
}

#features h1 {
color:#004479;
font-size:18px;
font-weight:700;
letter-spacing:-1px;
margin-top:0;
text-align:left;
}

.go-btn {
position:relative;
top:138px;
margin-left:20px;
cursor:pointer;
height:40px;
border:none;
}

div.demoholder > p {
font-size:.8em;
}

.demoholder {
clear:both;
height:120px;
}

div.tiny > p {
font-size:1em;
text-transform:uppercase;
text-align:center;
color:gray;
}

div.tiny > a {
color:teal;
font-size:.75em;
font-weight:700;
text-transform:uppercase;
}

img.bpx {
background-image:url(/images/160bx.jpg);
background-repeat:no-repeat;
float:left;
margin-left:.25em;
padding-bottom:.5em;
padding-right:.5em;
}

#menu {
margin-top:76px;
vertical-align:bottom;
padding-right:1.5em;
text-transform:uppercase;
font-weight:800;
text-align:center;
}

#menu ul {
margin:0;
padding:0;
}

#menu ul li {
background:none repeat scroll 0 0 #036;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
border:1px solid #000;
width:7em;
display:inline;
float:right;
list-style:none;
margin-left:2px;
padding:4px 0;
}

#menu li.current a {
background:none repeat scroll 0 0 #036;
color:#fff;
text-decoration:none;
}

#menu li a {
color:#fff;
text-decoration:none;
}

#menu li a:hover {
color:#fff;
text-decoration:underline;
}

#header-right,#header-left,#navigation,#blue-bar,#login-bar,#splash,#content,#content {
overflow:hidden;
}

* html #header-right,* html #header-left,* html blue-bar,* html login-bar,* html #navigation,* html #splash,* html #content {
height:1%;
overflow:visible;
}
#planswrapper {
width: 600px;
font-size: 0.8em;
}
.plan {
margin: 10px auto;
border: 1px solid lightblue;
-webkit-box-shadow: 0px 4px 4px ;
-moz-box-shadow: 0px 4px 4px ;
box-shadow: 0px 4px 4px ; 
border-radius: 10px;
-moz-border-radius: 10px;
width: 75%;
}
.plan p {
line-height: 4px;
padding-left: 8px;
}
.plan h3 {
text-align: center;
}
.center {
text-align: center;
}
.sub {
position:absolute;
bottom:0;
margin-left:38px;
font-weight: 900;
}