/*
Default Theme Stylesheet
Name:Style.CSS
Author: Nauman Hameed
Organisation: mystifyingeffects.com
Description: default theme
Date of Start: August 1st 2009
Date of Last Changes: August 1st 2009
*/

/* Default Tags - Re-defined
----------------------------------------------------------------------------------- */

body, div, h1, h2, h3, h4, h5, h6, a, img, span, label, br {
    margin: 0;
    padding: 0;
    border:0;
}

h1, h2, h3 {
    color: #0C487E;
}

.clear {
    clear:both;
}

a {
    color: #317898;
    text-decoration:underline;
    outline:none;
}

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

textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

/* Assorted Tags
----------------------------------------------------------------------------------- */
.edit {
    background-color: #FCFCC0;
}

.customers_row {
    padding: 20px 0 20px 0;
}

.customers_row img { padding: 10px; }

.partners_row {
    padding: 20px 0 20px 0;
}

.partners_row img { padding-right: 10px; }

/* Web2py Tags - Re-defined
----------------------------------------------------------------------------------- */

.error {
    background-color: red;
    color: white;
}

.flash {
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 35%;
    width: 30%;
    height: 30px;
    opacity: 0.75;
    margin: 0 auto;
    text-align: center;
    clear: both;
    border: 1px #000000 solid; 
    color: black;
    font-size: 12pt;
    padding: 40px 10px 30px 10px;
    cursor: pointer;
    background: white;
/*
    margin: 0 auto;
    text-align: center; 
    clear: both;
    border: 1px solid #99f;
    background-color: #ddf;
    cursor: pointer;
    margin-top: 0.0em;
    margin-bottom: 1.0em;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
*/
}

/* Body
----------------------------------------------------------------------------------- */

body {
    background:#7ec7ea url(../images/site_background.jpg) repeat-x;
    font:normal normal normal 12px/1.4 Arial, Helvetica, sans-serif;
    color:#383334;

}

/* Site Wrapper
----------------------------------------------------------------------------------- */

#site-wrapper {
    margin:0 auto;
    width:990px;

}

/* Logo Container 
----------------------------------------------------------------------------------- */

#logo-container {
    width:990px;
    height:137px;
    background:url(../images/top_banner2.jpg) no-repeat;
    float:left;
}

#logo-container img {
    float:left;
}

#logo-container-newsletter {
    width:990px;
    height:137px;
    float:left;
}

#live-support {
    width:237px;
    height:34px;
    float:right;
}

#live-support img {
    float:left;
    padding-left:17px;
}

/* Site Navigation
----------------------------------------------------------------------------------- */

.navigation ul{
    overflow: hidden;
    width:990px;
    list-style-type: none;
    float:left;
    height:44px;
    padding-bottom:12px;
}

.navigation li{
    float: left;
}

.navigation a{
    display: block;
    padding: 0;
    color: black;
    margin:0;
    text-decoration: none;
    font: bold 11px Arial, Helvetica, sans-serif;
    height:44px;
    text-indent:-9999px;
}

ul.nav {
    margin: 0 !important;
    padding: 0 0 12px !important;
    border:0 !important;
}

.navigation a:hover, .navigation a.selected{
    background: black;
    color: white;
}

#menu_home a, #menu_home a:visited {
    width:100px;
    background:url(../images/site_navigation.jpg) no-repeat 0px 0px;
}
#menu_home a:hover{
    background:url(../images/site_navigation.jpg) no-repeat 0px -44px;
    width:100px;
}
#home_select {
    background:url(../images/site_navigation.jpg) no-repeat 0px -88px;
    width:100px;
    height:44px;
    text-indent:-9999px;
}
#home_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat 0px -88px;
    width:100px;
    height:44px;
    text-indent:-9999px;
}



#menu_product a, #menu_product a:visited {
    width:134px;
    background:url(../images/site_navigation.jpg) no-repeat -100px 0px;
}
#menu_product a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -100px -44px;
    width:134px;
}
#product_select a{
    background:url(../images/site_navigation.jpg) no-repeat -100px -88px;
    width:134px;
    height:44px;
    text-indent:-9999px;
}
#product_select a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -100px -88px;
    width:134px;
    height:44px;
    text-indent:-9999px;
}


#menu_services a, #menu_services a:visited {
    width:98px;
    background:url(../images/site_navigation.jpg) no-repeat -234px 0px;
}
#menu_services a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -234px -44px;
    width:98px;
}
#services_select a {
    background:url(../images/site_navigation.jpg) no-repeat -234px -88px;
    width:98px;
    height:44px;
    text-indent:-9999px;
}
#services_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -234px -88px;
    width:98px;
    height:44px;
    text-indent:-9999px;
}


#menu_pricing a, #menu_pricing a:visited {
    width:96px;
    background:url(../images/site_navigation.jpg) no-repeat -332px 0px;
}
#menu_pricing a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -332px -44px;
    width:96px;
}
#pricing_select a {
    background:url(../images/site_navigation.jpg) no-repeat -332px -88px;
    width:96px;
    height:44px;
    text-indent:-9999px;
}
#pricing_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -332px -88px;
    width:96px;
    height:44px;
    text-indent:-9999px;
}



