/*
* 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 Contents
==================================================
    #Base 980 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 980 Grid
================================================== */

    .container                            { position: inherit; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 0px; margin-right: 0px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 50px;  }
    .container .two.columns                     { width: 110px; }
    .container .three.columns                   { width: 170px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 290px; }
    .container .six.columns                     { width: 350px; }
    .container .seven.columns                   { width: 410px; }
    .container .eight.columns                   { width: 470px; }
    .container .nine.columns                    { width: 530px; }
    .container .ten.columns                     { width: 590px; }
    .container .eleven.columns                  { width: 650px; }
    .container .twelve.columns                  { width: 710px; }
    .container .thirteen.columns                { width: 770px; }
    .container .fourteen.columns                { width: 830px; }
    .container .fifteen.columns                 { width: 890px; }
    .container .sixteen.columns                 { width: 960px; }

    .container .one-third.column                { width: 310px; }
    .container .portfolio-item.one-third.column  { width: 296px; }
    .container .two-thirds.column               { width: 630px; }
    
    

    /* Offsets */
    .container .paddingLeft_one                   { padding-left: 50px;  }
    .container .paddingLeft_two                   { padding-left: 120px; }
    .container .paddingLeft_three                 { padding-left: 180px; }
    .container .paddingLeft_four                  { padding-left: 240px; }
    .container .paddingLeft_five                  { padding-left: 300px; }
    .container .paddingLeft_six                   { padding-left: 360px; }
    .container .paddingLeft_seven                 { padding-left: 420px; }
    .container .paddingLeft_eight                 { padding-left: 480px; }
    .container .paddingLeft_nine                  { padding-left: 540px; }
    .container .paddingLeft_ten                   { padding-left: 600px; }
    .container .paddingLeft_eleven                { padding-left: 660px; }
    .container .paddingLeft_twelve                { padding-left: 720px; }
    .container .paddingLeft_thirteen              { padding-left: 780px; }
    .container .paddingLeft_fourteen              { padding-left: 840px; }
    .container .paddingLeft_fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 85%; }
        .container .column,
        .container .columns                         { margin-left: 1.041667%; margin-right: 1.041667%; }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 1.041667%; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 1.041667%; }

        .container .one.column                      { width: 3.645833; }
        .container .two.columns                     { width: 9.895833%; }
        .container .three.columns                   { width: 16.145833; }
        .container .four.columns                    { width: 22.395833%; }
        .container .five.columns                    { width: 28.645833%; }
        .container .six.columns                     { width: 34.895833%; }
        .container .seven.columns                   { width: 41.145833%; }
        .container .eight.columns                   { width: 47.395833%; }
        .container .nine.columns                    { width: 53.645833%; }
        .container .ten.columns                     { width: 59.895833%; }
        .container .eleven.columns                  { width: 66.145833%; }
        .container .twelve.columns                  { width: 72.395833%; }
        .container .thirteen.columns                { width: 78.645833%; }
        .container .fourteen.columns                { width: 84.895833%; }
        .container .fifteen.columns                 { width: 91.145833%; }
        .container .sixteen.columns                 { width: 99%; }

        .container .one-third.column                { width: 30.729167%; }
        .container .two-thirds.column               { width: 64.0625%; }

        /* Offsets */
        .container .paddingLeft_one                   { padding-left: 6.25%; }
        .container .paddingLeft_two                   { padding-left: 12.5%; }
        .container .paddingLeft_three                 { padding-left: 18.75%; }
        .container .paddingLeft_four                  { padding-left: 25%; }
        .container .paddingLeft_five                  { padding-left: 31.25%; }
        .container .paddingLeft_six                   { padding-left: 37.5%; }
        .container .paddingLeft_seven                 { padding-left: 43.75%; }
        .container .paddingLeft_eight                 { padding-left: 50%; }
        .container .paddingLeft_nine                  { padding-left: 56.25%; }
        .container .paddingLeft_ten                   { padding-left: 62.5%; }
        .container .paddingLeft_eleven                { padding-left: 68.75%; }
        .container .paddingLeft_twelve                { padding-left: 75%; }
        .container .paddingLeft_thirteen              { padding-left: 81.25%; }
        .container .paddingLeft_fourteen              { padding-left: 87.5%; }
        .container .paddingLeft_fifteen               { padding-left: 93.75%; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container  { width: 85%;}
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 100%; }

        /* Offsets */
        .container .paddingLeft_one,
        .container .paddingLeft_two,
        .container .paddingLeft_three,
        .container .paddingLeft_four,
        .container .paddingLeft_five,
        .container .paddingLeft_six,
        .container .paddingLeft_seven,
        .container .paddingLeft_eight,
        .container .paddingLeft_nine,
        .container .paddingLeft_ten,
        .container .paddingLeft_eleven,
        .container .paddingLeft_twelve,
        .container .paddingLeft_thirteen,
        .container .paddingLeft_fourteen,
        .container .paddingLeft_fifteen { padding: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container  { width: 85%; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 100%; }
    }



/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }



/*Tomax Web Design - Primitive */

/* ========================================================================

	HTML Reset

======================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

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

input, select { vertical-align:middle; }



/* ========================================================================

	Body Start

======================================================================== */

html { overflow-y: scroll; }

