
/* Index page styles */

/*

tags with a class match on '#'
tags with an id match on '.'

<div class="test" id="foo"  />
 #test .foo

*/
body
{	
	width:960px;
	margin: 0 auto;		
	/*border:solid 1px black;*/
}

div#leftNav
{
	float:left;
	height:auto;
	width:185px;
	/*border:solid 1px red;*/
}


div .leftNavPanel
{
	display: block;
	margin-top: 2px;
	height: 205px;
}

div#googlesearchresults
{
	width:745px;
	margin-left: 25px;
	float: left;
	display:table-cell;	
}


img
{
	float: left;
	border:none;
}


div #searchDiv
{
	margin-top: 0px;
	width: 185px;
}

div#movie
{
	margin-top: 5px;
	margin-left: 10px;
	widows:725px;
	float: left;
}

.sleepingList
{
	list-style-type:none;
	float:left;
}


/* Navigation header styles */

div#bg-header A:hover {color: white; text-decoration: none; font-size:24; font-weight:bold;}
div#bg-header {background: url('../images/top-banner.jpg') no-repeat; width: 1024px; height: 130px; margin-top:15px;}
div#bg-header A{ text-decoration: none; }

.nav-home { left: 0px; top: 0px; right: 300px; bottom: 130px; float: left; }
.nav-mast1 {width: 100px; text-align: center; font-size: 12pt;font-family: Arial, Verdana; float: left; position: relative; left:50px; top:40px;}
.nav-mast2 {width: 100px; text-align: center; font-size: 12pt;font-family: Arial, Verdana; float: left; position:relative; left:50px; top:60px;}
.nav-mast3 {width: 100px; text-align: center; font-size: 12pt;font-family: Arial, Verdana; float: left; position:relative; left:50px;  top:40px;}
.nav-mast4 {width: 100px; text-align: center; font-size: 12pt;font-family: Arial, Verdana; float: left; position:relative; left:45px; top:60px;}
.nav-mast5 {width: 100px; text-align: center; font-size: 12pt;font-family: Arial, Verdana; float: left; position:relative; left:45px; top:40px;}
.nav-mast6 {width: 100px; text-align: center; font-size: 12pt;font-family: Arial, Verdana; float: left; position:relative; left:40px;  top:60px;}

/************************ SOCIAL MEDIA ICONS ************************/

div#nav-icons a {
 position: absolute;
 text-decoration: none;
 width: 20px;
 height: 20px;
 top: -28px;
}

div#nav-icons span {
visibility: hidden;
}
div#nav-flickr {position:relative; left: 880px; } 
div#nav-facebook {position:relative; left: 905px; }
div#nav-twitter {position:relative; left: 930px; }

/* END MODIFICATIONS FOR ICONS */


div#printMasthead
{
	display:none;
}

/***************************   CONFIRMATION PAGE    ****************************/

div#Confirmation
{
	margin-left: 15px;
	margin-top: 100px;
	width: 730px;
	font-family: Verdana;
	font-size: 1em;
	float: left;
}


.email_header
{
	color: #8c8e94;
	font-weight: bold;
	font-family: Verdana;
	font-size: 1em;

}



.email_title
{
	color: #8c8e94;
	font-weight: bold;
	font-family: Verdana;
	font-size: .65em;

}


.email_value
{
	color: #8c8e94;
	font-weight: bold;
	font-family: Verdana;
	font-size: .65em;

}


/***************************   FOOTER    ****************************/

div#footerMenu
{
	clear:both;
	text-align: center;	
	border-top: solid 1px black;
}

div#footerMenu a
{
	text-decoration: none;
	color: #8c8e94;
	font-family: Verdana;
	font-size: 0.7em;
}

div#footerMenu a:hover
{
	text-decoration: underline;
	color: #8c8e94;
	font-family: Verdana;
	font-size: 0.7em;
}

div#footerInfo
{
	text-align:center;
	color: #8c8e94;
	font-family: Verdana;
	font-size: 0.7em;
}

div#footerInfo a
{
	text-decoration: none;
	color: #8c8e94;
	font-family: Verdana;
	font-size: 0.8m;
}

div#footerInfo a:hover
{
	text-decoration: underline;
	color: #8c8e94;
	font-family: Verdana;
	font-size: 0.85em; }
	
/*  }

.footerfacebook {background: url('../images/facebook-logo.jpg') no-repeat; height: 20px; margin-left: 450px; }

.footertwitter {background: url('../images/twitter-logo.jpg') no-repeat; height: 20px; margin-left: 500px; }


/***************************   INFO BAR    ****************************/


div#infobarContainer
{
	float:left;
	width: 960px;
	border-top:solid 1px black;
}

