body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 0px;
	width: 630px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
html {
	height: 100%;
	overflow: scroll;
}

h1, h2, h3, h4, h5, h6, hr, p, table, form, object, ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#wrapper {
	width: 615px;
	padding-left: 15px;
	float: left;
	position: relative;
}
*  html  #wrapper  {
	display: none;
}
#ie {
	display: none;
}

*html #ie {
	font-size: 22px;
	color: #FFFFFF;
	width: 570px;
	background-color: #FF3366;
	padding: 30px;
	margin-top: 100px;
}
* html #ie img {
	border-top-width: 10px;
	border-right-width: 25px;
	border-bottom-width: 10px;
	border-left-width: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


#header {
	float: left;
	padding-top: 15px;
	position: relative;
	width: 100%;
	height: 45px;
	z-index: 8000;
}
#logo {
	width: 190px;
	background-image: none;
	float: left;
	height: 30px;
}
#logo:hover {
	background-image: url(img/logo-bg.gif);
	background-repeat: no-repeat;
}
#logo a {
	background-image: url(img/storyhat_logo.gif);
	background-repeat: no-repeat;
	float: left;
	height: 5px;
	width: 164px;
	font-size: 1px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 25px;
}


#nav {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 380px;
	background-image: url(img/bg-nav-bar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 15px;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	background-color: #4D4D4D;
}
#nav li {
	display: inline;
	float: left;
	height: 22px;
	position: relative;
	z-index: 8500;
}
#nav li a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 16px;
	padding-left: 16px;
}
#nav li a:hover {
	color: #4D4E4E;
	background-color: #CCC;
}
#nav ul {
	position: absolute;
	left: -15px;
	top: 22px;
	width: 145px;
	z-index: 9000;
	padding-bottom: 30px;
	background-image: url(img/dropnav-bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#nav li li {
	display: block;
	height: auto;
}
#nav li li a {
	width: 83px;
	text-transform: lowercase;
	border-right-style: none;
	margin-left: 15px;
}
#nav li li a:hover {

}

#portnav {
	background-image: url(img/bg-curve-small.png);
	background-repeat: no-repeat;
	float: left;
	height: 160px;
	width: 160px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
	z-index: 150;
}
#portnav h2 {
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 143px;
	text-align: right;
	text-transform: lowercase;
}

#portover {
	position: absolute;
	left: -10px;
	top: -10px;
	float: left;
	height: 180px;
	width: 185px;
	z-index: 500;
	background-image: url(img/bg-curve-big.png);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#portnav:hover  #portover     {
	visibility: visible;
}

#portover p {
	font-size: 25px;
	text-transform: lowercase;
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 22px;
	cursor: default;
	text-align: right;
}
#portover strong {
	font-size: 43px;
	line-height: 40px;
	display: block;
	color: #FFFFFF;
}
#portover em strong, #portover strong em  {
	text-transform: lowercase;
}
#portover a {
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: right 165px;
	display: block;
	text-transform: lowercase;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 190px;
	height: 41px;
	padding-top: 164px;
	font-size: 16px;
}
#portover a:hover {
	color: #FFFFFF;
	text-decoration: none;
}



#aboutnav {
	background-image: url(img/bg-about-curve.png);
	background-repeat: no-repeat;
	float: left;
	height: 292px;
	width: 292px;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	z-index: 150;
}
#aboutnav a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#aboutnav a:hover img {
	background-color: #FFFFFF;
		opacity: 0.7;
}

#aboutnav h2 {
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 245px;
	text-align: right;
	text-transform: lowercase;
	padding-right: 30px;
}

#aboutover {
	position: absolute;
	left: -10px;
	top: -10px;
	float: left;
	height: 282px;
	width: 282px;
	z-index: 500;
	background-image: url(img/bg-about-curve-o.png);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#aboutnav:hover  #portover     {
	visibility: visible;
}

#aboutover p {
	font-size: 25px;
	text-transform: lowercase;
	line-height: normal;
	padding-top: 175px;
	cursor: default;
	text-align: right;
	padding-right: 15px;
}
#aboutover strong {
	font-size: 43px;
	line-height: 40px;
	display: block;
	color: #FFFFFF;
}
#aboutover em strong, #portover strong em  {
	text-transform: lowercase;
}
#aboutover a {
	font-weight: bold;
	text-align: right;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 288px 266px;
	display: block;
	text-transform: lowercase;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 282px;
	height: 282px;
	font-size: 16px;
	padding: 15px;
}
#aboutover a:hover {
	color: #FFFFFF;
	text-decoration: none;
}



