@import url('reset.css');
@import url('typography.css');

	/*background: #e5dcb5;*/
body {

background: white;
background-color: white;
}
.clear {
	clear: both;
	height: 0px;
}
.container {
border: 1px dotted #333333;
}

div.thickLine {
    border-top: 6px solid #000;
}
div.thinLine {
    border-top: 2px solid #000;
}


/* #######################################################
Top Bar
####################################################### */
.topBar
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 18px;
        text-align: right;
}
/* #######################################################
---/ End Top Bar
####################################################### */


.topBar .langPref
{
	margin: 0 0 0 0px;
	padding: 0;
	font: normal 16px 'ms p–¾’©', Osaka, serif;
	color: white;
        float: right;
}
.topBar .langPref a,
.topBar .langPref a:link,
.topBar .langPref a:active,
.topBar .langPref a:visited
{
	font-style: normal;
	color: black;
	text-decoration: none;
}

.topBar .langPref a:hover
{
	text-decoration: underline;
}

/*HEADER*/
div#header {
	background: url(../img/header-bg.jpg) repeat-x;
}
div#logo {
	width: 100%;
	margin: 0 auto;
	padding: 0px 0 5px 0;
	text-align: center;	
}
div#logo span.title {
    width: 205px; 
    height: 60px;

}
div#logo p span.slogan{
	display: block;
	margin-top: 0px;
}
div#nav-bar2 {
/*	border-top: 6px solid #000;
	border-bottom: 2px solid #000;
        border-top-color: transparent;
        border-bottom-color: transparent;
*/	text-align: center;


    position: fixed;
    top: 0;
    left: 0;

    z-index: 999;
    width: 100%;
    height: 30px;
    background-color: transparent;

}
div#nav-bar2 a{
    margin: 20px 12px;
    color: #eee;
}
div#nav-bar3 {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;

    z-index: 995;
    width: 100%;
    height: 30px;
    background-color: #333;

}
div#nav-bar3 a {
    text-decoration: none;
    color: #eee;
    font-family: 'Arial Black', 'Impact', 'Basic Sans Heavy SF', 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
    margin: 40px 12px;
    padding: 0px;
    border: 0px;
}
div#nav-bar3 a:link,
div#nav-bar3 a:active,
div#nav-bar3 a:visited {
    text-decoration: none;
    color: #eee;
    margin: 40px 12px;
    padding: 0px;
    border: 0px;
}

div#nav-bar3 a:hover
{
	text-decoration: underline;
        color: #eee;
        background-color: #333;
    margin: 40px 12px;
    padding: 0px;
    border: 0px;
}

.lang-bar {
    float: right;
text-align: right;
    position: fixed;
    top: 0;
    right: 0;

    z-index: 999;
    width: 20%;
    height: 30px;
    background-color: transparent;

}
.lang-bar a {
    text-decoration: none;
    color: #eee;
    font-family: 'Arial Black', 'Impact', 'Basic Sans Heavy SF', 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
    margin: 40px 12px;
    padding: 0px;
    border: 0px;
}
.lang-bar a:link,
.lang-bar a:active,
.lang-bar a:visited {
    text-decoration: none;
    color: #eee;
    margin: 40px 12px;
    padding: 0px;
    border: 0px;
}

.lang-bar a:hover
{
	text-decoration: underline;
        color: #eee;
        background-color: #333;
    margin: 40px 12px;
    padding: 0px;
    border: 0px;
}

div#nav2 {
    margin: 0px;

}
/*CONTENT*/
/*
div#content {
	background: url(../img/main-bg.jpg) center top;
	width: 100%;
}
*/
div.featured h3{
    text-align:center;
    font-size: 32px;
}

div.odd-post {
    width: 250px;
    float: left;
    margin: 0 0 20px 0;
}
div.even-post {
    width: 250px;
    float: left;
    margin: 0 0 20px 0;
}

div.odd-post p, div.even-post p {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
}





/* #######################################################
Featured items

	margin: 8px 0 0 150px;
	clear: both;
####################################################### */
div.featuredItem
{
        margin-left: 180px;
        width: 500px;

	text-align: left;
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 16px;

        border-top: 1px dotted #666666;
}

div.featuredItem p.title 
{
	margin: 0;
	padding: 0;
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 16px;
/*
	font-style: italic;
*/
}
div.featuredItem p.link a,
div.featuredItem p.link a,
div.featuredItem p.link a:link,
div.featuredItem p.link a:active,
div.featuredItem p.link a:visited
{
	font-style: italic;
	text-decoration: none;
	color: #595764;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
}

