@charset "utf-8";
/* CSS Document */
body {
	background: #fff;
	background-image:url(images/header.gif);
	background-repeat:repeat-x;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
#header_blog {
	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_blog {
	margin:0;
	padding:9px 0 20px 0;
	list-style:none;
display:block;
height:32px;
}

#nav_blog li {
	float:left;

	margin-right:20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


#socialnet {
	padding:0;
	margin:0; 
	list-style:none;
	float:right;
}

#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;
}