/* General design */
body {
	margin: 1px 0px 0px 1px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 16px;
}

p, ul {
	margin: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #404020;
	text-align: justify;
}
p:first-letter {
/*	font-family: Serif;
	font-size: 17px; */
	text-transform: uppercase;
	padding-left:20px;
}
.italic {
	font-style:italic
}

.note {
	font-size: 10px;
}

a {
	/*color: #669933;
	color: #447711;*/
	color: black;
	text-decoration: none;
}

a:link {
	/*color: #669933;*/
	color: #447711;
	text-decoration: none;
}

a:visited {
	/*color: #669933;*/
	color: #558822;
	text-decoration: none;
}

a:active, a:hover {
	color: #BB4F00;
}

sup {
	font-size: 10px;
	line-height: 11px;
}

sub {
	font-size: 10px;
	line-height: 5px;
}


video {
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	background-position:left; 
	width:100%;
}

#videopresentation {
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	background-position:left; 
	width:40%;
}

p.photo img {
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	background-position:left; 
}

/* Background */
.greenbackground {
	background-color: #95A389;
}

#background_decoration {
	position: absolute;
	top: 100px;
	left: 0;
	width: 80%;
	height: 45%;
	z-index: -99;
	font: 10em Arial, serif;
	color: #90A080;
	text-shadow: 0px 0px 9px #809070;
}

.background_decoration_item {
	position: absolute;
	-webkit-transform: rotate(90deg);	
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg); 
}

.success {
	color: #55AA22;
	text-decoration: none;
}
.error {
	color: #AA5522;
	text-decoration: none;
}



/* Cover page Elements */

#titlebar {
	font: 40px Arial,sans-serif;
	text-shadow: 0px 0px 9px #777;
	text-align: center;
	position: relative;
	float: none;
	width: 50%;
	height:50px;
	background-color: #DEDEDE;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:5px;
}
#titlebar:first-letter {
	/*text-transform: uppercase;*/
	text-shadow: 0px 0px 9px #777;
}

#cover {
	font: 40px Arial,sans-serif;
	text-shadow: 0px 0px 9px #777;
	text-align: center;
	background-color: #DEDEDE;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:15px;
}

#langbar {
	font: 40px Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-shadow: 0px 0px 5px #aaa;
	text-align: center;
	position: relative;
	float: none;
	width: 50%;
	height:50px;
}


/* Main page Elements */

#topbar {
	width: 100%;
	height:100px;
	background-image: url('../images/topbar_background.png');
	background-size: cover;
/*	background-color: #DEDEDE;
	float: none;
	box-shadow:0 3px 6px rgba(0,0,0,.25); */
}
#topbar #title {
	font: 40px Verdana,Arial,Helvetica,sans-serif;
	text-shadow: 0px 0px 5px #fff;
	text-align: right;
	margin-right: 80px;
	padding-top: 1%;
}
#topbar #title div:first-letter {
	/*font-family: Serif;*/
	text-transform: uppercase;
}
#topbar #title div span {
	display: none;
}
#topbar #title a {
	color: #000;
	text-decoration: none;
}

#topbar #title a:active,
#topbar #title a:hover {
	text-shadow: 0px 0px 9px #fff;
}
#topbar #title a:hover span {
	display: block;
	position: absolute;
	right: 10px;
	top: 1%;
	width:53px; height:50px;
	background:url('../images/home.png') no-repeat;
}

#topbar #lang {
	font: 14px Verdana,Arial,Helvetica,sans-serif;
	text-shadow: 0px 0px 9px #fff;
	text-align: right;
	margin-right: 80px;
	height:25px;

}
#topbar #lang a {
	color: #000;
	text-decoration: none;

}
#topbar #lang span {
	color: #111;
	text-decoration: underline;

}
#topbar #lang a:active,
#topbar #lang a:hover {
	color: #222;
	text-shadow: 0px 0px 3px #fff;
}