.orange  {
	background-color: #f37c28;
	color: #FDC757;
}
.green {
	background-color: #bed63a;
	color: #009345;
}
.lightblue {
	background-color: #57b6dd;
	color: #1A53BD;
}
.gold {
	background-color: #fdc140;
	color: #EC1C24;
}
.blue {
	background-color: #1b75bb;
	color: #8CCCE8;
}
.red {
	background-color: #ec1c24;
	color: #FDC140;
}
.purple {
	background-color: #7d2a8f;
	color: #D08DDE;
}
.aqua {
	background-color: #009345;
	color: #BED63A;
}
.pink {
	background-color: #eb008b;
	color: #FB99CC;
}
#base {
	clear: both;
	height: 0px;
}
.thez {
	position: relative;
	z-index: 7777;
}
.thezh {
	z-index: 500;
}
.head {
	z-index: 4400;
}



#homebase {
	color: #4D4E4E;
	float: left;
	height: 45px;
	width: 570px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
	display: block;
	position: absolute;
	z-index: 8888;
	background-color: #CCCCCC;
	-moz-border-radius-topright: 45px;
	-webkit-border-top-right-radius: 45px;
	top: -6px;
	overflow: hidden;
	background-image: url(img/bg-home-base.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-top-width: 15px;
	border-right-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	font-size: 13px;
	line-height: 16px;
	left: 15px;
}
#homebase img {
	float: left;
	margin-right: 6px;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#homebase h3 {
	font-size: 13px;
	background-image: url(img/plus.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	text-indent: 20px;
	margin-bottom: 15px;
	font-weight: normal;
}

#infobase {
	color: #4D4E4E;
	float: left;
	margin-bottom: 15px;
	display: block;
	background-color: #CCCCCC;
	-moz-border-radius-topright: 45px;
	-webkit-border-top-right-radius: 45px;
	background-image: url(img/bg-home-base.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 13px;
	line-height: 16px;
	padding: 20px;
	width: 560px;
	position: relative;
	text-transform: lowercase;
}
#infobase h2 {
	font-size: 33px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 33px;
}
#infobase img {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
}
#infobase .imz {
	float: left;
	height: 95px;
	width: 95px;
	margin-right: 20px;
	margin-bottom: 45px;
	margin-top: 0px;
	margin-left: 0px;
}


#infobase a {
	color: #444646;
	padding-right: 1px;
	padding-left: 1px;
}
#infobase a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #444646;
}
#infobase  table {
	margin: 0px;
	padding: 0px;
	width: 560px;
}
#infobase  td {
	margin: 0px;
	padding: 0px;
	width: auto;
}
#infobase ol {
	list-style-type: square;
}

.fiveseventy {
	height: 570px;
}
.fiveseventy p {
	line-height: 21px;
}




.portbg {
	height: 660px;
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
}



/** 
 * Swatch slideshow controls style rules.
 */
#slideshow {
	width:615px;
	height:600px;
	position:relative;
	margin-bottom: 15px;
	text-transform: lowercase;
}
#close {
	float: right;
	height: 20px;
	width: 61px;
	position: absolute;
	z-index: 4000;
	top: 15px;
	right: 30px;
	font-size: 1px;
}
#close a {
	background-image: url(img/close.png);
	float: left;
	height: 20px;
	width: 61px;
	color: #EDEDED;
	text-decoration: none;
	text-indent: -1000px;
}
#close a:hover {
	background-image: url(img/close-o.png);
}
#portcopy {
	width: 600px;
	padding-top: 570px;
	padding-right: 15px;
	padding-left: 0px;
	position: absolute;
	z-index: 3333;
	color: #DDD;
	text-transform: lowercase;
	height: 75px;
	float: left;
	background-image: url(img/port-frame.png);
	padding-bottom: 0px;
	overflow: visible;
	background-repeat: no-repeat;
}
#portcopy h3 {
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	padding-right: 25px;
	padding-left: 25px;
	background-image: url(img/portcopy-bg.gif);
	background-position: bottom;
	background-color: #4D4D4D;
	padding-bottom: 17px;
	padding-top: 16px;
}
#portcopy a {
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
}
#portcopy a:hover {
	color: #4D4D4D;
	text-decoration: none;
	background-color: #FFFFFF;
}



