html * {
    padding: 0;
    margin: 0;

}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000;
}

h1, h2, h3 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    margin: .5em 0 .25em;
}
h1 {
    font-size: 250%;
}
h2 {
    font-size: 215%;
}
h3 {
    font-size: 150%;
}

a img {
    border: none;
}
a {
    color: #D52027;
    text-decoration: none;
}

a:hover {
    color: #07E0E0;
}
ul, ol {
    margin-left: 2em;
}
ul {
    list-style-image:url("/site_media/design/images/mini_nav_separator.png");
}

p {
    margin: .5em 0;
}

#container {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#header {
    width: 80em;
    position: relative;
    padding: 1em;
    margin: 0 auto;
    border-bottom: 1px solid #aaa;
}

#maincontent {
    position: relative;
    padding: 1em 0 1.5em;
    margin: 0 auto;
    width: 80em;
}

div#logo a {
    margin-top:2em;
    width:258px;
    height:68px;
    display:block;
    background: url("/site_media/design/images/logo.png") no-repeat scroll left top transparent;
}

ul#mini_nav {
    position:absolute;
    right: 0;
    top: 1em;
}

ul#mini_nav li {
    float:left;
}

ul#mini_nav li.separator {
    background: url("/site_media/design/images/mini_nav_separator.png") no-repeat scroll left top transparent;
    width: 7px;
    height:7px;
    margin: 5px;
}

ul#mini_nav li a {
    color: #000;
    font-size: 120%;
    text-decoration:none;
}

ul#mini_nav li a:hover {
    color: #D52027;
}

ul#main_nav {
    position: absolute;
    right: 0;
    bottom: .25em;
    font-size: 155%;
}

ul#main_nav li {
    float:left;
    margin-top: 0.75em;
}

ul#main_nav li a {
    color: #000;
    text-decoration:none;
    text-transform:uppercase;
    padding: 0.75em;
}

ul#main_nav li a:hover {
    color: #D52027;
    border-bottom: 4px solid #D52027;
}

ul#main_nav li.separator {
    background: url("/site_media/design/images/main_nav_separator.png") no-repeat scroll left top transparent;
    width: 1px;
    height:45px;
    margin: 0 2px;
}
.z_app_container {
    width: 80em;
    margin: 0 auto;
}
#footer {
    width: 80em;
    margin: 0 auto;
    background: url("/site_media/design/images/footer_bg.png") repeat-y scroll left top transparent;
    position: relative;
}

div#footer_top {
    background: url("/site_media/design/images/footer_top_bg.png") repeat-y scroll left top transparent;
    height: 60px;
}

ul#footer_nav {
    padding: 1.5em 4em;
}

ul#footer_nav li {
    float:left;
}

ul#footer_nav li a {
    color: #FFF;
    text-decoration:none;
    text-transform:uppercase;
    padding: 0;
    margin: 0 1em;
}

ul#footer_nav li a:hover {
    border-bottom: 2px solid #fff;
}

#footer_sm {
    padding: 2em 3em;
    height: 7em;
}

#footer_sm h2 {
    color: #D52027;
    text-transform:uppercase;
    margin-bottom: 1em;
    font-size: 150%;
}

#footer_avatar {
    background: url("/site_media/design/images/zeedna_avatar_60x60.png") no-repeat scroll left center transparent;
    height: 60px;
    width: 60px;
    position: absolute;
    bottom:0;
    right: 0;
}

ul.sm_link li {
    float:left;
    margin-left:2em;

}

ul.sm_link a {
    color: #000;
    padding-left:3em;
    width:8em;
    display: block;
}

ul.sm_link a:hover {
    color: #D52027;
}

a.fb_link {
    background: url("/site_media/design/images/fb.png") no-repeat scroll left center transparent;
}

a.twitter_link {
    background: url("/site_media/design/images/twitter.png") no-repeat scroll left center transparent;
}

a.rss_link {
    background: url("/site_media/design/images/rss-footer.png") no-repeat scroll left center transparent;
}

#z_footer {
    margin:0 auto;
    width:80em;
}

#hp-banner-bg-wide {
    position: relative;
    background: url("/site_media/design/images/hp_banner_wide.png") repeat scroll 50% 0 transparent;
    height:306px;
}
#hp-banner {
    height:282px;
    margin: 0 auto;
    width: 80em;
    padding: 1em;
    position:relative;
}
#hp-banner-intro {
    color: #FFF;
    width: 50%
}
#hp-banner-intro h1 {
    color: #FFF;
    font-size: 300%;
}

