/* mac hide \*/
html, body {
	height:100%;
	padding:0;
	margin:0;
}
body {
  overflow-y:scroll;
	background-color:#c6c8ca;
  font-family:Ebrima;
}
table { border-collapse:collapse }
table tr { vertical-align:top }
table td { padding: 0 }
IMG { border:0 }

/* end hide*/
#container {
	width:87.5%;
	margin:0 auto;
  height:100%;
  border-collapse:collapse;
}

#menuLink {
  color:#ccc;
  text-shadow:0px -1px 1px black;
  display:none;
  margin-right:0.8em;
  cursor:pointer;
}

.quote {
  cursor:pointer;
}


#bottom  {
	background-color:#015581;
	width:100%;
}
#bottom > TD > DIV {
	background-color:#015581;
}


#top {
	background-color:#f78f1e;
}
#top #banner {
	height:200px;
}

#top #slogan {
	color:white;
	font-weight:bold;
	font-style:italic;
	font-family:ebrima;
	font-size:110%;
	letter-spacing:1.5px;
	padding-left:40px;
	position:relative;
	margin-left:25%;
	top:158px;
	text-shadow:0 1px 1px #000;
}

#top #logo {
  position:absolute;
  margin-left:5%;
  top:30px;
}


#top2 #menubar {
	background-color:#015581;
	min-height:25px;
	text-align:center;
	color:white;
}

#menubar A.selected {
	color:#f78f1e;
}

#top2 #menubar #menus  {
  position:absolute;
  background-color:#015581;
  z-index:1000;
  width:100%;
 	-moz-box-shadow: 0 10px 10px -6px #666;
	-webkit-box-shadow: 0 10px 10px -6px #666;
	box-shadow: 0 10px 10px -6px #666;
}


#top2 #menubar #menus .menu {
	font-size:15px;
  display:inline-block;
	vertical-align:top;
	text-align:left;
	margin:1em;
}

#top2 #menubar #menus .menu .title A:hover, #top2 #menubar #menus .menu LI A:hover {
  color:#f7a751;
}


#top2 #menubar #menus .title {
  font-weight:bold;
  letter-spacing:1px;
}

#top2 #menubar #menus UL {
  padding-left:0;
  margin:0;
  list-style-type:none;
}

#top2 #menubar #menus UL LI{
  padding:0;
  margin:0;
  line-height:18px;
  cursor:pointer;
}

#center TD {
  overflow:hidden;
}

#center #nav {
  width:250px;
}

#center #main,#center #nav {
	background-color:white;
	font-size:12px;
	xline-height:14px;
}
#center.sliding #nav {
	background-color:transparent;
}
#center #nav > DIV  {
	background-color:white;
	padding:0 30px;
}

#center #shadow > DIV  {
  border-collapse: separate;
	-moz-box-shadow: inset 10px 0 10px -4px #333;
	-webkit-box-shadow: inset 10px 0 10px -4px #333;
	box-shadow: inset 10px 0 10px -4px #333;
	height:100%;
	width:15px;
}

#center.sliding #nav > DIV  {
  border-collapse: separate;
	-moz-box-shadow: 10px 10px 10px -4px #333;
	-webkit-box-shadow: 10px 10px 10px -4px #333;
	box-shadow: 10px 10px 10px -4px #333;
	position:relative;
	overflow:hidden;
}

A,A:visited {
  text-decoration:none;
  color:black;
}
#menubar A,#menubarA:visited {
  color:white;
}

#center #main > DIV {
	padding:0 30px;
}

#bottom > TD {
  padding:2em 2em 1em 2em;
}

#bottom #tags {
  width:100%;
  color:#dadada;
  text-align:justify;
  padding-bottom:1em;
  text-justify: newspaper;
  letter-spacing:1px;
  text-align-last: justify;
}

