/* This document contains the general CSS structure.This includes:
	1. Phototour Logo
	2. body, h1...related DOM elements
	3. hyperlinks
	4. container
	5. header
	6. footer
*/

#phototour_logo{
	font:600 38px Helvetica,Arial,sans-serif;
	color:#3399FF;
	position:relative;
	float:left;
	letter-spacing:-1px;
	line-height:38px;
	margin:0px 0px;
	}

a.phototour_logo:link{
	color:#3399FF;
	text-decoration:none;
	}

a.phototour_logo:visited{
	color:#3399FF;
	text-decoration:none;
	}

a.phototour_logo:hover{
	color:#3399FF;
	text-decoration:none;
	}


a.phototour_logo:active{
	text-decoration:none;
	}

#html_container{
	float:none;
	width:900px;
	margin:0px auto 0px auto;
	}

body, 
h1,h2,h3,h4,h5,h6,ul,li,
p{
	font:13px Arial,sans-serif;
	} 

p.t{
	padding-top:2px;
	padding-bottom:2px;
}

h1{
	font-size:18px;
	font-weight:bold;
	}

h2{
	font-size:16px;
	margin:5px 0px;
	}

h3{
	font-size:13px;
	}

h4{
	font-size:13px;
	margin:5px 0px;
	}

h5{
	font-size:12px;
	}

h6{
	font-size:11px;
	}

p{
	font-size:13px;
	margin:4px 0px;
	line-height:17px;
	}

.s1{
	font-size:12px;
	}

.s2{
	font-size:11px;
	}

.no_margin{
	margin:0px;	
	}

.title{
	margin-top:0px;
	margin-bottom:18px;
	}

/*CSS Hyperlinks, it will only work if its in the order
a:link, a:visited, a:hover, a:active */

a:link {
	text-decoration:none;
	}
a:visited{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
a:active{
	text-decoration:none;
	}

.line_separator{
	border-bottom: 1px dotted #000; 
	margin-top:2px;
	margin-bottom:5px;
	}

/*CSS clear element*/
.clearer{
	clear:both;
	width:100%;
	}

.feed_divider{
	margin:10px 0px;
	border-top:1px solid #CCC;
	}

#container{
	margin:0px auto;
	width:982px;
	}
/*tall class give extra height to form websites*/
.tall{
	height:450px;
	}

#header{
	width:100%;
	background:#FFF;
	margin-bottom:14px;
	clear:both;
	height:42px;
	}

#form_span{
	position:relative;
	float:left;
	margin:12px 0px 12px 6px;
	font-size:13px;	
	}

.h_line{
	float:left;
	border-left:1px solid #CCC;
	margin:14px 12px 0px 12px;
	height:24px;
	}

.s_link{
	font:500 13px Arial, sans-serif;
	margin-top:17px;
	float:left;
	}

#footer{
	font-size:13px;
	width:100%;
	clear:both;
	text-align:center;
	margin:15px 0px;
	}

/*input box styling*/
.input-text-field{
	padding:5px;
	width:160px;
}

#silver_outer_border{
	border:1px solid rgb(204,204,204);
	width:100%;	
	}

#silver_inner_border{
	border:1px solid rgb(102,102,102);
	margin:0px;
	padding:20px;
	padding-top:18px;
	}	

.photo_outer_border{
	float:left;
	border:1px solid #999;
	margin:3px 8px 3px 0px;
	}

.photo_inner_border{
	float:left;
	border:2px solid #FFF;
	}
/*thumbnail image*/
.thumb_border{
	float:left;
	border:1px solid #CCCCCC;	
	}

.thumb_hyperlink{
	float:left;	
	}

.thumb_image{
	float:left;
	border:1px solid #FFFFFF;
	}

/*link img*/

.l_img{
	border:none;
	float:left;
	position:relative;
	}