/************************************
	RESET
************************************/
html, body, 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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/************************************
	GLOBALS
************************************/
body {
	background: #e5e5e5 url('../_images/_css/bg-body.jpg') no-repeat center;
	color: rgb(40,40,40);
	font: 10px/18px Georgia, Times, "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	text-shadow: 0 0 1px #FFF;
}
html, body { height: 100%; }
.clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a {
	color: rgb(68,123,158);
}
a:hover {
	color: rgb(0,0,0);
}



/************************************
	WRAPPER
************************************/
body#home div#wrapper {
	height: 99.9%;
	min-height: 600px;
	min-width: 850px;
	position: relative;
	width: 100%;
}


/************************************
	HEADER
************************************/
div#header {
	background-color: rgb(229,229,229);
	background: -webkit-gradient(linear, left top, right top, from(rgb(229,229,229)), color-stop(0.5, rgb(225,225,225)), to(rgb(229,229,229)));
	font-size: 14px;
	font-variant: small-caps;
	left: 0;
	letter-spacing: 2px;
	min-width: 850px;
	position: fixed;
	text-transform: uppercase;
	top: 0;
	width: 100%;
	z-index: 2;
}
div#header a,
div#footer a {
	color: rgb(40,40,40);
	display: inline-block;
	zoom: 1;
	*display:inline;
	line-height: 0;
	padding: 20px 8px;
	position: relative;
	text-decoration: none;
}
div#header a:hover,
div#footer a:hover {
	color: rgb(68,123,158);
}
div#header ul#navigation li a.selected,
div#footer ul li a.selected {
	background-position: center 0;
	color: rgb(68,123,158);
}
div#header h1 {
	color: rgb(50,50,50);
	display: inline-block;
	zoom:1;
	*display:inline;
	font-size: 14px;
	line-height: 0;
	padding: 20px 8px 22px 8px;
}
div#header h1:after {
	content: '\00a0\00a0\00a0\00a0\00a0\2022\2022\2022';
	font-size: 12px;
/*	text-shadow: 0 1px 0 rgb(255,255,255);*/
}
div#footer h2 {
	display: inline-block;
	zoom:1;
	*display:inline;
	line-height: 0;
	padding: 20px 8px 22px 8px;
}
div#header ul#navigation,
div#footer ul {
	display: inline-block;
	zoom:1;
	*display:inline;
}
div#header ul#navigation li,
div#footer ul li {
	background: url('../_images/_css/sep-dot.png') no-repeat 24px left;
	display: inline-block;
	padding-left: 7px;
	zoom:1;
	*display:inline;
}
div#header ul#navigation li:first-child,
div#footer ul li:first-child {
	background: none;
	padding-left: 4px;
}


/************************************
	FOOTER
************************************/
div#footer {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	background-color: #fff;
	bottom: 0;
	font-size: 14px;
	font-variant: small-caps;
	left: 0;
	letter-spacing: 2px;
	min-width: 850px;
	position: fixed;
	text-transform: uppercase;
	width: 100%;
	z-index: 3;
}
div#footer ul li a {
	-webkit-transition: background 100ms linear;
	background: url('../_images/_css/filter-selected.gif') no-repeat center -10px;
	color: rgb(40,40,40);
}


/************************************
	FLIP BOOK
************************************/
div#flipbook {
	left: 0;
	margin-top: -250px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 1;
}
div#flipbook ol {
	clear: left;
	float: left;
	left: 50%;
	position: relative;
	text-align: center;
}
div#flipbook ol li {
	display: block;
	float: left;
	position: relative;
	right: 50%;
}
div#flipbook ol li.disabled a {
	cursor: default;
}
div#flipbook ol li a {
	display: block;
	height: 80px;
	padding: 10px;
	position: relative;
	width: 50px;
}
div#flipbook ol li a:hover {}
div#flipbook ol li a img {
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
	-webkit-border-radius: 1px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	-webkit-transition: all 100ms linear;
	position: relative;
	vertical-align: middle;
}
div#flipbook ol li a:hover img {
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 5px 6px rgba(0,0,0,.5);
	-webkit-transition: all 100ms linear;
	top: -3px;
}


/************************************
	BUBBLE
************************************/
div#bubble {
	left: -9999px;
	position: absolute;
	width: 500px;
	z-index: 4;
}
div#bubble div.interior {
	background: url('../_images/_css/bubble.png') no-repeat;
	display: none;
	padding: 40px 60px 0 60px;
}
div#bubble div.close {
	background: url('../_images/_css/bubble.png') no-repeat left bottom;
	font-size: 13px;
	padding: 40px 50px 70px 50px;
	text-align: center;
}
div#bubble div.close a {
	border-bottom: double rgb(200,200,200);
	border-top: double rgb(200,200,200);
	color: rgb(48,103,138);
	display: inline-block;
	letter-spacing: 1px;
	padding: 5px 30px;
	text-decoration: none;
	text-transform: uppercase;
}
div#bubble div.close a:hover {
	color: rgb(0,0,0);
}
div#bubble div.interior h2 {
	-moz-box-shadow: 0 1px 0 rgb(255,255,255);
	-webkit-box-shadow: 0 1px 0 rgb(255,255,255);
	border-bottom: 1px solid rgb(180,180,180);
	border-top: 1px solid rgb(180,180,180);
	display: inline-block;
	zoom:1;
	*display:inline;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 18px auto 36px auto;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	word-spacing: .3em;
}
div#bubble div.interior h2:before {
	content: '\2022\2022\2022\00a0\00a0\00a0';
}
div#bubble div.interior h2:after {
	content: '\00a0\00a0\00a0\2022\2022\2022';
}
div#bubble div.interior p {
	font-size: 13px;
	line-height: 20px;
	text-align: left;
/*	text-indent: 2em;*/
}
div#bubble div.interior p.centered-text {
	text-align: center;
	text-indent: 0 !important;
}
div#bubble div.interior p.contact {
	text-align: center;
	text-indent: 0;
}
div#bubble div.interior img.photo {
	border: double rgb(220,220,220);
	float: left;
	margin: 5px 30px 20px 0;
	padding: 5px;
}