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

html
{
height: 100%;
}


body {
height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(/images/header-bg.gif);
	background-position: top center;
	background-repeat:repeat-x;
	background-color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height:150%;
	color: black;


}

p {
	padding:5px;
	margin:0px;
}

a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height:150%;
	text-decoration:none;
	color: #de7027;
	}
	
a:hover{
	text-decoration:underline;
	}
a img{
	margin: 0px;
	padding: 0px;
	border:0px;
	}
	
	
	
h1 {
	font-size:14px;
	font-weight:bold;
	}
	
h2 {
font-size:12px;
font-weight:bold;
line-height:110%;
padding:5px;
margin:0;
}
#email { margin-bottom: 10px; width: 300px; height: 24px; padding: 0 6px;}
.unavailable { opacity: 0.3;}

.scroll-box {
	width: 100%;
	height: 300px;
	overflow: scroll;
	border: 1px solid #999;
}

.accept {
	padding: 15px 0;
}
	
#container {
min-height: 100%;
margin-bottom: -176px;
position: relative;
}

#footerContainer {
width:100%;
height:176px;
background-image: url(/images/footer-bg.gif);
background-repeat:repeat-x;
position: relative;
}	
	
	
.clearfooter {
height: 176px;
clear: both;
}	
	
#wrapper {
	width: 900px;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	min-height: 100%;

}

* html #wrapper
{
height: 100%;
}

#top {
	height: 108px;
	width: 900px;
	position: relative;
}

#logo_link {
	display: block;
	background-position:top;
	position: absolute;
	top: 45px;
	left: 45px;
	height: 48px;
	width: 212px;
	text-decoration: none;
	padding:0;
	margin:0;
}




.nav {
	float: left;
	width: 441px;
	height: 23px;
	left: 435px;
	top: 70px;
	z-index:auto;
	position:absolute;
	}


.nav a {
	height: 23px;
	float: left;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	}

.nav img {
	height: 23px;
	float: left;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	}

.nav a:hover {
	background-position: top right;
	}	



#nav-home a{
	width: 75px;
	background-image: url(/images/nav_home.gif);
	background-repeat: no-repeat;
}

#nav-about a{
	width: 82px;
	background-image: url(/images/nav_about.gif);
	background-repeat: no-repeat;
}

#nav-signup a{
	width: 90px;
	background-image: url(/images/nav_signup.gif);
	background-repeat: no-repeat;
}

#nav-samples a{
	width: 95px;
	background-image: url(/images/nav_samples.gif);
	background-repeat: no-repeat;
}

#nav-contact a{
	width: 99px;
	background-image: url(/images/nav_contact.gif);
	background-repeat: no-repeat;
}


#content{
width:900px;
height:auto;
position:relative;

}

#contentsub{
width:900px;
position:relative;
}

#leftcolumn{
width:380px;
height:auto;
float:left;
}

#rightcolumn{
width:520px;
height:auto;
float:left;
}

#columncontent{
padding:35px;
}

#footer {
position:relative;
width:100%;

}

#footerlinks {
	width: 900px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top:18px;
	color:white;
	font-size:10px;

}

#footerlinks a{
color:white;
text-decoration:none;
color:white;
font-size:10px;
}

#footerlinks a:hover{
text-decoration:underline;
}


#subleftcolumn{
width:255px;
height:auto;
float:left;


}

#subrightcolumn{
width:551px;
padding-left:47px;
padding-right:47px;
padding-top:40px;
height:auto;
float:left;
text-align:left;


}

#subleftlinks{
width: 204px;
height:50px;
margin-left:51px;
margin-top:15px;
margin-bottom:0px;
background-color:#f3f3f3;
}


#subleftlinksSum {
width: 204px;
height:500px;
margin-left:51px;
margin-top:15px;
margin-bottom:0px;
background-color:#f3f3f3;
}

#signupButton {
margin-left:51px;
margin-top:0px;
}