div .infobar
{
	color: #8c8e94;
	font-family: Verdana;
	padding: 15px 0px 15px 15px;
	width:290px;
	float:left;
	height:auto;
	
	/*border:solid 1px red;*/
}

div .infobar a
{
	text-decoration: none;
	color: #8c8e94;
	font-family: Verdana;
	/*font-size: 0.8m;*/
}

div .infobar a:hover
{
	text-decoration: none;
	color: #4c4e52;
	font-family: Verdana;
	/*font-size: 0.85em;*/
}


/***************************   TOP OF PAGE   ****************************/


.topOfPage
{
	font-size:.75em;
}

.thumbnailTitle
{
	margin-left: 20px;
	float:left;
	color: Gray;
	font-weight: bold;
	width:150px;
	font-size:.75em;
}

.thumbnailDescription
{
	margin-left: 20px;
	margin-top:20px;
	float:left;
	color: Gray;
	font-weight: bold;
	width:150px;
	font-size:.7em;
}

.thumbnail
{
	height: 100px;
	width: 100px;
	float:left;
}

hr
{
	width: 88%;
	margin-left:10px;
	height: 0.01em;
}

/***************************   CONTENT CONTAINERS    ****************************/

div#ContentHeader
{
	margin: 2px 25px 25px 25px;
	height: auto;
	width:710px;
	float:left;
	display:table;

}

div#ContentHeader2
{
	margin: 25px;
	width:50%;
	float:left;
}



div#Content
{
	width:745px;
	margin-left: 25px;
	float:left;	
}

div#ContentTitle
{
	color: #00B0D8;
	font-size: 1.5em;
	float: left;
	margin-right: 25px;
	font-family: Verdana;
	display:table-cell;
	
}



div#printerFriend
{
	font-size: .8em;
	color: #8c8e94;
	font-family: Verdana;
	float:right;
}

div#ContentDescription
{
	font-size: 1.25em;
	color: #8c8e94;
	font-family: Verdana;
	display:table-cell;
}


div#ContentCol1
{
	width: 54%;
	font-family: Verdana;
	float: left;
}

div#ContentCol2
{
	width:43%;
	font-family: Verdana;
	float: right;
	margin-left: 15px;
	background-color:White;
}

div#ContentColFull
{
	width: 100%;
	font-family: Verdana;
	float: left;
}




/***************************   TESTIMONIALS    ****************************/
.Testimony
{
	float: left; 
	padding: 20px 20px 20px 20px;
	margin-bottom: 12px;
	width:283px; 
	background: #D6EFF1;
	font-size: .95em;
	font-family: Verdana;
	font-style: italic;
}


/***********************  VIEWS  ***********************/

.Views
{
}

.Views img
{
	width:325px;
	margin-bottom: 10px;
	}
	
/*******************************************************/

p.question
{
	color: #8c8e94;
	font-weight: bold;
	font-family: Verdana;
	font-size: .73em;
}

p.answer
{
	font-family: Verdana;
	font-size: .73em;
}

/* 

p.aboutus
{
	font-weight: bold;
}

*/

p.ContentDescription
{
	font-size: .85em;
	color: #8c8e94;
	font-family: Verdana;
	height: 100%;
}

/* Left navigation styles */

input#search
{
	color: #00B0D8;
	width: 140px;
	height: 17px;
}

input#searchSubmit
{
	border: solid 1px Black;
	background-color: #00B0D8;
	color: White;
	font-weight: bold;
	width: 35px;
}


/********************  IMAGES  ***********************************/


