/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/*Header Block*/

header
{
    background: transparent url(../images/bg_header-x.png) repeat-x top left;
    text-align: center;
}

div.header
{
    width: 960px;
    text-align: left;
    position: relative;
    margin: 0 auto;
}

div.header nav.links
{
    padding: 1px 0 0 0;
    float: left;
    height: 35px;
}

div.header nav.links a
{
    line-height: 30px;
    font-size: 11px;
    color: #e9e9e9;
    padding: 0 0 0 10px;
    text-decoration: none;
}

div.header nav.links a:hover
{
    text-decoration: underline;
}

div.header .phone
{
    padding: 8px 10px 10px 32px;
    float: right;
    line-height: 17px;
    color: #e9e9e9;
    font-size: 11px;
    background: url(../images/ico_phone.png) no-repeat left 8px;
}

div.header .logo
{
    float: left;
    padding: 10px 0 10px 0px;
    font-size: 37px;
    color: #000000;
    display: block;
    text-decoration: none;
    font-family: 'OptimaNormal';
}

div.header .logo:hover
{
    text-decoration: none;
}

div.header .menu_container
{
    padding: 24px 10px 0 0;
    float: right;
}

div.header .menu_container ul.menu
{
    padding: 0;
    margin: 0;
    list-style: none;
}

div.header .menu_container ul.menu li
{
    float: left;
    padding: 0 0 0 15px;
    margin: 0;
}

