/* 
Title:	 Bonjour 40
Version: 1
Author:  designgeekess.com
*/

/* reset 
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 1em;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 0;
	}
  
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
  
table {
	border-collapse: collapse;
	border-spacing: 0;
	}


/* general styles
--------------------------------------------- */
.screen-reader-text {
  margin-left: -9999px;
}

/* full screen bg
--------------------------------------------- */

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}	

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

body {
	color: #201c1a;
	font-family: Georgia, Serif; 
	font-size: .7em;
	padding-top: 20px;
	}
	
/* page structure 
--------------------------------------------- */

#wrap {
  background: url(images/wrap-2.gif) center top no-repeat; 	  
  border: radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	margin: 0 auto;
	-moz-box-shadow: 0 0 10px gray;
	-webkit-box-shadow: 0 0 10px gray;
	box-shadow: 0 0 10px gray;
	position: relative; 
	padding-top: 100px;
  height: 550px;
	width: 825px;
	}

.main { }

#footer {
	clear: both;
	}

/* header 
--------------------------------------------- */

#header { }

/* main styles 
--------------------------------------------- */

.main {
  padding: 0;
}
.main p {
  font-size: 1.25em;
  padding: 90px 120px 0 0;
  text-align: right;
  /*width: 700px;*/
}
.main .logo {
  float: right;
  margin: -112px -1px 0 0;
}
.main .bonjour {
  float: left;
  margin-left: -30px;
  padding-right: 20px;
}
.main .icons {
  float: right;
  margin: 60px 127px 0 0;
}
.main .padding {
  padding-right: 7px;
}
.main p {
  line-height: 1.6em;
}

/* links */
.main a, a:link, a:hover {
	color: #118f91;
	}

  .clear { clear: both; background: none; }	

/* footer 
--------------------------------------------- */
#footer p { 
  font-size: .95em;
  margin-top: 180px;
  padding-top: 50px;
  text-align: center;
  }

/* links */
#footer a, a:link, a:hover {
	color: #118f91;
	}  

/* self-clear floats */

.group:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
 


/* enriched
--------------------------------------------- */

/* fadetastic links */

.main a:link, a:visited {
	-webkit-transition: color .2s linear;
	}
.main a:hover {
	color: rgba(17,143,145,.5);
	}
	
/* IE patches
--------------------------------------------- */

/* nav fix */

*:first-child+html #nav li {
	width: 24.9%;
	}

/* PNG fix */

* html #selector { /* for IE<6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/image.png'); background-image: none; background-repeat: no-repeat; background-color: transparent;
	}