
/**************************************
Company: Sport Tours International, Inc.
Site Developed by: Integrated New Media
(Original) Author: Integrated New Media

(Updated) Author: Integrated New Media
(Updated) Date: February 27, 2008
**************************************/

/*********************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Global Styles ~~~~~~~~~~~~~
*********************************************************************/
* {
	margin:0;
	padding:0;
}

body, html {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	line-height: 16px;
	color: #003;
	background:#000 url(/Assets/Images/Home_Back_Right.jpg) 680px 0 no-repeat;
}

img, table { border:none; }
.navRolloverImg    { height:20px; width:17px; }
p {margin:10px 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  HyperLinks  ~~~*/

a { 
	color: #003366; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none; 
}
a:hover { color: #666666; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Titling  ~~~*/

h1, h2, h3, h4 {
	padding:0;
	margin:0;
	color:#333;
	margin-bottom:0px;
}

h1 { display: none; }

.bodystyle, body {

	font-size: 11px;
	line-height: 16px;
}

.small, h4 {
	
	font-size: 9px;
}

.medium, h3 {
	
	font-size: 12px;
}

.big, h2 {
	
	font-size: 13px;
}

.xbig, h1 {	
	font-size: 16px;
}

.expanded {
	
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	
	text-align: left;
}

/*************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout Styles ~~~~~~~~
*************************************************************/

#content {
	position:absolute;
	width:526px;
	height:600px;
	z-index:11;
	left: 137px;
	top: 120px;
}
#nav {
	position:absolute;
	width:123px;
	height:120px;
	z-index:10;
	top: 108px;
	left: 11px;
}


#logo {
	position:absolute;
	width:185px;
	height:83px;
	z-index:3;
	left: 13px;
	top: 0px;
}

#tabs {
	position:absolute;
	width:375px;
	height:35px;
	z-index:4;
	left: 198px;
	top: 77px;
}	
#tabs a { margin-right:-4px; }

#back {
	position:absolute;
	width:801px;
	height:615px;
	z-index:1;
	left: 0px;
	top: 0px;
}

body {
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;
}

#back_bottom {

	position:absolute;
	width:803px;
	height:81px;
	z-index:6;
	left: 1px;
	bottom: -348px;
	vertical-align: bottom;
 
}

.footer {
	font-size: 8px;
	color: #999999;
}

.box1 {
	padding: 3px;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	border: 1px solid #999999;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}


/*------------------------------------- Image PopUp -------*/

#ThumbNails
{
	z-index: 79;
	position: relative;
	top:7px; left:6px;	 
}

.thumbnail{
/*position: relative;*/
}

.thumbnail:hover{
background-color: transparent;
z-index: 80;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: 100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: absolute;
top: 58px;
left: -10px; /*position where enlarged image should offset horizontally */

visibility: visible;
}

#INMLogo {
	background:red;
	width:144px; height:33px;
	text-indent:-9999px;
	float:right;
}