@charset "utf-8";


/* -------------------------------- */
/* RESET HTML TAGS					*/ 
/* -------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;	
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* -------------------------------- */
/* PAGE ELEMENTS 					*/ 
/* -------------------------------- */
/* Top Section	  					*/

body {
	background:#101010;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:885px;
	height:740px;
	margin:0 auto;
	background:url(../images/ui/bg-wrapper.png);
	position:relative;
}

	/* -------------------------------- */
	/* HEADER							*/
	
	#header h1 {
		width:419px;
		height:155px;
		overflow:hidden;
		text-indent:-200px;
		background:url(../images/ui/bg-header.png);
		position:absolute;
		right:59px;
		top:16px;
	}
	
	#header ul {
		position:absolute;
		right:49px;
		top:167px;
	}
	
	#header ul li, #header ul li a {
		display:block;
		float:left;
		background-position:top left;
		height:30px;
	}
	
	 #header ul li a {
	 	overflow:hidden;
		text-indent:-2000px;
	 }

	#header .home a {
		width:54px;
		background-image:url(../images/misc/home.png);
	}
	
	#header .features a {
		width:88px;
		background-image:url(../images/misc/features.png);
	}
	
	#header .demo a {
		width:67px;
		background-image:url(../images/misc/demo.png);
	}
	
	#header .order a {
		width:61px;
		background-image:url(../images/misc/order.png);
	}
	
	#header .about a {
		width:65px;
		background-image:url(../images/misc/about.png);
	}
	
	#header .contact a {
		width:77px;
		background-image:url(../images/misc/contact.png);
	}
	
	#header ul li a:hover, #header ul li em a {
		background-position:bottom left !important;
	}
	
	/* -------------------------------- */
	/* LEFT								*/
	
	#left {
		width:416px;
		height:553px;
		position:absolute;
		top:27px;
		left:-9px;
		background:url(../images/ui/bug.png);
	}
	
	#left .seasonal {
		position:absolute;
		top:370px;
		right:-7px;
		width:115px;
		height:150px;
		background-color:#333333;

}	

     #left .seasonal a {
                color:#66CCCC;
        }
        #left .seasonal a:visited {
                color:#666699;
        }




			

	        #left .seasonal h3 {
                color:#FFFFFF;
                font-size:15px;
                font-weight:bolder;
		
        }

	        #left .seasonal p {
                line-height:140%;
                font-size:13px;
                color:#FFFFFF;
		font-weight: bold;
                margin:5px 0px;

		}
	
	/* -------------------------------- */
	/* CONTENT							*/
	
	#content {
		width:360px;
		padding:8px;
		height:400px;
		position:absolute;
		top:210px;
		right:77px;
	}
	
	#content h2 {
		color:#5D7321;
		font-size:23px;
		margin:10px 0 0 0;
	}
	
	#content h3 {
		color:#ADBF80;
		font-size:15px;
		margin:5px 0 0px 0;
		font-weight:bold;
	}
	
	#content p {
		line-height:140%;
		font-size:12px;
		color:#FFFFFF;
		padding-left:12px;
		margin:5px 0px;
		
	}
	
	#content ul {
		font-size:12px;
		margin-left:40px;
	}
	
	#content ul li {
		list-style:circle;
		line-height:160%;
	}	
	
	#content a {
		color:#66CCCC;
	}
	#content a:visited {
		color:#666699;
	}
	
	#content form {
		font-size:12px;
		margin-left:10px;
	}
	
	#content form label {
		font-weight:bold;
		display:block;
	}
	
	#content form input[type=text], #content form select, #content form textarea {
		margin:2px;
		border:2px solid #666666;
		padding:2px;
	}
	
	
	/* -------------------------------- */
	/* FOOTER							*/
	
	#footer {
		position:absolute;
		left:20px;
		bottom:40px;
		font-size:11px;
		width:320px;
	}
	
	#footer ul {
		padding-bottom:20px;
		margin-left:-5px;
	}
	
	#footer ul li {
		float:left;
		padding:0 5px;
		border-right:1px solid #FFF;
		line-height:8px;
		display:block;
	}
	
	#footer ul li:last-child {
		border-right:0px;
	}
	
	#footer ul li a {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#footer p {
	clear:both;
	padding:1px 0;
	}

        #footer a {
                color:#66CCCC;
        }
	

	#content .tooltip {
                font-size:12px;
                text-decoration:underline;
	}
		
        #content .tos{
                top:210px;
                right:77px;

	#twitter {
		float: right;
		width: 64px;
		padding: 0px 0px 0px 3px;
		}