/*
---------------------------------------
Title: Iron Blosam
Author: Reachel Bagley, FiG Creative

Created: 11.10.06
Modified:
-------------------------------------*/

body {
	background-color: #4473B9;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin-left: 75px;
	margin-top: 14px;	
}

a {
   color: #1088D4;
}

a:visited {
   color: #9016B2;
}

.comment {
	font-size: 10px;
	font-style: italic;
	color:#666666;
}

.comment2 {
	color:#666666;
}

/* =Column Controls
-------------------------------------*/
	#main {
		clear: both;
		margin: 0;
		padding: 0;
		background-image: url(../images/background_white.gif);
		background-repeat: no-repeat;
		font-size: 10px;
	}
	
	#main2 #top{
		clear: both;
		margin: 0;
		padding: 0;
		background-image: url(../images/background_white_top.gif);
		background-repeat: repeat-y;
	}
		
	#main2 #bottom{
	width: 700px;
	height: 23px;
	vertical-align: top;
	clear: both;
	margin: 0;
	padding: 0;
	background-image: url(../images/background_white_bottom.gif);
	background-repeat: no-repeat;
	}
	
	#content-column {
	   float: left;
	   margin: 0;
	   padding: 0;
	}
	
/* =Navigation Tabs
-------------------------------------*/
	#menu {
		margin: 0px;
		padding: 0px;
		width: 800px;
	}
	
	#nav {
		float: left;
		vertical-align: top;
		display: block;
		margin: 0px;
		padding-top: 1px;
		font-size: 12px;
	}
	
	#nav ul {
		list-style: none;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#nav li{
		text-align: left;
		float: left;
	   }
	
	#nav a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 57px 0px 0px 0px;
	}
		
	#nav a:hover {
		padding-top: 25px;
		padding-bottom: 32px;
	}
			
	#nav .top{
		padding-left: 1em;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1em;
   }
   
   #nav .bottom {
		padding-left: 1em;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1em;
	}
	
	#nav .firsttop{
		padding-left: 1.5em;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1em;
   }
   
   #nav .firstbottom {
		padding-left: 1.5em;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1em;
	}

		/* =Off State*/
		#nav #welcometab a{
			background-image:   url("../images/menu/tab_first_bg_off.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 105x;
			color: #FFFFFF;
			text-decoration: none;
			display: block;
		}
		
		#nav #lodgehighlightstab a, #roomstab a, #calendartab a, #vacationtab a{
			background-image:  url("../images/menu/tab_bg_off.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 97px;
			color: #FFFFFF;
			text-decoration: none;
			display: block;
		}  
		
		#nav #ownerstab a{
			background-image:  url("../images/menu/tab_last_bg_off.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 110px;
			color: #FFFFFF;
			text-decoration: none;
			display: block;
		}  
	
		/* =Rollover State*/
		#nav #welcometab a:hover{
			background-image:   url("../images/menu/tab_first_bg_on.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 119px;
			color: #000000;
			text-decoration: none;
			display: block;
	   } 

		#nav #lodgehighlightstab a:hover, #roomstab a:hover, #calendartab a:hover, #vacationtab a:hover{
			background-image:  url("../images/menu/tab_bg_on.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 110px;
			color: #000000;
			text-decoration: none;
			display: block;
	   } 
	   
	   #nav #ownerstab a:hover{
			background-image:  url("../images/menu/tab_bg_on.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 110px;
			color: #000000;
			text-decoration: none;
			display: block;
	   }   
	   
	    /* =Selected Tab*/
		body#welcome #welcometab a {
		   	background-image:   url("../images/menu/tab_first_bg_on.gif");
		   	color: #000000;
			width: 119px;
			padding-top: 25px;
			padding-bottom: 32px;
		}
		
		body#lodgehighlights #lodgehighlightstab a,
		body#rooms #roomstab a,
		body#calendar #calendartab a,
		body#vacation #vacationtab a {
			background-image:  url("../images/menu/tab_bg_on.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 110px;
			color: #000000;
			text-decoration: none;
			display: block;
			padding-top: 25px;
			padding-bottom: 32px;
		}
			
		body#owners #ownerstab a {
		   	background-image:  url("../images/menu/tab_bg_on.gif");
			background-repeat: no-repeat;
			background-position: left top;
			width: 110px;
			color: #000000;
			text-decoration: none;
			display: block;
			padding-top: 25px;
			padding-bottom: 32px;
		} 

/* =Subnav column
-------------------------------------*/
	#subnav {
		width: 10.5em;
		height: 650px;
		background-image: url("../Images/menu/box_gray_b.gif");
		background-repeat: repeat-x;
		background-position: center top;
		margin-left: 15px;
	}
   
   #subnav .t{
      background:  url("../Images/menu/box_gray_t.gif") no-repeat center top;
   }
   
   #subnav .b{
      background:    url("../Images/menu/box_gray_b.gif") repeat-x center bottom;
   }
   
   #subnav .tr{
      background:  url("../Images/menu/box_gray_tr.gif") no-repeat top right;
   }
   
   #subnav .tl {
      background:  url("../Images/menu/box_gray_tl.gif") no-repeat top left;
   }
   
   /* =Secondary Nav Link Display
		-------------------------------------*/
		
		#subnav ul.secondary {
			color: #FFFFFF;
			padding-top: 15px;
		}
		
		#subnav .secondary li {
			margin: 0.1em 0.1em 0.1em -1.5em;
			padding-bottom: 0.5em;
			padding-right: 0.2em;
			font: 12px Arial, Helvetica, sans-serif;
		 }

		#subnav .secondary li a {
			text-decoration: none;
			color: #9AD2F8;
			font: 12px Arial, Helvetica, sans-serif;
		}
				  
		#subnav .secondary li a:hover {
			color: #296DC1;
		}
		
		#subnav ul.secondary ul{
			clear: left;
			list-style-type: none;
			margin-left:14px;
			padding: 0px
		}
		
		#subnav ul.secondary ul li{
			font-size:9px;
			font-style:italic;
			color: #FFFFFF;
			padding: 0px
		}

		#subnav ul.secondary ul li a{
			font-size:9px;
			font-style:italic;
			color: #9AD2F8;
			text-decoration: none;
			padding: 0px
		}
		