div.featuredItem p.link a:hover
{
	text-decoration: underline;
}

}
div.odd-item p.title, div.even-item p.title {
    margin: 0 0 10px 0;
}
div.odd-item p.catch {
    padding-right: 5px;
}
div.even-item p.catch {
    padding-left: 0;
}
div.featuredItem .divider
{
	border-left: solid 2px #807873;
}

div.featuredItem span .divider
{
	margin-left: 300px;
	border-right: solid 2px #807873;
}

div.featuredItem ul
{
	list-style: none;
}

div.featuredItem .images
{
	padding: 12px 0 0 0;
}

div.featuredItem .title a,
div.featuredItem .title a:link,
div.featuredItem .title a:active,
div.featuredItem .title a:visited
{
	font-style: normal;
	text-decoration: none;
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 16px;
}

div.featuredItem .title a:hover
{
	text-decoration: underline;
}

div.featuredItem .description
{
	padding: 12px 0 0 0;
}

div.featuredItem li
{
	margin: 0 16px 0 0;
	width: 300px;
	float: left;
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 16px;
	font-style: italic;
}

div.featuredItem .end
{
	margin: 0;
	width: 300px;
	float: left;
}
/* #######################################################
---/ End Featured work
####################################################### */



div.featuredPosts {
    margin: 20px 0 15px 0;
    text-align:left;
}
div.featuredPosts h3 {
    margin: 20px 0 0 0;
    text-align:left;
    border-bottom: 1px dotted #999999;
}
div.odd-post h3, div.even-post h3 {
    margin: 5px 0 0 0;
    text-align:center;
    border-bottom: 0px;
}
div.featuredItem img {
    margin-top: 10px;
    margin-bottom: 10px;
}
div.odd-post img.vert, div.even-post img.vert, div.featuredItem img.vert {
    width: 100px;
    margin-left: 45px;
}
div.odd-post img.horiz, div.even-post img.horiz, div.featuredItem img.horiz {
    width: 175px;
    margin-left: 30px;
}
div.odd-post img.vid, div.even-post img.vid, div.featuredItem img.vid {
    width: 200px;
    margin-left: 15px;
}

div.featuredItem h3 {
    margin: 5px 0 10px 0;
    text-align:left;
    border-bottom: 1px dotted #999999;
}
div.featuredItem .odd-item {
    width: 245px;
    float: left;
}
div.featuredItem .even-item {
    width: 245px;
    float: right;
}
div.odd-item h3, div.even-item h3 {
    margin: 5px 0 0 0;
    text-align:center;
    border-bottom: 0px;
/*    margin-top: 10px;
    text-align:center;
*/
}

div.odd-item, div.even-item {
    margin: 0 0 20px 0;
}


/* SHOULD BE IN TYPOGRAPY SHEET */
div.featuredPosts h3 {
    color: #555555;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
}
/* NEEDS TO BE BELOW THE H3 OF THE PARENT */
div.featuredItem h3 {
    color: #555555;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}
div.odd-post h3, div.even-post h3 {
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}
div.odd-post p, div.even-post p, div.featuredItem p {
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 16px;
}
div.odd-item h3, div.even-item h3 {
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 24px;

}
div.odd-item p, div.even-item p {
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 16px;
}
div.odd-item p.title, div.even-item p.title {
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 19px;
	line-height: 22px;
	font-weight: bold;
}

/* TO HERE - SHOULD BE IN TYPOGRAPY SHEET */




/*SIDEBAR*/
/*

*/

/*SIDEBAR*/

/*
	background: #cac2a0;
	margin: 5px 0px 10px 0px;
KEEP
	background: #C3CA9F;
	background: burlyWood;
*/
div#sidebar {
	width: 200px;
	float: right;
	margin: 5px 0 10px 0px;
	padding: 0 0 10px 20px;
	background: #C3CA9F;
	display: inline;

border: 1px dotted #999999;
}
div#sidebar h4 {
	display: block;
	margin: 25px 0 10px;
}
/*
div#sidebar ul.category ul li {
	width: 150px;
        margin-left:15px;
}
*/
ul.subcat li {
        margin-left:20px;
}

