/**************** MAIN LAYOUT ****************/
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%; /* needed for container min-height */
}
#centerColumn{
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	
	width: 985px;
	text-align:left;
}

#mainColumn{
	padding-bottom: 220px; /* bottom padding for footer */
}

#homeContent{
	height: 1600px;
}

#footer{
	position:absolute;
	bottom:0; /* stick to bottom */
	width:985px;
	height: 130px;
}

/******* MAIN LAYOUT COLORS AND BACKGROUNDS ********/
body.home{ background: url(http://static.moveidiot.com/img2/home-bg.gif) repeat-x #1C72AD;}
#footer{ background:url(http://static.moveidiot.com/img2/footer-bg.jpg) no-repeat top;}


/*********** DEFAULT FONTS AND COLORS ************/


body{
	color: #FFFFFF;
	font: 14px/18px  Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
a, a:visited{
	color: #FFF;
	text-decoration:none;
}
a:hover {
	color: #FFF; text-decoration: underline;
}
a img{ border: none; }
h1, h2, h3{ 
	font-weight: normal;
	padding-bottom: 5px;
}
h1{ font-size: 24px; }
h2{ font-size: 22px; }
h3{ font-size: 20px; }


/******** Button *********/

a.button{
	display: block;
	background: #fc0;
	background: url(http://static.moveidiot.com/img2/btn-left.gif) left top no-repeat;
	text-decoration: none; color: #EEF;
}
a.button span{
	display: block;
	font: 18px/25px  Arial, Tahoma, Helvetica,   Verdana, sans-serif;
	background: #0fc;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	text-align: center;
	background: url(http://static.moveidiot.com/img2/btn-right.gif) right top no-repeat;
}
a.button:hover{text-decoration: none; color: #FFF;}
a.button.blue{	background: url(http://static.moveidiot.com/img2/btn-left-blue.gif) left top no-repeat;}
a.button.blue span{	background: url(http://static.moveidiot.com/img2/btn-right-blue.gif) right top no-repeat;}

/********** MENU ***********/
#menu{
	z-index: 1000;
	position: absolute;
	top: 222px;
	right: 83px;
}
#menu a{
	display: block;
	background: #fc0;
	background: url(http://static.moveidiot.com/img2/tab-left.gif) left top no-repeat;
	text-decoration: none; color: #FFF;
	margin-left: 3px;
}
#menu a span{
	display: block;
	font: 14px/27px  Arial, Tahoma, Helvetica,   Verdana, sans-serif;
	background: #0fc;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	text-align: center;
	background: url(http://static.moveidiot.com/img2/tab.gif) right top no-repeat;
}
#menu a:hover{text-decoration: none; color: #FFF;}
#menu a.current, #menu a:hover{background: url(http://static.moveidiot.com/img2/c-tab-left.gif) left top no-repeat;}
#menu a.current span, #menu a:hover span{background: url(http://static.moveidiot.com/img2/c-tab.gif) right top no-repeat;}

#menu ul{ list-style: none;}
#menu li{ 
	float:left; 
	position: relative;
	padding-bottom: 3px;
}
#menu ul ul{
	display: none;
	position: absolute;
	top: 27px;
	left: 3px;
	background-color: #2A3048;
}
#menu ul ul li{
	float: none;
	position: relative;
	padding: 0;
}
#menu ul ul li a{
	display: block;
	height: 24px;
	width: 150px;
	margin: 1px 0 0;
	padding: 4px 5px 2px 40px;
	font-size: 17px;
	line-height: 18px;
	background-image: none;
	background-color: #3C4F71;
	float: none;
	vertical-align: baseline;
}
#menu ul ul.account li a{
	width: 105px;
	padding: 4px 5px 2px 10px;
}
#menu ul ul li a:hover{
	background-image: none;
	background-color: #323E5A;
}
#menu ul ul li a img{
	position: absolute;
	left: 6px;
}


/********** CONTENT ***********/

#homeContent #logo{
	position: absolute;
	top: 0px;
	left: 0px;
}
#homeContent #eyes{
	position: absolute;
	top: 53px;
	left: 178px;
}

#homeContent #loginFormBox{
	position: absolute;
	width: 405px;
	top: 50px;
	left: 500px;
	text-align: right;
}
#homeContent #loginFormBox h3{
	font-size: 30px;
	line-height: 28px;
	width: 400px;
}
#homeContent #loginFormBox input{
	position: absolute; display: block;
	border: none;
	background: url(http://static.moveidiot.com/img2/tf-bg.gif) no-repeat #fff;
	width: 195px;
	height: 20px;
	font-size: 14px;
	padding: 4px 5px 0px 5px;
}
#homeContent #loginField{top: 85px; right:0;}
#homeContent #passwordField{	top: 115px; right:0;}
#homeContent #restorePassLink{
	display: block;
	position: absolute;
	color:#21264B;	
	top: 148px;
	left: 200px;
}
#homeContent #bigLoginButton{
	position: absolute;
	left: 320px; top: 145px;
	width: 85px;
}

