/*PROJECT COLORS*/

.apdiv {
	background-color: #000000;
}

.button {
	background-color: #FFFFFF;
}

.button:hover {
	background-color: #FFFFFF;
}

.circle p {
	color: #FFFFFF
}

nav {
	border-top-color: %colour_toolbar_border%;
}

body, #slide1 {
	background-color: #1B1B1B;
}

.wrapper_2 {
	background-color: #F9F9F9;
}

.wrapper_3 {
	background-color: #F9F9F9;
}

section .container {
	border-top-color: %colour_section_border%;
}

section {
	color: #212121;
	background-color: #FFFFFF;
}

#headerWrapper  {
	background-color: #FFFFFF;
}

footer, #slide2 {
	background-color: #FFFFFF;
}

a {
	color: %colour_link%;
}

nav li a {
	color: #FFFFFF
}

nav a.current {
	color: #FFFFFF;
}

nav li a:hover {
	color: #999999;
}

nav ul li:hover {
	border-color: %colour_dropdown_border%;
}

nav li ul li a {
    color: #4D4D4D;
}

nav li ul li a:hover {
    color: #666666;
}

.skiptonav a {
	color: #4D4D4D;
}

#menu {	
	background-color: #171717;
}

#menu a, #menu a:visited {
	color: #FFFFFF;
}

#socialIcons a {
	color:#D7D7D7;
}

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

.slide h1#titleAlt  {
	color: #9F9F9F;
}

.slide h2#sloganAlt  {
	color: #3C3F45;
}

.slide h1#title {
	color: #FFFFFF;
}

.slide h2#slogan {
	color: #FFFFFF;
}

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

footer .container a:hover {
	color: #666666
}

section a:hover,
aside a:hover{
	color: %colour_link_hover%;
}

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: #333333;
}

footer #left {
	color: #333333;
}

#content a, aside a, section a {
	color: #999999;
}

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

.sf-sub-indicator {
	color: #FFFFFF;
}


  }

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


.sf-sub-indicator {
	color: #FFFFFF;
}

  }


		.button{
    background-image:url(images/arrow_black.png);
}

#slide1 {
  background-image: none;
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#slide1 {
    background-image: none;
  }
}

section {
  background-image: none;
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
section {
    background-image: none;
  }
}

footer {
  background-image: none;
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
footer {
    background-image: none;
  }
}

.wrapper_2 {
  background-image: none;
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.wrapper_2 {
    background-image: none;
  }
}

.wrapper_3 {
  background-image: none;
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.wrapper_3 {
    background-image: none;
  }
}

.slide h1#title, .slide h1#titleAlt {
	font-weight: bold;
}

.slide h1#title, .slide h1#titleAlt {
	font-family: 'PT Sans Narrow', sans-serif;
}

.slide h2#slogan, .slide h2#sloganAlt {
	font-style: italic;
	font-weight: bold;
}

.slide h2#slogan, .slide h2#sloganAlt {
	font-family: 'PT Sans Narrow', sans-serif;
}

nav ul, #menu ul, aside ul ul ul {
	font-family: 'PT Sans Narrow', sans-serif;
}

footer #left, footer #breadcrumb {
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, span#asideTitle, .album-title, .photo-background p, .movie-title, .movie-page-title {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
}



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

section {
	font-size: .75em;
	line-height: 2em;
}