body {
	
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

a {
	text-decoration: none;
	outline: none;
}

a:link {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

img, a img {
	max-width: 100%;
	height: auto;
	width: auto; /* for ie 8 */
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
	margin: 0;
	padding: 0;
}

section .wrapper a:hover {
}

section .wrapper ul,
section .wrapper ol {
	padding: 10px 15px;
}

/* ========================================================================

	Header Styles

======================================================================== */

h1, h2, h3, h4, h5, h6{
	font-weight: 100;
}

h1 {
	font-size: 2em;
	line-height: 1.5em;
}

h2 {
	font-size: 1.7em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.6em;
	line-height: 1.5em;
}

h4 {
	font-size: 1.5em;
	line-height: 1.5em;
}

h5 {
	font-size: 1.4em;
	line-height: 1.5em;
}

h6 {
	font-size: 1.3em;
	line-height: 1.5em;
}

.clear {
	clear: both;
}

img.scale-with-grid {
	max-width: auto;
	height: auto;
	width: 100%; /* for ie 8 */
}

.image-left {
	float: left;
	padding: 11px;
}

.image-right {
	float: right;
	padding: 11px;
}

blockquote, code {
	margin: 18px 0;
	padding: 8px 11px;
	display: block;
}

pre, code, kbd, samp { font-family: monospace, sans-serif; }

code {
	font: 1em 'Courier New', Courier, monospace;
	border: 1px solid #e0e0e0;
	display: inline-block;
	background: #fff;
}

/* LIST ELEMENTS */

ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

/* ========================================================================

	Font Face

======================================================================== */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('font/League_Gothic-webfont.eot');
    src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/League_Gothic-webfont.woff') format('woff'),
         url('font/League_Gothic-webfont.ttf') format('truetype'),
         url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.1.0');
  src: url('font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fontello';
  src: url("font/fontello.eot");
  src: url("font/fontello.eot?#iefix") format('embedded-opentype'), 
  	   url("font/fontello.woff") format('woff'), 
  	   url("font/fontello.ttf") format('truetype'), 
  	   url("font/fontello.svg#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'HelveticaNeue-Roman';
    src: url('font/helveticaneue-roman.eot');
    src: url('font/helveticaneue-roman.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneue-roman.woff') format('woff'),
         url('font/helveticaneue-roman.ttf') format('truetype'),
         url('font/helveticaneue-roman.svg#helveticaneue-roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('font/helvetica.eot');
    src: url('font/helvetica.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica.woff') format('woff'),
         url('font/helvetica.ttf') format('truetype'),
         url('font/helvetica.svg#helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont.woff') format('woff'),
         url('font/BebasNeue-webfont.ttf') format('truetype'),
         url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GothamMediumRegular';
    src: url('font/ufonts.com_gotham-medium-webfont.eot');
    src: url('font/ufonts.com_gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ufonts.com_gotham-medium-webfont.woff') format('woff'),
         url('font/ufonts.com_gotham-medium-webfont.ttf') format('truetype'),
         url('font/ufonts.com_gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AdobeGaramondProRegular';
    src: url('font/adobe_garamond_pro-webfont.eot');
    src: url('font/adobe_garamond_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/adobe_garamond_pro-webfont.woff') format('woff'),
         url('font/adobe_garamond_pro-webfont.ttf') format('truetype'),
         url('font/adobe_garamond_pro-webfont.svg#AdobeGaramondProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* End Font Face */

/* ========================================================================

	Top Bar

======================================================================== */

#hello_bar {
	background: url(images/dropdown_bg.png);
	width: 100%;
	height: 40px;
	margin: -40px 0 0;
	padding: 4px 0 4px;
}

#hello {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#open {
	font-size: .75em;
	background: url(images/hello_open.png) center top no-repeat;
	margin: 0 auto;
	width: 28px;
	height: 9px;
	
}


/* @group Structure */

body {
}

aside, #main {
	list-style-position: inside;

}

/* ========================================================================

	Social Icons

======================================================================== */

#social {
	width: auto;
	height: auto;
	background: #333;
	border-bottom: 1px solid #151515;
    border-top: 1px solid #383838;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

#socialIcons {
    margin: 0 auto;
    font-style: normal;
    font-weight: 100;
    width: 960px;
	padding: 10px 0px 10px 0px;
}

#socialIcons a {
    padding: 0 20px 0 0;
    text-decoration: none;
    font-family: 'fontello';
    -webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);

}

#socialIcons a:hover {

}

span.social {
	display: inline-block;
    font-weight: 100;
}

header span.social {
	display: inline-block;
    font-family: 'fontello';
    font-size: 1em;
    font-style: normal;
    height: auto;
    line-height: normal;
}

header span.social a:hover {
	
}

.ie9 aside span.social {
    font-size: 0.95em;
}
.ie7 aside span.social {
    display: inline;
    float: none;
}

/* ========================================================================

	Header

======================================================================== */

header {	
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;	
    border-bottom: 1px solid #151515;
	padding-bottom: 25px;
}

header h1#title {
	margin: 0 auto;
	text-align: left;
	font-size: 1.5em;
	line-height: 2em;
	letter-spacing: 4.5px; 
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	margin-top: 25px;
	display: inline-block;
}

header h2#slogan {
	text-align: left;
	font-size: 1em;
	line-height: 1.9em;
	letter-spacing: 4px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	display: table;
	
}

a#logo {
	height: 0px;
    clear: both;
}

a#logo img {
    float: right;
	width: 145px;
	height: 90px;
	padding-top: 25px;

}

/* ========================================================================

	Navigation

======================================================================== */