#quicksearch {
	position: absolute;
	top: 30px;
	left: 1%;
	z-index: 1;
	font: 25px Verdana,Arial,Helvetica,sans-serif;
	text-shadow: 0px 0px 5px #fff;
	text-align: left;
	max-width:500px;
	min-width:400px;
}
#quicksearch form {
	float: right;
}
#quicksearch input {
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

	margin-left: 10px;
	width:100px;
	border:2px solid #fff;
	background-color:#eee;
}

#recommendbrowser {
	position: absolute;
	top: 20px;
	left: 30%;
	z-index: 1;
	font: 15px Verdana,Arial,Helvetica,sans-serif;
	text-shadow: 0px 0px 1px #fff;
	text-align: left;
}
#recommendbrowser span {
	font: 15px Verdana,Arial,Helvetica,sans-serif;
}
#recommendbrowser a {
	color: #000000;
}
#recommendbrowser img {
	vertical-align: middle;
	border: 0px;
}


div.blankbartop {
	float: none;
	width: 100%;
	height:1px;
	clear:both;
}

div.blankbarfooter {
	float: none;
	width: 100%;
	height:25px;
	clear:both;
}

table.cover {
	text-align: center;
	width:100%;
}

#bottombar {
	float: none;
	width: 90%;
	margin-left: 5%;
	height:25px;
	border-top: 1px solid #00031E;
	clear:both;
}

#page {
	position: relative;
}


/* Left part of the page */

#menuandtoc {
	float: left;
	margin-left:10px;
}

#menu {
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

	/*position: relative;*/
	float: left;
	width:180px;
	margin-left:1%;
	margin-bottom: 10px;
	padding:10px;
	/*border:1px dashed #333;*/
	border:2px solid #fff;
	background-color:#eee;
}

a.menuentry {
	color: #660000;
	text-decoration: none;
}

a.selected_menuentry {
	color: #006666;
	text-decoration: underline;
}

a.menuentry:active, a.menuentry:hover
{
	color: #CB0000;
}

.menutable {
	width:100%;
	border: 0px;
}
.menulevel1 {
	padding-left: 5px;
}
.menulevel1:first-letter {
	/*font-family: Serif;*/
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #aaa;
}
.menulevel2 {
	padding-left: 10px;
}
.menulevel3 {
	padding-left: 15px;
}

#menuitem {
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

/*	position: relative;
	float: right;
	width:72%;
	margin-right:5%; 
	/*border:1px dashed #333;*/
	padding:20px;
	margin-left:240px;
	margin-right:30px;
	border:2px solid #fff;
	background-color:#eee;

	overflow: hidden;

	
}

.sitedropdown,
.stonedropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* TOC */
#mytoc {
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

	clear: both;
	width:180px;
	margin-top: 10px;
	margin-left:1%;
	padding:10px;
	/*border:1px dashed #333;*/
	border:2px solid #fff;
	background-color:#eee;
	
	color: #660000;
	text-decoration: none;
	font-size: 12px;
}

.toclevel0 {
	padding-left: 10px;
}
.toclevel0:first-letter {
	/*font-family: Serif;*/
	text-transform: uppercase;
	text-shadow: 0px 0px 1px #aaa;
}
.toclevel1 {
	padding-left: 20px;
}
.toclevel2 {
	padding-left: 30px;
}
.toclevel3 {
	padding-left: 40px;
}

/* institutions logo */

#scslogo {

	clear: both;
	width:200px;
	/*height:135px;*/
	height:69px;
	margin-top: 10px;
	margin-left:1%;
	background-image: url('../images/scs_logo.gif');
	cursor:pointer;
	border:1px solid #AB9;
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	background-position:center; 
	background-repeat:no-repeat;
	background-size: contain;
	/*padding-top: 20px;*/

}
#diaslogo {

	clear: both;
	width:200px;
	/*height:135px;*/
	height:69px;
	margin-top: 10px;
	margin-left:1%;
	background-image: url('../images/dias_logo.png');
	cursor:pointer;
	border:1px solid #AB9;
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	background-position:center; 
	background-repeat:no-repeat;
	background-size: contain;
	/*padding-top: 20px;*/

}

