* {
	margin: 0;
	padding: 0;
}
a{
	outline: none;
}
img{
	border: none;
}
body{
	background-color: #cacaca;
	text-align: center;
	font-size: 100%;
	line-height: 1.125em;
	font-family: Georgia, serif;
}

html, body{

	margin: 0; 
	padding: 0;
	height: 99.88%;
	
}
html {
	/*Start hiding from IE Mac \*/

	width: 100%;
	overflow: auto;

	/*Stop hiding from IE Mac */
}

#wrapper{
	/*background image??*/
	padding-top: 28px;
}

#content-holder{
	/*width: 976px;*/
	width: 61em;
	position: absolute;
	left: 50%;
	margin-left: -488px;
	text-align: left;
	
	
}

div#container {
	height: 100%;
	width: 100%;
	min-height: 600px;
	min-width: 1004px;
	position: relative;
}
div#needFlashPlugin {
	position: relative;
	margin-top: 100px;
	font-size: 0.6em;
}

/* == NAVIGATION ==*/
#nav-wrapper{
	/*margin-bottom: 3px;*/
	position: relative;
}

#cities{
	float: right;
	/*background-color: aqua;*/
	/*border: 1px solid #333;*/
	/*width: 688px;*/
	width: 43em;
	height: 63px;
	padding-top: 5px;
}

#cities ul{
	list-style: none;
}

#cities ul li{
	float: left;
	width: 86px;
}

li.beijing a{
	background: #cacaca url(../images/nav-beijing.gif) no-repeat left top;
}
li.tokyo a{
	background: #cacaca url(../images/nav-tokyo.gif) no-repeat left top;
}
li.sydney a{
	background: #cacaca url(../images/nav-sydney.gif) no-repeat left top;
}
li.chicago a{
	background: #cacaca url(../images/nav-chicago.gif) no-repeat left top;
}
li.montreal a{
	background: #cacaca url(../images/nav-montreal.gif) no-repeat left top;
}
li.newyork a{
	background: #cacaca url(../images/nav-new-york.gif) no-repeat left top;
}
li.boston a{
	background: #cacaca url(../images/nav-boston.gif) no-repeat left top;
}
li.london a{
	background: #cacaca url(../images/nav-london.gif) no-repeat left top;
}

#cities ul li a{
	display: block;
	width: 86px;
	height: 63px;
	line-height: 63px;
	text-decoration: none;
	/*background: #cacaca url(../images/nav-beijing.gif) no-repeat left top;*/
	text-indent: -5000px;
}

#cities ul li a:hover{
	background-position: left bottom;
}

/*-highlight current nav-*/
#beijing #cities .beijing a,
#tokyo #cities .tokyo a,
#sydney #cities .sydney a,
#chicago #cities .chicago a,
#montreal #cities .montreal a,
#new-york #cities .newyork a,
#boston #cities .boston a,
#london #cities .london a{
	cursor: default;
	background-position: left bottom;
}


#left-nav{
	float: left;
	/*width: 285px;*/
	width: 18em;
	max-width: 20em;
	/*border: 1px solid #eee;*/
}
#left-nav img{
	margin-bottom: 5px;
}
#left-nav p{
	margin-bottom: 4px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #505050;
}
#left-nav ul{
	list-style: none;
}
#left-nav li{
	float: left;
	border-left: 1px solid #333;
	margin-left: 3px;
	padding-left: 3px;
	line-height: 1em;
	
}

#left-nav li.first{
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

#left-nav li a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.65em;
	color: #505050;
}
#left-nav li a:hover{
	color: #444444;
	text-decoration: underline;
}



/* === CONTENT === */
/* =============== */

#content{
	display: block;
	clear: both;
	position: relative;
	top: 5px;
	background-color: #eaeaea;
	/*padding: 18px 25px 20px 25px;*/
	padding-top: 18px;
	padding-bottom: 18px;
}

#content-inner{
	/*margin-left: 100px;*/
	padding-left: 25px;
	/*height: 500px;*/
	height: 31.5em;
}

#image-side{
	float: left;
	width: 474px;
}
#image-side img{
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
#image-side p.left{
	float: left;
	width: 470px;
	font-size: 0.7em;
	line-height: 1.25em;
}
#image-side p.left em{
	text-transform: uppercase;
}

#image-side p.right{
	float: right;
	font-size: 0.7em;
	text-transform: uppercase;
}
#image-side p.right a{
	color: #505050;
}


#text-side{
	float: left;
	width: 425px;
	padding-left: 20px;
	line-height: 1.125em;
	color: #505050;
}
#text-side p.day{
	text-transform: uppercase;
	font-size: 0.7em;
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: 3px;
	/*margin-bottom: 10px;*/
}
#text-side h1{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 12px;
	line-height: 1.25em;
}
#text-side h1 .sub-header{
	font-size: 0.625em;
	font-style: italic;
}

#text-side p{
	font-size: 0.7em;
}

/* --- grey box on right side --- */
#text-side-box{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 16px;
	background-color: #858585;
	color: #fff;
}
#text-side-box ul{
	list-style: none;
	
}
#text-side-box ul li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#text-side-box h2{
	clear: both;
	display: block;
	margin-bottom: 7px;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}