#next {
	width: 100%;
	position: relative;
	letter-spacing: 1px;
	border-top: 1px outset #ccc;
	border-bottom: 1px solid #ccc;
	background-color: rgba(0, 0, 0, 0.1);
	border-top: 4px double rgba(0, 0, 0, 0.04);
}

nav a.current, #navcontainer #current {

	
}

nav {
	z-index: 10;
	position: relative;
	text-align: left;
}

nav ul {
	padding: 0;
	font-size: 12px;
}

nav li a:after {
	content: "";
}


nav li a {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

nav li a:hover {
}

nav ul li {
	text-align: left;
	position: relative;
	display: inline-block;
	padding: 0;
	/*margin: 0 0 30px 0;*/
	line-height: 29px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

nav ul li a{
	display: block;
	padding: 17px 15px;
}

nav li ul li{
	font-size: 1em;
	line-height: 30px;
	background: #ffffff;
	opacity: ;
	filter: Alpha(opacity=95);
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding:0px;
}

nav li ul li a{padding: 8px 16px;}

/* @group Suckerfish CSS */

nav li ul { 
	position: absolute;
	width: 170px;
	top: 0;
	left: -999em;
}

nav li ul { 
	position: absolute;
	width: 170px;
	top: 0;
	left: -999em;
	margin-top: 63px;
    padding-top: 0;
	border-top: 2px outset #666;
	border-bottom: 2px outset #666;
}

nav li ul ul { margin: 0 0 0 170px;padding:0;}

nav li:hover ul ul, 
nav li:hover ul ul ul, 
nav li:hover ul ul ul ul, 
nav li:hover ul ul ul ul ul, 
nav li.sfhover ul ul, 
nav li.sfhover ul ul ul,
nav li.sfhover ul ul ul ul, 
nav li.sfhover ul ul ul ul ul {left: -999em;}

nav li:hover ul, 
nav li li:hover ul, 
nav li li li:hover ul, 
nav li li li li:hover ul, 
nav li li li li li:hover ul, 
nav li li li li li li:hover ul,
nav li.sfhover ul, 
nav li li.sfhover ul, 
nav li li li.sfhover ul,
nav li li li li.sfhover ul,
nav li li li li li.sfhover ul
nav li li li li lili.sfhover ul {left:auto;}

nav ul ul span.sf-sub-indicator { display: none;}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}


/* ========================================================================

	ExtraContent

======================================================================== */

#myExtraContent1,
#myExtraContent2,
#myExtraContent3, 
#myExtraContent4 {
	display: none;
}

#extraContainer1 #myExtraContent1,
#extraContainer2 #myExtraContent2,
#extraContainer3 #myExtraContent3,
#extraContainer4 #myExtraContent4 {
	display: block;
}

#extraContainer1 {
	z-index: -10;
	-webkit-box-shadow: 0px 1px 1px #d2d2d3;
	-moz-box-shadow: 0px 1px 1px #d2d2d3;
	box-shadow: 0px 1px 1px #d2d2d3;
}

#extraContainer1 #myExtraContent1{
	display: block;
	z-index: 1;
}

#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4 {
	display: none;
}

#myExtraContent3 {
	clear: both;
}

#container3{
	width: 100%;

}

#extraContainer4 {
	line-height: 1.875em;
	
}

#extraContainer4 a {
}

#extraContainer5 {	
	-webkit-box-shadow: 0px 1px 1px #d2d2d3;
	-moz-box-shadow: 0px 1px 1px #d2d2d3;
	box-shadow: 0px 1px 1px #d2d2d3;	
}

/* ========================================================================

	Banner

======================================================================== */

#banner {
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	border-bottom: 8px inset rgba(0, 0, 0, 0.05);
}

/* ========================================================================

	Section

======================================================================== */

section {

}

section li {
}

#content {
}

aside{
	margin: 16px 0 0 0;
}

span#asideTitle{
	display: block;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.5em;
}

div#asidePlug{
}

.sb_hide{display: none;}
.sidebar.left{
	float: left;
}

#main.right{
	float: right;
}


/* ========================================================================

	Slider Footer

======================================================================== */

#insidefooter{
	width: 960px;
	margin: 0 auto;	
}

footer{
	margin: 0px 0 0 0;
	font-size: .75em;
	background: url(images/arrow_footer.png) center top no-repeat;
	padding-top: 45px;
	box-shadow: inset 0 0 17px 0 rgba(0, 0, 0, 0.66);	
	padding-bottom: 20px;	
}

#line {
	border-bottom: 1px solid #151515;
	border-top: 1px solid #383838;
	width: 100%;
	margin: 0 auto;	
	margin-bottom: 15px;
}

footer .container a {
}

footer .container {
	
}

footer p,	
footer ul,
footer ol{
	font-size: 1em;
	line-height: normal;
	
}

#crumb {
	width: 100%;
	font-size: .8em;	
	background: black;
}

.breadcrumbcontainer{
	width: 100%; 
	margin: 0 auto;  
	text-align: right;
}
	
.breadcrumbcontainer ul a {text-decoration: none; margin: 0; padding: 0; color: white; }
.breadcrumbcontainer ul{list-style-type: none;}
.breadcrumbcontainer li{list-style-type: none;}
.breadcrumblist span{}

.breadcrumbcontainer li:after {
	content: "";
}




/* ========================================================================

	Blog

======================================================================== */


.blog-entry {
    padding: 0;
	line-height: 28px;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 10px 0px 0;
	
}

h1.blog-entry-title {
	font-weight: bold;
	font-size: 30px;
	line-height: 42px;
	padding: 35px 0 0px;
	letter-spacing: px;
	
}

