/*
Theme Name: China
Theme URI: http://jfarseno.com
Description: My personal homepage theme
Version: 1 2011.09.15
Author: Jean-François Arsenault  
Author URI: http://jfarseno.com
Tags: photo, 1920.1024
*/
*  { 
  margin: 0; 
  padding: 0; 
  }

body {
	font-size: 20px;
	font-family: "Lucida Grande", Verdana, "Myriad Pro", Arial, sans-serif;
	background-color: #ffffff;
	color: #737373;
  }
  
object, a {
  outline: none;
  }  
   
.clear {
  clear: both;
  }  

a {
	text-decoration: none;
	color: #737373;
}

  
/******LÉA LAYOUT **********/  

#page-wrap {
  width: 1000px;
  margin: 0 auto;
  border: 10px solid white;  }  
  
#outer-wrap {
  padding: 10% 0 10% 0;
  background-color: #FFFFFF;
   }    
  
#container {
	width: 700px;
	margin: 0 auto;
  }      
  
#header  {
  margin: 0 0 70px 0;
  }    
  
#footer {
  width: 700px;
  padding: 0px 0 0 0;
  
  margin: 0 auto;
  }    
  
#copyright {
  font-size: .4em;
  text-transform: uppercase;
  text-align: right;
  }  
  
#main-content {
  margin: 60px 0 60px 0;
  }  
  
#left-column {
  width: 300px;
  float: left;
  }  

#right-column {
	width: 400px;
	float: right;
	line-height: 1.8em;
	text-align: justify;
  }
  
.input-wrap {
	text-transform: none;
	font-size: 12px;
	line-height: 1.5em;
	height: 30px;
	overflow: none;
	padding-left: 0px;
  }  

.info-title {
  width: 60px;
  float: left;
  }

.field-title {
  width: 75px;
  float: left;
  }

.contact-info {
  width: 240px;
  float: right;
  }

.required {
  color: red;
  }
  
input {
	width: 240px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	float: right;
	padding: 2px;
	border-radius: 15px;
  }  

textarea {
	width: 240px;
	color: #363636;
	background-color: white;
	border: 1px solid #dddddd;
	float: right;
	height: 80px;
	border-radius: 15px;
  } 
  
.button-wrap { 
  text-align: center; 
  }
  
.button-wrap input { 
  background: #dddddd;
  color: #363636
  border: none;
  width: 100px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  float:left;
  margin: 10px 0 0 108px;
  padding: 2px;
  font-size: .65em;
  }    
  
.spacer {
  height: 10px;
  }  
  


/****** LA  MAIN NAVIGATION ******/
  
#main-menu {
  width: 370px;
  font-size: .7em;
  padding-top: 0px;
  float: right;
  text-align: right;
  }    
  
#main-menu ul { 
  list-style: none;   
  
  }    

#main-menu li { 
  display: inline; 
  padding-left: 10px;
  }
  
#main-menu li a { 
  text-transform: uppercase;
  text-decoration: none; 
  letter-spacing:0.0em;
  color: #737373;
  }
#container {
}
  
#main-menu li a:hover { 
  color: #842727; 
  }    

/****** LOGO LOCASSE ******/

#logo {
  width: 281px;
  height: 15px;
  float:left;
  }

#logo img { 
  border: none; 
  }

#logo h1 { 
  text-indent: -9999px; 
  font-size: .1em; 
  }

#logo p  { 
  text-indent: -9999px; 
  font-size: .1em; 
  }