/* end reset styles */
@font-face {
	font-family: Delicious;
	src: url('/fonts/Delicious-Roman.otf');
}
@font-face {
	font-family: DeliciousBold;
	src: url('/fonts/Delicious-Bold.otf');
}
@font-face {
	font-family: DeliciousSmallCaps;
	src: url('/fonts/Delicious-SmallCaps.otf');
}
@font-face {
	font-family: DeliciousItalic;
	src: url('/fonts/Delicious-Italic.otf');
}
@font-face {
	font-family: Josefin;
	src: url('/fonts/JosefinSansStd-Light.otf');
}
@font-face {
	font-family: FontinCaps;
	src: url('/fonts/Fontin_Sans_SC_45b.otf');
}
@font-face {
	font-family: Hattori;
	src: url('/fonts/HattoriHanzo.otf');
}
@font-face {
	font-family: Raleway;
	src: url('/fonts/RalewayThin.otf');
}
@font-face {
	font-family: DejaVu;
	src: url('/fonts/DejaVuSans.ttf');
}
@font-face {
	font-family: Quicksand;
	src: url('/fonts/Quicksand_Light.otf');
}
@font-face {
	font-family: Dekar;
	src: url('/fonts/Dekar.otf');
}
@font-face {
	font-family: Tallys;
	src: url('/fonts/Tallys_15.otf');
}
html { 
	height:100%; 
}
body, div, img, span, a, form{
	margin:0;
	padding:0;
	border:none;
	outline:none;
}
body{
	font-family:DejaVu,Arial, Helvetica, sans-serif;
	height:100%;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	cursor:default;
	background: url('/images/keys.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
body.ingrid{

	background: url('/images/backgrounds/specs.jpg') no-repeat center center fixed; 
	opacity: .9;
}

h1{
	font-family: Delicious,Arial, Helvetica, sans-serif;
	margin:0;
	font-size:40px;
	line-height:46px;
	font-weight:normal;
	color: #860000;
}
h2{
	font-family:Delicious, Arial, Helvetica, sans-serif;
	margin:4px 0 20px 0;
	font-size:20px;
	line-height:26px;
	font-weight:normal;
}
h3{
	font-family:Delicious, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
}
h3 a {
	padding:0 11px 0 0;
	background:url(/images/arrow.png) 100% 8px no-repeat;
	_background:url(/images/arrow.gif) 100% 8px no-repeat;
	display:block;
	color:#FFF;
	text-decoration:none;
}
h3 a:hover{
	color:#FFF;
	text-decoration:none;
}
p{
	font-family:DejaVu, Arial, Helvetica, sans-serif;
	margin:0 0 16px 0;
	line-height:17px;
}
body.ingrid p {
	padding-top: 10px;
}
a{
	color:#ccc;
	text-decoration:none;
	cursor:pointer;
}
body.ingrid a {
	color:#fff;
}
a:hover{
	color:#ccc;
	text-decoration:underline;
}
ul{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
li{
	/*margin:20px 0 0 0;*/
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}
dl{
	margin:0;
	padding:0;
}
dt{
	margin:0;
	padding:0;
	font-family:DejaVu, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
}
dd{
	margin:-4px 0 10px 0;
	padding:0;
	font-family:'Arial Light', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
blockquote{
	display:block;
	margin:10px 0 10px -16px;
	padding:0 0 0 16px;
	line-height:17px;
}


.intro {
	background: #000;
	opacity: 0.4;
}






.ddCallouts {
	display:inline;
	padding:0;
	margin:0 auto;
	list-style:none;
}
.ddCallouts li {
	float:none;
	display:inline;
	position:relative;
	margin:0 0 0 0;
	padding: 0;
	min-height:0;
	height:auto;
	background:none;
	z-index:auto;
	width:100%;
}
.ddCallouts div {
	width:180px;
	height:180px;
	margin-bottom: 20px;
	padding:10px 15px;
	background:  url(/images/backgrounds/hatch.gif) repeat;
	zoom:0 !important;
}

.ddCallouts  li div {
	transition: background-color 0.45s ease-in-out;
}
.ddCallouts  li div:hover {
	background-color: red;
	opacity: 0.5;
}













.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

footer{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	z-index:2;
	background:url(/images/backgrounds/footer.png);
	font-size:10px;
	padding-bottom: 12px;
	height: 50px; /* .push must be the same height as .footer */
}
.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}
footer a, footer a:hover{
	color:#A6A6A6;
	text-decoration:none;
}
#footerRight{
	float:right;
	display:inline;
	padding:5px 0 3px 0;
	line-height:16px;
}





.element, .elementdim, .socialelementfb, .socialelementtw, .socialelementin {
	display: block;
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	padding: 5px;
	border: 1px solid #999;
	color: #999;
	text-align: center;
	font-family:Delicious, Arial, Helvetica, sans-serif;
	font-size:12px;
}


.socialelementfb:hover {
	border: 1px solid #3B5998;
	color: #3B5998;	
}
.socialelementtw:hover {
	border: 1px solid #5CD6FF;
	color: #5CD6FF;	
}
.socialelementin:hover {
	border: 1px solid #1479A9;
	color: #1479A9;	
}
.ddCallouts div.pending{
	background:  url(/images/backgrounds/fadehatch.gif) repeat;
	opacity: 0.2;
}






.tt-wrapper2 li, .tt-wrapper3 li {
	float: left;
}
.tt-wrapper2 li a,.tt-wrapper3 li a {
	display: block;
	float: left;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	padding: 5px;
	border: 1px solid #999;
	color: #999;
	background-color: #3B5998;
	text-align: center;
	font-family:Delicious, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.tt-wrapper3 li a {
	margin-right: 10px;
	margin-left: 0;
	width: 30px;
	height: 30px;
	background-color: transparent;
}
.tt-wrapper3 li a.elementdim {
	border: 1px solid #414141;
	color: #414141;
}
#footerRight .tt-wrapper2 li a{
opacity: 0.3;
}
#footerRight .tt-wrapper2 li a:hover{
opacity: 0.9;
transition: all 0.5s ease-in-out;
}
.tt-wrapper2 li a.socialelementfb {
	border: 1px solid #3B5998;
	background-color: #3B5998;	
}
.tt-wrapper2 li a.socialelementtw {
	border: 1px solid #5CD6FF;
	background-color: #5CD6FF;	
}
.tt-wrapper2 li a.socialelementin {
	border: 1px solid #1479A9;
	background-color: #1479A9;	
}
.tt-wrapper2 li a.socialelementfb:hover,.tt-wrapper2 li a.socialelementtw:hover,.tt-wrapper2 li a.socialelementin:hover {
	color: #fff;	
}

.tt-wrapper3 li a#siteon, .tt-wrapper3 li a span.element:hover {
	border: 1px solid #fff;
	color: #fff;
}
.tt-wrapper2 li a span.socialelementfb:hover {
	border: 1px solid #3B5998;
	color: #3B5998;	
}
.tt-wrapper2 li a span.socialelementtw:hover {
	border: 1px solid #5CD6FF;
	color: #5CD6FF;	
}
.tt-wrapper2 li a span.socialelementin:hover {
	border: 1px solid #1479A9;
	color: #1479A9;	
}
.tt-wrapper2 li a span.socialelementfb:hover {
	border: 1px solid #3B5998;
	color: #3B5998;	
}
.tt-wrapper2 li a span.socialelementtw:hover {
	border: 1px solid #5CD6FF;
	color: #5CD6FF;	
}
.tt-wrapper2 li a span.socialelementin:hover {
	border: 1px solid #1479A9;
	color: #1479A9;	
}
/* pop-up box */
.tt-wrapper2 li a span, .tt-wrapper3 li a span {
    width: 125px;
    height: auto;
    line-height: 20px;
    padding: 7px;
    left: 50%;
	margin-top: 11px;
    margin-left: -70px;
    font-family: Delicious, Georgia, serif;
    font-weight: 400;  
    font-size: 11px;
    color: #719DAB;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 1px solid #fff;
    background: #000;
    text-indent: 0;
    border-radius: 0;
    position: relative;
    pointer-events: none;
    bottom: 100px;
    opacity: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
}
.tt-wrapper2 li a span:before,
.tt-wrapper2 li a span:after,
.tt-wrapper3 li a span:before,
.tt-wrapper3 li a span:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.1);
	border-top: 11px solid #fff;
}
.tt-wrapper2 li a span:after,
.tt-wrapper3 li a span:after {
    bottom: -11px;
    margin-left: -10px;
    border-top: 11px solid #fff;
}
.tt-wrapper2 li a:hover span,
.tt-wrapper3 li a:hover span {
    opacity: 0.9;
    bottom:83px;
}
.tt-wrapper3 li a.elementdim:hover span,
.tt-wrapper3 li a.elementdim:hover span {
    opacity: 0.4;
}