@charset "UTF-8";
/* CSS Document */
html {
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body{
	font: 80% helvetica, sans-serif;
	margin: 0;
	color:#333;
	height: 100%;
	}
.container {
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 80px;
	width: 100%;
	max-width: 1000px;
	background-color: #ffffff;
	height: 100%;
	margin-top: 0;
	text-align:left; }


a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #930; text-decoration: none; }
a:active { color: #930; text-decoration: none; }

h1
{
font-size: 13px;
text-align: left;
padding: 0;
}



#header
{
	text-align: center;
	padding-left: 180px;
}
#header img
{
	/*padding-left:140px;*/
}
#navigation
{
	float:left;
	width:160px;
	margin:0;
}

ul#navlist {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
ul#navlist ul {
	margin: 4px 0 4px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;

}

#navlist li { margin: 0; }

#navlist a, #navlist .nolink
{
	display: block;
	padding: 4px 2px 4px 24px;
	/*
border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
*/
	background-color: #fff;
	background-image: url(../img/navbg-normal.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#navlist a:link, #navlist a:visited
{
	color: #333;
	text-decoration: none;
}

#navlist a:hover, #navlist a:active
{
	background-color: #FFF;
	background-image: url(../img/navbg-high.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #930;
}

#navlist a.selected {
	font-weight:bold;
	background-image: url(../img/navbg-high.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #930;
	}

#navlist li li a
{
	display: block;
	color: #666;
	background-color: #FFF;
	background-image: url(../img/navbg-normal.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	margin-left:20px;
	/*width: 130px;/
	padding: 4px 2px 4px 24px;
	text-decoration: none;
	/*border-bottom: 1px solid #fff;*/
	font-weight: normal;
	font-size: 12px;

}

#navlist li li a:hover {
background-position: 0 50%;
	background-color: #FFF;
	background-image: url(../img/navbg-high.gif);
	background-repeat: no-repeat;
	}
div.fb-like span iframe.fb_iframe_widget_lift,
.fb_iframe_widget iframe {
    z-index: 100 !important;
}

#footer {
    background-color: #FFFFFF;
    color: #555555;
    font-size: 10px;
    margin: 10px 0;
    padding-left:140px;
	text-align:center;
}
#rightBox {
	float:right;
	height: 100%;
	max-height: 610px;
	width: 820px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	padding:20px;
}
#rightBox p
{
margin: 10px 60px 0px 25px;
padding: 0 40px 0 0;
text-align: left;
font-size: 12px;
line-height:16px;
color:#333333;
}
#rightBox img {
	height: 100%;
	width: auto;
}
#rightBox .last
{
padding-bottom: 80px;
}
#rightBox a.arrow {
	background-image: url("../img/navbg-normal.gif");
    background-position: -5px 48%;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    margin-top: 30px;
    padding: 5px 5px 5px 20px;
	}
#rightBox #contact
{
margin: 50px 0 40px 240px;
}

#rightBox #contact p
{
margin: 10px 0 0px 0px;

text-align: left;
font-size: 11px;
}
#rightBox #contact h1
{
margin: 0 0 10px 0px;
padding:0;
text-align: left;
font-size: 13px;
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
  	#rotator {
	    float: right;
	    height: 100%;
	    width: 80%;
	    border: 1px solid #CCCCCC;
	    max-height: 600px;
	    overflow: hidden;
	}
	#navigation {

    	width: 20%;
    }
  #gallery, #rightBox {

    width: 80%;
    margin: 0;
} {
    width: 80%;

  }
}