/* ----------
 *
 *	Title: Styles page 1 of 2 (Resets, core components to home and subpages)
 *
 *	Table of Contents
 *	(Styles page 1)
 *	       resets
 *		1. universal (text and general formatting styles)
 *		2. universal (structure styles)
 *			a. top
 *			b. logo
 *			c. top nav
 *			d. main slider
 *			e. main img
 *		3. spotlight nav
---------- */

html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}html{font-size: 100%;overflow:auto;overflow-x:hidden;height: 102%;}body{margin:0;padding:0;border:0;background-color:#72afb6;text-align:center;font-weight:normal;font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:1em;overflow:hidden;min-width:760px;}img{margin:0;padding:0;float:left;border:0;}

strong {margin:0;padding:0;border:0;text-align:left;}

/* ----- universal (text and general formatting styles) */

a {color: #4b4b4b; text-decoration: none;}
a:hover {color: #72afb6; text-decoration: none;}

h1 {margin: 10px 0 0 19px; font-size: 2.0em; font-weight: bold; color: #fff; text-transform: uppercase;}
h2 {margin: 0 0 20px 0; color: #72afb6; font-size: 1.5em;}
h2.alt1 {margin: 20px 0 20px 0;} /*add top margin to any h2*/
h2.alt2 {margin: 0 0 10px 0; width: 100%; display: block; float: left;} /*add display block to any h2*/
h3 {margin: 0 0 20px 0; color: #72afb6; font-size: 1.0em;}
h3.alt1 {margin: 0 0 10px 0; width: 100%; display: block; float: left;} /*add display block to any h2*/
h4 {margin: 15px 0 10px 0; font-size: 1.2em; color: #333; text-transform: uppercase;}
h5 {font-size: 0.9em; color: #543019; font-weight: bold;}

p {margin: 0 0 20px 0; color: #333; font-size: 0.8em; display: block;} /*primary paragraph style for ALL pages unless otherwise specified*/

p a {color: #72afb6 !important; text-decoration: none; font-weight: bold;}
p a:hover {color: #4b4b4b !important; text-decoration: none;}

p.nm {margin: 0;} /*alternative primary paragraph style, NO MARGIN*/
p.em, span.em {font-weight: bold;} /*bold for p and span*/

span#sharethis_0 a span.stbuttontext {color:#fff;}

.strong {font-weight: bold;}
.strong2 {width: auto; font-weight: bold; margin: 0; padding: 0; float: none;}
.ital {font-style: italic;}
#primarycontent-container3 span.strong2 {width: auto; font-weight: bold; margin: 0; padding: 0; float: none;}
.strong3 {font-weight: bold; font-size: 0.95em;} /* strong with slightly bigger text */

.color0 {color: #d4e7e9;} /*lightest green-blue*/
.color1 {color: #72afb6;} /*light green-blue*/
.color2 {color: #5b8c92;} /*dark green-blue*/

.display-none {display: none;}
.pos1 {position: relative;}

.pipe1 {margin: 0 5px 0 5px; font-weight: bold; font-size: 1.2em; color: #72afb6;} /*pipe for "news and events"*/

ul.bullet-container {
	margin: 0 0 20px 15px;}
ul.bullet-container li {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	color: #333;
	font-size: 0.8em;
	line-height: 1.2em;
	display: block;
	background: url(../images/universal/subpage-content/bullet.gif) left 5px no-repeat;}
	
.noskype {
	display: none;
	height: 0;}
	
.img-title {
	margin: 5px 0 15px 0;
	font-size: 1.0em;
	color: #333;
	font-weight: bold;
	width: auto; font-weight: bold; float: none;}
	
.img-inset1 {
	width: auto; font-weight: bold; margin: 5px 0; float: none;}

/* ----- universal (structure styles on all pages) */

#all-wrap {
	background-color: transparent;
	text-align: center;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;}

#wrapper {
	width: 1203px;
	background-color: transparent;
	margin-left: -601px;
	position: absolute;
	top: 0;
	left: 50%;
	height: 70px;
	visibility: visible;}
	
/* top (universal) */

#top-wrapper {
	height: 30px;
	width: 1203px;
	margin: 0 auto;}
	
#top-logo-container {
	background: url(../images/top/logo-top.png) top left no-repeat;
	position: relative;
	display: inline-block;
	height: 30px;
	width: 209px;
	left: 122px;
	float: left;}
	
#top-logo-container p {
	color: #543019;
	padding: 7px 17px 0 0;
	font-size: 0.7em;
	display: inline-block;
	float: right;}
	
#top-logo-container p a {font-weight: normal; color: #543019;}
#top-logo-container p a:hover {color: #72afb6;}
	
#top-extras-container {
	padding: 0 0 0 4px;
	position: relative;
	height: 30px;
	width: 860px;
	left: 135px;
	display: inline-block;
	z-index: 9000000;}
	
.top-phone {
	padding: 6px 15px 0 0;
	height: 24px;
	color: #fff;
	font-size: 1.0em;
	display: inline-block;
	float: left;}
	
.sharethis {
	margin: 0 0 0 15px;
	padding: 6px 15px 0 0;
	height: 24px;
	display: inline-block;
	position: absolute;
	left: 185px;}
.sharethis a {font-size: 1.0em; color: #fff;}
.sharethis a:hover {font-size: 1.0em; color: #fff;}

span#sharethis_0 {
	width:50px;
	height:30px;
	padding:0 !important;
	margin:0 !important;
	position: absolute;}
	
span#sharethis_0 a.stico_default {
	display:block !important;
	width:120px;
	height:18px;
	padding:0 !important;
	margin:0 !important;}
	
span#sharethis_0 a span.stbuttontext {
	margin: 0;
	padding: 3px 0 0 25px;
	display:inline;
	line-height: 1.0em;
	font-size: 1.0em;
	float: left;}

.v-dash {background: url(../images/top/v-dash.gif) top right no-repeat;}

#slogan-container {
	height: auto;
	width: 200px;
	position: absolute;
	right: 102px;
	float: right;}

#slogan-container p {
	padding: 6px 15px 0 0;
	height: 24px;
	color: #fff;
	font-size: 1.0em;}

#slogan-container p span {
	margin: 0 7px;
	color: #543019;}
	
/* blog */

.blog {
	margin: 0 0 0 15px;
	padding: 6px 15px 0 0;
	height: 24px;
	display: inline-block;
	position: absolute;
	background: url(../images/top/v-dash.gif) top right no-repeat;
	left: 128px;}
.blog a {font-size: 1.0em; color: #fff !important; font-weight:normal;}
.blog a:hover {font-size: 1.0em; color: #fff !important;}
	
/* logo (universal) */

#logo-wrapper {
	height: 213px;
	width: 200px;
	position: relative;
	color:#fff;
	float: left;}
	
#logo-container {
	background: url(../images/topnav/logo-main.png) top left no-repeat;
	height: 173px;
	width: 200px;
	color: #fff;
	float: left;}
	
a.logo-action {height: 40px; background: url(../images/topnav/book-now.png) top left no-repeat; float: left;}
a.logo-action:hover {background: url(../images/topnav/book-now-over.png) top left no-repeat;}
a.logo-action img {height: 40px; width: 200px;}

.logo-main-shadow-l {position: absolute; height: 203px; width: 2px; top: 10px; left: 122px; background: url(../images/topnav/logo-main-shadow-l.png) bottom left no-repeat; z-index: 900;}
.logo-main-shadow-r {position: absolute; height: 203px; width: 6px; top: 10px; left: 324px; background: url(../images/topnav/logo-main-shadow-r.png) bottom right no-repeat; z-index: 900;}
.logo-main-shadow-b {position: absolute; height: 7px; width: 208px; top: 213px; left: 122px; background: url(../images/topnav/logo-main-shadow-b.png) bottom left no-repeat; z-index: 900;}

/* top nav (universal) */

#topnav-wrapper {
	position: absolute;
	height: 46px;
	width: 100%;
	left: 0;
	top: 0;
	float: left;}
	
#topnav-dropdown-main-wrapper {
	position: absolute;
	width: 1203px;
	height: 0;
	text-align: center;
	z-index: 50;}
	
#topnav-dropdown-main-container {
	height: 46px;
	width: 100%;
	display: inline-block;
	float: left;}
	
.navitem1 {width: 147px;} /*services & amenities*/
.navitem2 {width: 77px;} /*about us*/
.navitem3 {width: 112px;} /*news and events*/
.navitem4 {width: 140px;} /*gallaudet university*/
.navitem5 {width: 105px;} /*special offers*/
.navitem6 {width: 89px;} /*contact us*/
.navitem7 {width: 95px;} /*reservations*/

#topnav-fill-l {
	margin: 10px 0 0 10px;
	position: relative;
	z-index: 1;
	height: 35px;
	width: 114px;
	background: url(../images/topnav/bg-01.png) top left repeat;
	display: inline-block;
	float: left;}

#topnav-fill-r {
	position: absolute;
	z-index: 500;
	height: 35px;
	width: 97px;
	background: url(../images/topnav/bg-01.png) top left repeat;
	display: inline-block;
	left: 772px;
	top: 0px;}
	/*for more top nav styles see MenuMatic.css*/
	
/* main slider (homepage) */

#stamp {
	position: absolute;
	height: 107px;
	width: 107px;
	top: 266px;
	left: 175px;
	background: url(../images/universal/icons/top-10.png) top left no-repeat;
	z-index: 900000;}