.blog-entry img {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

h1.blog-entry-title a{
}

.blog-entry-date {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 1em;
	color: #989899;
	letter-spacing: 1.6px;
	border-bottom: 1px dashed #cacaca;
	margin-bottom: 20px;
	padding-bottom: 8px;
	
}


.blog-entry-category a:link, 
.blog-entry-category a:visited {
    display: inline-block;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    margin: 0 4px;
    padding: 0 6px;
	font-style:italic;
}

.blog-entry-category a:hover, 
.blog-entry-category a:hover {
	text-decoration: underline;
}

.blog-read-more {
	
}

.blog-entry-body {
	padding-bottom: 30px;
	overflow: inherit;
	border-bottom: 1px solid #cacaca;
}

a.blog-comment-link {
	margin-top: 1.0em;
	padding: 5px 0px 8px 50px;
	display: inline-block;
}

p.blog-entry-tags {
	margin-top: 1em;
	font-style: italic;
	font-size: .8em;
}

p.blog-entry-tags a {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E4E4E2;
    border-radius: 3px 3px 3px 3px;
    color: #989899;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    line-height: inherit;
    padding: 2px 8px 3px;
    text-decoration: none;
	margin-left: 9px;
}

p.blog-entry-tags a:hover {
	text-decoration: underline;	
}

#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before {
	display: block;
	margin-bottom: 7px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
}


/* Categories */

#blog-categories,
#blog-archives {
	padding-top: 12px;
	line-height: 2.5em;
}

#blog-categories br,
#blog-archives br {
	display: none;
}

#blog-categories:before {
	content: "Categories";
	text-transform: uppercase;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
}

.blog-category-link-enabled,
.blog-archive-link-enabled {
	display: block;
	border-bottom: 1px dashed;
	margin-bottom: 10px;
	
}

.blog-category-link-enabled:before {
		content: "\f067";	
		position: relative;
		font-family: FontAwesome;
		font-size: 18px;
		padding-right: 8px;
}

.blog-archive-link-enabled {	
	padding: 0 11px 0 0px;
}


.blog-archive-link-enabled:before {
	content: "\f073";
	font-family: FontAwesome;
	font-size: 18px;
	padding-right: 8px;
}

.blog-category-link-enabled {
	padding: 1px 11px 0 0px;
	margin: 0;
}

.blog-category-link-enabled:hover,
.blog-archive-link-enabled:hover {

}

.blog-category-link-disabled,
.blog-archive-link-disabled {
	display: none;
}

/* Archives */

#blog-archives {
	margin-top: 16px;
}

#blog-archives:before {
	content: "Archives";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
	
}

/* Tag Cloud */

section .wrapper ul.blog-tag-cloud {
	margin: 16px 0 0;
	padding: 16px 0 0;
}

ul.blog-tag-cloud:before {
	content: "blog tag";
	padding: 16px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
	margin-top: 28px;
}

ul.blog-tag-cloud li {
	display: inline-block;
}

ul.blog-tag-cloud li a {
	font-size: 12px;
	margin-bottom: 3px;
	background: none repeat scroll 0 0 #424242;
   	border-bottom: 5px solid #717171;
    display: inline-block;
    line-height: inherit;
    padding: 2px 8px 3px;
    text-decoration: none;
	padding:4px 15px 3px;
	color: #fff;
}

ul.blog-tag-cloud li a:hover {
	border-bottom: 5px solid #3CAB88;
}

.blog-tag-size-1 {
	font-size: 12px;
}

.blog-tag-size-2 {
	font-size: 12px;
}

.blog-tag-size-3 {
	font-size: 12px;
}

.blog-tag-size-4 {
	font-size: 12px;
}

.blog-tag-size-5 {
	font-size: 12px;
}

.blog-tag-size-6 {
	font-size: 12px;
}

.blog-tag-size-7 {
	font-size: 12px;
}

.blog-tag-size-8 {
	font-size: 12px;
}

.blog-tag-size-9 {
	font-size: 12px;
}

.blog-tag-size-10 {
	font-size: 12px;
}

.blog-tag-size-11 {
	font-size: 12px;
}

.blog-tag-size-12 {
	font-size: 12px;
}

.blog-tag-size-13 {
	font-size: 12px;
}

.blog-tag-size-14 {
	font-size: 12px;
}

.blog-tag-size-15 {
	font-size: 12px;
}

.blog-tag-size-16 {
	font-size: 12px;
}

.blog-tag-size-17 {
	font-size: 1.6em;
}

.blog-tag-size-18 {
	font-size: 1.65em;
}

.blog-tag-size-19 {
	font-size: 1.7em;
}

.blog-tag-size-20 {
	font-size: 1.75em;
}

/* Styles the blog RSS feeds in the blog sidebar */

#blog-rss-feeds {
	margin-top: 15px;
	padding-top: 15px;
}

#blog-rss-feeds:before {
	content: "Feeds";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
}

.blog-rss-link:before {
	content: "\f09e";
	font-family: FontAwesome;
	font-size: 18px;
	padding-right: 8px;
}


.blog-rss-link {
	padding: 3px 11px 0 0px;
	margin: 0;
	display: inline-block;
}

.blog-rss-link a:hover {
	
}

.blog-comments-rss-link {
	background-repeat: no-repeat;
	background-image: url(images/rss_icon.gif);
	background-position: left center;
	padding-left: 19px;
}

