h1,h2,h3,h4,h5,h6,p,a,ul,li,div,span,strong {
margin:0;
padding:0;
font-family:verdana, helvetica, arial, sans-serif;
font-size:12px;
border:0;
line-height:1.5em;
list-style:none;
text-decoration:none;
color:#333;
}

h1,h2,h3,h4,h5,h6 {
font-family:helvetica, arial, sans-serif;
}

a {
color:#0b66c3;
text-decoration:underline;
}

a:hover {
text-decoration:none;
color:#ee530f;
}

/******************************************************************************************** STRUCTURE
*/

#container {
width:970px;
margin:0 auto;
}

div#navigation {
width:100%;
height:50px;
border-radius:15px;
-moz-border-raidus:15px;
-webkit-border-radius:15px;
float:left;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background:-moz-linear-gradient(top,  #fff,  #eee);
border:1px solid #fff;
box-shadow: 0px 0px 3px #d1d1d1;
-o-box-shadow: 0px 0px 3px #d1d1d1;
-webkit-box-shadow: 0px 0px 3px #d1d1d1;
-moz-box-shadow: 0px 0px 3px #d1d1d1;
}

#mast {
width:100%;
height:435px;
background:url(../images/mast_bg.gif) no-repeat top left;
clear:left;
float:left;
margin-top:10px;
}

.homepage_box {
width:210px;
height:170px;
float:left;
margin:20px 0 10px 10px;
padding:10px;
text-align:center;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border:1px solid #ccc;
cursor:pointer;
}

.homepage_box:hover {
-webkit-box-shadow:0 0 3px #0b66c3;
box-shadow:0 0 3px #0b66c3;
-moz-box-shadow:0 0 3px #0b66c3;
-o-box-shadow:0 0 3px #0b66c3;
border:1px solid #fff;
}

#footer_left {
clear:both;
float:left;
width:305px;
padding-top:45px;
}

#footer_right {
float:left;
width:650px;
margin:35px 0 0 0;
}

#copyright {
width:100%;
background:#fff;
border-top:1px solid #ccc;
margin:10px 0 0 0;
}

#copyright_text {
width:970px;
margin:0 auto;
padding:10px 0;
}

#content_box{
width:950px;
overflow:hidden;
clear:both;
margin:10px auto;
background:#fff;
border:1px solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 1px 1px 1px #d1d1d1, -1px -1px 1px #d1d1d1, inset 0 0 15px #d5d5d5;
-o-box-shadow: 1px 1px 1px #d1d1d1, -1px -1px 1px #d1d1d1, inset 0 0 15px #d5d5d5;
-webkit-box-shadow: 1px 1px 1px #d1d1d1, -1px -1px 1px #d1d1d1, inset 0 0 15px #d5d5d5;
-moz-box-shadow: 1px 1px 1px #d1d1d1, -1px -1px 1px #d1d1d1, inset 0 0 15px #d5d5d5;
}

#middle_box {
width:100%;
clear:left;
margin:10px 0 0 0;
float:left;
}

div#signup_box, div#demo_box {
width:580px;
float:left;
padding:20px 0 0 40px;
}

#signup_faq {
width:250px;
float:left;
padding:20px 0 0 0;
margin:0 0 0 40px;
}

#principles {
float:left;
width:410px;
padding:20px 0 0 40px;
}

#milestones {
float:left;
width:350px;
margin:0 0 0 50px;
padding:20px 0 0 0;
}

#features_navigation {
float:left;
width:220px;
margin:0 0 0 20px;
border-top:0;
}

#features_content {
float:left;
width:700px;
margin:20px 0 0 20px;
position:relative;
}

.features_column {
width:340px;
float:left;
}

.features_column + .features_column {
margin-left:20px;
}

.reduced {
width:560px;
margin-left:20px;
}

.twofive {
width:165px;
}

/******************************************************************************************** IMAGES
*/

a img#logo {
float:left;
margin:8px 0 0 10px;
}

#footer_right p img {
padding:0 10px;
}

#mast img {
margin:100px 0 0 20px;
}

img#hover_primary {
margin:100px 0 0 150px;
}

a#signup_button {
float:left;
margin:10px 0 0 55px;
}

img#map {
padding:3px;
border:1px solid #ccc;
}

a img {
border:0;
}

img#globe {
float:left;
}

img.schools_link {
margin:10px 0 0 15px;
}

table.schools img {
margin:10px 0;
}

a#features_prev {
position:absolute;
left:0;
top:0;
}

a#features_next {
position:absolute;
right:0;
top:0;
}

img.icon {
float:left;
margin:25px 5px 0 0;
}

img.icon_large {
float:left;
clear:left;
margin:20px 0 0 0;
}

/******************************************************************************************** TYPOGRAPHY
*/

h2, .screenshot_text p strong {
color:#444;
font-size:14px;
}

#footer_right p.jog {
margin:10px 0 0 10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

p.jog strong {
margin-right:20px;
}

h3 {
color:#0b66c3;
clear:both;
float:left;
margin:20px 0 0 55px;
font-size:24px;
}

h4 {
clear:both;
float:left;
color:#0b66c3;
text-align:center;
font-size:28px;
width:100%;
margin:10px auto 0 auto;
}

h5 {
clear:both;
float:left;
color:#333;
font-weight:normal;
text-align:center;
font-size:18px;
width:100%;
margin:0 auto 10px auto;
}

li.qa p {
margin-top:10px;
padding:0 180px;
}

