@import "base.css";

html,body{
	height:100%;
	margin:0;
	padding:0;
}
body {
	font-family: "Helvetica Neue",Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #111;
	text-align:center;
	min-width:920px;
	min-height:660px;
}

a, a:link {
	/*font-family: Courier,"Courier New",monospace;*/
	font-size:12px;
	color:#295fcc; /* 1c71ad  Complementary=2b35b1->2934cc  Secondary A=1C70A2->1c71ad  analogic=FF9A1F*/
	text-decoration:none;
}
a:hover {text-decoration:underline;}
 /* vertically align main element i.e. suitcase div */
#wrapper{
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	margin-top:-338px; /* half main element's height plus border width -- (660 / 2) + 8 = 338 */
}
/*#wrapper {
	float:left;
	width:100%;
	height:50%;
	margin-top:-345px;
}
*/
#suitcase {
	width:920px;
	height:660px;
	margin:0 auto;
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; behavior:url(border-radius.htc);
	border:8px solid #ffc31f;
	overflow:auto;
}

#content {
	float:right;
	width:712px;
}

div#header{
	position:relative;
	float:left;
	width:206px;
	height:100%;
	border-right:2px solid #222;
}
#handle {
	position:relative;
	display: block;
	z-index:-1;
	width:100%;
	background-color:#1f1f1f;
	border-right:2px solid #ffc31f;
}

#logo {
	position:relative;
	display: block;
	width:100%;
	height:40px;
	background: url(../images/A_Minus_Suitcase_w.png) center no-repeat;
	/*background:transparent url(../images/suitcase.png) center no-repeat;*/
}

#attribution {
	position: absolute;
	bottom: 1px;
	width:100%;
	line-height:2;
	margin:0 auto 2px auto;
	/*padding:0 0 0.33em 0;*/
	
}
#attribution p, #attribution a {
	font-size:9px; color:#999;
	text-align:center;
	margin-bottom:0.4em;
}


ul#navbar {
	position:relative;
	display:block;
	font-family: Courier,"Courier New",monospace;
	font-size: 12px;
	width: 6em;
	margin: 50px auto 0 auto;
	padding:1em 1.5em;
	list-style: none;
	/*background:#fcfcf6;*/
	/*border: 1px dashed #222;*/
	/*border-radius: 4px; -webkit-border-radius: 2px; -moz-border-radius: 4px;*/
}

ul#navbar li {display:inline;height:2em;}

ul#navbar a {
	display: block;
	text-decoration: none;
	font-family: Courier,"Courier New",monospace; /*Helvetica,"Helvetica Neue",Arial, sans-serif;*/
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#111;
	line-height:2;
	margin:0.5em 0;
	border: 1px solid transparent;
	/*padding: 1em 0;*/
	
}

ul#navbar a:hover {
	/*color:#fac31e;*/
	border: 1px dashed #000;
	/*text-decoration: underline;*/
}

ul#navbar a.current {color:#333;border: 1px dashed #333;cursor:default;}

div#columnleft {
	float: left;
	width: 24.5em;
	height: 42em;
	/*border:8px solid #fac31e;*/
}

div#about {
	position:relative;
	width:67%;
	font-size:12px;
	margin:12em auto 10px auto;
}

div#about p {
	/*font-size:12px;*/
}

.a-minus-suitcase {
	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-variant:small-caps;
	/*text-transform:lowercase;*/
	/*line-height:100%;*/
	font-size:1.1em;
	letter-spacing:0.1em;
	padding:0 1px;
}

div#about .signature {font-style:italic;text-align:right;}

div#about h1 {
	font-size:12px;
	text-align:left;
	/*line-height:2;*/
	margin-bottom:1em;
}

/** itinerary */
#itinerary {
	position:relative;
	width:590px; height:auto;
	margin:20px auto 0 auto;
}

#locations {
	width:100%;
	height:600px;
	/*margin-bottom:5px;*/
	padding:20px 12px 10px 12px;
	overflow:auto;
}

.locations {
	position:relative;
	width:100%;
	margin:0px auto 50px auto;
	/*background:#eee;*/
}

.locations h2 {font-size:1.334em;}

.title {line-height:1.5em;font-style:italic;text-align:center;margin-bottom:1em;}

.description {}

.gallery {width:100%;margin:2px 0 20px 0;}

.video-div {width:98%;margin:1em auto 0 auto;}

p.video {text-align:center; padding:0.34em 0; border:1px solid #ffc31f;}

/** */
p.countries {
	position:relative;
	width:100%;
	font-family:Courier,"Courier New",monospace;
	font-size:12px;
	text-align:left;
	/*margin-bottom:6em;*/
	margin-top:4em;
	line-height:1.5;
	color:#000;
}

span.to {
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	padding: 0 0.3em;
}

ul.countries {
	margin:16.665% auto 0 auto;
	list-style:none;
}
ul.countries li {
	/*display:inline;*/
	text-align:left;
	line-height:2;
}

#artists {
	position:relative;
	width:180px;
	margin:40px auto 0 auto;
}
#artists ul {
	list-style-image: url(suitcase.png);
}
#artists ul li {
	text-align:left;
	line-height:2.5;
}
/*#artists ul li:before {display: marker; marker-offset: 1em;}*/

div#image-div {
	position:relative;
	width:578px;
	margin:110px auto 1px auto;
}
div.image-div {
	position:relative;
	width:600px;
	margin:100px auto 1px auto;
}

p.caption {
	/*font-family:Courier,"Courier New",monospace;*/
	font-size: 12px;
	text-align:center;
	margin-top: 60px;
	/*padding: 1em 0;*/
	/*border: 8px solid #fac31e;*/
}
p.caption span {padding: 1em;border: 4px solid #fac31e;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

div#caption {
	font-size:12px;
	width: 24em;
	background-color: #fff;
	margin: 40px auto 0 auto;
	padding: 1em;
	/*border: 1px dashed #111;*/
}
div#caption a {font-family:Courier,"Courier New",monospace;font-size:12px;text-align:center;}