.blog-comments-rss-link a:hover {

}

/* @end */

/* ========================================================================

	File Sharing

======================================================================== */

.filesharing-item-title a{
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	padding: 11px 8px;
}

.filesharing-item-title a:hover {
	text-decoration: underline;
}

.filesharing-item-title {
	padding: 11px 0 7px 0;
	width: 100%;
}

.filesharing-item-title a:link {
	background: none repeat scroll 0 0 #E8E8E8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 15px 5px;
    text-decoration: none;
}


.filesharing-description {
	Width: 100%;
	font-size: 2em;
    line-height: 3em;
}

.filesharing-item {
	padding: 0;
	margin-bottom: 35px;
}

/* @end */

/* ========================================================================

	Photo Album

======================================================================== */

.album-title {
	font-size: 1.375em;
	margin: 0;
	padding: 0;
	font-style: normal;
}

.album-description {
	margin: 10px 0 20px 0;
	font-family: sans-serif;
}


.album-wrapper {
	width: 100%;
}

.thumbnail-wrap {
	display: block;
	float: left;
	height: auto;
	padding: 0 7px;
	margin: 1%;
}

.thumbnail-frame {
	float: left;
	position: relative;
}

.thumbnail-frame:hover {
	
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame a img {
  	border: 11px solid white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	
}

.thumbnail-frame a img:hover {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.thumbnail-caption {
	display: none;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
	background-image: url(images/dropdown_bg.png);
	background-repeat: repeat;
}
.photo-background img {
	width: 100%;
	max-height: auto;
}

.photo-background p {
	text-align: left;
	margin: 0;
	color: #ffffff;
}

.photo-navigation {
	width: 96%;
	margin: 20px auto 0 auto;
	padding: 20px;
	border-top: none;
	height: 111px;
	position: relative;
	text-align: left;
	font-size: 2.5em;
}

.photo-links {
	position: absolute;
	top: 100px;
	font-size: 1em;
}

.photo-navigation a:link, .photo-navigation a:visited {
	color: #fff;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
	font-size: .8em;
}

.photo-navigation a:hover {
	text-decoration: none;
	color: #878787;
}

.photo-frame{
	margin-top: 11px;
}

.photo-background p.photo-title {
	padding-bottom: 7px;
	line-height: 26px;
	font-size: 1em;
}

.photo-background p.photo-caption {
	font-size: .5em;
	line-height: 16px;
	font-style: italic;
	font-family: Times New Roman, Times;
	margin: 21px 0 0 0;
}

}
img.photo-frame {
    clear: both;
    height: auto;
    max-width: 100%;
    position: relative;
    visibility: hidden;
    width: 100%;
    height: auto;
}

img.photo-frame {
    clear: both;
    height: auto;
    max-width: 100%;
    position: relative;
    top: 10px;
    width: 100%;
}

/* @end */

/* @group EXIF data */
/* Data wrapper */
.exif-data {
}

.exif-data p {
}

/* p tag classes for all exif data */
p.exif-version {
}

p.exif-colour-space {
}

p.exif-focal-length {
}

p.exif-dimensions {
}

p.exif-pixel-y-dimension {
}

p.exif-pixel-x-dimension {
}

p.exif-oecf-value {
}

p.exif-subsec-time-original {
}

p.exif-exposure-mode {
}

p.exif-spatial-frequency-response {
}

p.exif-scene-capture-type {
}

p.exif-subject-location {
}

p.exif-shutter-speed {
}

p.exif-datetime-original {
}

p.exif-subsec-time {
}

p.exif-compressed-bits-per-pixel {
}

p.exif-flash-energy {
}

p.exif-saturation {
}

p.exif-brightness {
}

p.exif-exposure-time {
}

p.exif-f-number {
}

p.exif-file-source {
}

p.exif-gain-control {
}

p.exif-subject-area {
}

p.exif-cfa-pattern {
}

p.exif-scene-type {
}

p.exif-white-balance {
}

p.exif-flash {
}

p.exif-exposure-index {
}

p.exif-flashpix-version {
}

p.exif-device-setting-description {
}

p.exif-focalplane-x-resolution {
}

p.exif-image-uniqueid {
}

p.exif-components-configuration {
}

p.exif-light-source {
}

p.exif-sensing-method {
}

p.exif-aperture {
}

p.exif-sharpness {
}

p.exif-exposure-program {
}

p.exif-subject-distance {
}

p.exif-subsec-time-digitized {
}

p.exif-contrast {
}

p.exif-focalplane-resolution-unit {
}

p.exif-gamma {
}

p.exif-35mm-focal-length {
}

p.exif-datetime-digitized {
}

p.exif-subject-distance-range {
}

p.exif-custom-rendered {
}

p.exif-max-aperture {
}

p.exif-sound-file {
}

p.exif-metering-mode {
}

p.exif-spectral-sensitivity {
}

p.exif-exposure-bias {
}

p.exif-focalplane-y-resolution {
}

p.exif-iso-rating {
}

p.exif-maker-note {
}

p.exif-digital-zoom-ratio {
}

p.exif-user-comment {
}
/* @end */

/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {
}
	
/* @end */

/* ========================================================================

	Quicktime Movie

======================================================================== */

.movie-page-description {
    margin-bottom: 15px;
	margin-top: 15px;
    display: block;
	width: 98%;
	font-style:italic;
}
.movie-thumbnail-frame {
	position: relative;
    display: inline-block;
    margin: 2%;
    width: 45%;
}
.movie-thumbnail-frame:hover {
}
.lastMov {
    margin-bottom: 5px;
}
.movie-thumbnail-frame img {
    height: auto !important;
    width: 100% !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.movie-thumbnail-caption {
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 11px 20px;
    text-shadow: none;
    visibility: hidden;
    width: auto;
}
#movieAlbum .movie-thumbnail-caption {
    visibility: visible;
}
.movie-thumbnail-frame a:before {
    cursor: pointer;
    position: absolute;
}
.movie-thumbnail-frame a:hover:before {
    opacity: 0.4;
}
.movie-background {
    background-color: #000000;
    height: 438px;
    overflow: hidden;
    padding: 30px 0 0;
    text-align: center;
    width: 100%;
}
.movie-title {
    color: #ececec;
    font-size: 1.375em;
    padding: 16px 0 0;
}
.movie-page-title {
    font-size: 2em;
    padding: 20px 0 3px 3px;
	margin-top: 20px;
	
}
.album-title {
    font-size: 2em;
    line-height: 3em;
    padding: 0 0 0px 3px;
}
.album-description {
    display: none;
}
.thumbnail-frame {
    float: left;
    position: relative;
}
.thumbnail-wrap {
    display: block;
    float: left;
    height: auto !important;
    margin: 2%;
}
.thumbnail-caption {
    display: none;
}
.thumbnail-frame img {
}
.thumbnail-frame img:active, .thumbnail-frame img:hover {
}
.thumbnail-frame {
}


/* ========================================================================

	Contact Form

======================================================================== */

.message-text {
	margin-top: 21px; 
	font-size: 2.4em;
	letter-spacing: 1px;
	border-bottom: 1px solid #E9E9E7;
	line-height: 1.5em;
} 

.message-text {
	margin-top: 21px; 
} 

form label {
    font-size: 0.8em;
    text-transform: uppercase;
	padding: 9px 1px 0 2px;
	margin: 0;
}

.required-text {
	letter-spacing: 1px;
} 

.form-input-field {
	width: 70%;
} 

.form-input-field:hover {
	box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.70);
}