#stamp img {height: 107px; width: 107px;}

/* main img (static image on subpages) */

#mainslider-single-wrapper {position: relative;}

#main-img-container {
	position: relative;
	height: 490px;
	width: 1183px;
	border: 10px solid #543019;}
	
#ms-1 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-01.jpg) top left no-repeat;}
#ms-2 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-02.jpg) top left no-repeat;}
#ms-3 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-03.jpg) top left no-repeat;}
#ms-4 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-04.jpg) top left no-repeat;}
	#ms-4b {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-ballroom.jpg) top left no-repeat;}
	#ms-4c {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-breakout-rooms.jpg) top left no-repeat;}
	#ms-4d {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-executive-boardroom.jpg) top left no-repeat;}
#ms-5 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-05.jpg) top left no-repeat;}
#ms-7 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-07.jpg) top left no-repeat;}
#ms-8 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-08.jpg) top left no-repeat;}
#ms-8b {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-08b.jpg) top left no-repeat;}
#ms-8c {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-08c.jpg) top left no-repeat;}
#ms-9 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-09.jpg) top left no-repeat;}
#ms-10 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-10.jpg) top left no-repeat;}
#ms-11 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-11.jpg) top left no-repeat;}
#ms-12 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-12.jpg) top left no-repeat;}
#ms-13 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-13.jpg) top left no-repeat;}
#ms-14 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-14.jpg) top left no-repeat;}
#ms-15 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-15.jpg) top left no-repeat;}
#ms-16 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-16.jpg) top left no-repeat;}
#ms-17 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-17.jpg) top left no-repeat;}
#ms-18 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-18.jpg) top left no-repeat;}
#ms-19 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-19.jpg) top left no-repeat;}
#ms-20 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-20.jpg) top left no-repeat;}
#ms-21 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-21.jpg) top left no-repeat;}
#ms-21b {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-21b.jpg) top left no-repeat;}
#ms-22 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-22.jpg) top left no-repeat;}
#ms-23 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-23.jpg) top left no-repeat;}
#ms-24 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-24.jpg) top left no-repeat;}
#ms-25 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-25.jpg) top left no-repeat;}
#ms-26 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-26.jpg) top left no-repeat;}
#ms-27 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-business-events.jpg) top left no-repeat;}
#ms-27b {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-21b.jpg) top left no-repeat;}
#ms-28 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-education-events.jpg) top left no-repeat;}
#ms-29 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-government-events.jpg) top left no-repeat;}
#ms-30 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-social-events.jpg) top left no-repeat;}
#ms-31 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-s-28.jpg) top left no-repeat;}
#ms-32 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-bg-14.jpg) top left no-repeat;}
#ms-33 {height: 490px; width: 1183px; float: left; background: url(../images/main-slider/background-images/kellogg-conference-hotel-break-lounge.jpg) top left no-repeat;}

