@charset "UTF-8";
/* CSS Document */

/* color palette ::stockholm syndrome::

	light greenish: E1EDD1
	greenish: AAB69B
	tanish/brown: 9E906E
	orangish: B47941
	red: CF391D
	almost black: 1c1c1c
	pink: EC7B7B
	antique white from background: f1f1f1

*/

* {
 margin: 0;
 padding: 0;
 border: 0;
}

body {
	font: 100.01% "Georgia", Times New Roman, Times, Serif; 
	color: #e1edd1;
	background: #1c1c1c url(images/back.gif) repeat;
	text-align: center; /* IE 5 fix */
	height: 100%;
}

#container {
 width: 850px;
 font-size: .8em;
 background: transparent;
 margin: 24px auto;
 margin-top: 0px;
 text-align: left; /* IE 5 fix */
 height: auto;
 min-height: 490px;
}

#header {
 height: 99px; 
 padding: 0px;
 background: transparent url(images/head.gif);
}
#wrapper {
 background: #1c1c1c;
 width: 850px;
 min-height: 490px;
 height: auto;
}
#footer {
 clear: both; /*left*/
 margin-bottom: -10px;
 text-align: center;
 font-size: .9em;
 color: #AAB69B;
 padding-top:20px;
}

.headertext {
 text-align:right;
 color:#f1f1f1;
 margin-top:18px;
 padding-top:18px;
 padding-right:8px;
 font-size: .75em;
 font-style:italic;
}

.menutext {
 text-align:right;
 color:#e1edd1;
 margin-top:48px;/*33*/
 padding-right:8px;
 font: 1em verdana, arial, sans-serif;
 text-decoration:none;
}
.menutext a {
  color:#e1edd1;
   text-decoration:none;
}
.menutext a:hover {
  color:#EC7B7B;/*9E906E*/
  /*font-style:italic;*/
  text-decoration:underline;
}


/* TEXT STYLE */

h2 {
  font-size:1.5em;
  color:#E1EDD1;
  text-align:center;
}

h3 {
  font-size:1em;
  color:#AAB69B; /*9E906E*/
}
h4 {
  font-size:1.5em;
  color:#E1EDD1;
  text-align:left;
  padding-left:350px;
  }

p {
 padding: 2px;
}
a {
 color: #aab69b;
 text-decoration:underline;
}
a:hover {
 color: #EC7B7B;
 text-decoration:none;
}

.greentext {color: #AAB69B}

.largertext {font-size:1.2em;}


/* MAIN BODY ELEMENTS */

#leftcol, #rightcol {
 padding-top: 4px;
 border-top: 0px;
 margin-top: 2px;
 margin-left: 2%;
}
#leftcol {
 float: left;
 width: 25%;
 display: inline; /* IE 6 fix */
}
#rightcol {
 float:right;
 width: 67%;
 margin-right: 2%;
}
.photos { /*changed original class name from "photo" to avoid confusion with gallery code */
 float: left;
 border: 2px solid #aab69b;
 padding: 4px;
 margin: 4px 16px;
 position:relative;
}
.textbox {
 padding: 20px;
 border: 2px solid #e1edd1;
 margin: 0px 300px;
 background: transparent url(images/popbg.gif) repeat;
}
.caption {
font-style:italic;
color:#e1edd1;
font-size:.75em;
}

/* INDEX PAGE STYLING */

#mainbody {padding: 20px; width:auto; border:0;}
#maintext {padding: 20px 42px 0px 62px; width:auto; border:0;}

.mainimage	{
  font-size:1em;
  color:#EC7B7B;/*1c1c1c*/
  text-align:center;
  background-color:#1c1c1c; /*EC7B7B*/
  display:inline-block;
  position:relative;
  float:left;
  padding:2px;
  width:201px;
  margin-left:0px;
  margin-bottom:20px;
  margin-right:10px;
}
.mainimage img {
border:4px solid #ec7b7b; margin-bottom:2px;
}


/* ABOUT BODY ELEMENT */

#about-wrap {
margin: auto 44px;
}
#about-wrap p  {
text-align:left;
}
.aboutphoto {margin:20px 10px 0px 20px; float:left; border:4px solid #ec7b7b; display:inline-block;}

/* TESTIMONIAL BODY ELEMENTS */

#test-wrap {
margin: auto 44px;
}

#test-leftcol, #test-rightcol {
 padding-top: 6px;
 border-top: 0px;
 margin-top: 10px;
 margin-left: 0%;
}
#test-leftcol {
 float: left;
 width: 46%;
 display: inline; /* IE 6 fix */
 text-align:left;
}
#test-rightcol {
 float:right;
 width: 46%;
 margin-right: 0%;
}

/* CONTACT FORM STYLING */

#contact-wrap {
margin: auto 44px;
}

.contactfield {
background:#f1f1f1;
color:#1c1c1c;
}
.contactform {
border:1px solid #f1f1f1;
margin:0px 40px;
padding:10px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

=================================================================== */
/* common styling */

a {text-decoration:underline; color:#E1EDD1;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none; color:#e0ece4;}

/* slides styling */

#photowrap {width:850px; float:left; left:45px; position:relative; display: inline-block; }

.photo {width:719px; height:175px; background:url(images/tab_bg.jpg) no-repeat center center; text-align:left; position:relative;}

.photo dl {
	font-size:0.9em;
	position:absolute;
	width:667px;
	top:60px;
	left:30px;
	color:#1c1c1c;
	height: 92px;
}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:.6em;}
.photo dl dd {font-family:verdana, arial, sans-serif; padding:0; margin:0; line-height:1.7em; margin-bottom:1em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:732px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:120px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:119px; height:30px; text-align:center; line-height:30px; color:#1c1c1c; text-decoration:none; border:1px solid #1c1c1c; border-width:1px 1px 0 0; background:#f1f1f1; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#909090;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:100px; background:#f1f1f1 url(images/tab_bg2.jpg) no-repeat center center; width:654px; padding-top:24px; padding-left:45px; border:10px solid #909090; padding-right:0px;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:72px; height:72px; float:left; border:1px solid #909090; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:70px; height:70px; cursor:default; float:left; text-decoration:none; background:#f1f1f1; border:1px solid #ccc;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:60px; height:60px; border:5px solid #f1f1f1;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-20px; top:-20px; width:100px; height:100px; border-color:#1c1c1c;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