form > div textarea.form-input-field, form > div input.form-input-field[type="text"] {
	background-color: rgba(255, 255, 255, 0.5);
	outline: none;
	border: 1px solid #D6D6D6;
	padding: 7px 0;
	color: black;
}

.form-input-button {
	color: #959595;
	height: 40px;
	width: 70px;
	margin-right: 16px;
	background: white;
	border: 1px solid #D6D6D6;
	text-transform:uppercase;
	letter-spacing: 1px;
	
}

.form-input-button:hover {
	color: #2b2b2b;	
	background: #EFEFEF;
}

/* @end */

/* #IE CSS */

.mosaic article.ie-nth-child3n1{
	clear:both;
}
.responsive-example{
	margin-bottom:20px;
}
.responsive-example .columns,
.responsive-example .column{
	background:#dedede;
	margin-bottom:10px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;
}
.responsive-example .columns:hover,
.responsive-example .column:hover{
	background:#333;
	color:#efefef;
}


/* ========================================================================

	Slider Start

======================================================================== */

#fwslider {
    position: relative;
    background:#000;
    width:100%;
}

#fwslider .slider_container {

}

#fwslider .slide {
    display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:100%;
}

#fwslider .slide img {
    width:100%;
}

#fwslider .slidePrev {
    background:#000;
    width:50px;
    height:50px;
    position: absolute;
    top:50%;
    left:-50px;
    opacity:0.5;
    z-index: 10;
}

#fwslider .slidePrev span {
    background-image:url("images/left_arrow.png");
    width:50px;
    height:50px;
    float:left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#fwslider .slideNext {
    background:#000;
    width:50px;
    height:50px;
    position: absolute;
    top:50%;
    right:-50px;
    opacity:0.5;
    z-index: 10;
}

#fwslider .slideNext span {
    background-image:url("images/right_arrow.png");
    width:50px;
    height:50px;
    float:left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#fwslider .timers {
    height:4px;
    position: absolute;
    bottom:15px;
    right:0;
    z-index: 3;
}

#fwslider .timer {
    height:0px;
    width:40px;
    background-color: #000;
    float:left;
    margin-right: 10px;
}

#fwslider .progress {
    height:0px;
    width:0%;
    background-color: #FC3;
    float:left;
}

#fwslider .slide_content {
    top:0;
    left:0;
    position: absolute;
    width:100%;
    height:100%;
}

#fwslider .slide_content_wrap { /* Slider Text Content Container Style */
    max-width:960px;
    margin:15% auto;
}

#fwslider .title {  /* Slider Title Style */
    opacity: 0;
    color:#fff;     
    font-size:36px;
    background:#000;
    padding:10px;
    float:left;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .description { /* Slider Description Style */
    opacity: 0;
    color:#FC3;
    font-size:18px;
    background:#000;
    padding:10px;
    clear:both;
    float:left;
    margin-top:2px;
    line-height:24px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .readmore { /* Slider Read More button Style */
    opacity: 0;
    clear:both;
    float:left;
    text-transform:uppercase;
    font-size:10px;
    color:#919191;
    background:#000;
    padding:10px;
    text-decoration: none;
    margin-top:2px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .readmore:hover {
    color:#fff;
}



/* ------------------------------- 3. Media Query Max Width 1300, Min Width 720 ------------------------------- */



@media only screen and (min-width:720px) and (max-width: 1300px) {

    #fwslider .slide_content_wrap { margin-left: 50px; margin-top:15%;}
    #fwslider .title { font-size:26px; }
    #fwslider .description {  font-size:12px;}

}

/* ------------------------------- 4. Media Query Max Width 719 ------------------------------- */

@media only screen and (max-width:719px) {

    #fwslider .slide_content_wrap { display:none; }
    #fwslider .timers { display:none; }
    #fwslider .slide_content {cursor: pointer;}

}

/* ========================================================================

	Responsive Menu Base

======================================================================== */


#nav,
#nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("images/hello_bg.png");
}

#nav,
#nav ul {
  list-style: none;
  width: 100%;
  float: left;
}

