/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
 /* ie8 */
	;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body, html {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	background: #ccc url("../../images/template/bg.jpg");
	background-repeat: repeat;
	color: #000;
	height: 100%;
	width: 100%;
	margin: 0;
}

@media screen and (max-width: 1020px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

}

a {
	color: #000;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}

li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 5px;
	margin-left: 0;
	color: #e05915;
	font-family: Helvetica;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

.highlight {
color: #990000;
font-weight: bold;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

::-webkit-scrollbar {
      width: 10px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
      background-color: #ccc;
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: #000; 
} /* this will style the thumb, ignoring the track */

@media screen and (max-width: 1020px) {

	.image-m, .imggallery {
	width: 100px;
	}
	
	h1 {
	font-size: 1.5em;
	}

}

/************************************************************************************
HEADER
*************************************************************************************/
#header-wrap {
position: fixed;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #000;
border-top: 0;
height: 50px;
z-index: 999;
opacity: 0.9;
}

#header-container {
position: fixed;
width: 100%;
z-index: 999;
}

#header {
position: relative;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
width: 940px;
height: 50px;
margin: 0 auto;
border: 0;
opacity: 0.9;
}

@media screen and (max-width: 1020px) {
	
	#header {
	position: relative;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 290px;
	}

}
/************************************************************************************
NAVIGATION
*************************************************************************************/

/************************************************************************************
FOOTER
*************************************************************************************/
#help {
position: absolute;
width: 110px;
border: 1px solid #ccc;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background-color: #ffcc00;
padding: 5px;
z-index: 999;
left: 50%;
margin-left: -55px;
bottom: 45px;
text-align: center;
cursor: pointer;
}

#sitemap-container {
position: relative;
width: 580px;
margin: 0 auto;
z-index: 999;
bottom: 7px;
}

#sitemap {
height: 192px;
width: 100%;
border: 1px solid #ccc;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0;
display: none;
}

.close {
cursor: pointer;
}

.sitemap {
margin-left: 5px;
font-size: 1.1em;
line-height: 20px;
width: 580px;
}

.sitemap td {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
}

#footer {
width: 100%;
color: #000;
text-align: center;
}

@media screen and (max-width: 1020px) {

	#sitemap-container {
	width: 300px;
	}
	
	#sitemap {
	overflow-x: auto;
	overflow-y: hidden;
	}

}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.clearfix {
display: inline-block;
}

.clearfix {
display: block;
zoom: 1;
}

/************************************************************************************
OTHER
*************************************************************************************/