div#sidebar ul.popular-posts li{
	display: block;
	padding: 7px 0;
	border-bottom: 1px dotted #666666;
}
div#sidebar ul.twitter-updates li{
	display: block;
	padding: 7px 0;
}
/*FOOTER*/
.footer{
    border: 0;
    z-index: 2;
    width: 100%;
    height: 125px;
    background-color: #333;
    color: #111;
    text-align: center;
}
div#footer {
	clear:both;
	margin-top: 10px;
	border-top: 3px solid #000;
	background: url(../img/footer-bg.jpg) repeat-x top
}
div#footer-content {
	width: 940px;
	margin: auto;
/*	border-top: 3px solid #000;*/
	padding: 20px 10px 35px;
}

/* +++++++++++++++++++++++++++ FROM INFORENCE ++++++++++++++++++++ */




/* #######################################################
Top Bar
####################################################### */
/* DEFINED ABOVE
.topBar
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 18px;
	background-color: #807873;
}
.topBar .langPref
{
	margin: 0 0 0 840px;
	padding: 0;
	font: normal .5em 'ms p–¾’©', Osaka, serif;
	color: gainsboro;
}
.topBar .langPref a,
.topBar .langPref a:link,
.topBar .langPref a:active,
.topBar .langPref a:visited
{
	font-style: normal;
	color: gainsboro;
	text-decoration: none;
}

.topBar .langPref a:hover
{
	text-decoration: underline;
}
*/
/* #######################################################
---/ End Top Bar
####################################################### */




/* #######################################################
Container
####################################################### */
#container
{
	margin: 0 auto;
	padding: 0;
	width: 934px;

}
/* #######################################################
---/ End Container
####################################################### */





/* #######################################################
Contact Info
####################################################### */
#container .contactInfo
{
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
	font: normal .5em "Times New Roman", Times, serif;
	color: #807873;
	text-align: right;
}

#container .contactInfo ul
{
	list-style: none;
}
/* #######################################################
---/ End Contact Info
####################################################### */





/* #######################################################
Navigation Container
####################################################### */
#container .navigationContainer
{
	clear: both;
	margin: 8px 0 0 0;
	padding: 0;
	height: 50px;
	text-align: left;
}
/* #######################################################
---/ End Navigation Container
####################################################### */





/* #######################################################
Logo
####################################################### */

#container .navigationContainer .logo
{
	float: left;
	margin: 0;
	padding: 0;	
}

#container .navigationContainer .logo img
{
	border: 0;
}
/* #######################################################
---/ End Logo
####################################################### */

#container .navigationContainer .highlight
{
	margin: 0;
	padding: 0 0 8px 0;
/*	font: normal 1.5em "Times New Roman", Times, serif;*/
	font: normal .75em "Times New Roman", Times, serif;
	color: #807873;
	font-style: italic;
	font-weight: bold;
/*	border-bottom: solid 2px #e97004;*/
	border-top: solid 2px #e97004;

}

/* #######################################################
Navigation
####################################################### */

#container .navigationContainer .navigation
{
	float: right;
	margin: 8px 0 0 0;
	padding: 0;	
}

#container .navigationContainer .navigation ul
{
	list-style: none;	
}

#container .navigationContainer .navigation li
{
	margin: 0 0 0 8px;
	padding: 12px 0 0 0;
	width: 124px;
	display: inline;
	float: left;
	font: normal .75em "Times New Roman", Times, serif;
	color: #8f8f8f;
	border-top: solid 2px #b9b6b4;
}

#container .navigationContainer .navigation li a,
#container .navigationContainer .navigation li a:link,
#container .navigationContainer .navigation li a:active,
#container .navigationContainer .navigation li a:visited
{
	color: #8f8f8f;
	text-decoration: none;
	width: 124px;
}

#container .navigationContainer .navigation li a:hover
{
	color: #373431;
}

#container .navigationContainer .navigation .active
{
	margin: 0 0 0 8px;
	padding: 12px 0 0 0;
	width: 124px;
	display: inline;
	float: left;
	font: normal .75em "Times New Roman", Times, serif;
	color: #373431;
	border-top: solid 2px #373431;
}

#container .navigationContainer .navigation .active a,
#container .navigationContainer .navigation .active a:link,
#container .navigationContainer .navigation .active a:active,
#container .navigationContainer .navigation .active a:visited
{
	color: #373431;
}

#container .navigationContainer .navigation .logo
{
	font: normal 1.25em "Times New Roman", Times, serif;
	color: #807873;
	font-style: italic;
	font-weight: bold;
	border-top: solid 2px #e97004;
	margin: 0;
	padding: 5px 0 0 0;
	display: inline;
	float: left;
}