#home_demo_button a {
    background:url("/site_media/design/images/banner_demo_button.png") no-repeat scroll 0 0 transparent;
    bottom:2em;
    display:block;
    height:60px;
    left:1em;
    position:absolute;
    width:221px;
}

#hp_module_listing {
}
#hp_module_listing ul {
    margin: 1em 0;
    padding: 1em 0;
    border-top: 1px solid #020202;
    border-bottom: 1px solid #020202;
    list-style: none;
    overflow: hidden;
    text-align: center;
}
#hp_module_listing li {
    float: left;
    margin: 0 1em;
}
#content {
    width: 80em;
    margin: 0 auto;
}
#hp_banner_image {
    position:absolute;
    right:36px;
    top:24px;
}

#ysyd {
    position: absolute;
    top: .75em;
    left: 26em;
}

#ysyd a {
    background:url("/site_media/design/images/ysyd.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:64px;
    width:102px;
}

#features-banner-bg-wide {
    position: relative;
    background: url("/site_media/design/images/features_banner.png") repeat-x scroll 50% 0 transparent;
    height:306px;
}
#features-banner {
    height:282px;
    margin: 0 auto;
    width: 80em;
    padding: 1em;
    position:relative;
}
#features-banner-intro {
    color:#020202;
    padding:146px 0 0 2em;
    width:50%;
    font-size: 125%;
}
#features-banner-intro h1 {
    color: #FFF;
    font-size: 300%;
}
#features_banner_image {
    position:absolute;
    right:84px;
    top:30px;
}

table#modules_summaries {
    width:100%;
}
table#modules_summaries td {
    padding: 36px 0 0;
    vertical-align:top;
}
td.module_screenshot {
    width:40%;
    text-align:center;
}
td.module_icon {
    width:10%;
    vertical-align:top;
    text-align:center;
}
td.module_summary {
    width:50%;
    position: relative;
}
td.module_summary h1 {
    color: #D52027;
    margin: 0 0 12px;
    border-bottom: 1px solid #020202;
    padding:0 0 6px;
}
td.module_summary img {
    float:right;
}

.named_anchor {
    padding-top: 2em;
}
#subnav {
    border-bottom:1px solid #AAAAAA;
    margin:0 auto;
    padding:0 1em 1em;
    width:80em;
}
#subnav ul {
    list-style: none;
    margin: 0;
}
#subnav li {
    padding-left: .5em;
}
#subnav .main_section {
    border-left:4px solid #D52027;
    color:#D52027;
    font-size:150%;
}

.z_mce_media_left  {
    margin: 0 1em .5em 0;
}

.done_contacting_form{
    height: 16em;
}

#contact_form #z_field_id_modules ul{
    display:inline-block;
    list-style:none outside none;
    width:11em;
}

#contact_form #z_field_id_modules ul li{
    float:left;
    width:15em;
}

#contact_form #z_field_id_modules ul li label{
    width:8em;
    float:none;
}

.z_form_buttons {
    left:18%;
}





/************************************************************************
*       Blogs
*************************************************************************/

.z_blog > .z_post > .z_list > .z_main_content{
    width: 70%;
}

.z_blog > .z_post > .z_list > .z_sidebar_2{
    width: 29%;
}

.z_blog > .z_post > .z_list > .z_sidebar_1{
    display: none;
}

.z_blog > .z_post > .z_list > .z_main_content .z_blog_listing ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.z_blog > .z_post > .z_list > .z_main_content .z_blog_listing .z_user{
    text-align: center;
    float: left;
    display: block;
    width: 100px;
}
.z_blog > .z_post > .z_list > .z_main_content .z_blog_listing .z_details{
    margin-left: 100px;
}




.z_blog > .z_post > .z_details > .z_main_content{
    width: 70%;
}

.z_blog > .z_post > .z_details > .z_sidebar_2{
    width: 29%;
}

.z_blog > .z_post > .z_details > .z_sidebar_1{
    display: none;
}

.z_blog > .z_post > .z_details > .z_sidebar_2 > .z_creator .z_avatar{
    float: left;
}
.z_blog > .z_post > .z_details > .z_sidebar_2 > .z_creator .z_publish_date .z_date{
    display: inline;
}

.z_blog > .z_post > .z_details > .z_sidebar_2 > .z_tag_cloud{
    clear: both;
}



.z_blog_listing > ul.z_key_tag_listing{
    list-style: none;
    margin: 0;
    padding: 0;
}
.z_blog_listing > ul.z_key_tag_listing .z_user{
    text-align: center;
    float: left;
    display: block;
    width: 100px;
}
.z_blog_listing > ul.z_key_tag_listing .z_details{
    margin-left: 100px;
}