/***********************************************************
 * Faun Photography Formatting data
 * 10th October, 2014
 * (c)Bout Time Software

 outline-style:none; outline-width:0;
-moz-box-sizing: border-box;  //fix width with borders.
box-sizing: border-box;
980
 ***********************************************************/

html {overflow-y: scroll;}
* :focus { outline: 0; }

BODY {
background:#fff url(layout/bg-body.jpg?2) no-repeat center top;
font:14px/24px Arial, Tahoma; color:#333; margin-bottom:0.5em; text-align:justify; margin:0px; width:auto; min-width:320px;
}

.header {BACKGROUND: url(layout/logo.png?3) no-repeat left top; margin:0px; text-align:left; width:940px; height:105px; position:relative;}

#nav-menu 	{ text-align:right} 
#nav-menu ul	{ list-style:none; padding:0px; margin:0;}
#nav-menu li	{ display:inline-block; padding:0px 0px 8px 16px;}
#nav-menu li a	{ display:inline-block; padding-top:10px; border-top:35px solid transparent; color:#000; text-decoration:none; text-align:center; font:12px/14px Arial,Tahoma;}
#nav-menu li a:hover { border-top: 35px solid #e5e4da; color:#800}
#nav-menu li a.MenuActive {border-top:35px solid #abb445}

.BannerAlt {display:none; text-align:center;}

.footer {background:url(layout/faun-footer.png) no-repeat; padding-left:120px; min-height:168px; text-align:left;}

table {font-family : verdana; font-size	: 12px;}

.banner {
	text-shadow	: #ffffff 20px -12px 5px;
	COLOR		: white;
	FONT-SIZE	: 20px;
	TEXT-ALIGN	: center;
	FONT-FAMILY	: "Trebuchet MS";
	margin		: 5px 165px 0px 150px;
}

.boxmain {margin:0px 5px 0px 5px; position:relative;}
.boxmainfixed {margin:0px 5px 0px 5px;width:940px; position:relative;}