#ahglogo {

	clear: both;
	width:200px;
	height:69px;
	margin-top: 10px;
	margin-left:1%;
	background-image: url('../images/ahg_logo.png');
	background-size: contain;
	background-repeat:no-repeat;
	cursor:pointer;
	border:1px solid #AB9;
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	background-position:center; 
	/*padding-top: 20px;*/
}

#tdplogo {

	clear: both;
	width:200px;
	height:69px;
	margin-top: 10px;
	margin-left:1%;
	background-image: url('../images/tdp_logo.png');
	background-size: contain;
	background-repeat:no-repeat;
	cursor:pointer;
	border:1px solid #AB9;
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	background-position:left; 
}

#tdplogo div {
	font-family: "Gill Sans MT",Arial,Helvetica,Sans-Serif;
	font-size: 16px;
	text-decoration: none;
	padding-top: 5px;
	margin-left: 86px;
	color: rgb(255, 255, 255) !important;
	text-shadow: 0px 0px 1px #ccc;
}


/* Contents */

#sitesmap {
	float: right;
	margin-right: 2%;
	width : 60%;
	height : 600px;
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
}
#sitesmaplegend {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	float: right;
	clear: right;
	margin-right: 2%;
	width : 60%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #404020;
}
#sitesmaplegend img {
	max-height: 20px;
}

#site {
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

/*	position: relative;
	float: right;
	width:72%;
	margin-right:5%;
	padding:2%;*/
	padding:20px;
	margin-left:240px;
	margin-right:30px;
	/*border:1px dashed #333;*/
	border:2px solid #fff;
	background-color:#eee;
	overflow: hidden;
}

.siteimgbox {
	float: right;
	max-width: 60%;
	margin-right: 10%;
}

.siteimg {
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:15px;
}

.siteimgbox div {
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	font-size: 10px;
}

#stone {
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

/*	position: relative;
	float: right;
	width:72%;
	margin-right:5%;
	padding:2%;*/
	padding:20px;
	margin-left:240px;
	margin-right:30px;
	/*border:1px dashed #333;*/
	border:2px solid #fff;
	background-color:#eee;
	overflow: hidden;
}

#stone h1 {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
	padding-left: 0px;
}

#stonemap {
	width : 600px;
	height : 600px;
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
}
#stonemaplegend {
	margin-top: 10px;
	text-align: center;
	width : 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #404020;
}
#stonemaplegend img {
	max-height: 20px;
}

#stone_previous_next {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
	padding-left: 0px;
	float: right;
}

#stone_previous_enabled,
#stone_next_enabled {
	color: #447711;
	text-decoration: none;
	cursor:pointer;
	display: inline;
}

#stone_previous_enabled:hover,
#stone_next_enabled:hover {
	color: #BB4F00;
}

#stone_previous_disabled,
#stone_next_disabled {
	color: #aaa;
	text-decoration: none;
	cursor:default;
	display: inline;
}


.stoneimgbox {
	float: right;
	margin-right: 2%;
}

.stoneimg {
	margin-top: 5%;
	margin-left: 5%;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:15px;
}

.stoneimgbox div {
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	font-size: 10px;
	color: #999;
}

#stonedescription {
	margin: 0;
	padding: 0;
}

#stonedescription h1 {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
	padding-left: 0px;
}
#stonedescription h2 {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
	padding-left: 10px;

	/* <HR/> equivalent */
	overflow: hidden;
	border-bottom: 1px solid rgb(170, 170, 170);
	padding-bottom: 0.17em;
}
#stonedescription h2 a, a:active, a:hover {
	color: #000;
	text-shadow: 0px 0px 2px #aaa;
}

#stonedescription h3 {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
	padding-left: 20px;
}
#stonedescription h3 a, a:active, a:hover {
	color: #000;
	text-shadow: 0px 0px 2px #aaa;
}

#stonedescription h4 {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
	padding-left: 30px;
}
#stonedescription h4 a, a:active, a:hover {
	color: #000;
	text-shadow: 0px 0px 2px #aaa;
}

#stonedescription h5 {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
	padding-left: 40px;
}
#stonedescription h5 a, a:active, a:hover {
	color: #000;
	text-shadow: 0px 0px 2px #aaa;
}

