@charset "UTF-8";
/* CSS Document */
/*--RESET-take all browser's defaults to 0___________*/

/*Normalized margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2 h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding : 0;}

/*Normalizes font-size for headers */
h1, h2, h3, h4, h5 h6 { font-size: 100%;}

/*Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and fon-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}

/* Removes list-style from lists */
table {border-collapse : collapse; border-spacing: 0;}

/* Removes border from fieldset and img */
fieldset, img {border: 0 }

/* Lef-aligns text in caption and th */
caption, th { text-align: left }

/* Removes quotation marks from q */
q:before, q:after {content : '';}



/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   * Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75% of 16px = 12px) */
body {
	font-size: 75%;
	font-family: Helvetica, Verdana, san-serif;
	line-height:125%;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #111;
	font-family:"Century Gothic",Futura,Helvetica, Arial,sans-serif;
}

h1 {
	font-size: 3em;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 3em;
	margin-bottom: 0.75em;
}
h3 {
	font-size: 1.5em;
	line-height: 1;
	color: #000;
	text-align: center;
	margin: .25em 0 .25em;
}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           {
	margin: 0 1em .5em;
	letter-spacing: 1px;
	font: normal 100%/130% Helvetica, Verdana, san-serif;
}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           {
}

blockquote  { margin:1em 0;padding:25px 0 0 0; color: #222; font-style: italic;font-size:12px;background:transparent url(../images/layout/Quote-open.png) no-repeat 0% 0%; }
blockquote p.quote {padding: 0 33px;background:transparent url(../images/layout/Quote-close.png) no-repeat 100% 100%;}
blockquote p.source {padding:0 0 3em 0;margin: 0 5px 5px 0;text-align:right;font-style:italic;font-weight:bold;}
blockquote sub { display:block;font-style:normal;font-weight:bold;line-height:1;color:#000;margin:.75em 0;text-align:right;background:transparent url(../images/layout/Quote-close.png) no-repeat 100% 0%; min-width:50px;min-height:47px;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     {
	margin: 0;
	font-style: italic;
	color: #ccc;
	font: bold 125%/135% Helvetica, Verdana, sans-serif;
	text-align: center;
	padding: 0;
}
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/*  Form Fields
_______________________________________________________________*/
/* Acquaintance Fieldset, used on Acquaintance page */

fieldset {
	width:30em!important;
	font-size: 1em;
	line-height: 1.5;
	color: #000;
	border: solid 1px #222;
	padding:1em;
	margin: 0;
	z-index: 5;
	display:block;
	font-family:"Century Gothic",Futura,Helvetica, Arial,sans-serif;
	overflow:hidden;
}
form {width:30em!important;}
fieldset table {
	overflow:hidden;
}
fieldset h4 {margin:1em 0 .5em .5em;}

legend {
	color: #222;
	font-size: 1.25em;
	padding: .1em 0 .1em .25em;
	margin:.25em 0;
	text-align:left;
	display: block;
	width:275px;
	font: normal bold 100%/150% "Century Gothic",Futura,Helvetica, Arial,sans-serif;
}
legend.contact{
	/*--|
		| CSS3
		|______*/
		-moz-border-radius-topleft:0;
		-moz-border-radius-topright:0.75em;
		-moz-border-radius-bottomleft:0;
		-moz-border-radius-bottomright:0.75em;
		-webkit-border-top-left-radius:0;
		-webkit-border-top-right-radius:.75em;
		-webkit-border-bottom-left-radius:0;
		-webkit-border-bottom-right-radius:.75em;
}
legend.form {
	font-size:1.55em;
	color:#fff;
	margin:0 0 0em -1em;
	float:left;
	width:98%;
}
label {
	font-size:1.2em;
	color: #000;
	margin: 0;
	padding: 0;
}
optgroup {}


/* Sub Lists  */
fieldset#reserve ul li ul.sub {
	float:right;
	list-style:none outside;
	margin:0;
	padding:0;
	display:block;
	background: rgb(225, 225, 225); /* The Fallback for browers the don't support RGBa ( note: a stands for 'alpha', as in 'alpha channel' and allows for transparency on that element & not the children of that element) */
	background: rgba(0,0,0,.25); 
	border-right:solid 1px #000;
	border-left:solid 1px #000;
	overflow:hidden;
	width: 98%;
	border-bottom: solid 1px #666;
	border-top: solid 1px #555;
}
fieldset#reserve ul li ul.sub li {
	diplay:block;
	list-style:none outside;
	margin:0;
	padding:.5em;
	float: left;
	display: block;
	width: 100%;
}


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       {
	margin-bottom: 1.4em;
}
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* clear float hacks w/o using un-Semantic <br class="clear" />
_____________________________________________________________________________*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;padding: 0;}

/*  Footer */
#footer {
	width:960px;
	display:block;
	z-index: 15;
	position: relative;
}
#footer ul {display:inline;list-style:none;z-index:200;}
#footer ul li {display:inline;list-style:none;width:33%;text-align:center;float:left;color: #fff;font-weight:normal;}
#footer ul li address, h3 {color:#fff;font-weight:normal;}

/* Misc classes
-------------------------------------------------------------- */

hr {margin:0;padding:0;}
object {margin:0 auto;}
img {
	border: 0;
	margin:0.25em;
}
.landing {
	margin:0;
	padding:0;
	background-color:#000;
	list-style: none;
	display: inline;
}
.hr {
	margin:0 0 .25em;
}
.right {float:right;margin: .5em 0 .5em .5em;width: 26em;}
.left {float:left;margin: .5em .5em .5em 0;width: 26em;}
.black {color:#000;}
.white {color:#fff;}
.amp {font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;font-size:110%;font-style:italic;} /*--Used to make Ampersand (&) symbols prettier--*/


.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.indent1 {margin: 0 0 0 2.5em;}
.indent2 {margin: 0 0 0 5em;}
.indentLf {margin: 0 0 0 13em;}
.indentRight1 {margin: 0 4em 0  0;}
.-indentRt1 {margin: 0 -13em 0 0;}
.-indentLf1 {
	margin: 0;
}
.-indentLf2 {margin: 0 0 0 -1.5em;}
.-indentLf3 {margin: 0 0 0 -12em;}
.-indentTop1 {margin: -4em 0 0 -3em;float:left;padding: 0 0 2em 0;}
.-indentTop2 {margin: -4em -3em 0 0;float:right;padding: 0 0 1em 0;}
.indentTop1 {margin: 5em 0 0 0;}
img.indentTop2 {margin: 3em 0 0 0;}
.marginRt1 {margin: 0 2em 0 0;}
/*  Opacity-RGBa  */
.black25 {
background: rgb(225, 225, 225); /* The Fallback for browers the don't support RGBa ( note: a stands for 'alpha', as in 'alpha channel' and allows for transparency on that element & not the children of that element) */
	background: rgba(0,0,0,.25);
}