#text-side-box p{
	font-style: italic;
}


/* --- Invite a friend button --- */
p.text-side-invite a, p.invite-btn a{
	display: block;
	width: 10em;
	padding: 0.2em;
	background-color: #c1c1c1;
	color: #505050;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
p.text-side-invite a:hover, p.invite-btn a:hover{
	background-color: #ababab;
}

/* --- Invite a friend page --- */
#invite-box{
	position: relative;
	float: left;
	width: 29em;
	height: 29.5em;
	padding: 15px;
	background-color: #c0c0c0;
	
}
#invite-friend #invite-box h1{
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
}
.invite-introtext{
	margin-bottom: 20px;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: uppercase;
}

#invite-box input, #invite-box textarea{
	font: 0.8em Arial, Helvetica, sans-serif;
	/*width: 20em;*/
}

#invite-box label{
	font-size: 0.7em;
}
#message_textarea{
	margin-bottom: 10px;
}
.required-label{
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 0.7em;
}
#submit_input{
	width: 5em;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
}

.form-error{
	color: #cc0000;
}
.process-error{
	width: 15em;
	margin-left: 10px;
	font-size: 0.7em;
	color: #c10000;
}
#error-list{
	position: absolute; 
	right: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	
}
#error-list dt{
	margin-bottom: 5PX;
	text-transform: uppercase;
	font-weight: bold;

}
#error-list dd{
	text-indent: 10px;
	text-transform: capitalize;
}



/* --- Videos Page --- */
#videos-left{
	position: relative;
	width: 17em;
	float: left;
	background-color: #514e4d;
	color: #fafafa;
	text-align: center;
}
#videos-left, #videos-right{
	height: 31em;
}
#videos-left h1{
	margin: 20px 0 20px 0;
	font-size: 1.0em;
	font-weight: normal;
	text-transform: uppercase;
}
#videos-left p{
	font-size: 0.7em;
	margin-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

#videos-left .invite-btn{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5em;
}

#videos-right{
	position: relative;
	width: 40em;
	float: left;
	margin-left: 5px;
	background-color: #1d1817;
}
#videos-right .video-wrapper{
	width: 38em;
	padding-top: 25px;
	text-align: center;
}
#videos-right .bottom{
	position: absolute;
	bottom: 0;
	width: 40em;
	border-top: 2px solid #fff;
	background-color: #393433;
	color: #fafafa;
}

#videos-right .bottom p{
	height: 4em;
	padding: 5px;
}


/* ++ Latest Page ++ */
#blurb-container, #article-container{
	position: relative;
	padding-top: 0.5em;
	color: #515151;
}
#blurb-container h1, #article-container h1{
	margin-bottom: 1em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: normal;
}

/* Article Blurb */
#latest-list{
	float: left;
	width: 28em;
	height: 28em;
	overflow: auto;
	padding-right: 1em;
}
#latest-list li{
	margin-bottom: 1.4em;
}


#latest-list .entry-title, #latest-list .publishInfo{
	letter-spacing: 0.02em;
	line-height: 1.6em;
	font-weight: bold;
	color: #3b3b3b;
}

#latest-list .entry-title{
	margin-bottom: 0.15em;
	font-size: 0.72em;
	text-transform: uppercase;
}

#latest-list .publishInfo{
	margin-bottom: 0.75em;
	font-size: 0.7em;
}

#latest-list .entry-content{
	font-size: 0.7em;
}
.more-info-link{
	line-height: 2em;
}
.more-info-link a{
	color: #000000;
}

#latest-image{
	float: left;
	width: 28em;
	padding-left: 1em;
	text-align: center;
}


/* Full article 
  ------------- */

/*article-container*/
#pre-article{
	position: relative;
	width: 28em;
	/*margin-bottom: 1em;*/
}

#pre-article .back-link{
	position: absolute;
	right: 0;
	top: 0;
}
.back-link a{
	text-decoration: none;
	font-weight: normal;
	font-size: 0.7em;
	color: #3b3b3b;
}

#latest-article{
	float: left;
	width: 28em;
	height: 28em;
	overflow: auto;
	padding-right: 1em;
	/*padding-top: 0.5em;*/
}

#latest-article .article-title, #latest-article .publishInfo{
	letter-spacing: 0.02em;
	line-height: 1.6em;
	font-weight: bold;
	color: #3b3b3b;
}
#latest-article .article-title{
	margin-bottom: 0.15em;
	font-size: 0.72em;
	text-transform: uppercase;
}
#latest-article .publishInfo{
	margin-bottom: 0.75em;
	font-size: 0.7em;
	color: #3b3b3b;
}


.article-content p{
	font-size: 0.7em;
}

/* Full article image */

#latest-image .narration{
	margin-top: 7px;
	font-size: 0.6em;
	text-transform: uppercase;
}

p#latest-img-nav{
	margin-top: 12px;
}

#latest-img-nav .img-numbering{
	margin: 0 21px 0 21px;
}


/* this container is for flash only, so hide it */
#latest-image #image-list{
	display: none;
}