#slideshow #slidesContainer {
	width:600px;
	height:600px;
	overflow:hidden;
	position:relative;
	background-color: #EDEDED;
}
#slide {
	height:600px;
	width:3000px; /* number of swatches divided by 3 (and rounded up) then multiplied by 205 */
	float:left;
	z-index: 100;
}
#slide table {
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
	height: 510px;
	width: 1800px;
}
#slide td {
	width: 270px;
	padding-left: 30px;
	line-height: 28px;
	vertical-align: top;
}
#slideshow   .testimonials  table {
	width: auto;
	padding-top: 15px;
	float: left;
}
#slideshow .testimonials td {
	width: 540px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 21px;
	font-size: 13px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: justify;
}
#slide em {
	display: block;
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 45px;
}





.virtelapad {
	float: left;
	margin-left: 103px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9898989;
}
.certuspad {
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9898989;
	margin-top: 45px;
}
.slampad {
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9898989;
	margin-top: 115px;
	margin-left: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


object {
	z-index: 5;
}

#lead9 {
	float: left;
	height: 600px;
	width: 615px;
}

#slideshow #slidesContainer img {
	height: 570px;
	width: 600px;
	float: left;
	margin: 0px;
}


#slideshow #slidesContainer a img {
	margin-right: 15px;
	margin-bottom: 15px;
	width:190px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:190px;
	float:left;
	background-image:url(img/iconslider-bg.gif);
	border:none;
	margin-top: 0px;
	margin-left: 0px;
}
#slideshow #slidesContainer a:hover img {
background-image:url(img/iconslider-bg-o.gif);
}

#slideshow #slidesContainer a.empty img, #slideshow #slidesContainer a.empty:hover img
{
	background: none;
}
 
.control {
	position: relative;
  	text-indent:-10000px;
  	cursor: pointer;
}
.white {
	background-color: #FFFFFF;
}
.gray {
	background-color: #DDDDDD;
}


#leftControl {
	float: left;
	background-image: url(img/arrow-l.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 25px;
	position: absolute;
	left: -40px;
	top: 265px;

}
#leftControl:hover {
	background-image: url(img/arrow-l2.gif);
}

#rightControl {
	float: right;
	background-image: url(img/arrow-r.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 26px;
	position: absolute;
	right: -26px;
	top: 265px;
}
#rightControl:hover {
	background-image: url(img/arrow-r2.gif);
}
.fader {
	opacity: 1;
}
.fader:hover {
	opacity: 0.7;
}
#name {
	background-color: #EDEDED;
	width: 600px;
	height: 525px;
	padding-top: 45px;
	line-height: 17px;
	font-size: 13px;
}
#name img {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 30px;
	display: block;
	height: 207px;
	width: 600px;
	float: left;
}
#name  p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 45px;
	height: 45px;
}
#name a {
	color: #4D4D4D;
	float: right;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	position: relative;
	z-index: 99999;
}
#name a:hover {
	color: #FFFFFF;
	background-color: #4D4D4D;
	text-decoration: none;
}
#name ul {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 45px;
	width: 540px;
}
#name li {
	display: inline;
	float: left;
	padding-right: 60px;
}
#name li p {
	margin: 0px;
	padding: 0px;
	float: none;
	height: auto;
	width: auto;
}
#darkbase {
	color: #CCCCCC;
	float: left;
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 15px;
	display: block;
	background-color: #4F4F4F;
	-moz-border-radius-topright: 45px;
	-webkit-border-top-right-radius: 45px;
	background-image: url(img/corner.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 15px;
	width: 540px;
}
#darkbase a {
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 3px;
	padding-left: 3px;
	display: inline;
}
#darkbase a:hover {
	color: #4F4F4F;
	background-color: #FFFFFF;
	text-decoration: none;
}
.inputs {
	font-size: 11px;
	color: #4F4F4F;
	background-color: #FFFFFF;
	width: 250px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.submitz {
	background-color: #FF3366;
	border: 1px solid #4F4F4F;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
}
#list-holder {
	width: 560px;
	float: left;
	overflow: auto;
}
#slideshow .case table {
	width: auto;
	padding-top: 15px;
	float: left;
}
#slideshow .case td {
	width: 540px;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: justify;
	line-height: 17px;
}
#slideshow .case h2 {
	font-weight: normal;
	font-size: 16px;
}

#domain-list
{
	margin: 0;
	padding: 0;
}
#domain-list th, #domain-list td
{
	padding: 2px;
}
#domain-list th
{
	text-align: left;
}
#domain-list td
{
	border-top: 1px solid #000;
}
#bump {
	padding-top: 55px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#slide .uppercase td {
	text-transform: none;
}