@charset "utf-8";
/* CSS vers. 1.3 */

/* ------------------------------- container  -------------------------------- */
body {
	font-size: 100%;
	font-family: Futura Lt, Futura, Arial, Geneva, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000;
	background-color: #0f0b05;
	background-image: url(Assets/ccbackgroundgrad.gif);
	background-repeat: repeat-x;
}

.oneColLiqCtr #container {
	width: 80%;  
	background-color: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px groove #cccccc;
/*	background-image: url(Assets/bgtile6.gif);  */
}

.oneColLiqCtr {
	padding: 0 20px; 
}


.header{
	background-color: inherit;
	Padding: 20px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 0px 0px; 
	text-align: left; 
	margin: 0;
	border: 0px solid white;
	background-color: #ffffff;		
}

.centerstagesplash {
	text-align: center; 
	border: 5px double #444444;
	background-image: url(Assets/bgtile2.gif);
	width: 612px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -306px;
}

.centerstage {
	text-align: left; 
	border: 5px double #444444;
	border-top: none;
	background-image: url();
	width: 780px;
	position: absolute;
	left: 50%;
	margin: 0px 0px 0px -390px;
	padding: 0;
	background-color: #ffffff;

}

#recent {
	margin: 0 10px 0px 10px;
	border: 0px solid orange;
	width: 750px;
	float: left;
}

.recentinside {
	padding: 0 10px 0px 20px;
	border: 0px solid orange;
	width: 340px;
	float: left;
}

.recentinsideskinny {
	padding: 0 10px 10px 20px;
	border: 0px solid orange;
	width: 140px;
	float: left;
}

.recentinsidefloatright {
	padding: 0 10px 10px 20px;
	border: 0px solid orange;
	width: 340px;
	float: right;
}



#demo {
	padding:0px 30px 10px 30px;
	margin: 0px;
	width: 720px;
	float: left;
}

#thank {
	text-align: center; 
	width: 780px;
	height: 475px;
	margin: 0;
	border: 0px solid orange;
}

#form {
	width: 500px;
	text-align: left; 
	margin: 15px 140px 15px 140px;
}

/* -------------------------------  elements -------------------------------- */
h1 {
	font-size: 18px ;	
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

/* ------- used in sandbox samples ------------ */
h4 {
color: #ed1024;
font-family: fantasy;
font-size: 30px;
}
/* ------------------------------------------- */

/* ------- used for "Interactive Demonstrations" ------------ */
h5 {
	font-size: 18px ;	
}
/* ------------------------------------------- */




blockquote {
	margin: 10px 0px 10px 15px;
	font-size: 80%;
}

legend {
	border: 2px double #ed1c24;
	background-color: #ffffff;
	padding: .2em;
}

fieldset {
	background-color: #bbbbbb;
	margin-top: 10px;		
}

li {
	margin-top: 20px;		
}

.smallprint {
	font-size: 8px; 
}


.introtext {
	padding: 0 0 0 0;
	margin: 10px 0;
	color: #ffffff;
	background-color: #000000;
}

.red {
	color: #ed1c24;
	text-decoration: none;
}

.shrink {
	font-size: 80%;
}

.shrinkindent10px {
	font-size: 80%;
	margin-left: 10px;
}


.nodec {
	text-decoration: none;
}


margins40px {
	margin: 0px 40px;
}

.nomarginorpadding {
	margin: 0;
	padding: 0;
}

#bannerspacing {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 780px;
	height: 25px;
	background-image: url(Assets/silvgrad780x25.gif);
	clear: none;

}

.nopadding {
	padding: 0;
	border: 0;
}

.linkstylemain {
	width: 10em;
	padding: .2em;
	border-right: 1px solid red;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	text-align: center;
	background-image: url();
}

#recent p a {
	text-decoration: none;
	color: #bb2b25;
	padding: .2em;
}

#recent p a:hover {
	background-color: #bb2b25;
	color: #000 ;
	background-image: url(.....);
}

#recent p a:active {
	background-color: #000000;
	color: #ed1c24 ;
	background-image: url(.....);	
}


#recent h1 {
	margin: 10px 10px 10px 15px;
	font-variant:small-caps;
	letter-spacing: .1em;
}

#demo a {
	width: 10em;
	padding: .1em .4em;
	border-top: 2px groove #000;
	background-color: #ed1c24;
	color: #000;
	text-decoration: none;
	text-align: center;
	background-image: url();
}

#demo a:hover {
	background-color: #bb2b25;
	color: #000 ;
	background-image: url(.....);
}

#demo a:active {
	background-color: #000000;
	color: #ed1c24 ;
	background-image: url(.....);	
}

#form a {
	text-decoration: none;
	color: #bb2b25;
	padding: .2em;
}

#form a:hover {
	background-color: #bb2b25;
	color: #000 ;
	background-image: url(.....);
}

.mrlinks {
	text-decoration: none;
	color: #0d9a48;
}

.mrlinks:hover {
	background-color: #bb2b25;
	color: #000 ;
	background-image: url(.....);
}

.mrlinks:active {
	background-color: #000000;
	color: #ed1c24 ;
	background-image: url(.....);	
}

.nodec {
	text-decoration: none;
	color: #000;
}

.centerstage h1 {
	padding: 10px;
}

.addfield {
	width: 230px;
	margin: 0;
}
	
#submitbutton {
	margin: 15px 0px -10px 15px;
	background-color: #ed1c24;
	color: #FFFFFF;
}	

.alignright {
	text-align: right;
}

#banner {
	margin: 0 0 -3px 0;
	padding: 0;
}

.clearfloat {
	clear:both;
	height:0px;
}

.linehthalf {
	line-height: 0.7em;
}


/* ------------------------------- pricing page  -------------------------------- */

.automargin {
	margin: 0 0 0 10px;
	
}

.tracking {
	letter-spacing: 0.25em;
	
}