* {
  padding: 0;
  margin: 0;
}

img {
  border: none;
}

body {
	  background: #BFB79B;
  /* background: #7F6B37; */
  background: #9F8C59;
  background: #9C8B5F;
  font-size: small;
  font-family: Helvetica, Sans-serif;
  color: #FFF;
  text-align:left;
  font-size: 11pt;
  line-height: 1.2em;
  padding-top: 15px;
}

* html body {
  font-size: x-small; /*IE-win only*/
  f\ont-size: small; /* other IE versions */
}

/*= General Elements 
======================== */
	
h1 { 
 font-size: 180%;
  padding-bottom: 10px;
}

h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }

p { margin-bottom: 0.8em; }

a:link, a:visited, a:active { color: #fff; }

/* Layout
========================= */

div#wrap {
  font-size: 90%;
  position: relative;
  z-index: 0;
  zoom: 1;
  margin: 0px auto;
  width: 850px; /* constrains header, content, footer */
}

/* big, black bg for content area*/
div#content {
  background: url(/media/flowers3-round.jpg) 0 0 no-repeat;
  height: 450px;
}


#home div#content {
  background: url(/media/home1.jpg) 0 0 no-repeat;
}

#profile div#content {
  background: url(/media/hasta.jpg) 0 0 no-repeat;
}

div#mc-content {
  width: 40%;
  padding: 25px 35px;
}

div#header {
  width: 100%;
  height: 70px;
}


#footer {
  clear:both;
  text-align: center;
  font-size: 90%;
  margin-top: 6px;
}

#footer a { color: #fff; margin-right: 8px; }
#footer a:hover { text-decoration: none; }

#footer .address {
  font-family: "Garamond", "Georgia", serif;
  font-size: 1.5em;
}

/* block-level container for logo images */
div#logo {
  text-align: center;
  position: relative;
  margin-left: 35px; 
  width: 181px; /* limit to width of max image 181px */
}

div#logo img {
  text-decoration: none;
  border:0;
}


/* form layout */
table.defaultData {
  padding-left:35px;
}
div.dataControls {
padding-left:35px;
}


/*= Portfolio
========================== */

#portfolio #content {
  background: url(/media/flowers5.jpg) 0 0 no-repeat;
}

#portfolio div#mc-content {
  width: 850px;
  padding: 25px 35px;
  padding-right: 4px;
}

#portfolio.inside #content {
  background:  url(/media/black-round.jpg) 0 0 no-repeat;
  position: relative;
}

#portfolio.inside #top {
  background: url(/media/black-round.jpg) 0px 0 no-repeat;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  height: 14px;
  width: 850px;
}

#portfolio.inside #bottom {
  background: url(/media/black-round.jpg) 0 0 no-repeat;
  background-position: 0 -430px;
  z-index: 10;
  height: 18px;
  width: 850px;  
}

#portfolio.inside #mc-content {
  background: url(/media/black-repeat.jpg) 0 0 repeat-y;
  width: 809px;
  margin: 0;
  clear: both;
  float: left;
  overflow: hidden;
  position: relative;
}

#portfolio #p-link {
  position: absolute; 
  top: 20px; 
  left: 70%;
  z-index: 11;
}

#p-link a {
  text-decoration: none;
}

#p-link a:before {
  content: ' >>';
  font-size: 85%;
}

#p-link a:hover { text-decoration: underline; }



#portfolio .firstColumn .layoutColumnPadding {
  width: 80%;
}

#portfolio #content img { border: solid 1px #fff; }


.gallery-thmb {
  width: 175px;
  float: left;
  text-align: center;
  margin-bottom: 8px;
  background: #222;
  padding: 2px;
  margin-right: 2px;
  border: solid 1px #fff;
}

.gallery-thmb a { 
  text-decoration: none;
  font-weight: bold; 
  padding-top: 2px;
}

p.header {
  font-weight: bold;
  text-align: center;
  color: #000;
}


/*= SLIDESHOW 
======================== */
img#slideshow-img { 
  position: relative;
  left: 367px;
}

/*= Global Navigation 
======================== */

ul#nav {
	position:absolute;
	top: 37px;
	right: 35px;
	padding: 0; 

}

ul#nav li {
	list-style: none;
	float:left;
	padding: 0px 0 0 8px;
	margin-top: 0px;
}

ul#nav li img {
	border: 0;
	margin: 0px 0 0 35px;
}

ul#nav li a {
  text-decoration: none;
  color: #fff;
  padding: 2px 4px;
}

ul#nav li a#contact-link { position: relative; top: 2px; } 


/*==Login for webgui=== */
div#login {
	color:white;
	text-align:center;
}
#login a {
	color:white;
}
.loginbox {
	text-align:center;
}

/* FORMS
================ */

.defaultData input { border: solid 1px #ddd; }
.defaultData input:hover { background: #ffffa0; }
.button { 
 font-size: 10pt; 
 border: solid 1px #fff;
}



/*= Admin
================ */
div#ib_admin {
  z-index: 10;
}