/* *
 * Al Aswar, Screen CSS
 * ------------------------------------------------------------------------------------------------------------
 *
 *
 * @author Elias Schegg, schegg_elias@gmx.ch
 *
 *
 * colors
 * ------------------------------------------------------------------------------------------------------------
 * <here goes a list of all colors used in the css>
 * <#hex>      <color name>
 * <#hex>      <color name>
 *             
 *
 * styleguide (@todo)
 * ------------------------------------------------------------------------------------------------------------
 * everything goes on one line, 4 spaces between different groups
 * 1. positioning:   position; top; left; display; float; z-index; overflow;
 * 2. dimensions:    width; height; padding; border; margin;
 * 2. colors:        color; background;
 * 3. font:          font-family; font-size; font-weight; font-style; font-variant;
 * 4. others:        everything that doesn't apply to one of the other sections
 * 
=============================================================================================================== */




/* general 
=============================================================================================================== */
/* reset all */
* { vertical-align: baseline;    padding: 0; border: 0; outline: 0; margin: 0;    font-size: 100%; font-family: inherit; font-weight: inherit; font-style: inherit; }

html { height: 100%;}

body { height: 101%;    color: #000; background: #e5f3f7 url(../img/main.bg.jpg) 50px 0px no-repeat;   font: 95.01%/150.01% Georgia, Times, serif; text-align: left; }


p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }

h2 { margin-bottom: .5em;    color: #ff0000; font-size: 1.5em; }

a { color: #ff0000;    text-decoration: none; }
	a:hover { color: #fff; background: #ff0000;  }



#wrap { width: 100%;     background: transparent url(../img/pattern.jpg) bottom left repeat-x;  }

	#main { padding: 0 0 300px 150px;    background: transparent url(../img/bottom.jpg) bottom left no-repeat;}
	
		#header { height: 160px; margin-top: 15px; }
	
		#welcome, #contact { float: left;    width: 500px; margin-bottom: 50px; }
		
		#contact { clear: both; }
		
		

.clear { clear: both; }

.hidden { width: 0; height: 0; margin-left: -1000em;}

.box { float: left;    width: 250px;  }


a.brochure { display: block; float: left;    width: 220px; padding: 5px 10px 5px 10px; margin-right: 10px;    background: #c8d8dc;     }
a.brochure:hover { background: #ff0000;}