@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    width: 100%;
}

a {
    color: #6c6c6c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eee;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body {min-width: 980px;}

.header-outer, .masthead-outer, .social-outer, 
.testimonial-outer, .content-outer, .footer-outer, .breadcrumbs-outer {
    width: 100%;
    position: relative;
    min-width: 980px;
}

.header-outer {
    height: 80px;
    background-color: #fff;
}

.masthead-outer {
    /*height: 610px;*/
    background: #1d242b url(../img/masthead_bg.jpg) center center no-repeat;
    /*margin-top: 80px;*/
}

.social-outer {
    height: 42px;
    background: #161b22 url(../img/social_bg.jpg) center center no-repeat;
}

.testimonial-outer {
    background: #f3f7f6 url(../img/testimonial_bg.jpg) bottom left repeat-x;
}

.content-outer {
}

.footer-outer {
    height: 216px;
    border-top: 26px solid #181d26;
    background: url(../img/footer_bg.png) 0 0 repeat-x;
}

.footer-inner p {
	font-size: 1em !important;
	line-height: 1.4 !important;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif !important;
}

.footer-inner a {
	color: #fff !important;
	text-decoration: none !important;
}

.footer-inner a:hover {
	text-decoration: underline !important;
}

.breadcrumbs-outer {
	height: 38px;
	padding-top: 3px;
    background: url(../img/breadcrumbs_bg.png) 0 0 repeat-x;

}

.header-inner, .masthead-inner, .social-inner, 
.testimonial-inner, .content-inner, .footer-inner, .breadcrumbs-inner {
    width: 970px;
    margin: 0 auto;
    position: relative;
}

    .header-inner .logo { display: block; float: left; margin-top: 20px;}
    .header-inner #nav {
        display: inline-block;
        float: left;
        list-style-type: none;
        margin-top: 30px;
        margin-left:99px;
        padding-left: 0;
    }
        .header-inner #nav li {
            float: left;
            margin-right: 10px;
        }

        .header-inner #nav li a {
            font-size: 16px;
            border-right: 1px dotted #000;
            padding-right: 10px;
        }

    .btn-memberlogin {
        display: block;
        border: 1px solid #c1c3c3;
        border-radius: 3px;
        color: #7f7f7f;
        background: #f1f3f3;
        background: -webkit-gradient(linear, left top, left bottom, from(#f1f3f3), to(#e3e6e7));
        background: -moz-linear-gradient(top,  #f1f3f3,  #e3e6e7);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#e3e6e7');
        font-size: 14px;
        padding: 8px 0;
        text-align: center;
        width: 125px;
        height: 15px;
        line-height: 15px;
        float: left;
        margin-top: 22px;
        margin-right: 15px;
        margin-left: 14px;
    } 
        .btn-memberlogin:hover {
            text-decoration: none;
            background: #e3e6e7;
            background: -webkit-gradient(linear, left top, left bottom, from(#e3e6e7), to(#f1f3f3));
            background: -moz-linear-gradient(top,  #e3e6e7,  #f1f3f3);
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e6e7', endColorstr='#f1f3f3');
        }

	.pnl-user 
	{
		text-align: right;
		float: right;
		position: relative;
		width: 600px;
		height: 80px;
	}
	
	.pnl-user .welcome-message 
	{
		position: absolute;
		top: 27px;
		right: 180px;
		width: 400px;
		font-size: 16px !important;
	}
	
	.pnl-user .user-settings 
	{
		position: absolute;
		top: 54px;
		right: 180px;
		width: 400px;
		font-size: 12px !important;
	}
	
	.pnl-user .user-settings a
	{
		color: #03c;
	}
	
    .btn-memberlogout {
        display: block;
        border: 1px solid #c1c3c3;
        border-radius: 3px;
        color: #7f7f7f;
        background: #f1f3f3;
        background: -webkit-gradient(linear, left top, left bottom, from(#f1f3f3), to(#e3e6e7));
        background: -moz-linear-gradient(top,  #f1f3f3,  #e3e6e7);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#e3e6e7');
        font-size: 14px;
        padding: 8px 0;
        text-align: center;
        width: 125px;
        height: 15px;
        line-height: 15px;
        position: absolute;
        right: 14px;
        top: 22px;
    } 
        .btn-memberlogout:hover {
            text-decoration: none;
            background: #e3e6e7;
            background: -webkit-gradient(linear, left top, left bottom, from(#e3e6e7), to(#f1f3f3));
            background: -moz-linear-gradient(top,  #e3e6e7,  #f1f3f3);
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e6e7', endColorstr='#f1f3f3');
        }

    .btn-becomeamembr {
        display: block;
        width: 222px;
        height: 53px;
        float: left;
        margin-top: 12px;
        text-indent: -8888px;
        background: url(../img/become_member.png) 0 0 no-repeat;
    }  

    .masthead-inner .box {
        width: 970px;
        height: 560px;
        position: relative;
    }

    .masthead-inner img.left {
        border: 7px solid #1e272f;
        margin-top: 29px;
        float: left;
    }

    .masthead-inner .right {
        float: right;
        width: 570px;
        text-shadow: 1px 1px 1px #000;
    }
        .masthead-inner h2 {
            font-size: 40px;
            color: #fff;
            margin: 25px 0;
        }
        .orange {
            color: #febd32;
        }
        .masthead-inner h3 {
            margin-top: -26px;
            font-size: 23px;
            color: #fff;
            font-weight: 200;
        }

        .masthead-inner ul {
            padding-left: 0;
            position: relative;
        }
            .masthead-inner li {
                list-style-type: none;
                background: url('../img/checkbullet.png') no-repeat center left;
                height: 42px;
                margin-bottom: 6px;
                line-height: 42px;
                color: #fff;
                padding-left: 75px;
                font-size: 15px;
                font-weight: 800;
                width: auto;
                float: left;
                padding-right: 20px;
            }

        .masthead-inner .right .searchdocs-outer {
            width: 575px;
            height: 79px;
            margin-top: 230px;
            background: url('../img/searchdocs_outer.png') 0 0 no-repeat;
        }
            .searchdocs-outer .form label {
                display: none;
            }
            .searchdocs-outer .form input {
                outline: none;
                border: none;
                background: none;
                font: 24px #575555;
                font-style: italic;
                font-weight: 200;
                height: 51px;
                line-height: 51px;
                margin-top: 15px;
            }
            .searchdocs-outer .form input.input {
                float: left;
                margin-left: 15px;
                width: 325px;
            }
            .searchdocs-outer .form input.submit {
                background: url('../img/searchdocs.png') 0 0 no-repeat;
                cursor: pointer;
                width: 220px;
                float: right;
                margin-right: 15px;
            }

    .masthead-inner .learnmore {
        text-align: left; 
        margin-bottom: 25px;
        margin-top: 20px;
        position: relative;
    }

        .masthead-inner .learnmore p {
            color: #fff;
            font-size: 27px;
            float: left;
        }
        .masthead-inner .learnmore a {
            float: right;
            margin-top: 18px;
        }

	.social-inner { height: 42px; padding-top:10px }
	.social-inner div { margin-right: 0; padding-right: 0; display:inline; width:405px; height:35px; }
    
    .testimonial-inner p {
        color: #464444;
        margin: 25px 0;
    }
    .testimonial-inner p.left {
        float: left;
        width: 455px;
        font-size: 26px;
        font-weight: 200;
        font-style: italic;
    }
    .testimonial-inner p.right {
        float: right;
        width: 475px;
        font-size: 14px;
        font-style: italic;
    }
        .testimonial-inner p.right strong {font-style: normal;}
        .testimonial-inner p.right em {font-weight: 800;}

	.content-inner 
	{
		min-height: 800px;
	}

    .content-inner .left {
        width: 465px;
        float: left;
    }
    .content-inner .right {
        width: 465px;
        float: right;
    }
    
    .content-inner .wide 
    {
		width: 645px;
		margin-bottom: 50px;
    }
    
    .content-inner .narrow 
    {
		width: 285px;
		margin-bottom: 50px;
    }

        .content-inner p {
            font-size: 14px;
            line-height: 21px;
            color: #3d3d3d;
        }

        .content-inner h2 {
            font-size: 24px;
            font-weight: 600;
            color: #607281;
            margin: 15px 0;
        }

        .content-inner h4 {
            margin: 0 0 -15px;
            color: #3d3d3d;
        }

        .content-inner ul.topdocs {
            width: 100%;
            margin-bottom: 20px;
            overflow: hidden;
            padding: 0;
            font-size: 14px;
            color: #6c6c6c;
        }
            .content-inner ul.topdocs li {
                line-height: 24px;
                float: left;
                display: inline;
                width: 45%;
                padding-left: 14px;
                background: url('../img/arrow.png') center left no-repeat;
            }

        .content-inner .btn-search {
            display: block;
            float: left;
            width: 143px;
            height: 45px;
            text-indent: -8888px;
            background: url('../img/btn_search.png') 0 0 no-repeat;
            margin-right: 25px;
            border: 0;
        }
        .content-inner .btn-browse {
            display: block;
            float: left;
            width: 143px;
            height: 45px;
            text-indent: -8888px;
            background: url('../img/btn_browse.png') 0 0 no-repeat;
            border: 0;
        }

        .content-inner .review-item {
            width: 100%;
            position: relative;
            margin-bottom: 25px;
        }
            .review-item img {
                float: left; 
            }
            .review-item .review-text {
                float: right;
                width: 80%;
                color: #e74b34;
                font-weight: 800;
                font-size: 14px;
            }
            .review-item .review-credit {
                float: right;
                width: 80%;
                font-weight: 200;
                color: #3d3d3d;
                font-size: 16px;
                font-family: Garamond, Georgia, serif;
            }
        .content-inner .center {
            text-align: center;
        }
            .content-inner .btn-pricing {
                text-indent: -8888px;
                display: inline-block;
                background: url('../img/btn_pricing.png') center center no-repeat;
                width: 379px;
                height: 74px;
                margin-bottom: 55px;
            }
            
    .content-inner .testimonials p
    {
		font-size: 13px;
		line-height: 18px;
    }

    .footer-inner {
        color: #fff;
        font-size: 12px;
        width: 1020px;
        background: url(../img/footer_bg.png) 0 0 repeat-x;
        height: ;
    }
    .footer-inner a {
        color: #fff;
        text-decoration: none;
    }
        .footer-inner a:hover {
            text-decoration: underline;
        }
    .footer-inner .copyright {
        width: 530px;
        float: left;
        margin-right: 20px;
    }
    .footer-inner .company-links,
    .footer-inner .product-links,
    .footer-inner .company-info {
        float: left;
        margin-right: 20px;
        margin-left: 0;
        width: 160px;
    }
    .footer-inner .product-links { width: 134px;}
    .footer-inner .company-links { width: 120px;}
    .footer-inner .company-info { margin-right: 0;}
    .footer-inner ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        font-size: 11px;
    }
    .footer-inner h5 {
        font-size: 13px;
        font-weight: 800;
        margin-top: 12px;
    }
    .footer-inner span {font-size: 11px;}


	.breadcrumbs-inner 
	{
		font-size: 14px;
		line-height: 38px;
		padding-right:30px;
 	}
	
	.breadcrumbs-inner a 
	{
		color: #00f;
	}

	.breadcrumbs-inner .right 
	{
		float: right;
		width: 50%;
		text-align: right;
	}
	
	.breadcrumbs-inner .left 
	{
		float: left;
		width: 50%;
	}
	

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}



/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}