#menu_partner a, #menu_partner a:visited {
    width:155px;
    background:url(../images/site_navigation.jpg) no-repeat -428px 0px;
}
#menu_partner a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -428px -44px;
    width:155px;
}
#partner_select a{
    background:url(../images/site_navigation.jpg) no-repeat -428px -88px;
    width:155px;
    height:44px;
    text-indent:-9999px;
}
#partner_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -428px -88px;
    width:155px;
    height:44px;
    text-indent:-9999px;
}


#menu_resources a, #menu_resources a:visited {
    width:111px;
    background:url(../images/site_navigation.jpg) no-repeat -583px 0px;
}
#menu_resources a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -583px -44px;
    width:111px;
}
#resources_select a {
    background:url(../images/site_navigation.jpg) no-repeat -583px -88px;
    width:111px;
    height:44px;
    text-indent:-9999px;
}
#resources_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -583px -88px;
    width:111px;
    height:44px;
    text-indent:-9999px;
}


#menu_blog a, #menu_blog a:visited {
    width:79px;
    background:url(../images/site_navigation.jpg) no-repeat -694px 0px;
}
#menu_blog a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -694px -44px;
    width:79px;
}
#blog_select {
    background:url(../images/site_navigation.jpg) no-repeat -694px -88px;
    width:79px;
    height:44px;
    text-indent:-9999px;
}
#blog_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -694px -88px;
    width:79px;
    height:44px;
    text-indent:-9999px;
}

#menu_support a, #menu_support a:visited {
    width:96px;
    background:url(../images/site_navigation.jpg) no-repeat -773px 0px;
}
#menu_support a:hover{
    background:url(../images/site_navigation.jpg) no-repeat -773px -44px;
    width:96px;
}
#support_select {
    background:url(../images/site_navigation.jpg) no-repeat -773px -88px;
    width:96px;
    height:44px;
    text-indent:-9999px;
}
#support_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -773px -88px;
    width:96px;
    height:44px;
    text-indent:-9999px;
}

#menu_contact a, #menu_contact a:visited {
    width:121px;
    background:url(../images/site_navigation.jpg) no-repeat -869px 0px;
}
#menu_contact a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -869px -44px;
    width:121px;
}
#contact_select {
    background:url(../images/site_navigation.jpg) no-repeat -869px -88px;
    width:121px;
    height:44px;
    text-indent:-9999px;
}
#contact_select a:hover {
    background:url(../images/site_navigation.jpg) no-repeat -869px -88px;
    width:121px;
    height:44px;
    text-indent:-9999px;
}



/* Sub Navigations
----------------------------------------------------------------------------------- */



/* Body Container
----------------------------------------------------------------------------------- */

#body-container {
    width:952px;
    float:left;
    background:#d3d3d3 url(../images/body_background.jpg) repeat-x;
    padding:23px 19px;
}

/* Big Image Slide Show
----------------------------------------------------------------------------------- */

#big-image {
    width:950px;
    height:244px;
    border:1px solid #cccbcb;
    float:left;
    background:url(../images/header_image.jpg) no-repeat;
}


/* Content Container
----------------------------------------------------------------------------------- */

#content-container-homepage {
    width:950px;
    border:1px solid #cccbcb;
    background-color:#f1f1f1;
    float:left;
    margin-top:24px;
}

#content-container {
    width:950px;
    border:1px solid #cccbcb;
    background-color:#f1f1f1;
    float:left;
}

#content-container-bg-homepage {
    width:950px;
    background:url(../images/body_shadow_repeater.jpg) repeat-y;
    float:left;
}

#content-container-bg {
    width:950px;
    background:url(../images/body_shadow_right.jpg) repeat-y;
    float:left;
}
/* Left Column Container
----------------------------------------------------------------------------------- */

#left-column {
    width:255px;
    float:left;
}

.heading {
    width:254px;
    float:left;
    background-color:#ddd;
    height:40px;
}

.heading img {
    float:left;
    margin:13px 0 0 9px;
}

.container {
    width:226px;
    padding:23px 14px;
    float:left;
}

#customer-logo-container {
    width:224px;
    border:1px solid #c5c3c3;
    float:left;
}

#customer-logo-container-2 {
    width:222px;
    border:1px solid #fff;
    background:#e9e9e9 url(../images/customer-logo-bg.jpg) repeat-x;
    float:left;
    min-height:133px;
    height:auto !important;
    height:133px;
}

#customer-logo-container-2 img {
    margin:11px 0 0 60px;
}

.container ul {
    list-style-type:none;
    padding: 0px;
}

.container li {
    float:left;
    width:210px;
    background:url(../images/bullet.jpg) no-repeat left 4px;
    padding:0 0 17px 15px;
}


/* Center Column Container
----------------------------------------------------------------------------------- */
#broad-column {
    width:624px;
    float:left;
    padding: 12px;
}

#center-column {
    width:410px;
    float:left;
}