#search {
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

/*	position: relative;
	float: right;
	width:72%;
	margin-right:5%;
	padding:2%;*/
	padding:20px;
	margin-left:240px;
	margin-right:30px;
	/*border:1px dashed #333;*/
	border:2px solid #fff;
	background-color:#eee;
}
#search p, ul {
	text-align: left;
}

#search_part2 td {
	width: 33%;
	vertical-align: top;
}

#searchmap {
	float: right;
	margin-left: 2%;
	margin-right: 2%;
	height : 600px;
	width : 500px;
	border-radius:15px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
}
#searchmaplegend {
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
	float: right;
	clear: right;
	width : 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #404020;
}
#searchmaplegend img {
	max-height: 20px;
}


.searchcolumn {
	min-width: 200px;
	max-width: 250px;
}
.searchcolumnpersname {
	min-width: 200px;
	max-width: 250px;
}
.searchcolumnformula {
	min-width: 150px;
	max-width: 150px;
}
.searchcolumnsitetype {
	min-width: 180px;
	max-width: 200px;
}
.searchcolumnchronology {
	min-width: 350px;
	max-width: 450px;
}
.search_criterias {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	padding-left: 40px;
	list-style-type: square;
}
.hr_separator {
	width:70%;
	border:solid #BBBBBB;
	border-width:1px 0 0;
	height:0;
}

/* Tabs */

div.infotab {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #000;
	/*text-transform:capitalize;*/
	text-shadow: 0px 0px 1px #aaa;
	width: 95%;
	padding-left: 5%;
	margin-bottom: 10px;
}
div.infotab span {
	/*border-left: 1px solid #000;*/
	padding-top: 5px;
	padding-bottom: 5px;
}
div.infotab a {
	background-color: #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #AAA;
/*	border-left: 1px solid #000;*/
	color: #660000;
	text-decoration: none;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
div.infotab a:hover {
	background-color: #e8e8e8;
	color: #CB0000;
}
div.infotab a.selected {
	background-color: #eee;
	color: #006666;
	text-decoration: none;
}
div.infotab a.selected:hover {
	background-color: #eee;
	color: #000;
}
div.infotab a:first-letter {
	/*font-family: Serif;*/
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #aaa;
}
div.infotab a.selected:active, a.selected:hover {
	color: #CB0000;
	background-color: #fff;
}


h1.content {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	/*text-transform:capitalize;*/
	text-shadow: 0px 0px 2px #aaa;
}
h1.content:first-letter {
	/*font-family: Serif;*/
	font-size: 25px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #aaa;

}

/*
h3 {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #aaa;
}
h3:first-letter {
	font-family: Serif;
	font-size: 25px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #aaa;
}
*/

p.footernote {
	color: #272A47;
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	text-align: right;
}

a.footernote {
	color: #660000;
	text-decoration: none;
}

a.footernote:active, a.footernote:hover
{
	color: #CB0000;
}

ul.bullet {
	list-style-image: url("../../resources/images/bullet.png");

}

p.download {
	text-align: right;
	position: relative;
	float: none;
}

p.download img {
	text-align: right;
	position: relative;
	float: none;
}

p.cite {
	text-align: right;
	position: relative;
	float: none;
}


/* 3D style */

#rootX3dElement {
	width: 100%;
	height: 100%;
	min-height: 300px;
	max-height: 600px;
	background-color:#eee;
	border: none;
}

.x3dom-canvas {
	height: 100%;
	min-height: 300px;
	max-height: 600px;
	background-color:#eee;
}

#toggleraxis {
    position: absolute;
    float: left;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 10em;
    height: 2em;
    border: none;
    background-color: #202021;
    color: #ccc;
}

#toggleraxis:hover {
    background-color:#CB5F00;
}

#Xaxis {
    display:none;
}


