@charset "UTF-8";
/* CSS Document */

* {	/*--make all to 0 as default--*/
	padding: 0;
	margin: 0;
	outline:none;
}

html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

@-moz-document url-prefix() {

.caption {
        width:200px;
    }
}

 /* Fonts */

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

}

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

}



::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
	background-color:#666;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    opacity:0.5;
}

::-webkit-scrollbar-thumb {
	background-color:#000;
}

::selection {
	background: #d88764; /* Safari */
	}
::-moz-selection {
	background: #d88764; /* Firefox */
}


body {
	font-family: 'edmondsans_regularregular';
    background-image: url(../images/general/repeat_background2.svg);	
    background-repeat:repeat;

}

h1 {
	font-size: 1.2em; /* 24px / 16px */ 
	font-weight: normal;
	font-smooth:always;
	font-family: 'edmondsans_regularregular';
	-webkit-font-smoothing: antialiased;
}

h2 {
	float:left;
	position:absolute;
	margin-left:10.2%;
	color:#fff;
	font-size:1.8em;
	text-align:center;
	background-color:blue;
	opacity:0;
	z-index:100;
}

a {
	color:#333;
	text-decoration:none;
	font-family: 'edmondsans_regularregular';
}

a:hover {
	opacity:#666;
	text-decoration:underline;
}

p {
	color:#f6f6f6;
	font-weight: normal;
	font-smooth:always;
	font-family: 'edmondsansmedium';
	-webkit-font-smoothing: antialiased;
	max-width:560px;
	width:60%;
	line-height:1.7em;
	font-size:1em;
	letter-spacing:0.05em;
}

#logo {
	font-size: 1.2em; /* 24px / 16px */ 
	height:20px;
	float:left;
	font-weight: normal;	
	font-smooth:always;
	font-family: 'edmondsans_regularregular';
	-webkit-font-smoothing: antialiased;
	margin-right:30px;
	margin-top:18px;
	margin-left:50px;
	position:absolute;
}

#logo_icon {
	padding-right:20px;
	float:left;
	position:absolute;
	margin-left:-35px;
	margin-top:-2px;
}

#header_bar {
	width: 100%;
	background-color:#fff;
	height: 60px;
	float:left;
	position:fixed;
	top:0px;
	z-index:100;
	box-shadow: 0px 0px 3px #999;
	z-index:200;
}

.footer {
	height:200px;
	padding-top:30px;
	padding-bottom:50px;
	z-index:-1;
}

.footer p {
	color:#333;
	padding-bottom:50px;
}

nav {
	display:block;
	margin-top:18px;
	position:absolute;
	float:left;
	right:115px;
	font-weight: normal;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;	
	font-family: 'edmondsans_regularregular';	
	z-index:200;
	font-size: 1.2em; /* 24px / 16px */ 
	padding-right:0px;
	overflow:hidden;
}

nav a {
	padding-right:20px;
}

nav ul {
	list-style:none;
}

nav li {
	display:inline block;
	float:left;
}

select {
	display:none;
	background-color:none;
	outline: none;
	color:black;
	border-radius:0px;
	border:none;
	font-weight: normal;
	font-smooth:always;
	font-family: 'edmondsans_regularregular';
	-webkit-font-smoothing: antialiased;
	font-size:1em;
	height:30px;
	-webkit-appearance:none;
	width:70px;
	text-align:right;
}

user agent stylesheetinput, textarea, keygen, select, button, isindex {
	background-image: url(../images/general/arrow.svg);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
}

button img {
	margin-left:-20px;
}

.content {
	padding-top:65px;
    margin: auto;
    width: 100%;  /* 900px / 960px */
	float:left;
	top:0px;
	padding-bottom:53px;
	opacity:1;
}

.content img {
	width:13%;
	padding:1.6%;
	float:left;
}

.icon_block img {
	opacity:1;
}

.icon_block img:hover {
	opacity:1;
}