.middle-heading {
    width:409px;
    float:left;
    background:#ddd url(../images/center-hed-bg.jpg) repeat-y;
    height:40px;
}

.middle-heading img {
    float:left;
    margin:13px 0 0 9px;
}

.middle-container {
    width:381px;
    float:left;
    padding: 23px 14px;
}

.middle-container p {
    float:left;
    width:377px;
}

.middle-container strong {
    color:#1378a7;
}

#testimonials {
    width:379px;
    float:left;
    border:solid 1px #cccbcb;
}

#testimonials-inner {
    width:377px;
    border:1px solid #fff;
    min-height:133px;
    height:auto !important;
    height:133px;
    background:white url(../images/quote.jpg) no-repeat 13px 12px;
    float:left;
}

#testimonials-inner p {
    width:293px;
    float:right;
    padding:0px 16px 0 0;
}

#testimonials-inner span {
    width:293px;
    float:right;
    padding:0px 16px 6px 0;
    text-align:right;
    color:#1378a7;
}

/* Center Column Container
----------------------------------------------------------------------------------- */

#right-column {
    width:285px;
    float:right;
}

#free-demo ul{
    overflow: hidden;
    width:269px;
    list-style-type: none;
    float:left;
    height:95px;
    padding:15px 0 2px 8px; 
}

#free-demo li{
    float:left;
}

#free-demo a{
    display: block;
    padding: 0;
    color: black;
    margin:0;
    text-decoration: none;
    font: bold 11px Arial, Helvetica, sans-serif;
    height:95px;
    text-indent:-9999px;
}

#free-demo a:hover, #free-demo  a.selected{
    background: black;
    color: white;
}

#menu_demo a, #menu_demo a:visited {
    width:269px;
    background:url(../images/free_demo.jpg) no-repeat 0px 0px;
}
#menu_demo a:hover{
    background:url(../images/free_demo.jpg) no-repeat 0px -95px;
    width:269px;
}

#container-right {
    width:259px;
    float:left;
    padding:13px 13px 0px 13px;
}

.gradient-boxes {
    width:257px;
    border:1px solid #c5c3c3;
    float:left;
    margin-bottom:13px;
}

.gradient-boxes-inner {
    width:255px;
    border:1px solid #fff;
    background:#e9e9e9 url(../images/customer-logo-bg.jpg) repeat-x;
    float:left;
    min-height:133px;
    height:auto !important;
    height:133px;
}

.gradient-boxes-inner img {
    float:left;
    margin:7px 0 0 8px ;
}

.gradient-boxes-inner p {
    float:left;
    padding:8px 0 0 13px;
    width:232px;
}

.gradient-boxes-form {
    float:left;
    padding:0 0 13px 13px;
    width:232px;
}


ul.gradient {
    padding: 0;
}

.gradient ul {
    list-style-type:none;
}

.gradient li {
    width:226px;
    float:left;
    background:url(../images/bullet.jpg) no-repeat left 11px;
    margin:0 0 0 12px;
    padding:6px 0 5px 12px;
    list-style-type:none
}


.learn-more ul{
    overflow: hidden;
    width:80px;
    list-style-type:none;
    float:right;
    height:18px;
    padding:5px 14px 8px 0; 
    margin-top: 0px;
}

.learn-more li{
    float:left;
}

.learn-more a{
    display: block;
    padding: 0;
    color: black;
    margin:0;
    text-decoration: none;
    font: bold 11px Arial, Helvetica, sans-serif;
    height:18px;
    text-indent:-9999px;
}

.learn-more a:hover, .learn-more a.selected{
    background: black;
    color: white;
}

.learn_more a, .learn_more a:visited {
    width:80px;
    background: url(../images/learn-more.jpg) no-repeat 0px 0px;
}
.learn_more a:hover{
    background: url(../images/learn-more.jpg) no-repeat 0px -18px;
    width:80px;
}


/* Footer Container
----------------------------------------------------------------------------------- */

#footer-container {
    width:990px;
    float:left;
    font-family:Tahoma !important;
}

#footer-top {
    width:990px;
    float:left;
    background:#033960 url(../images/footer_bg.jpg) repeat-x;
    min-height:80px;
    height:auto !important;
    height:80px;
    text-align:center;
}

#footer-top p {
    width:990px;
    color:#b1e3fc;
    padding:30px 0 33px 0;
    float:left;
    text-decoration:none;
}

#footer-top p a {
    color:#66b1d6;
    text-decoration:none;
}

#footer-top p a:hover {
    color:#66b1d6;
    text-decoration:underline;
}

#footer-top p span {
    padding:0 12px;
    color:#66b1d6;
} 

#footer-bottom {
    width:990px;
    float:left;
    background:url(../images/footer.jpg) no-repeat center top;
    height:110px;
    padding-top:35px;
    color:#0c609d;
}

#footer-bottom div {
    padding:0 20px;
}

#footer-bottom div a:hover {
    color:white;
    text-decoration:none;
}

/* Blog
----------------------------------------------------------------------------------- */

.posts {
    text-align :justify;
    float: left;
}