html, body, div, span, applet, object, img, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
}
body {

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { color: #ffffff; }
a:hover { color: #00aeef; }

body { background: url(images/bg_wrapper.gif) repeat-y center #231f20; overflow: auto; min-height: 740px; color: #fff; font-family: Helvetica; font-size: 14px; line-height: 20px; }

#wrapper { width: 900px; margin: auto; }

h1 { color: #fff; font-size: 26px; margin-bottom: 20px;}
h2 { color: #00aeef; font-weight: bold; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; margin: 30px 0px 5px 0px; }
h3 { margin-bottom: 20px; }
p { margin-bottom: 20px;}

#nav { width: 190px; float: left; border-right: 1px solid #322e2f; padding: 40px 20px 0px 0px; }
#nav h1 a { display: block; width: 195px; height: 170px; background: url(images/bg_logo.gif) no-repeat right; cursor: pointer;}
#nav ul li a { text-decoration: none; display: block; height: 45px; border-bottom: 1px solid #322e2f; color: #fff; text-transform: uppercase; font-family: "Trebuchet MS"; font-weight: bold; font-size: 15px; letter-spacing: 1px; padding-right: 15px; line-height: 45px; }
#nav a:hover, #nav a:hover, body.home #nav li.page-item-64 a, #nav li.current_page_item a { color: #00aeef; background: url(images/bg_arrow.gif) right no-repeat; }
#nav ul li { text-align: right; }
#nav ul li.page-item-10 a { border-bottom: none; }
#nav h1 a { border: none; text-indent: -9999px; }
#nav h1 a:hover { background: url(images/bg_logo.gif) no-repeat right;}

#content { width: 640px; float: right; padding-top: 70px; }


/* SIZE EXAMPLES */
body.pageid-8 #content p { width: 500px; }

#footer { clear: both; }

/* WHY USE */
body.pageid-4 #content img { margin-top: 15px; }
body.pageid-4 #content p, body.pageid-4 #content h2, body.pageid-4 h1 { text-align: center;}


/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#231f20 url(/img/global/gradient/h300.png) 0 0;
	width: 480px;
	border:1px solid #fff;
	border-bottom: 2px solid #fff;	
	-background:#666;
	margin-top: 20px;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(images/bg_h2accordion.jpg) repeat-x;
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	color: #333;
	font-weight: 
}

#accordion h2:hover { color: #000; }


/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
	color: #00aeef;
	font-weight: bold;
	background: none #fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:30px;
	color:#fff;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#accordion div img { margin-top: 20px; }


.galleria {list-style:none;width:600px; padding: 0px;}
.galleria li{display:block;width:51px;height:51px;overflow:hidden;float:left;margin:0 10px 10px 0; border: 2px solid #525252;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.caption{display:block;padding:5px 0 10px 0; color:#fff; text-align: center; width: 576px;}
* html .galleria li div span{width:576px;} /* MSIE bug */
.galleria #main_image img { border: 2px solid #444; }

.galleria_wrapper img { border: 5px solid #fff; }

body.pageid-64 #content h1 { background: url(images/home_h1.gif) no-repeat center; text-indent: -9999px; display: block; width: 640px; height: 42px;}
body.pageid-64 #content p, body.pageid-64 #content h3 { width: 540px; text-align: center; padding: 0 0px 0 20px; }
body.pageid-64 #content strong { font-size: 55px; text-align: center; line-height: 65px; letter-spacing: 6px;}

.slideshow { height: 356px; width: 566px; margin: 0px; overflow: hidden; border: 4px solid #fff; }


/* CONTACT */
form { width: 400px; padding:5px 10px 10px 20px; background-color:#333333; border: 1px solid #444444; }
form label { font-weight: normal; }
form div { margin-bottom: 5px;}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