.button_style {
	color:white;
	background-color:black;
	padding:5px;
	width:120px;
	float:right;
	margin-top:15px;
	margin-right:20px;
	text-align:center;
	position:absolute;
	right:10px;
}

#menu_icons {
	float:right;
	position:absolute;
	right:10px;
	margin-top:15px;
	width:110px;
}

#menu_icons img {
	padding-left:8px;
	float:left;
}

.caption {
	float:left;
	margin:auto;
	margin-left:-13.4%;
	margin-top:15%;
	color:#999;
	font-size:0.8em;
	text-align:center;
	width:11%;
}


.footer {
	height:200px;
	position:relative;
	margin-bottom:50px;
	padding:3%;
}

.tooltip {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
}
            


        /* Style for overlay and box */
        
        a.activator {

            z-index:1;
            cursor:pointer;
        }
        
        .overlay{
            background: #000;
            opacity:0.1;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
    
        
        .box{
            position:fixed;
            margin:auto;
            top:-170px;
            width:100%;
            background-color:#111;
            color:#7F7F7F;
            padding:20px;
           -moz-box-shadow: 0 0px 2px #999;
            -webkit-box-shadow: 0 0px 2px #999;
            z-index:101;
            display:none;
        }

        
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:url(../images/general/close.svg);
            right:58px;
            top:20px;
            cursor:pointer;
            position:absolute
        }
        
                /* Style for overlay 2 and box */
        
        a.activator2 {

            z-index:1;
            cursor:pointer;
        }
        
        .overlay2{
            background: #000;
            opacity:0.1;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
    
        
        .box2{
            position:fixed;
            margin:auto;
            top:-170px;
            width:100%;
            background-color:#666;
            color:#7F7F7F;
            padding:20px;
           -moz-box-shadow: 0 0px 2px #999;
            -webkit-box-shadow: 0 0px 2px #999;
            z-index:101;
            display:none;
        }

        
        a.boxclose2{
            float:right;
            width:26px;
            height:26px;
            background:url(../images/general/close.svg);
            right:58px;
            top:20px;
            cursor:pointer;
            position:absolute
        }


/* Tablet styling */
@media (max-width: 860px) {

nav ul     { display: none; }
nav select { display: inline-block; background-color:#fff; }

nav {
	right:130px;
	margin-top:16px;
}

#navigation {
	width:50px;
}
.content {
    margin: auto;
    width: 100%;  /* 900px / 960px */
	float:left;
}

.content img {
	width:20%;
	padding:2%;
	float:left;
}

.caption {
	float:left;
	margin:auto;
	margin-left:-17.5%;
	margin-top:22%;
	color:#999;
	font-size:0.8em;
	width:11%;
	
}
}


/* Mobile styling */
@media (max-width: 500px) {

p {
	min-width:250px;
}

.box{

    top:-300px;
}

a.boxclose{
	right:53px;        
}

nav {
	right:90px;
}
        
#logo {
	font-size:1em;
	margin-top:20px;
}

#logo_icon {

	margin-top:-3px;
}

select {
	font-size: 0.9em;
	width: 65px;
}

.content {
    margin: auto;
    width: 100%;  /* 900px / 960px */
	float:left;
}

#navigation {
	width:50px;
}

user agent stylesheetinput, textarea, keygen, select, button, isindex {
	background-image: url(../images/general/arrow_small.svg);
}

.content img {
	width:28%;
	padding:2.5%;
	float:left;
}

.caption {
	float:left;
	margin:auto;
	margin-left:-22%;
	margin-top:30%;
	color:#999;
	font-size:0.8em;
	width:11%;
}



#tweet_icon {
	display:none;
}

#menu_icons {
	width:70px;
	
}

.footer {
	width:100%;
	margin:auto;
	padding:0px;
	text-align: center;
}

.footer p {
	text-align: center;
	width:100%;
}
}