/* -----------------------------------------------------------------------

Pyramid of Asia: Main Site Basic CSS

version: 1.0
author: Tarquin Rees
email: design@alkaemia.com
web: www.alkaemia.com

----------------------------------------------------------------------- */	

@import url(typography.css);
@import url(nav.css);

	
body {
	
	margin: 0;
	padding: 0;
	background: #f2f0ec;
	}
	
	
/* =Main Layout Divs
----------------------------------------------------------------------- */	

#head, #main {

	margin: 0px auto;
	padding: 119px 0px 0px 0px;
	width: 800px;
	background: transparent url(../images/head.png) top center no-repeat;
	}
	
#main {

	background: transparent url(../images/mid.png) top center repeat-y;
	padding: 0;
	}

#menu {
 
 	margin: 0px auto;
	padding: 0;
	width: 800px;
	height: 20px;
	background: transparent url(../images/mid.png) top center repeat-y;
 	}


/* =Floats and Clear
----------------------------------------------------------------------- */	

#submenu {
 
 	margin: 20px 50px 0px 55px;
	padding-top: 10px;
	width: 150px;
	height: 400px;
	float: left;
 	}

#content {
 
 	margin: 20px 0px 0px 0px;
	padding-top: 10px;
	width: 475px;
	float: left;
 	}
 
 #content&sub2 {
 
 	border-top: 1px solid #efece7;
 	}

#footer {
 
 	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 500px;
	height: 50px;
	clear: left;
 	}
 
#langlinks {

	margin: -100px 0px 0px 600px;
	position: absolute;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; 
	font-size: 12px; 
	color: #333;
	}

#langlinks a {

	text-decoration: none;
	color: #333;
	}

#langlinks a:hover {

	color: #666;
	}
	
/* =Images
----------------------------------------------------------------------- */		
	
	
img.sidepic {
	
	margin: 0px 0px 30px 0px;
	background-color: #fff;
	border-color: #ddd;
	border-top: solid #eee 1px;
	border-left: solid #eee 1px;
	border-style: solid;
	border-width: 1px;
	padding: 8px;
	}
	
img.rightpic, img.leftpic, img.mainpic {
	
	margin: 0px 0px 10px 20px;
	padding: 0px;
	border: 1px solid #ccc;
	float: right;
	}	

img.leftpic {
	
	float: left;
	}		

img.mainpic, img.mainpic2, img.mainpic3 {
	
	margin-left: 0px;
	float: none;
	border: 1px solid #666;
	}

img.mainpic2 {
	
	margin: 30px 0px 30px 0px;
	}	
	
img.mainpic3 {
	
	margin: 20px 0px 0px 0px;
	}
	

/* Image replacements
------------------------------------------------------------------------*/

#quote, #quote1, #quote2, #quote3, #quote4, #quote5, #quote6, 
#quote_fr, #quote1_fr, #quote2_fr, #quote3_fr, #quote4_fr, #quote5_fr, #quote6_fr, 
#quote_es, #quote1_es, #quote2_es, #quote3_es, #quote4_es, #quote5_es, #quote6_es {
  
  /*The image*/
   background-image: url(../images/quote.png);
   background-repeat: no-repeat;
        
   /*Size of the image*/
   padding-top: 125px;
   width: 450px;  

 /*Hide the text*/
   overflow: hidden;
   /* Win IE5 hack */
   height: 125px;
        
   voice-family: "\"}\""; 
   voice-family:inherit;
   height: 0;
	}

#quote1 {background-image: url(../images/quote1.png);}
#quote2 {background-image: url(../images/quote2.png);}	
#quote3 {background-image: url(../images/quote3.png);}		
#quote4 {background-image: url(../images/quote4.png);}		
#quote5 {background-image: url(../images/quote5.png);}		
#quote6 {background-image: url(../images/quote6.png);}	

#quote_fr {background-image: url(../images/quote_fr.png);}
#quote1_fr {background-image: url(../images/quote1_fr.png);}		
#quote2_fr {background-image: url(../images/quote2_fr.png);}	
#quote3_fr {background-image: url(../images/quote3_fr.png);}	
#quote4_fr {background-image: url(../images/quote4_fr.png);}	
#quote5_fr {background-image: url(../images/quote5_fr.png);}	
#quote6_fr {background-image: url(../images/quote6_fr.png);}

#quote_es {background-image: url(../images/quote_es.png);}
#quote1_es {background-image: url(../images/quote1_es.png);}		
#quote2_es {background-image: url(../images/quote2_es.png);}	
#quote3_es {background-image: url(../images/quote3_fr.png);}	
#quote4_es {background-image: url(../images/quote4_es.png);}	
#quote5_es {background-image: url(../images/quote5_es.png);}	
#quote6_es {background-image: url(../images/quote6_es.png);}