@charset "utf-8";
body {
  border:  none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  }
.centered {
  text-align: center;
}
html {
  font: Tahoma, Geneva, sans-serif;
  color: gray;
  /*font-weight: bold;*/
}
h1, h2, h3, h4 {
  color: #f668b2;}
  
h1 {font-size: 2.5em}
h2 {font-size: 2em}  
h3 {font-size: 1.5em}
h4 {font-size: 1.2em}  

a {color: blue;}

p {
	text-align:  left;
	font-size: 1.0em;
	}
	
p:first-letter{
	color: #f668b2;
	font-size: 1.5em;
	}	
	
img {border-color: gray;
	 border-width:medium;
}

#container {width: 780px;}

#framecontentTop, #framecontentBottom {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 8px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: transparent;
  color: black;
}
#framecontentTop {
  overflow: hidden;
  top: 0;
  height: 155px;
  width: 100%;
  text-align: left;
  background-image: url(images/Bedazzled%20logo.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  color: black;
}
#framecontentLeft {
  overflow: hidden;
  bottom: 80px;
  left: 0;
  top: 185px;
  background-color: transparent;
  width: 175px;
  position: absolute;
  color: black;
}
#framecontentRight {
  overflow: auto;
  position: fixed/*absolute*/;
  top: 185px;
  bottom: 80px;
  right: 0;
  width: 50px;
  background-color: transparent;
  color: black;
}
#framecontentBottom {
  top: auto;
  height: 50px;
  bottom: 0;
  text-align: center;
}
#maincontent {
	margin: 0 ;
	padding: 0 ;
	background: url(images/Winter_edited-1.jpg) top left no-repeat transparent;
	overflow: auto;
	position: fixed;
	right: 50px;
	bottom: 50px;
	left: 185px;
	top: 155px;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
  	behavior: url(PIE.htc);
}
.innertube {
  margin: 15px 15px 15px 400px;
}
* html body {
  padding: 20px 20px 50px 50/*275*/px;
}
* html #maincontent {
  height: 100%;}
#nav {
  margin: 0;
  padding: 1em 0 0 0;
  background: transparent none repeat scroll 0%;
  list-style-type: none;
  width: 175px;
  float: left;
  color: gray;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  behavior: url(PIE.htc);
}
#nav li {
  margin: 1px;
  padding: 0;
  border: 2px;
  float: left;
  width: 150px;
  background-color:white;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  behavior: url(PIE.htc);
  -webkit-box-shadow: 2px 2px 6px gray;
  -moz-box-shadow: 2px 2px 6px gray;
  -o-box-shadow: 2px 2px 6px gray;
  box-shadow: 2px 2px 6px gray;
  behavior: url(PIE.htc);
}
#nav a {
  padding: 0 15px;
  display: block;
  color: #f668b2;
  text-decoration: none;
  font-size:.8em;
  line-height: 1.2;
   -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  behavior: url(PIE.htc);
}
#nav #nav_con a {
  border:  none;
}
#nav a:hover {
  background: #f668b2 none repeat scroll 0%;
  color: white;
  text-align: right;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
}
* html body {
  padding: 155px 25px 50px 175px;
}