@charset "utf-8";
/* CSS Document */
/* Sacha Corazzi 2010 */

* {
	margin:0;
	}

html, body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #c8c8ca;
	background-image:url('/images/background.png');
	background-attachment:fixed;
	background-position:top;
	background-repeat:repeat-x;
	color: #70767d;
	text-shadow: 1px 1px 0 #fff;
	line-height:1;
	}

	#wrapper {
			min-height:100%;
			height: auto !important;
			height:100%;
			}

		#main {
			overflow:auto;
			padding-bottom: 150px; /* must be same height as the footer */
			margin-bottom:-150px; /* must be same height as the footer */
			} 
/*Header stuff */
			#header {
					width:100%;
					height:103px;
					top:0;
					left:0;
					position:absolute;
					background-color:#999999;
					background-image:url('/images/header.png');
					border-bottom:1px solid #fff;
					border-top:3px solid #990000;
					}
				
				ul#menu {
						float:left;
						text-align:left;
						position:absolute;
						top:45px;
						left:550px;
						}
						ul#menu img.mailicon {position:relative; top:-7px; left:0px;}
						ul#menu li {
							float:left;
							margin: 0 15px 0 15px;
							font-family: "Anivers", Arial, Helvetica, sans-serif;
							text-transform:uppercase;
							font-size:125%;
							}

								ul#menu li.active a {
									color:#990000;
									font-weight:bold;
									font-size:130%;
									position:relative;
									top:-5px;
									}
								ul#menu li.contact a {
									background: url('/images/icons/mail_24.png') no-repeat center right;
									}
							ul#menu a {
								text-decoration:none;
								font-weight:bold;
								color:#70767d;
								}
								ul#menu a:hover {
									color:#990000;
									}
					
					img.headerLogo {
						margin: 25px 0 0 -500px; 
						border:none;
					}
				
					.div {float:left; margin:0 0 0 525px;} /*logo's margin + 25px to compensate */

/*Back to main content */
			
			#quotes {
					margin:123px 0 5% 0;
					text-align:center;
					font-family: "Anivers", Arial, Helvetica, sans-serif;
					font-size:200%;
/*					color:#990000;*/
					}
				
			#slogan {
					margin: 0 0 5% 0;
					text-align:center;
					font-family: "Anivers-Bold", Arial, Helvetica, sans-serif;
					font-size:250%;
					color:#990000;
					}
 			#title {
					margin: 10% 0 2% 0;
					text-align:center;
					font-family: "Anivers-Bold", Arial, Helvetica, sans-serif;
					font-size:250%;
					color:#990000;
					}
				
			#leftText {
					float:left;
					margin: 0 0 0 10%;
					font-size:125%;
					width:550px;
					text-shadow: none;
					}
			#rightText {
					margin: 0 10% 0 57%;
					font-size:125%;
					width:350px;
					text-shadow: none;
					}
					
				#leftText strong, #rightText strong {color:#333333;}
				
			p.findOutMore {
				margin: 25px 0 0 0;
				color:black;
				font-size:90%;
				text-align:center;
				}
				p.findOutMore a{
					color:black;
					font-weight:900;
					text-decoration:none;
					}
				
			#blockContent {
				margin: 50px 0 50px 150px;
				width:780px;
				color:black;
				}
				#blockContent h1 {
						margin:0 0 15px 0; 
						text-transform:uppercase; 
						font-family: "Anivers-Bold", Arial, Helvetica, sans-serif; 
						font-weight:bold;
						font-size:175%;
						color:black;
						}
						
				#blockContent h3 {
						font-size:80%; margin: 5px 0 0 0;}	
						}
						
				#blockContent p {
						margin:0;
						line-height:1.25;
						}
					#blockContent p.pseudoFloatright {font-size:70%; position:relative; left:-25%; width:500px;}
				#blockContent li {

					margin: 0 0 0 2em;
					font-size:90%;
					line-height:1.35;
					}
				#blockContent a {
					color:inherit;
					text-decoration:none;
					font-weight:900;
					border-bottom: 1px dotted grey;
					}
					#blockContent a:hover {
						border-bottom:none;
						}

				.projectimg {border:2px solid black; }
					a projectimg {border:inherit;}
				
				#gap {
					height:100px;
				}
				
/*Footer stuff */
	#footer {
			position: relative;
			margin-top: -150px; /* negative value of footer height */
			height: 150px;
			color:#CCCCCC;
			text-shadow:1px 1px 0 #333;
			clear:both;
			background-color:#333333;
			background-image:url('/images/footer.png');
			padding: 0 0 0 20%;
			} 
			/*Opera*/
			#footer #copyright {text-align:center; position:relative; bottom:-75%; left:-10%; font-size:70%; z-index:999;}
				#footer #copyright a {color:#ccc; font-weight:900; text-decoration:none}
					#footer #copyright a:hover {color:white;}
				#footer .browserIcon {position:relative; top:3px; left:5px;}
			#footer .footerInfo {float:left; padding:18px 50px 0 50px; width:200px; line-height:1.2}
				.footerInfo h1 { font-size:90%; text-transform:uppercase; text-shadow: 1px 1px 0 #000; color:#fff}
				.footerInfo ul.footerNav {margin: 3px 0 0 0; line-height:1.25;}
				.footerInfo li {font-size:75%; color:#ccc;}
					.footerInfo li a {color:#ccc; text-decoration:none; font-weight:900}
						.footerInfo li a:hover {color:white;}
			
			body:before { /*Opera fix*/
				content:"";
				height:100%;
				float:left;
				width:0;
				margin-top:-32767px;
				}