div.header .menu_container ul.menu li a
{
    text-decoration: none;
    color: #af2d2b;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}

div.header .menu_container ul.menu li a:hover
{
    text-decoration: none;
    color: #c94c48;
}

div.header .menu_container ul.menu li.act a
{
    text-decoration: none;
    color: #000;
}

/*Top Slider block*/

.top_slider
{
    width: 959px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    display: block;
    height: auto;
    overflow: hidden;
}

#top_slider
{
    margin-bottom: 50px!important;
}

/*Page Head Title*/

.head_ttl
{
    background: #ad2921 url(../images/nautile/background-page_top-transparent.png) bottom center no-repeat;
    text-align: center;
    margin-bottom: 25px;
    border-top: 2px solid #771b1b;
    border-bottom: 2px solid #771b1b;
    padding: 10px;
}

.head_ttl h3
{
    color: white !important;
    text-align: left;
    margin: 0 auto;
    width: 940px;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 36px;
}

/*Content*/

.cont_seperator
{
    background: url(../images/bg_cont_seperator1.png) repeat-y;
}

.cont_divider25
{
    background-position: 25% 0;
    margin: 10px 0 5px 0;
}

.cont_divider50
{
    background-position: 50% 0;
}

.cont_divider75
{
    background-position: 75% 0;
}

.cont_divider28
{
    background-position: 28.23% 0;
    margin: 10px 0 5px 0;
}

.cont_divider72
{
    background-position: 72.1% 0;
}

.cont_divider40
{
    background-position: 40.5% 0;
}

.cont_divider65
{
    background-position: 65% 0;
}

.cont_divider_sidebar5
{
    background-position: 65.95% 0;
    margin: 10px 0 5px 0;
}

.cont_seperator .columns
{
    margin-bottom: -5px;
}

.cont_seperator_horizontal
{
    background: url(../images/bg_cont_seperator2h.png) repeat-x top left;
    height: 35px;
    margin-top: 30px;
    display: block;
}


.cont_seperator_horizonta2
{
    background: url(../images/bg_cont_seperator2h.png) repeat-x top left;
    height: 15px;
    margin-top: 15px;
    display: block;
}

/*Aside Block*/

.aside
{
    background: #400604 url(../images/nautile/background-footer.png) no-repeat top left;
    margin: 50px 0 0 0;
    border-top: 5px solid #aa2926;
}

.aside_block
{
    width: 960px;
    margin: 0 auto;
    padding: 40px 0 90px 0;
    color: #e9d9d9;
}

.aside_seperators
{
}

.aside_seperators .five
{
    margin-bottom: -100px;
}

.aside_seperators .six
{
    margin-bottom: -20px;
}

/*Footer Block*/

footer
{
    background: #400604 url(../images/bg_footer-x.png) repeat top left;
    text-align: center;
}

div.footer
{
    width: 960px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}

div.footer nav
{
    padding: 18px 0 0 10px;
    float: left;
    color: #76231f;
    line-height: 15px;
}

div.footer nav a
{
    color: #c94c48;
    line-height: 15px;
    text-decoration: none;
    font-size: 11px;
}

div.footer nav a:hover
{
    color: #fefefe;
    line-height: 15px;
    text-decoration: underline;
    font-size: 11px;
}

div.footer .copyright
{
    padding: 0 10px 0 0;
    color: #76231f;
    font-size: 11px;
    line-height: 51px;
    float: right;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px)
{
    body
    {
        overflow-x: hidden;
    }
/*Header Block*/
    div.header
    {
        width: 768px;
    }
/*Top Slider block*/
    .top_slider
    {
        width: 767px;
        margin: 0 auto;
    }
    #top_slider
    {
        margin-bottom: 40px!important;
    }
/*Page Head Title*/
    .head_ttl
    {
        text-align: center;
        margin-bottom: 25px;
    }
    .head_ttl h3
    {
        text-align: left;
        margin: 0 auto;
        width: 748px;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 36px;
    }
    .columns .img_sized
    {
        width: 100%;
        height: auto;
    }
    ul.list_people li:first-child
    {
        margin: 0 0 10px 10px;
    }
    .pic_partner
    {
        width: 165px;
        height: auto;
    }
/*		.cont_divider25 { background-position:25% 0; margin:10px 0 5px 0}
		.cont_divider50 { background-position:50% 0; }
		.cont_divider75 { background-position:75% 0; }*/
/*Aside Block*/
    .aside_block
    {
        width: 768px;
        margin: 0 auto;
    }
    .aside_seperators
    {
        background: url(../images/bg_aside_seperator2.png) repeat -170px 0;
    }
/*Footer Block*/
    div.footer
    {
        width: 768px;
    }
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px)
{
/*Header Block*/
    div.header
    {
        width: 767px;
    }
/*Top Slider block*/
    .top_slider
    {
        width: 767px;
        margin: 0 0;
        overflow: hidden!important;
    }
/*Page Head Title*/
    .head_ttl
    {
        margin: 0px 0 25px 0;
    }
    .head_ttl h3
    {
        text-align: left;
        margin: 0 auto;
        width: 767px;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 36px;
    }
/*Aside Block*/
    .aside_block
    {
        width: 767px;
    }
    .aside_seperators
    {
        background: none;
    }
/*Footer Block*/
    div.footer
    {
        width: 767px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px)
{
/*Header Block*/
    body
    {
        overflow-x: hidden;
    }
    div.header
    {
        width: 420px;
    }
    div.header nav.links a
    {
        padding: 0 10px 0 0;
    }
    div.header .phone
    {
        padding: 8px 0 0 28px;
    }
    div.header .logo
    {
        padding: 10px 0 0 0px !important;
        width: 50%;
    }
    div.header .menu_container
    {
        float: right;
        padding: 18px 0 0 0px;
        width: 50%;
    }
    div.header .menu_container ul.menu li
    {
        padding: 0 15px 0 0;
    }
    div.header .menu_container ul.menu li a
    {
        font-size: 15px;
        line-height: 21px;
    }
/*Top Slider block*/
    .top_slider
    {
        width: 479px;
        margin: 20px 0 0px 0;
        overflow: hidden!important;
    }
    #top_slider
    {
        margin-bottom: 35px!important;
    }
    .camera_wrap .camera_pag .camera_pag_ul
    {
        display: none!important;
    }
/*Page Head Title*/
    .head_ttl
    {
        margin: 15px 0 20px 0;
    }
    .head_ttl h3
    {
        text-align: left;
        margin: 0 auto;
        width: 420px;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 36px;
    }
/*Content*/
    .cont_seperator
    {
        background: none;
    }
    .cont_seperator .columns
    {
        margin-bottom: 15px;
        padding-top: 25px;
        border-top: #e1e1e1 1px solid;
    }
    .cont_seperator .columns:first-child
    {
        padding-top: 0;
        border: none;
    }
    .cont_seperator_horizontal
    {
        background: url(../images/bg_cont_seperator2h.png) repeat-x top left;
        height: 25px;
        margin-top: 20px;
        display: block;
    }
    .cont_seperator .columns.omega, .cont_seperator .columns.alpha
    {
        border: none;
        padding: 0;
    }
    ul.list_people li:first-child
    {
        margin: 0 0 10px 10px;
    }
    .partner_block
    {
        padding-bottom: 15px;
    }
    .dropcap_block
    {
        clear: both;
    }
/*Aside Block*/
    .aside_block
    {
        width: 420px;
        padding-bottom: 20px;
    }
    .aside_seperators
    {
        background: none;
    }
    .aside_seperators div.columns
    {
        margin-bottom: 20px;
    }
/*Footer Block*/
    div.footer
    {
        width: 420px;
    }
    div.footer nav
    {
        float: none;
        text-align: center;
    }
    div.footer .copyright
    {
        float: none;
        text-align: center;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px)
{
/*Header Block*/
    body
    {
        overflow-x: hidden;
    }
    div.header
    {
        width: 300px;
    }
    div.header nav.links a
    {
        padding: 0 10px 0 0;
    }
    div.header .phone
    {
        padding: 8px 0 0 28px;
    }
    div.header .logo
    {
        padding: 10 0 0 0px;
        width: 198px;
        margin-left: 35px;
    }
    div.header .menu_container
    {
        float: none;
        clear: both;
        padding: 0px 0 0 0px;
        width: 100%;
    }
    div.header .menu_container ul.menu li
    {
        padding: 0 0;
        float: none;
        clear: both;
        width: 100%;
        text-align: center;
    }
    div.header .menu_container ul.menu li a
    {
        font-size: 18px;
        line-height: 26px;
    }
/*Top Slider block*/
    .top_slider
    {
        width: 319px;
        margin: 20px 0 0px 0;
        overflow: hidden!important;
    }
    #top_slider
    {
        margin-bottom: 35px!important;
    }
    .camera_wrap .camera_pag .camera_pag_ul
    {
        display: none!important;
    }
/*Page Head Title*/
    .head_ttl
    {
        margin: 15px 0 20px 0;
    }
    .head_ttl
    {
        background-image: none;
    }
    .head_ttl h3
    {
        text-align: left;
        margin: 0 auto;
        width: 300px;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 36px;
    }
/*Content*/
    .cont_seperator
    {
        background: none;
    }
    .cont_seperator .columns
    {
        margin-bottom: 15px;
        padding-top: 25px;
        border-top: #e1e1e1 1px solid;
    }
    .cont_seperator .columns:first-child
    {
        padding-top: 0;
        border: none;
    }
    .cont_seperator .columns.omega, .cont_seperator .columns.alpha
    {
        border: none;
        padding: 0;
    }
    .cont_seperator_horizontal
    {
        background: url(../images/bg_cont_seperator2h.png) repeat-x top left;
        height: 25px;
        margin-top: 20px;
        display: block;
    }
    ul.list_people li:first-child
    {
        margin: 0 0 10px 10px;
    }
    .partner_block
    {
        padding-bottom: 15px;
    }
    .dropcap_block
    {
        clear: both;
    }
/*Aside Block*/
    .aside_block
    {
        width: 300px;
        padding-bottom: 20px;
    }
    .aside_seperators
    {
        background: none;
    }
    .aside_seperators div.columns
    {
        margin-bottom: 20px;
    }
/*Footer Block*/
    div.footer
    {
        width: 300px;
    }
    div.footer nav
    {
        float: none;
        text-align: center;
    }
    div.footer .copyright
    {
        float: none;
        text-align: center;
    }
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px)
{
/*header { background:#ffff00; height:100px}*/
}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px)
{
/*header { background:#ff00ff; height:100px}*/
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px)
{
/*header { background:#00ff00; height:100px}*/
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px)
{
/*header { background:#0000ff; height:100px}*/
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px)
{
/*header { background:#ff0000; height:100px}*/
}

/* #Font-Face
================================================== */

/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/