.x3domcontrols {
	display: inline-block;
}
.x3domcolor {
	display: inline-block;
}
.x3domnavigation {
	display: inline-block;
	float: right;
}
.x3domnavigationhelpnone {
	display: none;
	float: right;
}
.x3domnavigationhelp {
	position: absolute;
	right: 3%;
	font-size: 12px;
	z-index: 1;
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);

	margin-left:1%;
	margin-bottom: 10px;
	padding:10px;
	border:2px solid #fff;
	background-color:#eee;
}
.x3domnavigationhelp td {
	padding-right:10px;
	text-align: center;
}
.x3domreset {
	display: inline-block;
	float: right;
}


/* Overview table */

#table_overview {
	/*border:1px dashed black;*/
	border:2px solid #fff;
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	width:100%;
	padding:3px;
	border-spacing:0px;
	text-align:center;
}

.overview_site {
	font-size:15px;
	background-color:#ccc;
	text-align:left;
}
.overview_site:hover {
	background-color:#d0d0d0;
}

.overview_stone {
	background-color:#ddd;
	font-size:12px;
	font-weight:bold;
}
.overview_stone:hover {
	background-color:#eee;
}

.turntext {
	font-size:9px;
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg); 
}

.overview_category {
	background-color:#d88;
}
.overview_category0 {
	background-color:#8d8;
}
.overview_category1 {
	background-color:#6d6;
}
.overview_category2 {
	background-color:#4d4;
}
.overview_category3 {
	background-color:#2d2;
}

/* Alphabet table */
#table_tool {
	float: right;
	margin-right: 3%;
	margin-left: 3%;
	margin-top: 1%;
	/*border:1px dashed black;*/
	border:2px solid #fff;
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	/*width:50%;*/
	/*height:90px;*/
	padding:10px;
}

#oghamsrc {
	height:20px;
	padding:5px;
}
#oghamdst {
	height:20px;
	padding:5px;
}
#oghamdst_big_center {
	text-align: center;
}
#oghamdst_big {
	overflow: visible;
	font: 3em Arial, serif;
	/*color: #90A080;*/
	text-shadow: 0px 0px 9px #809070;
	/*background-color: #f00;*/

	/*float:left;*/
	display:inline-block;
	
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg); 

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
}

#oghamdst_big div:before, #oghamdst_big div:after {
	content: '';
	padding: 25% 0;
	display: block;
	position: relative;
	/*background-color: #f00;*/
}

#table_alphabet {
	/*border:1px dashed black;*/
	border:2px solid #fff;
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	width:100%;
	padding:10px;
}

.alphabet_letter {
	font: 1.5em Arial, serif;
	color: black;
	/*text-shadow: 0px 0px 9px #809070;*/
	text-shadow: 0px 0px 9px #aaa;
	text-align: right;
}

.alphabet_htmlcode {
	font: 2em Arial, serif;
	color: #90A080;
	text-shadow: 0px 0px 9px #aaa;
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg); 
	text-align: center;

	/*border: 1px solid red;*/
}


div#license p {
	font-size: 10px;
	color: #888;
	margin: 0px;
	padding: 0px;

}

/* Photo cross-fading for project presentation */

@keyframes cf3FadeInOut {
	  0% { opacity:1; }
	 45% { opacity:1; }
	 55% { opacity:0; }
	100% { opacity:0; }
}

#projectstoneimgbox {
	float: right;
	margin-right: 5%;
	background-size: 100%;
	background-position: center center;
/*	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:15px;*/
	margin-right: 5%;
	margin-top: 5%;
	margin-left: 5%;
	max-width: 30%;
}

#projectstoneimgbox img {
	top:0px;
	left:0px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:15px;
	border: 0px;
	margin: 0px;
	width: 100%;
}

#projectstoneimgbox img.top {
	animation-name: cf3FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	animation-direction: alternate;
}

#crossfadeimgboxhover {
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius:15px;
	margin-right: 2%;
	margin-top: 5%;
	margin-left: 5%;
}

#crossfadeimgboxhover img {
	top:0px;
	left:0px;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:15px;
	border: 0px;
	margin: 0px;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#crossfadeimgboxhover img.top:hover {
  opacity:0;
}

.twitter-timeline {
	float:right;
	margin-right: 2%;
	margin-left: 2%;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	border-radius:15px;
	width: 200px;
}