#container .navigationContainer .navigation .spacer
{
	margin: 0 0 0 8px;
	padding: 12px 0 0 0;
	width: 124px;
	display: inline;
	float: left;
	font: normal .75em "Times New Roman", Times, serif;
	color: #8f8f8f;
	border: 0;
}

/* #######################################################
---/ End Navigation
####################################################### */





/* #######################################################
Footer
####################################################### */
#container .footer
{
	clear: both;
	margin: 20px 0 20px 0;
	text-align: left;
	font: normal .5em "Times New Roman", Times, serif;
	color: #807873;
}
/* #######################################################
---/ End Footer
####################################################### */

/* #######################################################
Grey Separator
####################################################### */
#container .greySeparator
{
	clear: both;
	margin: 12px 0 0 0;
	height: 1px;
	background-color: #807873;
}
/* #######################################################
---/ End Grey Separator
####################################################### */





/* #######################################################
Intro
####################################################### */
#container .intro
{
	clear: both;
	margin: 5px 0 0 0;
	text-align: center;
}

#container .intro h1
{
	margin: 0;
	padding: 0 0 5px 0;
	font: normal 2em "Times New Roman", Times, serif;
	color: #807873;
	font-style: italic;
}

#container .intro .highlight
{
	font-weight: bold;
	border-bottom: solid 2px #e97004;
}

#container .intro p
{
	margin: 15px 0 0 0;
	padding: 0;
	font: normal .75em "Times New Roman", Times, serif;
	color: #373431;
	line-height: 1.5em;
}

#container .intro a,
#container .intro a:link,
#container .intro a:active,
#container .intro a:visited
{
	font-style: normal;
	color: #e97004;
	text-decoration: none;
}

#container .intro a:hover
{
	text-decoration: underline;
}
/* #######################################################
---/ End Intro
####################################################### */





/* #######################################################
Grey Separator Thick
####################################################### */
#container .greySeparatorThick
{
	clear: both;
	margin: 24px 0 0 0;
	height: 6px;
	background-color: #807873;
}
/* #######################################################
---/ End Grey Separator Thick
####################################################### */





/* #######################################################
Main content
####################################################### */
#container .mainContent
{
	clear: both;
	margin: 8px 0 0 0;
	text-align: left;
}


#container .mainContent h1
{
	margin: 0;
	padding: 0;
	font: normal 1em "Times New Roman", Times, serif;
	color: #373431;
	font-style: italic;
}

#container .mainContent span 
{
	margin: 0;
	padding: 0;
	font: normal 1em "Times New Roman", Times, serif;
	color: #373431;
	font-style: italic;
}
#container .mainContent .divider
{
	border-left: solid 2px #807873;
}

#container .mainContent span .divider
{
	margin-left: 300px;
	border-right: solid 2px #807873;
}

#container .mainContent ul
{
	list-style: none;
}

#container .mainContent .images
{
	padding: 12px 0 0 0;
}

#container .mainContent .title
{
	padding: 12px 0 0 0;
}

#container .mainContent .title a,
#container .mainContent .title a:link,
#container .mainContent .title a:active,
#container .mainContent .title a:visited
{
	font-style: normal;
	color: #e97004;
	text-decoration: none;
}

#container .mainContent .title a:hover
{
	text-decoration: underline;
}

#container .mainContent .description
{
	padding: 12px 0 0 0;
}


#container .mainContent .end
{
	margin: 0;

	float: left;
}

#l-sidebar {
	width: 150px;
	margin: 5px 10px 10px 0px;
	padding: 0 10px 20px;
	float: left;
	background: #cac2a0;
	display: inline;

border: 1px dotted #bbbbbb;
}

#l-sidebar ul.category li {
	width: 200px;
	float: left;
	font: normal 16px "Times New Roman", Times, serif;
	color: #373431;
	font-style: italic;
}
#l-sidebar ul {

}
#l-sidebar h4 {
	display: block;
	margin: 10px 0 10px 0px;
	font: normal 18px "Times New Roman", Times, serif;
}
#l-sidebar h4 a,
#l-sidebar h4 a:link,
#l-sidebar h4 a:active,
#l-sidebar h4 a:visited
{
	color: #373431;
}
#l-sidebar h4 a:hover
{
	font-style: italic;
}

#l-sidebar ul.popular-posts li{
	display: block;
	padding: 7px 0;
	border-bottom: 1px dotted #666666;
}
#l-sidebar ul.twitter-updates li{
	display: block;
	padding: 7px 0;
}

