@charset "utf-8";
/* CSS Document */


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, q, s,
small, sub,
dl, dt, dd, ol, ul, li,
form, caption, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	vertical-align: baseline;
}

a {
	font-weight:bold;

}

a:link {
	color:#003399;
}

a:visited {
	color:#8761B6;
}

a:hover {
	text-decoration:underline;
	color:#8db1f7;
}

a:active {
	color:#8db1f7;
}

#ads {
	margin-top: 20px;
	margin-bottom: 45px;
	margin-left:20px;
	min-width: 230px;
}

body {
	background: #fff;
	background-image:url(images/header.gif);
	background-repeat:repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#content {
	margin-top: 0px;
	margin-bottom: 45px;
	float:left;
	width: 650px;
}
#homecontent {
	margin-top: -20px;
	float:left;
	width: 920px;
}
.clearfloat {
	clear:both;
}
.sidething {
	float:right;
	margin-top:20px;
}

.contentimage {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color:#888;
	font-size:9px;
}

.contentimage p {
margin-top:0px;
	color:#888;
	font-size:9px;
}


.contentimage img {
	padding: 3px;
	border: 1px #ccc solid;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

#domainname {
	float:right;
}

#flashcontent {
	padding-top: 8px;
	padding-left: 30px;
}
#player {
	padding-top: 14px;
	padding-left: 30px;
	top: 40px;
}

#vidplayer {
	height:250px;
	background-image: url(images/topback.jpg);
	background-repeat: no-repeat;	
}

#bannerimages {
	float: right;
	width: 323px;
	padding-right: 40px;
	padding-top: 65px;
}
#footer {
	padding-top: 5px;
	background-image:url(images/footer_background.gif);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:18px;
	height: 75px;
	bottom:0px;
	min-width:100%;
}

#footer a {
	margin-left:15px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:link {
	color:#f0f4f7;
}

#footer a:visited {
	margin-left:15px;
	font-weight:bold;
	text-decoration:none;
	color:#abc7de;
	text-transform:uppercase;
}

#footer a:hover {
	text-decoration:underline;
	color:#fff;
}

#footer a:active {
	color:#fff;
}

h1, h2, h3, h4 {
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}

h1 {
	font-size:20px;
	color:#688237;
}

h2 {
	font-size:18px;
	color:#425566;
}

h3 {
	font-size:14px;
	color:#b95f00;
}

h4 {
	font-size:13px;
}

#header {
	background-image:url(images/phonenumber.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.logo { 
	width: 625px;
	height: 125px; 
	display:block;
	background: url('images/logo.png') no-repeat;
}

.logo:hover {
	background: url('images/logo_over.png') no-repeat; 
}

#nav {
	margin:0;
	padding:9px 0 20px 0;
	list-style:none;
display:block;
height:32px;
}

#nav li {
	float:left;
	position:relative;
	margin-right:20px;
}

#nav li.start {
	width:127px;
	height:30px;
	overflow:hidden;
}

#nav li.start img {
	width:127px;
	height:30px;
	border:0;
	background-image: url(images/gettingstarted.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#nav li.start a:hover img {
	background-image:url(images/gettingstarted_over.gif);
	background-color: #458f28;
}

#nav li.examples {
	width:111px;
	height:30px;
	overflow:hidden;
}

#nav li.examples img {
	width:111px;
	height:30px;
	border:0;
	background-image: url(images/siteexamples.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#nav li.examples a:hover img {
	background-image:url(images/siteexamples_over.gif);
	background-color: #458f28;
}

#nav li.pricing {
	width:68px;
	height:30px;
	overflow:hidden;
}

#nav li.pricing img {
	width:68px;
	height:30px;
	border:0;
	background-image: url(images/pricing.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#nav li.pricing a:hover img {
	background-image:url(images/pricing_over.gif);
	background-color: #458f28;
}

#nav li.about {
	width:81px;
	height:30px;
	overflow:hidden;
}

#nav li.about img {
	width:81px;
	height:30px;
	background:url(images/aboutus.gif);
	border:0;
	background-repeat: no-repeat;
	background-position: center;
}

#nav li.about a:hover img {
	background-image:url(images/aboutus_over.gif);
	background-color: #458f28;
}

#nav li.support {
	width:73px;
	height:30px;
	overflow:hidden;
}

#nav li.support img {
	width:73px;
	height:30px;
	background:url(images/support.gif);
	border:0;
	background-repeat: no-repeat;
	background-position: center;
}

#nav li.support a:hover img {
	background-image:url(images/support_over.gif);
	background-color: #458f28;
}

#nav li a {
	display:block; 
	width:100%;
	height:40px;
	font:bold 25px/40px arial, sans-serif;
	color:#000;
	text-decoration:none;
}

#nav li a:hover {
	color:#0080c0;
}


p {
	font-size:13px;
	margin-bottom: 15px;
	line-height:20px;
	color:#000;
}

#samples img{
	padding: 10px;
	border: 1px solid #999;
	margin-bottom:15px;
}


#sidebar {
	margin-top: 20px;
	margin-bottom: 45px;
	margin-left: 20px;
	padding:10px;
	float:right;
	width:200px;
	background-color:#F4F4F4;
	min-height: 300px;
}

#sidebar ul {
	list-style-image: none;
	list-style-type: none;
}

#socialnet {
	padding:0;
	margin:0;
	list-style:none;
	float:right;
	top: -500px;
	position: relative;
	right: 0px;
}

#socialnet li {
	float:left;
	position:relative;
}

#socialnet li.facebook {
	width:40px;
	height:40px;
	overflow:hidden;
}

#socialnet li.facebook img {
	width:40px;
	height:40px;
	border:0;
	background-image: url(images/facebook.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#socialnet li.facebook a:hover img {
	background-image:url(images/facebook_over.gif);
}

#socialnet li.twitter {
	width:40px;
	height:40px;
	overflow:hidden;
}

#socialnet li.twitter img {
	width:40px;
	height:40px;
	border:0;
	background-image: url(images/twitter.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#socialnet li.twitter a:hover img {
	background-image:url(images/twitter_over.gif);
}

#socialnet li.rss {
	width:40px; 
	height:40px;
	overflow:hidden;
}

#socialnet li.rss img {
	width:40px;
	height:40px;
	border:0;
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#socialnet li.rss a:hover img {
	background-image:url(images/rss_over.gif);
}

#socialnet li.vimeo {
	width:40px;
	height:40px; 
	overflow:hidden;
}

#socialnet li.vimeo img {
	width:40px;
	height:40px;
	background:url(images/vimeo.gif);
	border:0;
	background-repeat: no-repeat;
	background-position: center;
}

#socialnet li.vimeo a:hover img {
	background-image:url(images/vimeo_over.gif);
}

#socialnet li a {
	display:block;
	width:100%;
	height:40px;
	font:bold 25px/40px arial, sans-serif;
	color:#000; 
	text-decoration:none;
}

#socialnet li a:hover {
	color:#0080c0;
}

ul {
	list-style-image: none;
	list-style-type: disc;
	list-style-position: inside;
}

li {
	font-size:12px;
	line-height: 20px;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 100px; /*position where enlarged image should offset horizontally */
top: -300px;
}