@charset "utf-8";
/* CSS Document */
/*This html,body,#contain and #contain below cause table to fill viewport from top to bottom and center*/
html, body, #contain {
	height: 100%;
	margin: 0px;
	padding:0px;
	text-align: center;
}
body{
	background-color:#FFC;
	background-image:url(images/bkgd.gif);
	background-attachment:fixed;
	background-repeat:repeat;
	font-family: Verdana, Geneva, sans-serif;
}
h1{
	font-size:1.1em;
	font-weight: bold;
	letter-spacing: .3em;
	text-transform:uppercase;
	margin:0px;
}
h2 {
	color:#36C;
	font-size:1.1em;
	font-weight: bold;
	letter-spacing: .4em;
	text-transform:uppercase;
	padding:5px 0px 0px 0px;
	margin:0px;
}
h3 {
	color:#36C;
	font-size:1.2em;
	font-weight: bold;
	margin:0px;
	padding: 8px 0px;
}
h4 {
	color:#36C;
	font-size:1.1em;
	font-weight: bold;
	margin:0px;
	padding-top: 120px;
}
h5 {
	color:#000;
	font-size:1em;
	font-weight: bold;
	margin:0px;
	padding: 10px 0px 3px 0px;
}
a {
	color:#36C;
	text-decoration: none;
}
.printlink{
	font-size:.7em;
	text-transform: uppercase;
}
.bluetxt{
	color:#36C;
}
.hdimg {
	padding-left:3.5em;
	padding-right:1em;
	float: left;
}
.lftimg {
	padding:1em;
	float: left;
	border: none;
}
.rtimg {
	padding:1em;
	float: right;
	border: none;
}
.clearboth{
	clear:both;
}
.extraspace {
	padding: 3px;
}
.extraspaceblue{
	padding: 3px;
	color:#36C;
}
#contain {
	width: 785px;
	margin:0px auto;
}
#lftbrdr {
	background-image:url(images/lftbrdr.gif);
	background-repeat:repeat-y;
	width:10px;
}
#rtbrdr {
	background-image: url(images/rtbrdr.gif);
	background-repeat:repeat-y;
	width: 10px;
}
#nav {
	height: 35px;
	font-size: .9em;
	padding: .2em;
	background-color:#FFF;
	text-align:center;
	vertical-align:top;
}
#navlst {
	padding: 0;
	margin: 0;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
}
#navlst li {
	list-style: none;
	display: inline;
}
#navlst li a {
	text-decoration: none;
	color: #000;
}
#navlst li a:link {
	color:#000;
}
#navlst li a:visited {
	color:#000;
}
#navlst li a:hover {
	color:#36C;
}
body#home a#homenav,
body#story a#storynav,
body#menus a#menusnav,
body#pricing a#pricingnav,
body#gallery a#gallerynav,
body#clients a#clientsnav,
body#reviews a#reviewsnav,
body#press a#pressnav {
	color: #36C;
}
#head {
	height: 62px; 
	background-color:#FFF;
	padding-top:.6em;
	text-align: center;
	vertical-align: top;
}
#contents {
	background-color:#FFF;
	vertical-align: top;
	text-align:left;
	padding-left: 3.5em;
	padding-right:3.5em;
	font-size: .9em;
}
#homecontents{
	background-color:#FFF;
	text-align:center;
	padding-bottom:.6em;
	padding-top:.6em;
	letter-spacing: .4em;
}
#maincontent {
	background-color:#FFF;
	vertical-align: top;
	text-align:left;
	padding-left: 6em;
	padding-right:6em;
	padding-top:16px;
	font-size: .9em;
	letter-spacing:normal;
}
#foot{
	height:42px;
	background-color:#FFF;
	font-size: .9em;
	text-align:center;
	letter-spacing: .1em;
	vertical-align: bottom;
	padding-bottom: 1em;
}
#copy{
	height:15px;
	background-color:#FFF;
	font-size: .6em;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:.4em;
}
hr {
	width: 86%;
	padding: 0px;
}
.marquee {
  width: 400px;
  overflow: hidden;
  background: white;
  color: #36C;
  text-transform: uppercase;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 0 auto;
}

.marquee:before {
  position: absolute;
  top: 0;
  left: 0px;
  width: 50px;
  content: '.';
  z-index: 5;
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.marquee:after {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 50px;
  content: '.';
  z-index: 5;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}