/* CSS Document */

body {
	margin: 0;
	padding:0;
	background-color: #fff;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #353535;
}

img {
	border: none;
}

h1 { 	
	padding:10px 2px 2px 2px;
	display: block;
	margin: 15px 0 15px 0;
	font-size: 10px;
	color: #353535;
	font-weight: normal;
	clear:both;
}

h2 {
	padding:2px 2px 10px 2px;
	display: block;
	border-bottom: 1px dotted #B2AA9D;
	margin: 15px 0 15px 0;
	font-size: 10px;
	color: #353535;
	font-weight: normal;
	clear:both;
}

h3 {
	padding:10px 2px 2px 2px;
	display: block;
	border-top: 1px dotted #B2AA9D;
	margin: 15px 0 15px 0;
	font-size: 10px;
	color: #353535;
	font-weight: normal;
	clear:both;
}

p {
	padding:2px;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a, a:link, a:visited, a:active {
	padding:2px;
	text-decoration: none;
	color: #222A30; 
}

a:hover  {
	padding:2px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #8ACC00;
}

.highlight {
	padding:2px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #8ACC00;

}
.fade {
	color: #B2AA9D;

}

.fade a:link {
	color: #B2AA9D;
text-decoration: none;
}

.fade a:visited {
	color: #B2AA9D;
text-decoration: none;
}

.fade a:active {
	color: #B2AA9D;
text-decoration: none;
}

.fade a:hover {
		text-decoration: none;
	color: #FFFFFF;
	background-color: #B2AA9D;

}

.image {
margin: 50px 0px 50px 0px;
	padding:0px;


}

.image2 {
border: 1px solid #B2AA9D;


}

.image:hover{
	padding:0px;
	background-color: #FFFFFF;

}

.image:link{
	padding:0px;
	background-color: #FFFFFF;

}

.image:visited{
	padding:0px;
	background-color: #FFFFFF;

}

.image:active{
	padding:0px;
	background-color: #FFFFFF;

}

.gallery {
	margin-bottom: 15px;
}

.right {
   float: right;
   border: 3px solid #FFFFFF;
   outline: 1px dotted #B2AA9D;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 15px 15px;
}

.clear {
	clear: both;
	height: 10px;
	width: 0;
	font-size: 0;
	padding: 0;
}

#blogger {
	float: right;
}

ul {
list-style-type: none;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
padding:0px;
border-top: 1px dotted #B2AA9D;
}

li {
padding-top:5px;
padding-bottom:5px;
display: block;
border-bottom: 1px dotted #B2AA9D;
}

/* STRUCTURE */

#outer_wrapper {
	width: 950px;
	margin-top: 0px;
	margin-bottom: 0px;
    margin-left: 0px;
    margin-right: auto;

}

#wrapper {
	position: relative;
	width: 850px;
	text-align: left;
	margin: 0px 0px 0px 100px;

}

#col1 {

	float: left;
	margin-top: 50px;
	width: 250px;
	margin-right: 50px;
    position: absolute;
}

/* HEADER */

#header {
	width: 748px;
	height: 170px;
	position: relative;
	padding: 0;
	margin: 0px 0px 10px 0px;
}

#tagline {
  color: #353535;
  margin: 0;
  padding: 3px 0px 0px 0px;
}

#logo {
	margin: 0px;
}

#head {
	padding-bottom: 25px;
}

.gall {
border: 3px solid #FFFFFF; 
outline: 1px solid #B2AA9D;
}

/* SIDE NAV */

#sidenav {
	position: relative;
	display: block;
	width: 500px;
	float: right;
	margin-top: 50px;
	margin-right: 50px;
}

/* FOOTER */

#footer {
	display:block;
	margin-top: 10px;
	border-top: 1px dotted #B2AA9D;
	background-color:#fff;
	text-align: left;
	color: #353535;
}

#footer #details { 
	width:748px;
	float:left;
	padding-bottom:10px;	
	padding-top:10px;	
}