﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 11px/18px sans-serif; color: #351100; background: #a27a64; margin: 0;}

h2.subTitle                             {font-size: 11px !important; color: #6b3419; border-bottom: 1px solid #6b3419;}

h1                                      {font: bold 24px serif; margin: 20px 0; color: #6b3419;}
h2                                      {font-size: 14px; text-transform: uppercase; margin: 0;}
h3                                      {font-size: 12px; text-transform: uppercase; margin: 0;}
h4                                      {font-size: 10px; text-transform: uppercase; margin: 0;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

div#subContent h1                       {font-size: 18px; text-transform: uppercase; margin: 0; color: #6b3419;}
div#subContent h2                       {font-size: 14px; text-transform: uppercase; margin: 0; color: #6b3419;}
div#subContent h3                       {font-size: 11px; margin: 0; color: #c3a493;}
div#subContent h4                       {font-size: 10px; text-transform: uppercase; margin: 0; color: #6b3419;}

a										{color: #a27a64; text-decoration: none;}
a:hover									{text-decoration: underline;}
p.endline								{width: 800px; margin: 0 auto; border-top: 1px solid #85492c;}

.show									{display: block !important;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

div#container							{width: 800px; margin: auto; padding: 0 10px 0 10px; background-image: url(../gfx/shade.gif);}
div#topContent							{height: 250px; background-image: url(../gfx/topimage_default.jpg);}
div#menuContent							{padding: 0 0 0 20px; height: 30px; background-image: url(../gfx/menu_bg.gif);}
div#content								{background-color: #fff; padding: 0 0 0 30px;}
div#mainContent							{width: 440px; float: left; margin-right: 30px;}
div#mainContent	p						{margin-top: 10px; margin-bottom: 10px;}
div#subContent							{width: 270px; float: left; margin-top: 65px;}
div#bottomContent						{clear: both;}

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

#txtSearchSite							{font: normal 12px sans-serif; width: 100px;}
#btnSearchSite							{font: normal 12px sans-serif;}

div.company					            {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;}

.message								{background: #ff9 url(../gfx/msg-bar-bg.gif) repeat-x bottom; color: #555; padding: 6px 15px; margin: 0;font-size: 11px; font-weight: bold;} 
.message p								{margin: 0;}

address.footer							{font: normal 10px sans-serif; display: block; clear: both; padding: 20px 0 2px 0;}
address.footer span						{display: none;}
address.footer span.org					{display: none;}
address.footer a						{}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

ul.menu                                 {margin: 0; padding: 0; list-style: none; position: relative;}
ul.menu li                              {float: left; padding: 0 10px 0 10px;}
ul.menu li a                            {font: normal 11px/28px sans-serif; display: block; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase;}

ul.menu li ul			                {list-style: none; width: 169px; margin: 0 0 0 -10px; padding: 0; background-color: #7B4124; position: absolute; display: none; z-index: 1000;}
ul.menu li ul li						{padding: 0;}
ul.menu li ul li a						{width: 149px; display: block; border: 0; padding: 0 10px 0 10px;}
ul.menu li ul li a:hover				{color: #c3a493; border: 0;}
ul.menu li ul li ul						{margin: -33px 0 0 169px; display: none;}

.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul, .menu li:hover ul ul ul ul ul						{display: none !important;}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul, .menu li li li li li:hover ul		{display: block !important;}

/*--------------------------------------------------------------------------------------------------
Modules
--------------------------------------------------------------------------------------------------*/

h3.blogArchive									{margin-left: 10px;}
ul.blogArchive									{margin: 10px 0 10px 30px; padding: 0; list-style: none;}
div#rightContent ul.categories					{margin: 10px 0 15px 10px; padding: 0; list-style: none;}

ul#BlogCategories								{clear: both;}
ul#BlogCategories li							{display: inline; margin: 0 3px 0 0; line-height: 25px;}
ul#BlogCategories li a							{text-decoration: none;}
ul#BlogCategories li a:hover					{text-decoration: underline;}
ul#BlogCategories li.on a						{text-decoration: underline;}
ul#BlogCategories li.weight0 a					{font-size: 11px;}
ul#BlogCategories li.weight1 a					{font-size: 12px;}
ul#BlogCategories li.weight2 a					{font-size: 14px;}
ul#BlogCategories li.weight3 a					{font-size: 16px;}
ul#BlogCategories li.weight4 a					{font-size: 18px;}
ul#BlogCategories li.weight5 a					{font-size: 20px;}
ul#BlogCategories li.weight6 a					{font-size: 22px;}
ul#BlogCategories li.weight7 a					{font-size: 25px;}
ul#BlogCategories li.weight8 a					{font-size: 28px;}
ul#BlogCategories li.weight9 a					{font-size: 30px;}

div#subContent p.image							{float: left; margin: 10px 10px 0 0;}
div#subContent p.image img						{float: left;}

div#subContent ul								{list-style: none; margin: 10px 0 10px 20px; padding: 0;}
div#subContent h3.blogArchive					{margin: 10px 0 10px 20px;}
div#subContent ul.blogArchive					{margin-left: 40px;}

div.blogpost h3									{border-bottom: 1px solid #351100;}
div.blogpost ul.categories						{list-style: none; padding: 0; margin: 0 0 20px 0;}
div.blogpost ul.categories li					{display: inline; margin-right: 10px;}

p.thumbnail										{float: left; width: 140px; margin: 0 !important; padding: 2px !important; height: 180px; position: relative;}
p.directory										{float: left; width: 140px; margin: 0 !important; padding: 2px !important; height: 140px; position: relative; margin-bottom: 20px !important;}
p.thumbnail img									{position: absolute; bottom: 0;}
div.gallery										{padding-left: 5px;}
h3.galleryitem									{clear: both;}

div.guestbookpost								{margin-bottom: 15px; padding: 0;}
div.guestbookpost h3							{border-bottom: 1px solid #ccc; padding-bottom: 3px;}
div.guestbookpost span							{margin-top: 0; margin-bottom: 0;}
div.guestbookpost span.name						{font-size: 10px; text-transform: uppercase; width: 400px; display: block; float: left;}
div.guestbookpost span.email					{margin: 0 5px 0 0;}
div.guestbookpost span.email img				{padding-top: 3px;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
address.staff span.value				{display: inline;}

/*
div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}
*/

body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}


/*--------------------------------------------------------------------------------------------------
CE
--------------------------------------------------------------------------------------------------*/
div.largeimage							{display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;}
div.largeimage a						{margin:10px; display: block;}

ol.guestbook							{width: 70%; margin: 0; padding: 0; list-style: none; float: left;}
ol.guestbook li							{margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;}
ol.guestbook h3							{margin: 0; font: bold 11px sans-serif;}
ol.guestbook p							{margin: 0;}
ol.guestbook p.report					{margin-bottom: 10px;}
ol.guestbook a							{text-decoration: none; color: Blue;}
ol.guestbook a.reported					{text-decoration: none; color: Red;}

ol.guestbook li.pager					{margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;}
ol.guestbook li.pager a					{text-decoration: none;}
ol.guestbook li.pager a:hover			{text-decoration: underline;}
ol.guestbook li.pager a.left			{float: left;}
ol.guestbook li.pager a.right			{float: right;}

fieldset.guestbook						{width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;}
fieldset.guestbook legend				{margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;}
fieldset.guestbook p					{margin: 5px 0;}
fieldset.guestbook p.info				{margin: 10px 0;}
fieldset.guestbook p.error				{color: Red;}
fieldset.guestbook p.done				{color: Green;}
fieldset.guestbook p.checkbox			{margin: 0 0 10px 0;}
fieldset.guestbook p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; display: inline;}
fieldset.guestbook p.checkbox input		{width: auto; vertical-align: middle;}
fieldset.guestbook label				{display: block;}
fieldset.guestbook label span			{color: Red; visibility: hidden;}
fieldset.guestbook input				{width: 97%; font: normal 11px sans-serif;}
fieldset.guestbook textarea				{width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;}
fieldset.guestbook input.btn			{width: auto;}

fieldset.guestbook fieldset				{margin: 0; padding: 0; border: 0; display: none;}
fieldset.guestbook fieldset legend		{display: none;}

ul.banners								{margin: 20px 0; padding: 0; list-style: none;}
ul.banners li							{margin: 5px 0;}