li.qa p.q, p.q {
font-weight:bold;
color:#0b66c3;
margin-top:15px;
}

#content_box h3 {
float:none;
margin:10px 0 0 0;
}

#principles p, #singup_faq p, li.terms p {
margin-top:10px;
}

li.terms h2 {
margin-top:15px;
padding-top:10px;
clear:both;
}

#features_content h3 {
text-align:center;
margin:10px 0 20px 0;
float:none;
font-size:16px;
}

#features_content h2 {
margin-top:20px;
}

#features_content h2.clearleft {
clear:left;
padding-top:20px;
}

#features_content p {
line-height:2em;
}

.blue {
color:#0b66c3;
}

.greyback p {
background:#eee;
padding-left:10px;
}

/******************************************************************************************** TABLES
*/

table.schools {
width:910px;
margin:30px 0;
}

table.schools td {
padding-left:10px;
}

table.users {
width:100%;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-collapse:collapse;
margin-top:10px;
}

table.users td {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:5px 0 5px 5px;
}

table.users th {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-weight:bold;
background:#f1f1f1;
}


/******************************************************************************************** LISTS
*/

ul#navigation, ul#navigation_footer {
float:left;
margin:15px 0 0 240px;
}

ul#navigation {
margin:15px 0 0 170px;
}

ul#navigation_footer {
margin:22px 0 0 0;
}

ul#navigation li, ul#navigation_footer li {
float:left;
margin-right:9px;
}

ul#navigation_footer li {
float:left;
margin-right:7px;
}

ul#navigation li a, ul#navigation_footer li a {
text-transform:uppercase;
padding:6px 15px;
border:1px solid transparent;
color:#333;
text-decoration:none;
}

ul#navigation li a {
padding:6px 12px;
}

ul#navigation_footer li a {
padding:6px 9px;
}

ul#navigation li a.active, ul#navigation_footer li a.active, ul#dp_myp li a.active {
background:#e5e5e5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #fff;
box-shadow: 0 1px 5px #777;
-o-box-shadow: 0 1px 5px #777;
-webkit-box-shadow: 0 1px 5px #777;
-moz-box-shadow: 0 1px 5px #777;
}

ul#navigation li a:hover, ul#navigation_footer a:hover, ul#dp_myp li a:hover {
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #ccc;
text-decoration:none;
color:#333;
}

ul#navigation li a#signup, ul#navigation_footer li a#signup, .button_green, .screenshot_text p span, input#submit_button {
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#fff;
border:1px solid #4f8401;
background-color:#79b027;
background-image: -moz-linear-gradient(100% 100% 90deg, #79b027, #70a322);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79b027), to(#70a322))
box-shadow:inset 2px 2px 5px #bddc3d;
-o-box-shadow:inset 2px 2px 5px #bddc3d;
-webkit-box-shadow:inset 2px 2px 5px #bddc3d;
-moz-box-shadow:inset 2px 2px 5px #bddc3d;
}

ul#navigation_footer {
float:left;
}

ul#navigation_footer li {
float:left;
}

ul#sub_sub_navigation {
float:right;
clear:both;
margin:10px 45px 20px 0;
}

ul#sub_sub_navigation li {
float:right;
margin-left:20px;
}

ul#sub_sub_navigation li a {
color:#666;
text-decoration:none;
font-family:helvetica, arial, sans-serif;
font-weight:bold;
font-size:14px;
}

ul#sub_sub_navigation li a:hover {
color:#ee530f;
}

ul#sub_sub_navigation li a.active {
color:#0b66c3;
}

ul#screens {
width:10000px;
position:relative;
float:left;
top:0;
left:0px;
overflow:hidden;
}

ul#screens li {
width:910px;
padding:0 20px;
float:left;
overflow:hidden;
}

ul#screens li.terms {
padding:0 150px;
width:650px;
}

ul#screens li.terms ul, ul#screens li.terms ol {
margin:0;
width:650px;
padding:0;
}

ul#screens li.terms ul li, ul#screens li.terms ol li {
margin:5px 0 5px 25px;
width:650px;
}

ul#screens li.terms ol li {
list-style:decimal;
padding:0;
}

ul#screens li.terms ul li {
list-style:circle;
padding:0;
}

#features_navigation ul {
margin-top:20px;
border:1px solid #ccc;
border-top:0;
}

#features_navigation ul li ul {
margin-top:0;
border:0;
}

#features_navigation li a {
width:100%;
border-top:1px solid #ccc;
padding:10px 0;
display:block;
color:#333;
text-decoration:none;
background:#fafafa;
}

#features_navigation li a.current span {
color:#0b66c3;
}

#features_navigation li a:hover span {
text-decoration:underline;
}

#features_navigation li a img {
margin-left:30px;
vertical-align:middle;
}

#features_navigation li a.features_break {
background:#fff;
font-weight:bold;
text-indent:20px;
}

li.droplist {
display:none;
}

li.active {
display:inherit;
}

#features_content ul {
clear:left;
}

#features_content li {
list-style:disc;
line-height:2em;
margin-left:20px;
}

/******************************************************************************************** BUTTONS
*/


/******************************************************************************************** FORMS
*/

form p, #signup_box p {
margin:10px 0 0 0;
}

fieldset {
border:1px solid #ccc;
padding:10px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
margin-bottom:20px;
}

input, select {
margin-bottom:10px;
}

input.select_service {
float:left;
clear:left;
}

label.left {
float:left;
width:190px;
}

textarea {
vertical-align:top;
}

.clearboth {
clear:both;
}