/* <!-- */
	/* General styles */
	html, body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-family: 'Roboto', sans-serif;
		color:#666;
		font-size:11pt;
		height:100%;
	}
	img{
		max-width:100%;
	}
	h3{
		font-weight:normal;
		text-transform:uppercase;
		font-size:12pt;
		line-height:18pt;
		margin:0;
		padding:0;
	}
	p{
		margin:0;
		padding:0;
		text-indent:10pt;
		max-width:400px;
	}
	#nav{
		width:40px;
		height:100%;
		min-height:100%;
		background:#CCC;
		float:left;
	}
	#nav a{
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
		white-space:nowrap;
		display:block;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		text-transform:uppercase;
		width:60px;
		height:60px;
		margin-left:-30px;
	}
	#nav a:hover{
		color:#008eb2;
	}
	#nav a .active{
		color:#008eb2;
	}
	#nav span{
		padding-right:15px;
	}
	#nav span .active{
		color:#008eb2;
	}
	#nav span:hover{
		color:#008eb2;
	}

	/* common column settings */
	.col1,
	.col2 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column settings */
	.col1 {
		position:fixed;
		padding-top:300px;
		width:500px;			/* left column content width (column width minus left and right padding) */
		text-align:right;
		background:#ccc url('me.png') top right no-repeat;
	}
	.col2 {
		padding-top:60px;
		padding-left:20px;
		margin-left:500px;
	}
	#subnav{
		width:220px;
		min-height:100%;
		background:#666;
		float:left;
		font-weight:bold;
		color:#fff;
		text-align:center;
	}
	#subnav a{
		color:#FFF;
		margin:0;
		padding:0;
	}
	#subnav a:hover{
		text-decoration:none;
		color:#008eb2;
	}
	#subnav a.active{
		color:#008eb2;
	}
	#col3{
		position:fixed;
		top:0;
		margin-left:265px;
		width:calc(100% - 265px);
		height:100%;
		overflow:scroll;
		padding-top:3px;
	}
	#newgalContainer{
	width:100%;
	}
	#newgalContainer li{
		list-style-type:none;
		display:inline-block;
		margin:0;
		padding:0;
	}
	#newgalContainer img{
		vertical-align:bottom;
		padding:5px;
		opacity:1;
		cursor:pointer;
	}
	#newgalContainer a:hover{
	}
	.image_overlay{
	 display:none;
	 position:absolute;
	 background:#000;
	 right:5px;
	 bottom:5px;
	 padding:5px 10px;
	 color:#FFF;
	 font-size:10pt;
	 z-index:9999;
	 border-radius:5px 0 0 0;
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
	a{
		text-decoration:none;
		color:#008eb2;
	}
	a:hover{
		text-decoration:none;
		color:#008eb2;
	}
	.biglink{
		font-size:48pt;
		line-height:52pt;
		color:#fff;
		text-decoration:none;
		font-weight:900;
		text-transform:uppercase;
		background: url('marker.png') right no-repeat;
		padding-right:30px;
	}
	.biglink:hover{
		background: url('marker_over.png') right no-repeat;
	}
	.smallcaption{
		font-size:10pt;
		font-weight:normal;
		line-height:11pt;
		color:#fff;
		text-decoration:none;
		padding-right:30px;
	}
	#photolinks{
		line-height:14pt;
	}
	.big{
		font-size:42pt;
		line-height:42pt;
		color:#DDD;
		text-decoration:none;
		font-weight:bold;
		text-transform:uppercase;
	}
	.textblock{
		margin:0;
		padding:0;
		padding-bottom:15pt;
	}
	.textblock p{
	margin-top:5px;
	}
	#show{
		position:absolute;
		top:0;
		left:40px;
		width:1000px;
		height:600px;
	}
	.clear{
		clear:both;
	}
	
/*//////////////////////////////////////////////////////////////////////////////////////
		style for places 
//////////////////////////////////////////////////////////////////////////////////////*/

	.resultrow{
		background:#eee;
	}
	.order{
		background:#e5f3f7;
		border-left:2px solid #FFF;
		cursor:pointer;
	}
	.orderby{
		background:#e5f3f7 url(../../travelsandtrails/images/orderby.png) left no-repeat;
		border-left:2px solid #FFF;
		cursor:pointer;
		padding-left:23px;
	}
	.orderingby{
		background:#7fc6d8;
		border-left:2px solid #FFF;
		cursor:pointer;
	}
	.orderingbydown{
		background:#7fc6d8 url(../../travelsandtrails/images/orderbyDown.png) left no-repeat;
		border-left:2px solid #FFF;
		cursor:pointer;
		padding-left:23px;
	}
	.orderingbyup{
		background:#7fc6d8 url(../../travelsandtrails/images/orderbyUp.png) left no-repeat;
		border-left:2px solid #FFF;
		cursor:pointer;
		padding-left:23px;
	}
	
	.orderby a, .orderingbyup a, .orderingbydown a{
		font-weight:bold;
		color:#242F36;
	}
	#prevnext{
		text-align:center;
		padding-top:10px;
	}
	
	#prevnext a{
		margin:1px;
		text-decoration:none;
	}
	#placetitle{
		font-size:14pt;
		text-decoration:none;
		font-weight:bold;
		text-transform:uppercase;

	}
	#placedesc{
		width:630px;
		padding:15px 0;
	}
	.rating{
		padding:10px 0;
	}
	.infobar div{
		float:left;
	}
	.smallinfobar1{
		background:#d9ebf9;
		float:left;
		width:200px;
		padding:5px;
		margin-right:5px;
	}
	.smallinfobar2{
		background:#d9ebf9;
		float:left;
		width:200px;
		padding:5px;
		margin-right:5px;
	}
	.smallinfobar3{
		background:#d9ebf9;
		float:left;
		width:200px;
		padding:5px;
		margin-right:5px;
	}
	.subheading{
		font-size:30px;
		letter-spacing:-2px;
		font-weight:bold;
		color:#fff;
		text-transform:uppercase;
		position: relative;
		line-height:20px;
		top: -7px;
		left: -8px; 
	}
	.subsubheading{
		font-weight:bold;
		color:#fff;
	}
	.thumb{
		padding:0 0 5px 0;
		width:50px;
	}
	.thumb img{
		padding:5px 5px 0 5px;
	}

	/* --> */
	
	.nomargin{
		margin:0 !important;
	}
	
	.nopad{
		padding:0 !important;
	}