/*
Theme Name: VirtualAuction
Theme URI: N/A
Description: The WordPress Theme for VirtualAuction.biz
Version: 1.0
Author: Nick Cochran
Author URI: http://ncochran.com
*/

@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;}				
		#navigation ul{
            position: relative;
            height: 84px;
            width: 620px;
            background: url(../images/bg-navigation.gif) no-repeat top;
            overflow: hidden;
        } 
                #navigation ul li {
                    float: left;
                    list-style: none;
					display:inline;
					color: #226ca2;

					
                }
                    #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: #226ca2;
                        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;
                        }
						
						/* If the uhh links had the ID's attached then there'd be no need to turn off the background image we can use these values below */
						
					#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;
}
/**/



/*** Features Page Specific ***/
#sideBar-features {position:absolute; top:310px; right:-510px;}
#sideBar-header{position:absolute; top:270px; right:-195px;}
#content h2 {font-size:18px; color:#004073; font-weight:bold; padding-bottom:4px;}
#content .features {margin-bottom:20px; width:480px;}
#content .features li {list-style:disc; padding-top:4px; padding-bottom:4px; margin-left:20px;}

#featuresBox{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 Page Specific ***/
.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;}

/*** Contact Page Specific ***/
#contactAuctioneer {position:absolute; top:89px; right:0px;}
#contactUs ul {}
#contactUs ul li label {width:240px; display:block; padding-bottom:5px; padding-top:5px;float:left; clear:both; }
#contactUs 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;}
#contactUs h3 {clear:both; padding-bottom:10px; padding-top:20px;}
#contactUs ol {clear:both; list-style:decimal;}
#contactUs ol li {}
	#contactUs ol textarea {width:460px; height:55px; border:1px solid #c4c4c4; margin:5px 0 30px 0; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:14px;}
	#contactUs ol label {width:420px;}
#btn-submit {background:transparent url(../images/btn-Submit.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:relative; right:-250px;}
#box {overflow:hidden; position:absolute; top:400px; left:525px;}
#boxSmall-top {margin:0; padding:0;font-size:0px; line-height:0px;}
#boxSmall-middle {background: url(../images/boxSmall-middle.gif) top left repeat-y; overflow:hidden; padding-left:15px; padding-bottom:10px;}
	#boxSmall-middle #info{margin:0; padding:0; list-style:none;}
	#boxSmall-middle #info li {clear:both; margin:0; padding:0;list-style:none;}
		.title{float:left; width:100px; display:block; font-size:16px; color:#004073;}
		.data{float:left; width:200px; font-size:16px;}
	#boxSmall-middle p {padding:0; padding-bottom:10px; padding-top:5px; width:280px;}
#boxSmall-bottom {margin:0; padding:0; font-size:0px; line-height:0px;}
#contact #wrapper {background:transparent;}