.ContentLeft { padding:0px 22px 0px 0px; text-align:justify; width:59%; display:inline-block;}
.ContentRight{ margin-left:0px; padding:0px 0px 0px 22px; text-align:justify; width:36%; color:#abb445; border-left:2px solid #abb445; display:inline-block; vertical-align:top;}

.IconF {background: url(layout/iconf.png) no-repeat center top; width:45px; height:45px;cursor:pointer;float:right;margin-right:10px;}
.IconG {background: url(layout/icong.png) no-repeat center top; width:45px; height:45px;cursor:pointer;float:right;margin-right:0px;}

.Heading1 { font-family: Arial, Helvetica; color:#ccc; font-size:18px; line-height:1.2em; margin-bottom:10px;}
.hdr, .Heading2 { font-family: "Voltaire", "sans serif", Arial; color:#333; font-size:36px; line-height:1.25em; margin-bottom:0.5em; text-shadow:0px 0px 0px}
.Heading3 { font-family: "Voltaire", "sans serif", Arial; color:#999; font-size:36px; line-height:1.25em; margin-bottom:0.5em; text-shadow:0px 0px 0px}
.Heading4 { font-family: "Voltaire", "sans serif", Arial; color:#333; font-size:24px; line-height:1em; margin: 1.5em 0em 0.5em 0em; text-shadow:0px 0px 0px}
.Heading5 { font-family: "Voltaire", "sans serif", Arial; color:#ABB445; font-size:16px; line-height:1.25em; margin-bottom:0.5em; text-shadow:0px 0px 0px}
.Heading6 { font-family: "Voltaire", "sans serif", Arial; color:#777; font-size:16px; line-height:28px; margin-bottom:0.5em; text-shadow:0px 0px 0px}
.Heading7 { font-family: Arial; color: #000; font-size:20px; font-weight:bold;}
.Heading8 { font-family: "Voltaire", "sans serif", Arial; color:#999; font-size:20px; line-height:2em; margin:1.5em 0em 0.5em 0em; border-top:1px dashed #aaa;}

.ver  {FONT: 10px/12px Tahoma, Arial; color:#abb445; text-align:left;}
.verc {FONT:10px/12px Tahoma, Arial; COLOR:#666; text-align:center; padding:4px;}

.wblk		{ color:black}
.wblu		{ color:blue}
.wred		{ color:red}
.wgre		{ color:green}
.wgra		{ color:#888888}

.fl { float:left }
.fr { float:right }
.al { text-align:left }
.ar { text-align:right }
.ac { text-align:center }
.aj { text-align:justify }
.txb { color: black}
.txtitalics {font-style:italic}
.cb { clear:both}
.pad10 {font-family:tahoma;padding:10px}
.smalp {font-size:10px;color:#aaaaaa;}
.sz {width:100%}
.lne {height:1px;width:50px;text-align:left;}

A:link		{ BACKGROUND-COLOR: transparent; color: #899223; TEXT-DECORATION: none }
A:visited	{ BACKGROUND-COLOR: transparent; COLOR: #888888; TEXT-DECORATION: none }
A:hover		{ BACKGROUND-COLOR: transparent; COLOR: #0055FF; TEXT-DECORATION: none }


@font-face {
  font-family: 'Voltaire';
  font-style: normal;
  font-weight: 400;
  src: local('Voltaire'), url(plugins/voltaire.woff) format('woff');
}

/************** PHP OVERRIDE **********************/
.AHelpBase    { position:fixed;top:150px;right:10px;width:650px;font:12px/14px tahoma; margin-top:0px;}
.AHelpContent { background:#eee;color:#000;border:4px solid #58f;z-index:100;}

/* Gallery */
.displayphoto { background: transparent url('layout/loading.gif') no-repeat center;}
.gnavleft 	{background: url('layout/gallery-left.png') no-repeat left; width:100px;height:100px;cursor:pointer;}
.gnavright 	{background: url('layout/gallery-right.png') no-repeat right; width:100px;height:100px;cursor:pointer;}
.gnavleft:hover  {background: url('layout/gallery-left-hover.gif')  no-repeat left; width:100px;height:100px;cursor:pointer;}
.gnavright:hover {background: url('layout/gallery-right-hover.gif') no-repeat right; width:100px;height:100px;cursor:pointer;}
.gnavthumbleft	{background: url('layout/gallery-thumb-left.png') no-repeat center; width:56px;height:80px;cursor:pointer;}
.gnavthumbright	{background: url('layout/gallery-thumb-right.png') no-repeat center; width:56px;height:80px;cursor:pointer;}
.gnavthumbleft:hover {background: url('layout/gallerythumb-left-hover.gif') no-repeat center; width:56px;height:80px;cursor:pointer;}
.gnavthumbright:hover {background: url('layout/gallerythumb-right-hover.gif') no-repeat center; width:56px;height:80px;cursor:pointer;}

.thumbsetpad {border: 0px solid #ffffff; background:#eee;padding:0px}
.thumbset {border: 0px solid #ffffff;}

#gallery-menu ul { text-align:right;}
#gallery-menu 	 { background:transparent; border:0px; border-bottom:2px solid #abb445; padding:0px; margin:0px;}
#gallery-menu li { background:transparent; color:#96a34f; text-align:center;}
#gallery-menu li a {margin-left:20px; padding:2px; width:auto;height:auto;color:#96a34f; font:14px/20px Arial;border:0px; border-bottom:5px solid transparent}
#gallery-menu li a:hover {background:transparent; color:#96a34f; border:0px; border-bottom: 5px solid #96a34f}
#gallery-menu li a.GalActive { border-bottom: 5px solid #96a34f; background: transparent}

.hdmenu a { color:#000000; font-size:10px;}
.hdmenu a:visited { color:#000000;}
.hdmenu a:hover { background:#555555; border:1px solid #ff5; color:#FFF;}

.zzbannerdiz {
	border-top	: 1px solid #888;
	FONT		: 12px/14px Arial,Tahoma,"Trebuchet MS",Tahoma,Arial;
	color		: #000088;
        padding		: 4px 5px 0px 5px;
}

/* news headings */
.NewsHeadline {
	background	: #eee;
	COLOR		: #000000;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 18px;
	border		: 1px solid #888;
	padding		: 0px;
}

.NewsInsertA {position:fixed;top:150px;right:30px;}
.NewsInsertSet {position:fixed;top:150px;right:30px;}

.pad20 {padding-left:20px;}
.E-select {background:url(layout/togglep.png) no-repeat left top;}
.E-content {background:#fff;cursor:default;}

div.E-select:hover {background: #f6f5eb url(layout/toggleh.gif) no-repeat left top;}

/* Contact Form */
.InputLine { border-radius:10px;background:#ccc;border:1px solid #999; width:580px; height:35px;  padding:0px 5px 0px 5px; }
.InputBox  { border-radius:10px;background:#ccc;border:1px solid #999; width:580px; height:240px; padding:5px;}
.InputSend { background: url(layout/form-send.png) no-repeat top left; border:0px #fff; width:117px; height:43px; cursor:pointer;}

.zInputLine { background: url(layout/form-line.png) no-repeat top left; border:0px #fff; width:500px; height:40px;  padding:0px 5px 0px 5px; }
.zInputBox  { background: url(layout/form-box.png)  no-repeat top left; border:0px #fff; width:500px; height:240px; padding:5px;}
.zInputSend { background: url(layout/form-send.png) no-repeat top left; border:0px #fff; width:117px; height:43px; cursor:pointer;}

.PageBoxTop, .PageBoxMid, .PageBoxBase	{width:auto; height:auto; background:transparent; color:#000; font-family:inherit;}	/* turn off all formatting for this line-height:auto; font:normal; font-size:normal */
.GenPageSelect 	{border:0px #fff;background:transparent}
.NewsTitle 	{font-family: "Voltaire", "sans serif", Arial; color:#333; font-size:36px; line-height:1.25em; margin-bottom:0.5em; text-shadow:0px 0px 0px}
.NewsGalleryOpen {display:none}