/********GENERAL*******/

html
{
    font-family: Georgia, serif;
    font-size: 75%;
    color: #555;
}

body
{
    text-align: center;
    margin: 0;
    padding: 0;
   /* background: #eaeaea url('/images/body_bg.gif') repeat-y 50% 0;*/
}

#wrapper
{
    width: 975px;
    margin: 0 auto 0 auto;
    text-align: left;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
        display:inline-block;
}/* Hide from IE Mac \*/

.clearfix
{
        display:block;
}/* End hide from IE Mac */

a
{
    text-decoration: none;
    color: #555;
}

img
{
    border: none;
}

p,
ul,
ol
{
    margin: 0;
    padding: 0;
}

.red,
.error
{
    color: #cb0010;
}

pre
{
	font-size: 1.2em; 
	background: #ccc; 
	padding: 10px;
}

/********HEADER*********/
#header
{
    height: 80px;
    border-bottom: 1px solid #555;
}

    #header #logo-container
    {
        width: 250px;
        float: left;
        margin: 29px 0 0 0;
    }

    #header #top-nav
    {
        float: right;
    }

    #header #top-nav ul
    {
        padding: 16px 0 0 0;
    }

        #header #top-nav ul li
        {
            display: inline;
            float: left;
            list-style-type: none;
        }

            #header #top-nav ul li a
            {
                font-weight: bold;
                font-size: 0.9em;
                padding: 3px 0 0 0;
                margin: 0 10px 0 10px;
            }

            #header #top-nav ul li a.last
            {
                margin-right: 0;
            }

                #header #top-nav ul li a:hover,
                #header #top-nav ul li a.active
                {
                    color: #cb0010;
                    background: url('/images/top_nav_arrow.gif') no-repeat 50% 0;
                }