#bottom #contact {
  color:white;
  border-top:1px solid white;
	padding:1em 0;
  font-size:80%;
  letter-spacing:2px;
  font-weight:bold;
}

#bottom #tags SPAN.space {
  width:0.5em;
  display:inline-block;
}


h2 {
  color:#58595b;
  padding:0;
  margin:0;
	margin-top:30px;
  font-weight:bold;
  font-family:Aharoni;
  font-size:19px;
}

h2 A,h2 A:visited{
  color:#585970;
}

.nextLinks, .nextLinks:visited {
  font-family:Century Gothic;
  font-size:15px;
  letter-spacing:1px;
  color:orange;
  font-weight:bold;
  margin:0 0 16px 0;
  cursor:pointer;
  display:block;
}

.nextLinks:hover .bullet {
 text-shadow:1px 0 1px orange;
}
.nextLinks:hover {
 text-decoration:underline;
}


/* For Specific Slides, these also apply to FX demo pages */
#slider1         { width: 800px; height: 390px; list-style: none; }
#slider1 .panel IMG { outline:1px solid gray; height:356px; margin:32px;
   box-shadow:         0 8px 6px -6px black;
	}
.anythingWindow { outline: 1px solid #ccc }
.anythingSlider-metallic .anythingWindow {
	border: 0;
}


.textSlide             { padding: 10px 30px; text-align:center; }
.textContent { margin-bottom:16px;background-color:white;text-align:left; padding:8px; border:1px solid #ccc; }
#slider1 .panel h3          { font-size: 20px; text-align:center; margin:0;padding:.5em 0; border-bottom:1px solid #ccc; background-color:#317294;color:white }
.anythingWindow { background-color:#ffd; }
.textSlide ul          { list-style: disc; margin: 0; padding-left: 20px; }
.textSlide ul li       { display: list-item; }
.anythingSlider-metallic {
	margin: 0 0 0 32px;
}



h3x {
  padding:10px 0 8px 0;
  margin:0 0 0 0;
  font-family:Aharoni;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:14px;
  color:#f78306;
}


h3 .notSelected {
  color:#939598;
}

H3 A, H3 A:visited {
  color:#f78f1e;
}

H3 .notSelected A,H3 notSelected A:visited {
  color:#939598;
}



.chapter {
  border-top:1px solid black;
  padding-top:4px;
  font-size:14px;
}

.chapter P {
  margin:0;
}

SPAN.annotatedPhoto {
  display:inline-block;
  margin-right:18px;
}

.callout2 {
	display:inline-block;
	position:absolute;
	right:30px;
	margin-top:-12px;
	z-index:2;
	background-color:#015581;
	color:white;
	white-space:nowrap;
	font-weight:bold;
	letter-spacing:1px;
	background-image:url(img/callout2.png);
  background-position:left;
  background-repeat:no-repeat;
}

.callout2 > DIV {
	vertical-align:top;
	padding:0 24px;
	height:24px;
	display:inline-block;
	background-image:url(img/callout2b.png);
  background-position:right;
  background-repeat:no-repeat;
}

.callout2 > DIV > SPAN {
	position:relative;
	top:5px;
}

.annotatedPhoto > DIV {
  position:relative;
  top:-40px;
  height:29px;
  background-color:#f78f1e;
  background-image:url(img/callout.png);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:24px;
}
.annotatedPhoto > DIV > SPAN {
  color:white;
  font-style:italic;
  font-size:14px;
  vertical-align:top;
  line-height:29px;
}

.snapshot {
	font-family:ebrima, tahoma;
	margin-right:32px;
	margin-top:32px;
	display:inline-block;
	width:200px;
	padding:8px;

	box-shadow: 0 8px 6px -6px black;

	text-align:center;
	border:1px solid #aab;
	cursor:pointer;
}

.snapshot.selected,.snapshot:hover {
	border:1px solid orange;
	background-color:#ffe;
}

.snapshot:hover {
	outline:1px solid orange;
}

.snapshot:active {
	box-shadow: 0 -6px 6px -6px black;
	position:relative;
	top:6px;
}

.snapshot.selected {
	xbox-shadow: 0px 0px 0px 0px #76a6bf;
	background-color:#ffe;

	xposition:relative;
	xtop:6px;
	xpadding:20px;
}

.snapshot > IMG {
  border:1px solid #bbb;
}

.snapshot > .title {
	font-family:Century Gothic;
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
}

.snapshot > .descr {
	margin:8px 0 0 0;
	height:56px;
	line-height:16px;
}

.snapshot > .buttons {
	margin-bottom:8px;
}

.chapter BUTTON {
  border:1px solid gray;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image:url(img/gradient.png);
	background-repeat:repeat-x;
	font-size:12px;
	height:27px;
	padding:0 12px;
  background-color:transparent;
  text-shadow:0px 1px 1px white;
}

.chapter BUTTON:hover{
  text-shadow:0px 1px 1px gray;
  color:white;
	background-color:#F78F1E;
}

.ui-effects-transfer { outline: 2px solid #aaa; }

.contactform {
  width:500px;
}

.contactform TD.spacer {
  width:16px;
}

.contactform TR.inputs TD {
 	-moz-box-shadow: 2px 2px 2px 2px #bbb;
	-webkit-box-shadow: 2px 2px 2px 2px #bbb;
	box-shadow: 2px 2px 2px 2px #bbb;
	outline:1px solid #999;
}

.contactform TR.labels TD {
  padding:12px 0 6px 0;
  font-weight:bold;
}

.contactform TR.inputs INPUT {
	padding:0 10px;
}
.contactform TR.inputs INPUT,.contactform TR.inputs TEXTAREA {
  border:0;
  outline:0;
}
.contactform TR.inputs SELECT {
	text-align:right;
	font-family:Century Gothic;
	font-size:14px;
	margin:0;
  outline:0;
  border:0;
}
.contactform TR.inputs .select {
	border:1px solid #bbb;
	float:right;
}

.contactform .checkbox {
  display:inline-block;
  width:16px;
  height:18px;
  padding:1px 3px 3px 3px;

  background-image:url(img/unticked.png);
  background-repeat:no-repeat;
  background-position:4px 0px;
	}

.contactform .checkbox.ticked {
  background-image:url(img/ticked.png);
}

.contactform LABEL {
  position:relative;
  top:-4px;
}

.contactform TR.inputs TD.spacer {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
  box-shadow: none;
  padding:0 8px;
  border:0;
  outline:0;
}

.smedia {
	float:right;margin-right:20px;
	padding:10px;
}

.testimonial >.callout
{
	cursor:default;
	width:100%;
	background-image:url(img/fill.png);
	position:absolute;
	bottom:0;
	margin: 0 auto;
	z-index:1;
}

.testimonial >.callout>.quote2 {
	display: table-cell;
  vertical-align: middle;
  width:100%;
}
.testimonial >.callout>.quote2>DIV {
	line-height:22px;
	padding:16px;
	display:none;
}

.testimonial >.callout>.label {
	vertical-align:bottom;
	position:relative;
}
.testimonial >.callout>.label>SPAN.bite
{
	background-image:url(img/callout2.png);
	width:15px;
	height:29px;
	display:inline-block;
}
.testimonial >.callout>.label>SPAN.text {
	position:absolute;
	font-size:14px;
	line-height:29px;
	color:white;
	letter-spacing:1px;
	margin-left:8px;
	margin-top:1px;
  min-width:200px;
}

.companies > DIV  {
	 display:inline-block;
	 padding:8px;
	 margin:8px;
}

.companies > DIV:hover  {
	 outline:1px solid #eee;
}

.features {
	display:inline-block;
	margin-right:16px;
	vertical-align:top;
}

.features > DIV:before {
	content:"●  ";
	color:green;
}