.inquiryform  {background:transparent url(../images/confmgr-bott.gif);float:left;}
.inquiryform a {background:transparent; display:block; width:184px; height:0; padding-top:70px; color:#000; overflow:hidden;}
.inquiryform a:hover {background:transparent url(../images/confmgr-bott-over.gif) no-repeat;}

.lookAround1  {background:transparent url(../images/takealook1.jpg) no-repeat;float:left;}
.lookAround1 a {background:transparent; display:block; width:92px; height:92px; color:#000; overflow:hidden;}
.lookAround1 a:hover {background:transparent url(../images/takealook1-over.jpg) no-repeat;}

.lookAround2  {background:transparent url(../images/takealook2.jpg) no-repeat;float:left;}
.lookAround2 a {background:transparent; display:block; width:92px; height:92px; color:#000; overflow:hidden;}
.lookAround2 a:hover {background:transparent url(../images/takealook2-over.jpg) no-repeat;}

.lookAround3  {background:transparent url(../images/takealook3.jpg) no-repeat;float:left;}
.lookAround3 a {background:transparent; display:block; width:92px; height:92px;color:#000; overflow:hidden;}
.lookAround3 a:hover {background:transparent url(../images/takealook3-over.jpg) no-repeat;}

.lookAround4  {background:transparent url(../images/takealook4.jpg) no-repeat;float:left;}
.lookAround4 a {background:transparent; display:block; width:92px; height:92px; color:#000; overflow:hidden;}
.lookAround4 a:hover {background:transparent url(../images/takealook4-over.jpg) no-repeat;}


/********************  INQUIRY FORM  ***********************************/

div#outerForm
{
	margin-left: 15px;
	width:750px;
	float:left;	
}


div#formSubmit
{
	text-align:center;
}

div#formSubmit input
{
	border: solid 1px black;
	background-color: Blue;
	color: White;
	font-weight: bold;
}


div .formField
{
	width: 350px;
	margin-left: 25px;
	margin-top: 0px;
	float: left;
}


.wideFormField
{
	clear:left;
	float:left;
	width: 725px;
	margin-left: 25px;	
	margin-top: 0px;
	vertical-align: baseline;
}

.formQuestion
{
	width: 250px;
	float: left;
	margin-right: 20px;
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
	color: #8c8e94;
	margin-top: 10px;
}

.howdidyouhear
{
	width: 200px;
	float: left;
	margin-right: 20px;
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
	color: #8c8e94;
	margin-top: 10px;
}

.formQuestion2
{
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
	color: #8c8e94;
}

.formAnswer
{	
	float: left;
}

.wideFormAnswer
{	
	clear:both;
	width: 725px;
}

div .formField text
{
	font-family: Verdana;
	font-size: .9em;
	color: #8c8e94;
}

div .wideFormField text
{
	font-family: Verdana;
	font-size: .9em;
	color: #8c8e94;
}

.formInput 
{
	background: #FFF;
	width: 340px;
	font-family: Verdana;
	font-size: .9em;
}

.wideFormInput 
{
	background: #FFF;
	width: 715px;
	font-family: Verdana;
	font-size: .9em;
}


.inquiryTable
{
	clear:both;
	margin-left:25px;
	margin-top:5px;	
	width:750px;
}

.inquiryRow
{
	margin-bottom:0px;
	height:25px;
}


.radioFloat
{
	margin-left:20px;
	margin-top:0px;
}

.radioInputLabel
{
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
	color: #8c8e94;	
}

.radio_otherInput
{
	background: #FFF;
	width: 340px;
	font-family: Verdana;
	font-size: .9em;
}

.radio_otherInput2
{
	background: #FFF;
	width: 725px;
	font-family: Verdana;
	font-size: .9em;
}

.textAreaInput 
{
	background: #FFF;
	width: 690px;
	font-family: Verdana;
	font-size: .9em;
	overflow: auto;
}


/********************  GALLERY PAGE  ***********************************/

#selectedPhoto
{
	margin: 10px;
	width: 300px;
	float: left;
}

#photoColumns
{
	margin: 10px;
	width: 300px;
	float: left;
}

#SelectedPhotoTitle
{
	font-family: Verdana;
	font-weight: bold;
	color: #8c8e94;
	font-size: 1em;
}

#SelectedPhotoTitleContainer
{
	text-align:center;
}

#SelectedPhotoDesc
{
	font-family: Verdana;
	color: #8c8e94;
	font-size: 0.8em;
	width: 300px;
}

/********************  ABOUT US   ***********************************/

table.aboutusstaff { width: 100%; padding: 1px; border: 2px solid #789DB3;}

/* table.mytable td { font-size: 20px; border: none; background-color: #F4F4F4; 
vertical-align: middle; padding: 7px; font-weight: bold; }
table.mytable tr.special td { border-bottom: 1px solid #ff0000;  } */

.aboutusphotos
{
	background: #FFF;
	width: 50px;
	font-family: Verdana;
	font-weight: normal;
	font-size: .8em;
}

.aboutusnames 
{
	background: #FFF;
	font-family: Verdana;
	width: 150px;
	font-weight: bold;
	font-size: .9em;
}

.aboutustitles
{
	background: #FFF;
	font-family: Verdana;
	width: 300px;
	font-weight: normal;
	font-size: .9em;
}

.aboutusphones
{
	background: #FFF;
	width: 100px;
	font-family: Verdana;
	color: #8c8e94;
	font-weight: normal;
	font-size: .8em;
}


/*******************************************************/

h1 {
	font-size:138.5%; 
}
h2 {
	font-size:123.1%; 
}
h3 {
	font-size:.9em;
	border: none;
}

li,p {
	font-size:.8em;
	margin: 0em;
}

h1,h2,h3, h4 {
	margin: 0em;
	color: #00B0D8;
}

h4
{
	float:none;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}

p {
	margin-bottom: .5em;
}

p .nomargin
{
	margin: 0em;
	}



