@charset "utf-8";
body {background:url(../images/background.jpg) top left repeat-x; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:14px; margin:0;}
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
body h2 {font-size:18px; font-weight:bold; color:#004073; padding-bottom:4px;}
body h3 {font-size:14px; font-weight:normal; color:#004073;}
body a, body a:visited {color:#1C649D; text-decoration:none;} 
body a:hover {text-decoration:underline;}


#wrapper {background:url(../images/bg-auctioneer.jpg) 600px bottom no-repeat; width:980px; margin:0 auto; text-align:left; position:relative;}
	#top{}
		#logo{text-align:left; float:left;}
		
		/***Main Navigation  */
		#navigation{float:right; clear:right; margin-right:15px; margin-top:35px;}	
		/*
		#navigation ul{
            position: relative;
            height: 84px;
            width: 620px;
            overflow: hidden;
        } 
                #navigation ul li {
                    float: left;
                    list-style: none;
					display:inline;
					
					
                }
                    #navigation ul li.back {
                        background: url(../images/arrow.gif) no-repeat right -5px;
                        width: 12px; height: 5px;
                        z-index: 8;
                        position: absolute;
						top:79px;
                    }
                        #navigation ul li.back .left {
                            background: url(../images/arrow.gif) no-repeat top left;
                            height: 5px;
                            margin-left: 49%; /* 7px is the width of the rounded shape */ /*
							padding-top:44px;
                        }
                    #navigation ul li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 30px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 1;
                        display: inline-block;
                        float: left;
                        height: 61px;
                        position: relative;
                        overflow: hidden;
                          
						text-indent:-9999px;
						cursor:pointer;
                    }
                        #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:visited {
                            border: none;
                        }
					#navigation ul #home {width:50px;margin-right:20px;}
						#navigation ul #home a {width:50px;}
					#navigation ul #products{width:100px;}
						#navigation ul #products a {width:100px;}
					#navigation ul #features{width:97px;}
						#navigation ul #features a{width:97px;}
					#navigation ul #pricing{width:90px;}
						#navigation ul #pricing a{width:90px;}
					#navigation ul #demo{width:86px;}
						#navigation ul #demo a {width:86px;}
					#navigation ul #faq{width:82px;}
						#navigation ul #faq a{width:82px;}
					#navigation ul #contact{width:90px;}
						#navigation ul #contact a{width:90px;}
				***/
	#header{background: url(../images/bg-header.gif) bottom left no-repeat; clear:both; width:548px; height:242px; display:block; text-align:left; position:relative; padding-top:20px;}
		/*#buttons{text-align:left; position:absolute; top:175px; left:75px; border:1px solid red;}*/
			#buttons ul {
			width: 445px; 
			height: 65px;
			background: url(../images/bg-buttons.gif);
			padding: 0;
			position:relative;
			top:165px;
			left:75px;}
			#buttons ul li {
				margin: 0; padding: 0; list-style: none;
				position: absolute; top: 0; text-indent:-9999px;}
			#buttons ul li, #buttons ul a {
				height: 65px; display: block;}
				
			  #btn-1 {left: 12px; width: 134px;}
			  #btn-2 {left: 147px; width: 145px;}
			  #btn-3 {left: 293px; width: 146px;}
			  
			  #btn-1 a:hover {background: transparent url(../images/bg-buttons.gif) -12px -65px no-repeat;}
			  #btn-2 a:hover {background: transparent url(../images/bg-buttons.gif) -147px -65px no-repeat;}
			  #btn-3 a:hover {background: transparent url(../images/bg-buttons.gif) -293px -65px no-repeat;}
			
			
	#main{text-align:left; padding-bottom: 90px; position:relative; min-height:600px; height:auto; width:590px;}  /* must be same height as the footer */
		#content{padding-left:75px; }
			#content h1 {color:#333; font-size:24px;font-weight:bold; padding-top:40px; padding-bottom:20px; width:480px;}
			#content p {width:465px; padding-bottom:20px; line-height:16px;}
			
	/***Contact Form ***/
	#contactForm{background:url(../images/bg-contactForm.jpg) top left no-repeat; width:312px; height:492px; display:block; position: absolute; right:73px; top:104px;}
		form#contact {color:#fff; margin:15px 0 0 35px;}
		#contact h3 {font-size:22px; font-weight:bold; padding-bottom:20px;clear:both; color:#fff;}
		#contact ul {}
		#contact ul li label {width:240px; display:block; padding-bottom:5px; padding-top:5px;float:left; clear:both;}
		#contact ul li input {width:237px; height:25px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:14px; border:1px solid #ccc; float:left; clear:both;}
		#btn-continue {background:transparent url(../images/btn-Continue.gif) no-repeat left top; color:#FFFFFF; height:81px; width:242px; margin:0; padding:0; cursor:pointer; border:0; font-size:0px; line-height:0px; position:absolute; top:333px; left:38px;}

#footer {background:#CCC url(../images/bg-footer.gif) top left no-repeat; position: relative; margin: 0 auto; /* negative value of footer height */ width:980px; height: 40px; clear:both; text-align:center; overflow:hidden; font-size:12px;} 
	#footer ul{padding-top:15px;}
	#footer ul li {display:inline;}
	#footer a, #footer a:visited {color:#1c649d; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	
/***Boxes***/
/**Large**/
#boxLarge-middle {background:url(../images/boxLarge-middle.gif) top left repeat-y;}

/**Small**/


/***Necessary Hacks***/
clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* for Internet Explorer */
/*\*/
* html #main {
height: 600px;
}
/**/


/* page specific */
/** features **/
#content-features ul {margin-bottom:20px; width:480px;}
#content-features ul li {list-style:disc; padding-top:4px; padding-bottom:4px; margin-left:20px;}
#sideBar-features {position:absolute; top:310px; right:-510px;}
#sideBar-header{position:absolute; top:270px; right:-195px;}


#box {overflow:hidden;}
#boxLarge-top {margin:0; padding:0;font-size:0px; line-height:0px;}
#boxLarge-middle {background: url(../images/boxLarge-middle.gif) top left repeat-y; overflow:hidden; padding-left:18px; padding-bottom:15px;}
	#boxLarge-middle #info{margin:0; padding:0; list-style:none;}
	#boxLarge-middle #info li {clear:both; margin:0; padding:0;list-style:none;}
		.title{float:left; width:100px; display:block; font-size:18px; color:#004073;}
		.data{float:left; width:50%; font-size:18px;}
	#boxLarge-middle p {padding:0; padding-bottom:10px; padding-top:15px;}
#boxLarge-bottom {margin:0; padding:0; font-size:0px; line-height:0px;}

/*demo*/
.free {color:#829e0b; text-transform:uppercase; font-weight:bold;}
#information{overflow:hidden;}
	#information li {clear:both; margin-bottom:12px; overflow:hidden;}
		.title{float:left; width:100px; display:block; font-size:18px; color:#004073;}
		.data{float:left; width:50%; font-size:18px;}
#content #address{font-size:18px; line-height:24px;}
	#content #address span {color:#004073;}