/* ----- spotlight nav */

#spotlight-placement-all-wrapper {
	margin: 0;
	position: absolute;
	height: auto;
	width: 1203px;
	top: 456px;}

#spotlight-placement-wrapper {
	margin: 0 0 0 127px;
	position: relative;
	height: auto;
	width: 950px;
	top: 0;}

#spotlightnav-wrapper {
	margin: 0 auto;
	height: auto;
	width: 950px;}

#spotlightnav-top-wrapper {
	margin: 0 0 0 1px;
	height: 8px;
	width: 950px;
	line-height: 0;
	float: left;}

#spotlightnav-top-border-container {
	margin: 1px 0 0 -1px;
	height: 7px;
	width: 950px;
	background: url(../images/spotlight-nav/bg-top-fill.png) top left no-repeat;
	float: left;}

#spotlightnav-content-wrapper {
	padding: 0 3px 5px 0;
	height: auto;
	width: 947px;
	background: url(../images/spotlight-nav/bg-content.png) top left repeat-y;
	float: left;}
	
#spotlightnav-content-wrapper .silo1 {
	position: relative;
	height: auto;
	min-height: 150px;
	width: 314px;
	float: left;}
	
.spotlightnav-content-header-container {
	position: relative;
	padding: 20px 0 0 0;
	left: 20px;
	top: 20px;
	height: auto;
	width: 274px;
	float: left;}

.spotlightnav-content-title {
	bottom: 0;
	left: 0;
	position: absolute;
	font-size: 1.3em;
	font-weight: normal;
	color: #72afb6;
	display: inline-block;
	margin: 5px 0 0 5px;}
	
a.spotlightnav-content-more {
	bottom: 0;
	right: 0;
	position: absolute;
	font-size: 0.8em;
	font-weight: normal;
	color: #543019;
	display: inline-block;}

a.spotlightnav-content-more:hover {color: #72afb6;}
	
#spotlightnav-content-wrapper .silo1 .content-container {
	padding: 0;
	margin: 35px 0 0 25px;
	left: 20px;
	height: auto;
	width: 280px;
	overflow: hidden;
	float: left;}
	
.spotlightnav-content {color: #4b4b4b; font-size: 0.8em; line-height: 1.2em;}

.spotlightnav-testimonials {color: #4b4b4b; font-size: 0.9em; line-height: 1.2em; display: inline-block;}
.spotlightnav-testimonials-credit {margin: 15px 0 0 0; color: #4b4b4b; font-size: 0.8em; display: inline-block; float: right;}

.spotlightnav-news {color: #4b4b4b; font-size: 0.8em; display: inline-block;}
.spotlightnav-news-more {margin: 15px 0 0 0; color: #543019; font-size: 0.8em; display: inline-block; float: left;}
	
#spotlightnav-bottom-wrapper {
	height: 8px;
	width: 950px;
	background: url(../images/spotlight-nav/bg-bottom.png) top left no-repeat;
	line-height: 0;
	float: left;}