/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.4 "Helvetica", "Arial", sans-serif;
  color: #333;
  background-color:#0f4000;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
  padding-top: 30px;

}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

p, li {
  font-size: 1.4em;
}

a {
	text-decoration: none;
	color: #faa836;
	font-weight: bold;
}


h1 {
  margin: 1em 1em 0 1em;
 float: right;
}

h2 {
  margin: 1em 0 0 1em;
}


p {
  margin: 1em 0 0 1em;
}


#branding h1 {
  margin: 0;
}

#wrapper {
  background-color: #fff;
}

#branding {
  height: 80px;
  padding: 20px;
  background: url(images/ae-logo.jpg) no-repeat top left;
  margin-left: 20px;
}

#mainNav {
float: right;
width: 240px;}

#footer {
  background-color:#FFF;
  padding: 1px 20px;
 text-align:center;
padding: 10px;
}

#footer p {
  font-size: 1em;
	
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 856px; 
  margin: 0 auto; 
  text-align: left; 
}


#left { 
  width: 570px;
  float: left; 
}

#right {
	width: 250px;
	float: right;
	margin-right: 10px;
}

#leftfeature {
	height: 100px;
	min-height: 100px;
	background-color: #cfe3a9;
}



#footer { 
  clear: both; 
} 

/* List Styles */


ul {
	list-style-type: none;
	margin: .9em .5em 0 25px;  /* bullet image is in left margin */
}

ul li {
margin-bottom: .1em; /* a little spacing between list items */
background: url(images/orange-bullet.gif) no-repeat left 5px;
width: 200px;
padding-left: 15px;
display: block;
}



.homepage-image {
	float: right;
	margin: 10px;
}

#caption {
	color: #666;
	font-style: italic;
	font-size: 1em;
	text-align: center;
}

/* Info box styles */

#contactbox {
	border: 1px solid #999;
	min-height: 300px;
	margin: 0 5px 0 0;
}

#contacttop {
	background-color: #faa836;
    padding-top: 0px;
	margin:0 5px 0 0;
  
}

#contacttop h1 {
	font-size: 2.4em;
    font-weight: normal;
	color: #FFF;
	float: none;
	margin:  0 0 0 10px;
	padding-top: 10px;
}

hr {
	margin-top: 30px;
	height:1px; 
	color: #cccccc;
	width: 100%;
	float: none;
	}
	
	
/* About Block */

#about {
	border: 0px;
	margin-right: 5px;
}

.title {
	color: #666;
	font-size: 1.8em;
	
}

.small {
	color: #666;
	font-size: 1.0em;
	padding-left: 1.0em;	
}

.orangetitle {
	color: #faa836;
	font-size: 2.0em;
	font-weight: bold;
}



/* Form Styles */

#contact_form	{ 
	width:200px; 
	margin:0; 
	min-height:220px;
	background: #fff;
    position:relative; 
}


form {
  margin: 0;
  width: 200px;
}

form fieldset {
 clear: both;
 border-width: 0px;
 margin: 0px 0 0 20px;


}	
	
label {  
display: block; 
float: left;  
width: 120px;  
margin-right: 1em;
text-align: left; 
}

fieldset {  
margin: 1.5em 0 0 0;  
padding: 0; 
} 

legend {  
margin-left: 1em;  
color: #333;  
font-weight: bold; 
} 
fieldset ol {  
padding: 1em 1em 0 0em;  
list-style: none; 
} 
fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em; 
font-size: 1.0em;

}

label.error           { font-weight:normal;color:red;text-align:left;width:140px; padding-left:5px;
                  	}

label#name_label      { position:relative; top:0; left:0; }
input#name            { position:relative; top:0; left:0; }
label#name_error      { position:relative; top:0; left:0; }

label#email_label     { position:relative; top:0; left:0; }
input#email           { position:relative; top:0; left:0; }
label#email_error      { position:relative; top:0; left:0; }

label#message_label     { position:relative; top:0; left:0; }
textarea#message           { position:relative; top:0; left:0; }
label#message      { position:relative; top:0; left:0; }


#returned							{ width:180px;margin:20px 0 0 10px; }
#returned h2						{ font-size:150%;color:#666; }
#returned p						{ color:#666;font-weight:bold; }

#checkmark						{ position:relative;top:-100px;left:140px; }



/* furniture */

#furniture-bucket {
	margin-left: 10px;
	margin-top: 20px;
}

.furniture-image {
	float: left;
	margin: 5px 10px 10px 5px;
	border: 1px solid #006600;
}

.column {
float:left;
}

#column1 {
position:relative;
padding-right:10px;

}

#column2 {
position:relative;
padding-right:10px;

}

#column3 {
position:relative;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.beep {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
margin-left: 100px;

}

a.beep span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-align: center;

}

a.beep:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.beep:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}