#nav li {
  float: left;
  width: 100%;
}

#nav a {
  font-size: .8em;
  color: #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  text-shadow: 0 -1px rgba(0,0,0, .5);
  border-bottom: 1px solid rgba(0,0,0, .2);
  border-top: 1px solid rgba(255,255,255, .1);
  display: block;
  padding: 1.2em 2em;
  width: 100%;
  background-image: url("images/hello_bg.png");
}

#nav a:hover { background: rgba(255,255,255, .1) }
#nav #current { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); }
#nav li:first-child a { border-top: 0; border-bottom: 1px solid rgba(0,0,0, .2); border-top: 1px solid rgba(255,255,255, .1);}
#nav li:last-child a { border-bottom: 0; border-bottom: 1px solid rgba(0,0,0, .2); border-top: 1px solid rgba(255,255,255, .1); }

@media screen and (min-width: 769px) {
  #nav li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

@media screen and (min-width: 769px) {
  #nav a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
	background-image: url("images/hello_bg.png");
  }
}

#nav ul ul a {
  padding-left: 3em;

}

#nav ul ul a:before {
	content: "\F105";
	font-family: FontAwesome;
	padding-right: 5px;
}

#nav ul li li li a {
  padding-left: 5em;

}

#nav ul li li li a:before {
	content: "\F101";
	font-family: FontAwesome;
	padding-right: 5px;
}

#nav ul li li li li a {
  padding-left: 7em;

}

#nav ul li li li li a:before {
  	content: "\F105";
	font-family: FontAwesome;
	padding-right: 5px;

}

@media screen and (min-width: 769px) {
  #nav ul ul a {
    display: none;
  }
}

#nav-toggle {
    background: url("images/hamburger.gif") no-repeat scroll 100% 50% #333;
    float: right;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
	border-bottom: 1px solid #151515;
	border-top: 1px solid #383838;
	margin-bottom: 25px;
}

#nav-toggle:after {

}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("images/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}


/* ========================================================================

	Responsive Menu Style

======================================================================== */

#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  
}

#nav li {
  width: 100%;
  display: block;

}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

@media screen and (min-width: 769px) {
  .js #nav {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}

/* ========================================================================

	Extra Bottom Navigation

======================================================================== */

#container4 {
	margin-top: 30px;
	background-color: rgba(0, 0, 0, 0.05);
	border-top: 4px double rgba(0, 0, 0, 0.04);
}

#navcontainer {
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#navcontainer #current {

}

#navcontainer ul {
	margin: 0;
    padding: 0;
    z-index: 100;
	position: relative;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
}

#navcontainer ul li {
    display: inline-block;
    padding: 0;
    position: relative;
    *display: inline;

}

#navcontainer ul li ul {
	display: none;
}

#navcontainer ul a:hover {

}

#navcontainer ul li a {
    display: block;
    padding: 18px;
    text-decoration: none;
}

#navcontainer ul ul {
  	margin: -1px 0 0 -1px;
  	width: 100%;
  	padding: 0;
}





/*!
 *  Font Awesome 3.1.0
 *  the iconic font designed for Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fontawesome.io
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 License -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.1.0');
  src: url('font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.2857142857142858em;
  text-align: center;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.5714285714285714em;
}
ul.icons-ul {
  list-style-type: none;
  text-indent: -0.7142857142857143em;
  margin-left: 2.142857142857143em;
}
ul.icons-ul > li .icon-li {
  width: 0.7142857142857143em;
  display: inline-block;
  text-align: center;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eeeeee;
}
.icon-light {
  color: #ffffff;
}
.icon-dark {
  color: #333333;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before,
.icon-rotate-right:before {
  content: "\f01e";
}
/* F020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before,
.icon-mail-forward:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before,
.icon-rotate-left:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before,
.icon-mail-reply:before {
  content: "\f112";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}

/*!
 *  Font Awesome 3.0.2
 *  the iconic font designed for use with Twitter Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fortawesome.github.com/Font-Awesome/
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@davegandy.com
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */

@font-face{
  font-family:'FontAwesome';
  src:url('font/fontawesome-webfont.eot?v=3.0.1');
  src:url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }

[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}
/* #Media Queries
================================================== */

@media only screen and (min-width: 960px) {

#renav {
	display: none;		
}

#nav {
	display: none;	
}

	}

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
  
#banner {
	margin: 0; 
}

#next {
	margin: 0;
}

  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 769px) and (max-width: 959px) {

#renav {
	display: none;		
}

#nav {
	display: none;	
}

header h2#slogan {
}
  
#banner {
	margin: 0; 
}

#socialIcons {
	text-align: left;
    width: auto;  
}  
 

#next {
}

img, a img {
	max-width: 100%;
	height: auto;
}

#insidefooter {
	width: auto;	
}

