/* contact styles */

body{ background: #000 url(pics/bg.jpg) repeat;  margin: 0; padding: 0; font: 72%/1.6em Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;	text-align: center; }

html, body, ul, ol,h1,h2,h3,h4,h5,h6,form, fieldset{
	padding: 0;
	margin: 0;
}
ul,ol{
	list-style: none;
}

* { margin:0; padding:0;} 


a {	color:#FFF;	text-decoration: none;}
a:link { color:#FFF; text-decoration: none; }
a:visited {	color: #FFFFFF; text-decoration: none; }
a:hover { color: #ff6600; }
a:visited:hover { color:#ff6600; text-decoration: none; }
a:active { color:#FFF; text-decoration: none; }

#container { position: relative; width: 780px; margin: 0 auto; background: #326A2D; height:900px;}

html>body #container { width: 780px; }

/*01 logo */

#logo {	position:absolute; right:1px; background:url(pics/logobannerin.jpg) no-repeat; width:780px;	height:500px;
	background-image: url(pics/logobannerin.jpg); }
#logo h1 span { position:absolute; font-family: Arial, Trebuchet, serif; font-weight: normal; font-size:24px; font-weight:bold; color:#FFF; top:100px; float:left; left:290px; line-height:30px;}
#logo h2 span{ position:absolute; top:125px; left:290px; color:#020202; font-family: Georgia, Trebuchet, serif; font-weight: normal;
  font-size:14px; font-weight:bold; }
  
/*02 subheader stuff */

#subheader p.p1:first-line { text-transform: uppercase; }
#subheader { margin:0px; padding:0px; }		
#subheader p { font-size: 13px; line-height: 22px; }
#subheader .p1 { background: /**/; position:relative; top:220px; height:50px; line-height:40px; margin: 0; padding: 0;	vertical-align: bottom;	font-size:18px;	font-weight:bold; clear:both; width:654px; color:#FFF; float:left; padding-left:126px; }  

/*03 h1title */

#titletgs { margin-left: 50px; color:#FFF; float:right;  }
#titletgs h1 { font-size:12px; position:absolute; top:10px; margin:0; color:#FFFFFF; right:20px; }
h1 { font-family: Georgia, Trebuchet, serif; font-weight: normal; font-size:16px; font-weight:bold; }

/*04 supportingText stuff */

#supportingText { position:absolute;  margin: 0 auto; padding: 0 0 1px 0; top:340px; left:60px; width:650px; float:left;   }
#explanation { position:absolute; margin: 0 auto; left:84px; clear:both; padding:0; height:368px; width:500px; padding-top:10px; padding-bottom:20px; background: url(pics/frmbg1.gif) no-repeat;}


/*05 Sign up for free trial */

#supbtn { margin:0 auto; position:absolute; top:59px;  text-align:left; width:214px; float:left; left:5px; }
p#sinupbtn {
	position:absolute;
	left:550px;
	margin:0;
	padding:0;
	background:url(pics/signup_button.gif) no-repeat 0 0;
	width:214px;
	height:28px;
	text-indent:-4000px;
	z-index:300;
	background-image: url(pics/signupin_button.gif);
	top: 109px;
}
p#sinupbtn a{ display:block; width:214px; height:28px;}


/*06 Footer */

#footer  { position: absolute; margin: 0 auto; padding: 0;	padding-top:25px; top: 820px;	text-align: center;	width:100%;   padding-bottom:5px; background:#333333; background: url(pics/ftimg.gif) repeat-x; height:48px; left:0px;  }


#footer a{ color:#333333;}
#footer a:link{ color:#333333; }
#footet a:visited{ color:#333333; }
#footer a:hover { color:#D2FF00; }
#footer a:active { color:#333333; }
#footer a:visited:hover { color:#D2FF00; }

.footerlinks{ color:#FFF; }
.footernav { height:40px;}

/*07 Menu Stuff*/

#bcontainer { margin:auto; padding:0; clear:both; float:left; }

#mlist { padding-bottom: 18px; width: 140px; position: absolute; left: 18px; top: 45px; border-right: 0px dotted #930; }	
#mlist h3 {	text-align: center;	font-style: italic;	text-transform: lowercase; letter-spacing: 0.1em; }	
#mlist h3.select { background: url(b1.jpg) no-repeat center top; padding-top: 110px; font-style: italic; text-transform: lowercase;
	margin-top: 0px; }
#mlist ul {	margin: -0.1em 0 0 0; padding: 0px;	list-style-type: none; text-align: center; }
#mlist li { /*background: url(listline.gif) no-repeat center bottom;*/ padding-bottom: 0px; }

#mlist #lselect a {	display: block;	font-style: normal; font-weight:bold;	letter-spacing: 0em; height:39px; line-height:35px; text-align:left; padding-left:32px; color:#000; }	
#mlist #lselect a.c{ display: inline; margin-bottom: -1em; font-style: italic; text-transform: none; letter-spacing: 0em; }	
#mlist #lselect li{	font-style: italic; }	
#mlist a:hover { color:#FFF; }	
.menu { margin:0; padding:0;}


#home a { background : url(pics/homebtn.jpg) no-repeat; width : 140px; margin : 0; padding:0;  } 
#home a:hover { background : url(pics/homeov.jpg) no-repeat; width : 140px; margin : 0; display : block;  } 

#wsb a { background : url(pics/wsbbtn.jpg) no-repeat; width : 140px; margin : 0; } 
#wsb a:hover { display : block; width : 140px; margin : 0; background : url(pics/wsbov.jpg) no-repeat; } 

#samples a { background : url(pics/samplesbtn.jpg) no-repeat; width : 140px; margin : 0; } 
#samples a:hover { display : block; width : 140px; margin : 0; background : url(pics/samplesov.jpg) no-repeat; } 

#signup a { background : url(pics/signupbtn.jpg) no-repeat; width : 140px; margin : 0; } 
#signup a:hover { display : block; width : 140px; margin : 0; background : url(pics/signupov.jpg) no-repeat; } 

#contact { background : url(pics/contactbtn.jpg) no-repeat; width : 140px; margin : 0; } 
#contact a { background : url(pics/contactbtn.jpg) no-repeat; width : 140px; margin : 0; } 
#contact a:hover { display : block; width : 140px; margin : 0; background : url(pics/contactov.jpg) no-repeat;} 
#contactovr, #contactovr { background : url(pics/contactov.jpg) no-repeat; width : 140px; margin : 0; color:#000; } 

#faq a { background : url(pics/faqbtn.jpg) no-repeat; width : 140px; margin : 0; } 
#faq a:hover { display : block; width : 140px; margin : 0; background : url(pics/faqov.jpg) no-repeat;} 

/*  end  */

.buttoncs { background:#E85D00; color:#FFFFFF; border:#333333; border-width:1px; font-weight:bold; cursor:hand; }

#cbox { WIDTH: 64%; margin:0 auto; height:120px; padding-top:50px; text-align:center; /*background:#5D5D5D;*/ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#CCCCCC; }

#cinfobox { position:relative; top:360px; WIDTH: 64%; margin:0 auto; height:100px; padding-top:16px; padding-bottom:6px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:bold; vertical-align:middle;}

/*08 sitemap*/


#smlinks { position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:16px; width:300px; margin:0 auto; text-align:left; left:20%; right:20%; margin-top:30px;}

.smlinks { font-family:Arial, Helvetica, sans-serif;font-size:16px;width:380px;margin:0 auto; top:350; padding-top:100; text-align:left;}



.sm UL {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:left;
	}

.sm LI {
	background-image:url(pics/smapicon.gif);
	background-repeat:no-repeat;
	background-position: 0.4em;
	padding-left:0.72em;
	list-style-type:none;
	line-height:22px;
	}

.sm LI A{color:#fff; padding-left:0.72em;}

.sm LI A:hover{color:#d2ff00;padding-left:0.72em;}

.sm LI A:visited{color:#fff;padding-left:0.72em;}

.sm LI A:visited:hover{color:#d2ff00;padding-left:0.72em;}


/*  end  */