/*  samples 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;
} 

* { 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:1370px;}

/*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;   }
#sampfrarme { margin:0; padding:0;}

/*05 TestDrive link */

#tdbtn { margin:0 auto;	position:absolute; top:830px; _top:835px; text-align:left; width:283px;	float:left;	left:65px;	}
p#tdimg{position:absolute;margin:0;padding:0;float:left;background:url(pics/test_butt.jpg) no-repeat 0 0;
width:283px;height:118px;text-indent:-8000px;background-image: url(pics/test_butt.jpg);left: 0px;}
p#tdimg a{ display:block; height:118px; }

/*06 download */

#dwnbtn { margin:0 auto;	position:absolute; top:835px; _top:840px; text-align:left; width:283px;	float:left;	left:345px;	}
p#dwnimg { position:absolute; margin:0; padding:0; float:left; background:url(pics/down_btn.jpg) no-repeat 0 0;
width:187px; height:102px; text-indent:-8000px;left: 90px;}
p#dwnimg a { display:block; height:102px; }

/*07 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;}

/*08 Footer */

#footer  { position: absolute; margin: 0 auto; padding: 0;	padding-top:25px; top: 1340px;	text-align: center;	width:100%;   padding-bottom:0px; 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 { background:#666666;}

/*09 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 { background : url(pics/samplesbtn.jpg) no-repeat; width : 140px; margin : 0; } 
#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; } 
#samplesovr, #samplesovr a { background : url(pics/samplesov.jpg) no-repeat; width : 140px; margin : 0; color:#000;} 

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

#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  */