#line {
	width: auto;	
}

  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 768px) {
  
header {
	height: auto;
	border-top: 5px solid black;
} 

header h1#title {
	text-align: center;	

}

header h2#slogan {
	display: block;
	text-align: center;
}

#hello_bar {
	display: none;  
  }  
  
#open {
	display: none;  
  }  
  
#socialIcons {
	float: none;
	clear: both;
	text-align: center;
    position: relative;
    width: auto;  
}  

a#logo {
	float: none;
    clear: both;
    background-position: center;
    margin: 0 43.4375%;
    padding: 0px 0 0 0;
}  

a#logo img {
	float: none !important;	
	display: inline-table;
	margin-right:auto;
	margin-left:auto;
	padding-top: 0 !important;
}

header h1#title {
	margin: 0;
	display: block;
}
  
#banner {
	padding: 0px 0 0 0; 
}

header{
	border-top: 5px solid black;
}

#next {
	display: none;
}

img, a img {
	max-width: 100%;
	height: auto;
}

#insidefooter {
	width: auto;	
}
  
  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 768px) {

header {
	height: auto;
	border-top: 5px solid;
	width: 100%;
}   

a#logo {
	float: none;
    clear: both;
    background-position: center;
    margin: 0 43.4375%;
    padding: 8px 0 0 0;
}  

#navcontainer {
	display: none;
} 
  
#socialIcons {
	float: none;
	clear: both;
	text-align: center;
    position: relative;
    width: auto;  
}  
  
#banner {
	padding: 0 0 0 0; 
}

#next {
	display: none;
}

img, a img {
	max-width: 100%;
	height: auto;
}

#insidefooter {
	width: auto;	
}

  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {

header {
	height: auto;
	border-top: 5px solid black;
}

a#logo {
	float: none;
    clear: both;
    text-align: center;
    background-position: center;
    margin: 0 39.833333%;
}    

#navcontainer {
	display: none;
}

#socialIcons {
	float: none;
	clear: both;
	text-align: center;
    position: relative;
    width: auto;  
}   
  
#banner {
	padding: 0 0 0 0; 
}

header{
	border-top: 5px solid;
}

#next {
	display: none;
}

img, a img {
	max-width: 100%;
	height: auto;
}

#insidefooter {
	width: auto;	
}

  }

/* ========================================================================

	Header Colors

======================================================================== */

header {
	background-color: #000000;
	border-color: %colour_button_background%;
}

header h1#title  {
	color: #FFFFFF;
}

header h2#slogan  {
	color: #FFFFFF;
}


/* ========================================================================

	Navigation Colors

======================================================================== */

#next, #container3 {
	background-color: #FFFFFF;
}

body {
	background-color: #FFFFFF;
}

section {
	color: #474747;
}

a{
	color: %colour_link%;
}

nav li a, #navcontainer ul li a {
	color: #1D1D1D
}

nav a.current, #navcontainer #current  {
	background: #CCCCCC;
}

nav li a:hover, #navcontainer ul a:hover {
	background: #999999;
}

nav li ul li a {
    color: #1D1D1D;
}

nav li ul li a:hover {
    background: #696969;
}

#menu {	
	background-color: %colour_sub_background%;
}

#menu a, #menu a:visited {
	color: %colour_sub_links%;
}

#topMenuImage {
	background-color: %colour_button_background%;
}

#topMenuImage:hover {
	background-color: %colour_button_hover%;
}

/* ========================================================================

	Social Icons Colors

======================================================================== */

#socialIcons a {
	color:#436A71;
}

#socialIcons a:hover {
	color:#FFFFFF;
}

#social {
	background: #333333;	
}

/* ========================================================================

	Footer Colors

======================================================================== */


ul#breadcrumb {
    background-color: %colour_breadcrumb_background%;
}


footer .container ul, footer .container ul, footer .container a {
	color: #333333;
}

footer .container a:hover {
	color: #0033FF
}

footer {
	background-color: #171717;
}

footer .container {
	color: #FFFFFF;
}

/* ========================================================================

	Headings Colors

======================================================================== */

h1, h2, h3, h4, h5, h6,
span#asideTitle,
.album-title, .movie-page-title,
h1.blog-entry-title, 
h1.blog-entry-title a,
#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before {
	color: #373737;
}

/* ========================================================================

	Container/Sidebar Colors

======================================================================== */

#content a, aside a, section a {
	color: #3358CD;
}

section a:hover,
aside a:hover{
	color: #003399;
}





		header {
	background-image: url(images/header/olivia.png);
}


footer {
	background-image: url(images/header/olivia.png);
	background-repeat:repeat;
}

body {
	background-image: none;
}


header h1#title {
	font-weight: bold;
}

header h1#title {
	font-family: 'Open Sans', sans-serif;
}

header h2#slogan {
	font-style: normal;
	font-weight: normal;
}

header h2#slogan {
	font-family: "Verdana";
}

nav ul, #nav a, #navcontainer ul  {
	font-family: 'HelveticaNeue-Bold';
}

h1, h2, h3, h4, h5, h6, span#asideTitle, .album-title, .photo-background p, footer, .movie-title, .movie-page-title  {
	font-family: 'GothamMediumRegular';
}

h1, h2, h3, h4, h5, h6, span#asideTitle, .album-title, .photo-background p, .movie-title, .movie-page-title  {
	font-weight: bold;
}

section, .thumbnail-caption, footer {
	font-family: 'Open Sans', sans-serif;
}

section, footer {
	font-size: .75em;
	line-height: 1.875em;
}