#l-sidebar h4 {
	display: block;
	margin: 10px 0 10px 0px;
	font: normal 18px "Times New Roman", Times, serif;
}

/* #######################################################
---/ End Featured work
####################################################### */


div.fullSize  {
    width: 520px;
margin-left: 180px;

}

div.fullSize a,
div.fullSize a:link,
div.fullSize a:active,
div.fullSize a:visited
{
	font-style: italic;
	text-decoration: none;
/*	color: #181818;
	color: #e97004;
	color: #373431;
*/
	color: #595764;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
}

div.fullSize a:hover
{
	text-decoration: underline;
}

div.fullSize p {
	color: #181818;
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 21px;
}
div.fullSize p {
    padding: 10px 0px 10px 0px;
}
div.fullSize p.credits {
    font-style: italic;
}

div.fullSize h3 {
    text-align:center;
    font-size: 32px;
}
div.fullSize p.fullImage, div.fullSize p.fullImageM, div.fullSize p.fullImageS {
    text-align:center;
}
div.fullSize p.fullImage img {
    width: 300px
}
div.fullSize p.fullImageM img {
    width: 200px
}
div.fullSize p.fullImageS img {
    width: 150px
}

div.fullSize ul.pageList li {
/*	font: normal 18px "Times New Roman", Times, serif;*/
	font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: normal;
	color: #373431;
	font-style: italic;
        margin-left: 45px;
}

.tmpMess {

    font-size:16px;
    background:white;
    color: #181818;
    font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;

}
.tmpApol {
    font-size:16px;
    color: fireBrick;
    font-family: 'Gentium Basic', Garamond, Georgia, "Times New Roman", serif;

}
h1.block-title {
    font-size: 48px;
}
h2.block-title {
    font-size: 36px;
}
.block-title2{
    font-family: "impact";
    font-size: 36px;
}

.featured-list h3 {
    font-size: 36px;
}
      #bgVideo{ 
          position: absolute;
          top: 0;
          left: 0;
          border: 0;
          z-index: 2;
          width: 100%;
          height: 100%;
      }
      .navContainer {
          position: fixed;
          top: 0;
          left: 0;
          border: 0;
          z-index: 2;
          width: 100%;
          height: 30px;
          background-color: transparent;
          color: #111;
      }
      .myMainNav{
          background-color: white;
      }
      .myMainNavTrans{
          background-color: transparent;
      }

      div.container{
          background-color: transparent;
      }
      /*
        height: 50px;
        width: 75px;
        border-width: 5px;
        border-color: #dddddd;

        white-space:nowrap;
        float:left;
        pointer-events:none;
        border-top-color:#000!important;
        background-image:none;
        display:inline-block;
        margin-bottom:0;
        font-weight:700;
        text-align:center;
        vertical-align:middle;
        -ms-touch-action:manipulation;
        touch-action:manipulation;
        cursor:pointer;
        border:1px solid transparent;
        padding:6px 12px;
        line-height:1.6;
        border-radius:4px;-ms-user-select:none;
        user-select:none;

        line-height:1.6;
        font-size:1em;
        text-transform:uppercase;
        font-size:1em;
        padding:10px 30px;
        border-radius:0;
        border-width:4px;
        border-color:#fff;
        margin-left:0;
        margin-right:0;

        */
      .playVideo {

          white-space:nowrap;

          display:inline-block;

          font-weight:700;
          text-align:center;
          vertical-align:middle;

          line-height:1.6;
          font-size:1em;
          text-transform:uppercase;
          padding:10px 30px;
          border-radius:5px;
          margin-left:0;
          margin-right:0;
          margin-top:40px;
          color:#fff;

          border:3px solid #fff;
      }
      .playVideo a:focus, a:hover{
          color:#1a1a1a;
          text-decoration:none;
          background:#fff;
          border:3px solid transparent;
      }
/*
      .playVideo a:active{
          box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
      }
*/
      .playVideo a:visited, a:active{
          color:#fff;
          background:transparent;
          text-decoration:none;
      }
      .block-inverted-gray{
          color:#111;
      }
      .inlineVideo{

          white-space:nowrap;

          display:inline-block;

          font-weight:700;
          text-align:center;
          vertical-align:middle;

          line-height:1.6;
          font-size:1em;
          text-transform:uppercase;

          border-radius:5px;
          margin-left:0;
          margin-right:0;
          margin-top:40px;
          color:#fff;

          border:3px solid #fff;
      }