@charset "utf-8";

body 				{  margin: 0; padding: 0; background: #ffffff; color: #747474; font-size: 14px; font-family: 'TeXGyreAdventor'; text-align: left; word-wrap: break-word; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
html, body			{ height: 100%; min-height: 100%; }

.clearfix:after			{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix			{ display: inline-block; }
html[xmlns] .clearfix		{ display: block; }
* html .clearfix		{ height: 1%; }

textarea			{ font-size: 13px; font-family: 'TeXGyreAdventor'; resize: none; }
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='number'],
input[type='password']		{ font-size: 13px; }
textarea,
input, select			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type='submit']		{ -webkit-appearance: none; border-radius: 3px; background: #e2e2e2; color: #333333; border: 1px solid #888888; cursor: pointer; }

#wrapper			{ width: 100%; margin: 0 auto; padding: 0; background: #ffffff; overflow: hidden; }
#headerwrap			{ width: 100%; height: 125px; margin: 0 auto; padding: 0; overflow: hidden; background:#844358;}
#header				{ position: relative; top: 0; width: 1100px; margin: 0 auto; text-align:center; padding-top:10px;}
#menuwrap			{ width: 100%; height:58px; margin: 0 auto; padding: 0; border-bottom:2px solid #9c4f68;}
#slideshowwrap			{ position:relative; width: 100%; max-height: 683px; margin: 0 auto; padding: 0; overflow: hidden; }
#welcomewrap			{ width: 100%; height:273px; margin: 0 auto; padding: 0; overflow: hidden; background:#c5ae8a;}
#middlewrap			{ width: 100%; margin: 0 auto; padding: 0; overflow: hidden;}
#middle				{ width: 1100px; margin: 0 auto; padding: 0; min-height: 100px; overflow: hidden; }
#upperwrap			{ width: 100%; margin: 0 auto; padding: 0; overflow: hidden; text-align:center;}
#contactbar			{ width: 100%; height:48px; margin: 0 auto; padding: 0; overflow: hidden; background:#c1a882; text-align:center; font-size:20px; color:#ffffff; padding-top:15px;}
#lowerwrap			{ position:relative; width: 100%; height:auto; margin: 0 auto; padding: 0; overflow: hidden; background:#9c4f68;}

/* DEFAULT STYLING */

a				{ color: #747474; text-decoration: underline; }
a:hover				{ color: #9c4f68; }

h1, h2, h3, h4, h5, h6 		{ color: #747474; font-weight: normal; }

h1				{ font-size: 29px; }
h2				{ font-size: 22px; font-weight: bold; }
h3				{ font-size: 20px; text-transform: uppercase; }
h4				{ font-size: 18px; font-weight: bold; }
h5				{ font-size: 16px; text-transform: uppercase; }
h6				{ font-size: 14px; font-weight: bold; }

p, li, td, th			{ color: #222222; line-height: 20px; }
#wrapper img			{ max-width: 100%; height: auto; }
iframe				{ width:100%; max-width: 100%; }

#middle li			{ margin-bottom: 6px; line-height: 18px; }
#middle li ul, #middle li ol	{ margin-top: 6px; }
#middle hr			{ border: 0; width: 80%; margin: 20px auto; color: #ccccca; background-color: #cccccc; height: 1px; }
#middle ul > li ul		{ list-style-type: circle; }
#middle ol > li > ol		{ list-style-type: lower-alpha; }
#middle ol > li > ol > li > ol	{ list-style-type: lower-roman; }
#middle blockquote		{ font-family: 'TeXGyreAdventor'; font-style: italic; padding: 0 8px 0 20px; border-left: 5px solid #cccccc; overflow: hidden; }
#middle blockquote h2 		{ color:#844358;}

/* HORIZONTAL MENU */
#menuh				{ position:relative; width: 80%; height:58px; margin: 0 auto; padding: 0; }
#menuh nav			{ position:absolute; display:inline-block; text-align: left; width:100%; }

#menuh nav a			{ display: block; padding: 19px 9px; text-decoration: none; color:#747474;}
#menuh nav ul li ul a		{ color: #ffffff; }
#menuh nav ul li ul a:hover	{ color: #9c4f68; }
#menuh nav a.active		{ background-color: #f3ebdf; color: #9c4f68;}
#menuh nav a.active-child 	{ background-color: #f3ebdf; }

#menuh nav ul			{ margin: 0; padding: 10px 4px 17px 0; list-style: none; text-align: left; display: inline; }
#menuh nav ul li		{ display: inline-block; margin-right: -4px; position: relative; padding: 0; cursor: pointer; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
#menuh nav ul li:hover		{ background: #f3ebdf; color:#9c4f68;}
#menuh nav ul li ul		{ position: absolute; top: 50px; left: 0; width: 190px; display: block; opacity: 0; visibility: hidden; z-index: 90; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
#menuh nav ul li ul li		{ background: #994d66; display: block; color: #fff; }

#menuh nav ul li ul li:hover 	{ background: #f3ebdf; color:#747474;}
#menuh nav ul li:hover ul 	{ display: block; opacity: 1; visibility: visible; }

#menucontact			{ position:absolute; right:0; text-align:right; font-family: "TeXGyreAdventorBold"; font-size:14px; color:#747474; line-height:25px;}
#menucontact a 			{ font-family: "TeXGyreAdventorBold"; font-size:25px; color:#747474; text-decoration:none; letter-spacing: 1px;}
#menucontact a:hover 		{ color:#9c4f68; text-decoration:underline;}

/* SLIDESHOW */

.cycle-slideshow		{ overflow: hidden; width: 100%; height: auto; z-index: 10; }
.cycle-slide			{ width: 100%; line-height: 0; }
.cycle-slide a			{ display: block; width: 100%; height: auto; line-height: 0; }
.cycle-slide img		{ line-height: 0; }

.slideshow-overlay		{ position: absolute; margin:0 auto;  bottom:100px; z-index:9999999999;}
.slideshow-text			{ display: inline-block; width: 60%; color: #000000; font-size: 20px; vertical-align: top; }
.slideshow-pager		{ display: inline-block; width: 40%; text-align: right; }
.slideshow-pager a		{ border: 1px solid red; display: inline-block; width: 10px; height: 10px; margin: 0 0 0 5px; border: 3px solid #666; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.slideshow-pager a.cycle-pager-active	{ border-color: #000; }

#prevbutton			{ position: absolute; display: inline-block; bottom:5%; left:25%; z-index:999999;}
#nextbutton			{ position: absolute; display: inline-block; bottom:5%; right:25%; z-index:999999;}

/* Welcome */
#welcome			{ width:1100px; margin:0 auto; text-align:center; color:#ffffff; line-height:20px; letter-spacing:.75px; padding-top:20px;}
#welcome h1			{ color:#ffffff; line-height:29px; letter-spacing:2px;}
#welcome h2 			{ color:#ffffff; font-weight:normal; line-height:22px; letter-spacing:1px;}
#welcome img			{ margin: 10px 0 25px 0;}

/* PAGE TREE */
#pagetree			{ text-align: right; }
#pagetree p			{ font-size: 12px; margin: 0; padding: 10px 0 0 0; }
#pagetree p a			{ font-size: 12px; }

#pageheading			{ width: auto; padding-bottom: 0; text-align: left; }

/* VERTICAL MENU */
#leftcontainer			{ float: left; width: 182px; border: 1px solid #bbbbbb; }
#leftcontainer ul		{ position: relative; margin: 0; padding: 0; list-style: none; }
#leftcontainer ul li a		{ position: relative; display: block; margin: 0 auto; padding: 10px; border: 1px solid #bbbbbb; text-decoration: none; }
#leftcontainer ul a.active 	{ color: #000000; }

/* Upper */
#upper1 			{ position:relative; display:inline-block; width:32%; max-width:357px; margin:50px 7px 30px 0; vertical-align:top;}
#upper1 a 			{ color:#ffffff; font-size:20px; line-height:45px; text-decoration:none;}
#upper2 			{ position:relative; display:inline-block; width:32%; max-width:357px; margin:50px 7px 30px 7px; vertical-align:top;}
#upper2 a 			{ color:#ffffff; font-size:20px; line-height:45px; text-decoration:none; }
#upper3 			{ position:relative; display:inline-block; width:32%; max-width:357px; margin:50px 0 30px 7px; vertical-align:top;}
#upper3 a 			{ color:#ffffff; font-size:20px; line-height:45px; text-decoration:none; }

.upperlink			{ position:relative; display:block; height:50px; margin:0 auto; text-align:center; vertical-align:top; margin-top:-13px; background:#c1a882;}
.upperlink:hover		{ background:#9c4f68;}
.upperlink img			{ vertical-align:middle; margin-top:-3px;}

/* IMAGE LIBRARY */
#imagelibrary			{ margin: 4px; padding: 4px; }
#imagelibrary img		{ margin: 3px; }

/* IMAGE STYLING */
html>body .outerpair1		{ background: url(../images/upperrightfade.png) no-repeat right top; }
html>body .outerpair2		{ background: url(../images/lowerleftfade.png) no-repeat left bottom; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox		{ background: url(../images/shadow.png) bottom right; }
html>body .innerbox		{ position: relative; left: -8px; top: -8px; }
.shadowbox img			{ border: 1px solid #000000; vertical-align: bottom; }

.pageimagecenter		{ text-align: center; margin: 0 auto; padding: 0; max-width: 100%; }
.pageimageright			{ float: right; margin: 5px 0 5px 5px; padding: 0; max-width: 100%; }
.pageimageleft			{ float: left; margin: 5px 5px 5px 0; padding: 0; max-width: 100%; }
.pageimagenone img		{ margin: 3px; padding: 0; }






/* DIRECTORY STYLING */
/*
#directory			{ overflow: hidden; }
.directoryitem			{ position:relative; display:inline-block; margin: 0 0 20px 0; padding: 0 15px; overflow: hidden; width:47%;}
.directorytitle			{ font-size: 18px; color: #9d0a0e; padding: 0; margin-bottom: 10px; display: block; }
.directorydesc			{ color: #7c6b4c; display: block; font-size: 13px; height: 70px; overflow: hidden; margin-bottom: 10px; margin-right: 155px; }
.directoryitem a		{ text-decoration: none; display: inline-block; width: 100%; }
.directoryimage			{ float: left; width: 150px; max-width: 45%; height: auto; max-height: 125px; text-align: center; display: inline-block; overflow: hidden; right: 15px; top: 15px; margin-bottom: 5px; }
.readmore				{ position:relative; float:right; background: #9d0a0e; color: #ffffff; font-size: 13px; padding: 7px 7px 4px 7px; letter-spacing: 1px; border-radius: 10px; display: inline-block; margin-top:-30px;}
.directoryitem a:hover .readmore	{ background: #ef4023; }
.directoryitem a:hover .directorytitle	{ color: #ef4023; }
*/






#directory				{ overflow: hidden; }
.directoryitem				{ margin: 0 0 20px 0; padding: 15px; position: relative; overflow: hidden; background:#f3ebdf;}
.directorytitle				{ font-size: 18px; color: #9d0a0e; padding: 0; margin-bottom: 10px; display: block; }
.directorydesc				{ color: #7c6b4c; display: block; font-size: 13px; height: 70px; overflow: hidden; margin-bottom: 10px; margin-right: 155px; }
.directoryitem a			{ text-decoration: none; display: inline-block; width: 100%; }
.directoryimage				{ float: left ; width: 150px; max-width: 45%; height: auto; max-height: 125px; text-align: center; display: inline-block; overflow: hidden; right: 15px; top: 15px; margin: 0 20px 5px 0; }
.readmore				{ float: right; background: #9d0a0e; color: #ffffff; font-size: 13px; padding: 7px 7px 4px 7px; letter-spacing: 1px; border-radius: 3px; display: inline-block; }
.directoryitem a:hover .readmore	{ background: #ef4023; }
.directoryitem a:hover .directorytitle	{ color: #ef4023; }

/* DIRECTORY DISPLAY STYLING */
.directorydisplayright			{ width: 250px; float: right; margin-bottom: 20px; }
.directorydisplayfacts			{ margin-bottom: 10px; padding-bottom: 10px; font-size: 14px; line-height: 20px; }
.directorydisplayfacts h2		{ font-size: 16px; }
.directorydisplayfacts table		{ border-collapse: collapse; width: 100%; }
.directorydisplayfacts td		{ vertical-align: top; font-size: 13px; padding: 4px 0; border-bottom: 1px solid #d9d4cb; }
.directorydisplayfacts td:first-child	{ width: 30%; }
.directorydisplayfacts td:last-child	{ width: 70%; text-align: left; font-weight: bold; }
.directorydisplayfacts a		{ vertical-align: top; font-size: 13px; }
.directorydisplaylarge			{ width: 100%; height: auto; background: #f1eee6; line-height: 0; margin-bottom: 10px; }
.directorydisplaytext			{ width: 734px; margin: 30px 0 20px 0; padding-right: 15px; border-right: 1px solid #d9d4cb; }
.directorydisplayauthor			{ padding: 20px 45px; clear: both; border-top: 1px solid #d9d4cb; border-bottom: 1px solid #d9d4cb; line-height: 22px; font-size: 12px; }
.directorydisplayimages			{ margin-bottom: 5px; overflow: hidden; padding-bottom: 6px; border-bottom: 1px solid #d9d4cb; }
.directorydisplaythumb			{ float: left; }
.directorydisplaythumb a img		{ border: 0; }
.directorydisplaythumb a:hover img	{  }

#directoryD_left			{ display: inline-block; width: 70%; vertical-align: top; }
#directoryD_right			{ display: inline-block; width: 20%; min-width:250px; vertical-align: top; margin-left: 2%; padding-top:0;}

.directoryD_large			{ max-width: 100%; text-align: center; overflow: hidden; }
.directoryD_large a			{ background: url("../images/loading.gif") no-repeat 50% 50%; display: inline-block; width: 100%; height: auto; }
.directoryD_large img			{ max-width: 100%; height: auto; }

.directoryD_images			{ text-align: center; }
.directoryD_thumb			{ border: 3px solid #efefef; margin: 2px; background: #ffffff; line-height: 0; }
.directoryD_thumb,
.directoryD_thumb a			{ display: inline-block; width: 100px; height: 100px; line-height: 96px; overflow: hidden; }
.directoryD_thumb img			{ vertical-align: middle; }
.directoryD_thumb:hover			{ -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }

.directoryD_detail			{ padding: 0 10px; }

#directoryD_links			{ padding: 0 10px 10px 10px; border-bottom: 1px solid #dddddd; }
#directoryD_links a			{ display: inline-block; color: #ffffff; text-decoration: none; padding: 4px 10px; }

#directoryD_pdfs			{ padding: 10px; }
.directoryD_pdf				{ display: inline-block; width: 50%; }
.directoryD_pdf img			{ max-width: 20px !important; margin-right: 6px; vertical-align: middle; }
.directoryD_text			{ padding: 0 10px; }

/* DIRECTORY SPECS BOX */
#directoryTabs				{ padding-left:10px; width:104%;}
#directoryTabs > ul li			{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
#directoryTabs > ul			{ list-style: none; margin: 0; padding: 0; border-bottom: 2px solid #7c7c7c; }
#directoryTabs > ul li			{ background-color: transparent; font-weight: normal; display: inline-block; text-transform: uppercase; padding: 7px 18px; margin: 0; cursor: pointer; }
#directoryTabs > ul li.active		{ font-weight: bold; }
#directoryTabs > div			{ width:100%;}
#directoryTabs > div > div		{ display: none; }
#directoryTabs > div > div.active	{ display: block; }

#directoryTabs .review			{ display: inline-block; width: 99%; margin-bottom: 2%; vertical-align: top; }
#directoryTabs .review:nth-child(odd)	{ margin-right: 2%; }
#directoryTabs .specs h5			{ text-transform:uppercase; padding: 0 5px; }
#directoryTabs .group				{ -webkit-columns: 1; -moz-columns: 1; columns: 1; }
#directoryTabs .group > div:nth-child(odd) 	{ background-color: #efefef; }
#directoryTabs .specs label  			{ display: inline-block; vertical-align: top; width: 30%; padding: 5px; box-sizing: border-box; color: #282828; font-size:14px; font-weight:bold;}
#directoryTabs .spec				{ display: inline-block; vertical-align: top; width: 70%; padding: 5px; box-sizing: border-box; color: #282828; font-size:14px; }
#directoryTabs .full-width-spec			{ display: block; width: auto; }

.gm-style-iw					{ width: 324px !important; height: 120px !important; overflow: hidden !important; }
.gm-style-iw div 				{ overflow: hidden !important; }

/* DIRECTORY MAP */
.ubcmapbox					{ height: 320px; margin-bottom: 20px; }
.ubcmap						{ position: relative; overflow: hidden; background-color: #e5e3df; height: 300px; top: 0; left: 0; margin: 0; max-width: 100%; }
.ubcmap-big					{ position: fixed !important; top: 6% !important; margin: 0 10%; width: 80%; height: 600px !important; z-index: 10000; }
.ubcmap-enlarge					{  }
.ubcmap img					{ max-width: none !important; height: initial !important; }
				
#maps iframe					{ border:0; height:250px; width:100%;}

/* SOCIAL SHARING BUTTONS */
#social					{ float:right; height: auto; padding: 20px 0; overflow: hidden; }

/* PAGE GALLERY */
.pagegalleryheading			{ display: none; }
.pagegalleryinner			{ width: 100%; margin: 0; padding: 0; }
.pagegalleryimage			{ position: relative; display: inline-block; width: 14%; height: 0; padding-bottom: 14%; overflow: hidden; margin: 0.3%; vertical-align: middle; }
.pagegalleryimage img			{ border: 0; vertical-align: middle; line-height: 0; position: absolute; display: block; max-width: 240% !important; /*min-width: 100% !important;*/ height: auto; /*min-height: 100%;*/ /*left: -25%;*/ }
.pagegalleryimage a			{ line-height: 0; }
.pagegalleryimage a:hover img 		{ opacity: 0.7; }

/* LINKS SECTION */
.link					{ background: #efefef; overflow: hidden; border: 1px solid #bbbbbb; margin: 15px 0; padding: 5px; }
.linktop				{ margin: 0; padding: 5px; }
.linktop,
.linktop a				{ font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.linkleftcontainer			{ float: left; width: 150px; height: auto; max-width: 25%; margin: 0 5px 0 0; }
.linkleftcontainer img			{ border-style: none; margin: 0; padding: 0; line-height: 0; }
.linkrightcontainer			{ height: 120px; overflow-y: auto; border: 1px solid #bbbbbb; background: #ffffff; padding: 5px; }
.linkrightcontainer p			{ margin: 0; }
.linkfooter				{ padding: 5px 0 0 0; text-align: right; }

/* HTML SITEMAP */
#sitemap a				{ text-decoration: none; }
.sitemapL2:before,
.sitemapL3:before,
.sitemapL4:before,
.sitemapL5:before,
.sitemapL6:before			{ content: "\00BB"; display: inline-block; margin: 0 3px 0 0; }
.sitemapL1				{ margin: 0 0 5px 0;  }
.sitemapL1 a				{ font-size: 16px; text-transform: uppercase; font-weight: bold; }
.sitemapL2				{ margin: 10px 0 3px 10px; }
.sitemapL2 a				{ color: #333333; text-transform: uppercase; }
.sitemapL3				{ margin: 0 0 3px 20px; }
.sitemapL4				{ margin: 0 0 3px 30px; }
.sitemapL5				{ margin: 0 0 3px 50px; }
.sitemapL6				{ margin: 0 0 3px 60px; }

/* ADMIN STYLING */
#adminpage input[name='login'],
#adminpage input[name='password'] 	{ width: 100%; }

#adminpage				{ margin: 0 0 20px 0; font-size: 12px; font-weight: normal; }
#adminpage b				{ color: #000000; font-weight: bold; }

#adminpage table			{ margin-bottom: 10px; border: 1px solid #9f9f9f; background: #dfdfdf; }
#adminpage table img			{ display: inline-block; margin: 0 auto; }
#adminpage td				{ background: #dfdfdf; color: #000000; text-align: left; }
#adminpage th				{ background: #cfcfcf; color: #000000; text-align: left; }
#adminpagegallery			{ position: relative; font-size: 12px; font-weight: normal; }

#adminpage table.productedit		{ width: 100%; }
#adminpage .productedit > td		{ background: #d6d6d6; }
#adminpage .productedit2 > td		{  }
#adminpage table.LogBody		{ width: 100%; }
#adminpage table.log			{ width: 100%; background: #333333; }
#adminpage table.log th			{ padding: 2px; background: #555555; color: #ffffff; font-size: 13px; }
#adminpage table .logrow1 td		{ padding: 4px; background: #cfcfcf; font-size: 12px; }
#adminpage table .logrow2 td		{ padding: 4px; background: #eeeeee; font-size: 12px; }
#adminpage table .logrowS td		{ padding: 4px; background: #ffff66; font-size: 12px; }
#adminpage table label			{ display: inline-block; width: 100%; padding: 2px; }
#adminpage table label:hover		{ color: #cf0000; cursor: pointer; }

.audit_box li				{ width: 48%; display: inline-block; vertical-align: top; }
span.audit_showhide			{ background: #222; }

#adminpage input[size='90']		{ width: 100%; }
#adminpage input[name='insert']		{ width: 50%; }

/* SUBPAGES */
.subpages div				{ display: inline-block; width: 19%; margin: 4px 4px 4px 2px; text-align: center; vertical-align: top; }
.subpages a				{ display: inline-block; max-width: 100%; }
.subpages img				{ border: 0; margin-bottom: 5px; }
.subpages span				{ display: inline-block; text-decoration: none; width: 100%; max-width: 100%; }
.subpages a:hover img			{ opacity: 0.7; }
.subpageHead				{ font-weight:bold; }
.subpage a 				{ text-decoration:none!important;}


/* CONTACT MESSAGE */
#contact				{ clear: both; width: auto; margin: 20px auto; background: #cccccc; color: #000000; font-size: 14px; text-align: center; padding: 5px 0;}

/* CONTACT */
#contactform			{ position: relative; display: inline-block; overflow: hidden; width: 100%; }
#contactform input[name='enquiry[Postcode]'] { width: 100px; }
#contactform #contact_thanks	{ padding: 15px; margin: 0 auto; width: 100%; text-align: center; border: 1px solid #afafaf; background: #cfcfcf; }

.contactright			{ position: relative; display: inline-block; width: 45%; vertical-align: top; font-weight: bold; text-align: left; }
.contactright img		{ padding: 5px 10px 5px 5px; vertical-align: middle; }
.contactright img a:hover	{ opacity: 0.6; }
.contactright a			{ color: #444446; text-decoration: none; }
.contactright a:hover		{ color: #083f89; }

.maps 						{ }

#contact-us			{width: 47%; float: left; display: inline-block;}
#contact-us a 			{ text-decoration:none;}
#contactpage			{background-color: #EEEEEE; width: 45%; float: right; padding: 20px; display: inline-block;}
iframe				{ width: 100%; border:none;}
.maps iframe		{ height:300px; padding-top:40px;}


/* SITE FORMS */

.form					{ position: relative; display: inline-block; overflow: hidden; float: left; text-align: left; width: 560px; }
.form *					{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .error				{ color: #cc0000; }
.form > div				{ padding: 1px; margin: 0 0 10px 0; overflow: hidden; }
.form > div > label			{ width: 35%; float: left; padding-right: 10px; line-height: 24px; }
.form > div > div			{ width: 65%; float: right; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form textarea,
.form select				{ width: 75%; padding: 4px; border: 1px solid #ccc; border-radius: 2px; }
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=url]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus,
.form input[type=number]:focus,
.form textarea:focus			{ outline: 0; border-color: #4697e4; }

@media (max-width: 640px) {
	.form > div			{ margin: 0 0 8px 0; }
	.form > div > label		{ width: 100%; float: none; margin: 0 0 5px 0; }
	.form > div > div		{ width: 100%; float: none; }
	.form input[type=text],
	.form input[type=email],
	.form input[type=url],
	.form input[type=password],
	.form input[type=tel],
	.form input[type=number],
	.form textarea,
	.form select			{ width: 100%; }
}

#contactbar a 				{ text-align:center; font-size:20px; color:#ffffff; text-decoration:none;}
#contactbar a:hover 			{ color:#9c4f68; text-decoration:underline;}

/* LOWER */
#lower					{ position:relative; width: 1100px; height: auto; margin: 0 auto; padding: 0; }
#lower a:hover img			{ opacity: 0.7; }

#lowerleft				{ position: relative; display: block; width: 49%; float: left; }
#lowerright				{ position: relative; display: block; width: 49%; float: left; }

#lower1					{ position:relative; display:inline-block; width:49%; vertical-align: top; margin-left:1%;}
#lower1 h5				{ color:#ffffff; font-family: "TeXGyreAdventorBold"; font-size:14px;}
#lower1 a				{ color:#ffffff; text-decoration:none; letter-spacing: 1px; line-height:28px; font-size:14px;}
.col ul					{ -webkit-padding-start: 0px; list-style-type: none; padding: 0; vertical-align: top;}
#lower1 a:hover				{ text-decoration: underline;}

#lower2					{ position:relative; display:inline-block; width:49%; vertical-align: top; margin-left:1%;}
#lower2 h5				{ color:#ffffff; font-family: "TeXGyreAdventorBold"; font-size:14px;}
#lower2 a				{ color:#ffffff; text-decoration:none; letter-spacing: 1px; line-height:28px; font-size:14px;}
.col ul					{ -webkit-padding-start: 0px; list-style-type: none; padding: 0; vertical-align: top;}
#lower2 a:hover				{ text-decoration: underline; }

#lower3					{ position:relative; float:right; display:inline-block; width:100%; height:413px; margin-top: -13px;}
#lower3	iframe				{ position:relative; display:block; width:100%; height:400px; }

/* Social Footer*/
#lowersocial				{ position:relative; /*bottom:10px;*/ width:95%; padding: 5px 2.5%; text-align: left;}
#lowersocial img			{ padding:2px; text-align: left;}

/* FOOTER */
#footer					{ position:relative; clear: both; /*bottom:0;*/ width:95%; padding: 5px 2.5%; color: #c16d88; font-size: 11px; font-weight: normal; text-align: center; }
#footer a				{ font-size: 11px; text-decoration: underline; color:#bc7f93;}
#footer a:hover				{ text-decoration: none; color:#ffffff;}
#footer img				{ margin-left: 5px; vertical-align: top; }

#footeradmin				{ position:relative; display:inline-block; bottom:0; width:100%; padding: 10px; background:#9c4f68; color: #bc7f93; font-size: 11px; font-weight: normal; text-align: center; overflow: hidden; }
#footeradmin a				{ font-size: 11px; text-decoration: underline; }
#footeradmin a:hover			{ text-decoration: none; }
#footeradmin img			{ margin-left: 5px; vertical-align: top; }

#footermobile				{ position:relative; clear: both; width: 95%; padding: 5px 2.5%; color: #ffffff; background-color: #c16d88; font-size: 11px; font-weight: normal; text-align: center; display: none; }
#footermobile a				{ font-size: 11px; text-decoration: underline; color: #ffffff; }
#footermobile a:hover			{ text-decoration: none; color: #ffffff; }
#footermobile img			{ margin-left: 5px; vertical-align: top; }


@media (max-width: 1470px) {
	
	#menuh 					{ width:90%;}
}

@media (max-width: 1300px) {
	
	#menuh 					{ width:98%;}
}

@media (max-width: 1200px) {
	
	#menuh nav 				{ margin-top: 0px;}
	#menuh nav ul li		{ vertical-align:top;}
	#menuh nav a { padding: 10px 5px; width: 120px; text-align: center; line-height:1;}
	
	#menuh nav ul li:nth-child(1) a		{ padding: 22px 5px; width:80px;}
	#menuh nav ul li:nth-child(2) a		{ padding: 15px 5px; }
	#menuh nav ul li:nth-child(3) a		{ padding: 15px 5px; width:100px;}
	#menuh nav ul li:nth-child(4) a		{ padding: 15px 5px; width:110px;}
	#menuh nav ul li:nth-child(5) a		{ padding: 15px 5px;}
	#menuh nav ul li:nth-child(6) a		{ padding: 15px 5px;}
	#menuh nav ul li:nth-child(7) a		{ padding: 22px 5px; width:80px;}
	
}


@media (max-width: 1120px) {
	* 				{ width: auto; height: auto; }

	#header				{ width: 100%; }
	#middle				{ width: 99%; }
	#menuh				{ width: 100%; }
	#menuh nav a 		{ padding: 10px 2px;}
	#welcome			{ width: 100%; }
	#lower				{ width: 100%; height: auto; }
	#lowersocial			{ padding-left: 10px; }
	#menucontact			{ right: 10px; }
}

@media (max-width: 1024px) {
	* 				{ width: auto; height: auto; }

	#menuh nav a 			{ padding: 19px 8px;}
	#menucontact			{ top:-100px; color:#ffffff;}
	#menucontact a			{ color:#ffffff;}
	#menucontact a:hover		{ color:#c5ae8a}
	
	#prevbutton 			{ left: 5%; }
	#nextbutton 			{ right: 5%; }


	#footer				{ display: none; }
	#footermobile			{ display: block; }
}

@media (max-width: 900px) {
	* 				{ width: auto; height: auto; }
	
	#menuh nav a 			{ padding: 19px 4px; font-size:14px;}
	#header img			{ float:left; padding-left:50px;}
	#contactbar 			{ font-size:18px;}
	#contactbar a			{ font-size:18px;}
}

@media (max-width: 820px) {
	
	#menuh nav ul li:nth-child(1) a		{ padding: 22px 5px; width:70px;}
}

@media (max-width: 780px) {
	* 				{ width: auto; height: auto; }
	
	#header img			{ float:left; padding-left:30px; width:60%;}	
	#menuwrap 			{ height:47px; border:0;}
	
	#upper1				{ width:32.5%; margin: 50px 2px 30px 0;}
	#upper2				{ width:32.5%; margin: 50px 2px 30px 2px;}
	#upper3				{ width:32.5%; margin: 50px 0 30px 2px;}
	

	#menuh nav ul li:nth-child(1) a		{ padding: 10px 5px; width:100%; }
	#menuh nav ul li:nth-child(2) a		{ padding: 10px 5px; width:100%;}
	#menuh nav ul li:nth-child(3) a		{ padding: 10px 5px; width:100%;}
	#menuh nav ul li:nth-child(4) a		{ padding: 10px 5px; width:100%;}
	#menuh nav ul li:nth-child(5) a		{ padding: 10px 5px; width:100%;}
	#menuh nav ul li:nth-child(6) a		{ padding: 10px 5px; width:100%;}
	#menuh nav ul li:nth-child(7) a		{ padding: 10px 5px; width:100%;}

	.pageimageright			{ display: block; float: none; margin: 0 auto; text-align: center; }
	.pageimageright img		{ max-width: 100%; text-align: center; }



	/* Main Menu */

	#menubg				{ margin-top:0px; margin-bottom:7px; text-align:left; left:0;  z-index:99999999;}
	#menu				{ overflow:hidden;  z-index:99999999;}
	#menuh nav			{ width:100%;  z-index:99999999;}
	#menu nav a			{ padding: 10px 5px; font-size:13px;}

	/* Main Menu */
	#toggleMenu			{ width:100%; background: #9c4f68 url("../images/menu-icon.png") 20px 15px no-repeat; color: #ffffff; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 12px 15px 13px 45px; cursor: pointer; text-align:left;}
	#toggleMenu:hover		{ background-color: #9c4f68; width:100%;}
	
	#menuh				{ display:inline-block; top: 0; left: 0; width: 100%; height: auto; margin:0; font-size:15px; background: url("../images/menu-bg.png") repeat; z-index: 35; float:none;  z-index:99999999;}
	#menuh nav 			{ position:relative;}
	#menuh nav a 			{ color:#ffffff; z-index:99999999; padding: 15px 4px; text-align:left;}
	#menuh nav ul			{ float: left; width: 100%; padding: 0 4px 17px 0;}
	#menuh nav ul li		{ width:100%; margin-right:0;  background: #9c4f68;  z-index:99999999; text-align:left;}
	#menuh nav ul li:hover		{  }
	#menuh nav a.active		{ font-weight:bold;}
	#menuh nav a:hover		{ color:#9c4f68;}
	
	#navmenu ul 			{ width:100%;}
	
	/* Hide Secondary Levels */	
	#menuh nav ul li:hover ul 	{ display: none; opacity: 0; visibility: hidden; }	
	
	/* Left Menu */
	#leftcontainer			{ width: auto; float: none; }
	#leftcontainer ul		{ display: none; }
	
	#welcome			{ padding:0; line-height: 18px;}
	#welcome img 			{ margin: 0px 0 10px 0;}
	#welcome h1			{ font-size:28px;}
	#welcome h2			{ font-size:20px;}
	
	#contactbar 			{ font-size:15px;}
	#contactbar a			{ font-size:15px;}	
}
	
/* RESPONSIVE FOR MOBILE */
@media (max-width: 640px) {
	* 				{ width: auto; height: auto; }

	/* Structure */
	#wrapper			{ width: 100%; border: 0; }
	#middle				{ width: auto; margin: 0 10px; float: none; border: 0; }

	#upper1				{ margin: 50px 3px 30px 0;}
	#upper1 a 			{ font-size:15px;}
	#upper2				{ margin: 50px 3px 30px 3px;}
	#upper2 a 			{ font-size:15px;}
	#upper3				{ margin: 50px 0 30px 3px;}
	#upper3 a 			{ font-size:15px;}
	
	#welcomewrap			{ height:auto;}
	#welcome			{ margin-bottom:10px;}
	.upperlink 			{ margin-top: -17px;}
	
	/* Gallery */
	.pagegalleryimage		{ width: 19%; padding-bottom: 19%; margin: 0.5%; }

	/* HTML Sitemap */
	#sitemap > div			{ float: none !important; width: auto !important; }

	/* Admin Area */
	#adminpage textarea,
	#adminpage select,
	#adminpage input		{ width: 100%; }
	#adminpage input[size='3']	{ width: 50px; }
	#adminpage input[type='submit']	{ width: auto; }
	.audit_box li			{ width: auto; display: block; }

	/* Forces better display of page thumb editor */
	#adminpage td#subpage		{ width: 46%; display: inline-block; }
	#adminpage td#subpage table	{ width: 100%; }
	#adminpage td#subpage img	{ width: 100%; }

	/* Forces better display of page gallery editor */
	#adminpagegallery > table > tbody > tr > td,
	#adminpagegallery > table > tr > td		{ display: inline-block; width: 100%; }
	#adminpagegallery > table > tbody > tr > td > table,
	#adminpagegallery > table > tr > td > table	{ width: 100% !important; border: 0; }
	#adminpagegallery div[align='right']		{ text-align: center; }
	#adminpagegallery > form td			{ width: 19%; height: 75px; overflow: hidden; display: inline-block; }

	/* Replace parts of Site Report that wont display well on mobile with a message */
	#sr_mvp #sr_data		{ display: none; }
	#sr_mvp:after			{ content: "This information cannot be displayed on this sized screen or device. Please view on a larger screened computer or device."; display: block; margin: 0 15px; }

	/* Directory Listing */
	.directorydesc			{ height: auto; max-height: 150px; margin-right: 0; display: inline; }
	.directoryimage			{ position: relative; float: right; right: 0; top: 0; }
	.readmore			{ display: block; text-align: center; margin-top: 7px; }

	/* Directory Display */
	#directoryD_left		{ width:99%;}
	#directoryD_right		{ width:99%;}	
	.directorydisplaylarge		{ width: 100%; height: auto; }
	.directorydisplayright		{ float: none; width: auto; }
	.directorydisplaytext		{ margin: 0; width: auto; border: none; padding: 0; }
	.directorydisplaythumb		{ float: left; max-width: 32%; margin: 0 0.5% 1% 0.5%; height: 0; padding-bottom: 21%; overflow: hidden; }
	.directorydisplaythumb a img	{ border: 0; }
	.directorydisplaythumb a:hover img	{  }
	.directorydisplayauthor		{ padding: 10px 5px; font-size: 11px; }
	
	/* Subpages */
	.subpages div			{ width: 23%; }

	/* Contact */
	#contacttext iframe		{ width: 100%; }
	
	#contactbarwrap			{ width: 100%; height: auto; background: #c1a882;}
	#contactbar			{ width: 480px;}

	#lowerleft			{ position: relative; display: block; width: 99%; float: left; }
	#lowerright			{ position: relative; display: block; width: 99%; float: left; }

	#lowerwrap			{ height: auto; }
	#lower				{ height: auto; }
	#lower1				{ width: 48%; }
	#lower2				{ width: 49%; }
	#lower3				{ width: 100%; margin-top: 30px; margin-bottom: 100px; }
	#footer				{ width: 100%; }
}

@media (max-width: 540px) {
	* 				{ width: auto; height: auto; }
	
	#header img 			{ padding:10px 0 0 10px; }
	#menucontact a 			{ font-size: 23px; }
	#welcome			{ font-size:13px; padding-bottom:10px;}
	
	#upper1				{ width: 48%; margin: 50px 3px 30px 0; }
	#upper1 a 			{ font-size: 15px; }
	#upper2				{ width: 48%; margin: 50px 3px 30px 3px; }
	#upper2 a 			{ font-size: 15px; }
	#upper3				{ width: 48%; margin: 0 0 30px 3px; }
	#upper3 a 			{ font-size:15px; }
	
	#footer				{ padding:0; width:99%; }
}

@media (max-width: 480px) {
	* 				{ width: auto; height: auto; }

	#headerwrap			{ height:140px; }
	#header				{ text-align:center; }
	#header img 			{ width:75%; padding:8px 0; text-align:center; float:none; }	
	#menucontact 			{ top: -55px; }
	
	#upper1				{ width:98%; margin: 50px 3px 30px 0; }
	#upper1 a 			{ font-size:18px; }
	#upper2				{ width:98%; margin: 0 3px 30px 3px; }
	#upper2 a 			{ font-size:18px; }
	#upper3				{ width:98%; margin: 0 0 30px 3px; }
	#upper3 a 			{ font-size:18px; }
	
	#contactbar			{ width:100%; padding-top:10px; }
	#lower3				{ margin-top:50px; }
	#lowersocial 			{ width: 100%; }	
	#footer 			{ top: 260%; }
	#contactform			{ width:100%; }
	#contactright			{ width:100%; }
}

@media (max-width: 360px) {
	* 				{ width: auto; height: auto; }
	
	#header img 			{ width:90%; padding:10px 0; text-align:center; float:none;}
	#contactbar			{ width:75%;}
	#lower1				{ width:99%;}
	#lower2				{ width:99%; margin-left:10px;}
	#lowersocial 			{ /*bottom: -50px;*/ }
	#footer				{ top:195%;}
}

@media (max-width: 320px) {
	* 				{ width: auto; height: auto; }

	#welcome h1 			{ font-size: 24px;}
	#welcome h2 			{ font-size: 20px;}
	#footer				{ top:192%; width:100%;}
}

/* DEBUG */
#debug					{ position: relative; padding: 10px 15px; text-align: left; background: #cfdaff; border-top: 12px solid #c4d2ff; border-bottom: 12px solid #c4d2ff; }
#debug h1				{ border: none; color: #001b51; text-transform: none; text-decoration: none; }
#debug pre				{ color: #000d27; }