#homeContent #headerRegisterButton{
	position: absolute;
	left: 200px; top: 145px;
	width: 110px;
}

#homeContent #registerLink{
	display:block;position: absolute;
	top: 109px;
	left: 5px;
}




#homeContent #aboutBox{
	position: absolute;
	width: 250px;
	top: 300px;
	left: 120px;
	font-size: 17px;
}
#homeContent #aboutBox ul{
	list-style: outside;
	list-style-type: none;
	margin-bottom: 30px;
}
#homeContent #aboutBox ul li{
	margin-bottom: 10px;
	background: url(http://static.moveidiot.com/img2/arrow.gif) no-repeat 0 7px;
	padding-left:16px;
}
#homeContent #aboutBox .button{
	width: 180px;
	margin-bottom: 10px;
}

/**** slider ****/
#slider{
	z-index: 900;
	position: absolute;
	/*background-color: #0C62AD;*/
	width: 450px;
	height: 300px;
	top: 300px;
	left: 450px;
	overflow: hidden;
}
#slideWrapper{
	position: absolute;
	width: 2750px;
	left: 0px;
}
.slide{
	float: left;
	width: 450px;
	height: 250px;
	position: relative;
	overflow: hidden;
}
.slide div{
	position: absolute;
	left: 200px;
	top:15px;
}
.slide div h2{
	padding-bottom: 15px;
	line-height: 24px;
}
#sliderButtons{
	position: absolute;
	left: 200px;
	top: 220px;
}
.sliderButton{
	float: left;
	width: 24px;
}
/*#s2, #s4{background-color: #fc0;}*/
#sliderButtons a{
	outline: none;
	display:block;
	width:14px;
	height:14px;
	background: url(http://static.moveidiot.com/img2/slider-dot.gif) no-repeat;
}
#sliderButtons a.current{
	background: url(http://static.moveidiot.com/img2/slider-dot-current.gif) no-repeat;
}

/********/
.grid{
	position: absolute;
	/*background-color: #0C62AD;*/
	width: 380px;
	height: 250px;
	top: 580px;
}
#gridLeft{
	left: 120px;
}
#gridRight{
	left: 520px;
}
	
.grid .gridBox{
	position: relative;
	width: 380px;
	background: url(http://static.moveidiot.com/img2/grid-bg.jpg) no-repeat;
	margin-bottom: 20px;
	padding-top:10px;
}
.grid span, .grid a{
	display: block;
	text-decoration: none;
}
.grid img{
	position: absolute;
	margin-left: 10px;
}
.grid .description, .grid .title{
	margin: 0 10px 8px 80px;
}
.grid .title{
	font-size: 22px;
}
.grid .gridBoxBottom{
	height: 7px;
	background: url(http://static.moveidiot.com/img2/grid-footer-bg.jpg) no-repeat;
}
.grid a:hover.gridBox{
	background: url(http://static.moveidiot.com/img2/grid-bg-over.jpg) no-repeat;
}
.grid a:hover .gridBoxBottom{
	background: url(http://static.moveidiot.com/img2/grid-footer-bg-over.jpg) no-repeat;
}

/********/

/*/////////////////////*/
#formBox{
	position: absolute;
	background: url(http://static.moveidiot.com/img2/home-form-bg.jpg) no-repeat;
	width: 780px;
	/*height: 90px;*/
	top: 270px;
	left: 120px;
}

#formBox .formBoxBottom{
	background: url(http://static.moveidiot.com/img2/home-form-bottom-bg.jpg) no-repeat;
	height: 7px;
	bottom: 0;
}
#formBox h2{
	margin-bottom: 5px;
}
#formBox input, #formBox select{
	font-size: 15px;
	padding: 3px 0;
}
 #homeContent.testing #aboutBox,
 #homeContent.testing #slider{
	top: 400px;
}
 #homeContent.testing .grid{
	top: 680px;
}
 #homeContent.testing{
	height: 1300px;
}

/*/////////////////////*/


#bottomBox{position: relative; }
#bottomBox,  #bottomBox #bottomMenu a{color: #FFF;}
#bottomBox #bottomMenu a:hover{color: #FFF;}
#bottomMenu{
	position: absolute;
	top: 15px;
	right: 55px;
}
#copyright {
	position: absolute;
	top: 15px;
	left: 55px;
}
#copyright div{
	font-size: 12px;
	line-height: 12px;
	margin: 5px 0;
}
#bottomBox #truck{
	position: absolute;
	left: 365px;
	top: -20px;
}