/*******CONTENT*********/
#content
{
    clear: both;
}

    #content p
    {
        padding: 5px 0 5px 0;
    }

    #content a
    {
        color: #222;
    }

    #content a:hover
    {
        text-decoration: underline;
    }

    #content .home p
    {
        padding: 0;
    }

    #content .home #title-area
    {
        margin: 20px 0 0 0;
        height: 377px;
        background: url('/images/home_main_image.jpg') no-repeat 0 0;
        border-bottom: 1px solid #555;
    }

        #content .home #title-area h1
        {
            float: left;
            clear: left;
            display: inline;
            font-size: 2em;
            margin: 60px 0 0 110px;
            padding: 0;
            font-weight: normal;
        }
        
            #content .home #title-area h1 span.r2
            {
                padding-left: 90px;
            }

            #content .home #title-area h1 span.r3
            {
                padding-left: 180px;
            }

    #content .home #title-area #home-text
    {
        clear: left;
        color: #222;
    }

        #content .home #title-area #home-text .left,
        #content .home #title-area #home-text .right
        {
            float: left;
            width: 340px;
            margin: 80px 15px 0 0;
            text-align: justify;
        }

        #content .home #title-area #home-text .left
        {
            border-right: 1px solid #555;
            padding: 0 15px 0 0;
        }

    #content .home #info-boxes
    {
        float: left;
        margin: 20px 0 0 0;
        width: 975px;
        font-size: 0.9em;
    }

        #content .home #info-boxes #latest-blogs
        {
            float: left;
            width: 600px;
            background: url('/images/red_bg.gif') repeat-x 0 0;
        }

            #content .home #info-boxes #latest-blogs .heading
            {
                height: 25px;
                background: url('/images/red_curv_l.gif') no-repeat 0 0;
            }

                #content .home #info-boxes #latest-blogs .heading h2
                {
                    background: url('/images/red_curv_r.gif') no-repeat 100% 0;
                    color: #fff;
                    font-size: 1em;
                    height: 20px;
                    padding: 5px 0 0 30px;
                    margin: 0;
                }

            #content .home #info-boxes #latest-blogs .blog-posts
            {
                min-height: 185px;
                height: auto !important;
                height: 185px;
                background: url('/images/latest_blog_bg.gif') repeat-y 0 0;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;                
                padding: 0 0 0 30px;
                color: #222;
            }

                #content .home #info-boxes #latest-blogs .blog-posts p.title
                {
                    font-weight: bold;
                    padding: 15px 0 0 0;
                }

                #content .home #info-boxes #latest-blogs .blog-posts p.date
                {
                    color: #cb0010;
                }

                #content .home #info-boxes #latest-blogs .blog-posts a.read-more
                {
                    color: #cb0010;
                    font-size: 0.9em;
                    font-weight: bold;
                }

                #content .home #info-boxes #latest-blogs .blog-posts a.read-more:hover
                {
                    text-decoration: underline;
                }

        #content .home #info-boxes #contact-box
        {
            float: right;
            width: 300px;
            background: url('/images/red_bg.gif') repeat-x 0 0;
        }

            #content .home #info-boxes #contact-box .heading
            {
                height: 25px;
                background: url('/images/red_curv_l.gif') no-repeat 0 0;
            }

                #content .home #info-boxes #contact-box .heading h2
                {
                    background: url('/images/red_curv_r.gif') no-repeat 100% 0;
                    color: #fff;
                    font-size: 1em;
                    height: 20px;
                    padding: 5px 0 0 0;
                    margin: 0;
                    text-align: center;
                }

            #content .home #info-boxes #contact-box .contact-details
            {
                min-height: 170px;
                height: auto !important;
                height: 170px;
                background: url('/images/contact_box_bg.gif') repeat-y 0 0;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                padding: 15px 0 0 30px;
                color: #222;
            }

                #content .home #info-boxes #contact-box .contact-details form
                {
                    margin: 10px 0 0 0;
                }

                #content .home #info-boxes #contact-box .contact-details label
                {
                    padding: 2px 5px 0 0;
                    float: left;
                }

                #content .home #info-boxes #contact-box .contact-details input.email-box
                {
                    border: 1px solid #555;
                    height: 15px;
                    width: 200px;
                }

                #content .home #info-boxes #contact-box .contact-details input.email-submit
                {
                    float: right;
                    background: url('/images/email_submit_bg.gif') no-repeat 0 0;
                    border: none;
                    height: 25px;
                    width: 135px;
                    color: #fff;
                    font-weight: bold;
                    margin: 10px 0 0 0;
                }

                #content .home #info-boxes #contact-box .contact-details table
                {
                    float: left;
                    margin: 10px 0 0 0;
                }

                #content .home #info-boxes #contact-box .contact-details table td
                {
                    vertical-align: top;
                    padding: 2px;
                }

                #content .home #info-boxes #contact-box .contact-details a:hover
                {
                    color: #222;
                }

    #content #static-left
    {
        width: 215px;
        min-height: 350px;
        height: auto !important;
        height: 350px;
        float: left;
    }

    #content .blog
    {
        padding: 32px 0 0 0;
    }

    #content #static-left h2
    {
        color: #cb0010;
        text-transform: uppercase;
        font-size: 0.9em;
        margin-left: 20px;
        clear: left;
    }

    #content #static-left ul
    {
        margin: 0 0 30px 20px;
        float: left;
    }

        #content #static-left ul li
        {
            list-style-type: none;
            padding: 0 0 0 10px;
        }

            #content #static-left ul li a
            {

            }

            #content #static-left ul li a:hover,
            #content #static-left ul li a.active
            {
                color: #cb0010;
            }

    #static-left .blog-social
    {
        clear: left;
        height: 25px;
        padding: 0 0 0 18px;
    }

    #static-left .blog-social img
    {
        float: left;
    }

    #static-left .blog-social a
    {
        float: left;
        padding: 2px 0 0 5px;
    }

    #content #static-content
    {
        width: 700px;
        min-height: 350px;
        height: auto !important;
        height: 350px;
        float: left;
        padding: 26px 0 0 0;
    }

        #content #static-content h1
        {
            font-size: 1.3em;
            text-transform: uppercase;
            color: #cb0010;
        }

        #content #static-content h2
        {
            font-size: 0.95em;
            text-transform: uppercase;
            color: #333;
            clear: left;
        }

        #content #static-content .video-container
        {
            height: 400px;
            width: 700px;
            float: left;
            overflow: hidden;
            margin: 20px 0 0 0;
        }

        #content #static-content .post
        {
            width: 600px;
            margin: 0 0 30px 0;
            border-bottom: 1px solid #d5d5d5;
            padding-bottom: 10px;
        }

            #content #static-content .post h2
            {
                margin: 0;
            }

    #content #static-content h2.comments-list
    {
        float: left;
        padding: 50px 0 0 0;
        border-top: 1px solid #d5d5d5;
        width: 700px;
    }

    #content #static-content table.blog-comments
    {
        float: left;
        margin: 0 0 50px 0;
        width: 700px;
    }

        #content #static-content table.blog-comments td
        {
            vertical-align: top;
            padding: 2px;
        }

        #content #static-content table.blog-comments td.labels
        {
            width: 140px;
            font-weight: bold;
        }

        #content #static-content table.blog-comments td.comment
        {
            border-bottom: 1px solid #d5d5d5;
            padding-bottom: 15px;
        }

/********FOOTER*********/
#footer
{
    border-bottom: 1px solid #555;
    border-top: 1px solid #555;
    height: 22px;
    padding: 0 0 0 30px;
    clear: both;
    float: left;
    margin: 15px 0 20px 0;
    font-size: 0.8em;
    font-family: Arial, Serif;
    width: 945px;
}

    #footer a
    {
        color: #000;
    }

    #footer a:hover
    {
        text-decoration: underline;
    }

    #footer .col-1
    {
        width: 360px;
        float: left;
        padding: 5px 0 0 0;
    }

    #footer .share-this
    {
        float: left;
        padding: 2px 0 0 10px;
    }