/* =Headers
-------------------------------------*/
	#homeheader {
		float:left;
		margin: 0;
		padding-left: 10px;			
		width: 350px;
  	}
	
	#homeheader #text{
		text-align: justify;
		font-size: 12px;
		font-weight: lighter;
		color: #666666;
	}
	
	#homeheader #text .title {
		font-size: 36px;
		word-spacing: 25em;
		color: #1088D4;
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #0099FF;
		font-weight: 900;
		margin-bottom: 5px;
	}

   /* =Home BG
-------------------------------------*/
	#lobby {
		background-image: url(../images/home_lobby.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding: 1px;
		height: 99px;
		width: 350px;
	}
	
	#lobby #title{
		font-size: 16px;
		color: #1088D4;
		text-transform: uppercase;
		font-weight: 900;
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #0099FF;
		text-align: left;
	}
	
	#lobby #bullet a{
		text-transform: uppercase;
		text-decoration: none;
		color:#666666;
	}
	
	#booking {
		padding: 0px 0px 0px 10px;
		height: 165px;
		width: 145px;
	}

   /* =content BG
-------------------------------------*/
	#table {
		width: 350px;
		margin-left: 10px;
		float: left;
		background-color: #FFFF99;
		border: thin solid #FFCC00;
		margin-top: 5px;
	}
	
	#table ul{
		list-style: none;
		float: left;
		display: block;
		margin: 0;
		padding: 5px;
	}
	
	#table li{
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 12px;
		margin-bottom: 5px;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	
	#table #heading{
		font-weight: bolder;
		color: #666666;
		font-size:12px;
		text-transform: uppercase;
		background-color: #FFCC00;
	}
	
	#table .odd{
		background-color: #FFFFFF;
	}
	
	#table .text{
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 12px;
		margin: 10px;
	}

	#half {
		clear: both;
		width: 300px;
		margin-left: 10px;
		float: left;
		background-color: #FFFF99;
		border: thin solid #FFCC00;
	}
	
	#half #text{
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 12px;
		margin: 10px;
	}
	
	#headertable {
		width: 525px;
		margin-left: 10px;
		float: left;
	}

	#fulltable {
		clear: both;
		width: 525px;
		margin-left: 10px;
		float: left;
		background-color: #FFFF99;
		border: thin solid #FFCC00;
	}
	
	#fulltable #heading{
		font-weight: bolder;
		color: #666666;
		font-size:12px;
		text-transform: uppercase;
		background-color: #FFCC00;
	}
	
	#fulltable .text{
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 12px;
	}
	
	#fulltable .odd{
		background-color: #FFFFFF;
	}

	#divide{
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
	}

	#options {
		float: left;
		width: 180px;
		margin-top: 11px;
	}

	#subtitle {
		height: 35px;
		width: 230px;
		background-image: url(../images/subtitle.gif);
		background-repeat: no-repeat;
		background-position: left top;
		margin-top: 7px;
	}
	
	#subtitle .text{
		text-align: left;
		vertical-align: top;
	}
	
	#list{
		width: 170px;
		text-align: justify;
		padding-left: 5px;
	}
	
	#homefamily {
	clear: both;
	float:right;
	position: absolute;
	top: 413px;
	left: 108px;
	vertical-align:bottom;
	background-image:url(../images/home_family_01.gif);
	background-repeat:no-repeat;
	width: 103px;
	height: 286px;
  	}
	
	#homefamily_rt {
	clear: both;
	float:left;
	position: absolute;
	bottom: -251px;
	left: 210px;
	vertical-align:bottom;
	background-image:url(../images/home_family_03.gif);
	background-repeat:no-repeat;
	width: 197px;
	height: 247px;
	top: 405px;
  	}
	
	
/* =Form box
-------------------------------------*/
	#frame {
		width: 525px;
		background-image: url(../images/box_form_bg.gif);
		background-repeat: repeat-x;
		background-position: center top;
		background-color: #FFEDAF;
		float: left;
		margin: 10px 0px 0px 10px;
	}
	
	#frame a:visited {
	   color: #999999;
	}
	
	#form {
		color: #999;
		padding: 1em;
		text-align: justify;
		font-size: 12px;
	}
   
   #frame .tr{
      background:   url("../images/box_form_tr.gif") no-repeat right top;
   }
   
   #frame .br {
      background:    url("../images/box_form_br.gif") no-repeat bottom right;
   }
   
   #frame .bl {
      background:    url("../images/box_form_bl.gif") no-repeat bottom left;
   }
   
   #frame .tl {
      background:    url("../images/box_form_tl.gif") no-repeat top left;
   }

   
   /* =Footer 
-------------------------------------*/

	#footer {
		float: left;
		width: 668px;
		padding: 0;
		margin-top: .25em;
		margin-left: 1em;
		font-size: 12px;
		text-transform: uppercase;
		color: #FFFFFF;
	}