@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=Abel|Satisfy);

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/
html, body {
	height: 100%;
}

body {
	margin: 0em;
	padding: 0em;
	background: #FFF2CF url(images/img01.png) repeat;
	text-shadow: 1px 1px 0px #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #766946;
}

h1, h2, h3, h4 {
	margin: 0em;
	padding: 0em;
	text-shadow: 1px 1px 0px #FFFFFF;
	text-transform: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: #675830;
}

h2 {
	font-size: 1.75em;
}

p {
	line-height: 170%;
}

a {
	color: #706443;
}

strong {
	font-weight: 700;
	color: #675830;
}

/* HR */

.hrdivider {
	clear:both;
	background: url(images/img02.jpg) repeat-x left bottom;
	padding: 10px 0px;
	margin:  10px 0px;
}

.clear {
	clear:both;
}

/* Image style */

.img_style1 {
	padding: 9px;
	background: #FFFFFF url(images/img01.png);
	border: 1px solid #1C1C1C;
	width: 90%;
}

/* Button Styles */

.button-style1 a {
	display: block;
	padding: 1em 0em 1em 1em;
	background: #000000 url(images/img03.jpg) no-repeat right 50%;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	font-family: 'Oswald', sans-serif;
	font-size: 1.1em;
	font-weight: 200;
	color: #FFFFFF;
}

.button-style2 a {
	display: inline-block;
	height: 2.60em;
	margin-top: 1.25em;
	padding: 0em 1.25em 0em 1.25em;
	background: #766946;
	border-radius: 5px;
	line-height: 2.60em;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	font-size: 0.90em;
	color: #FFFFFF;
}

/* Header */

#header-wrapper {
	overflow: hidden;
	height: 203px;
	/*background: url(images/img02.jpg) repeat-x left bottom;*/
}

/* Logo */

#logo {
	overflow: hidden;
	height: 120px;
	padding-top: 30px;
}


#logo h1 a {
	display: block;
	letter-spacing: -2px;
	text-align: center;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-size: 1.75em;
	font-weight: 200;
	color: #1C1C1C;
}

#logo p {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	color: #545454;
}

/* Menu */

#menu {
	overflow: hidden;
	height: 50px;
	background: #D5D5D5 url(images/img04.png);
	border-radius: 5px;
	text-align: center;
}

#menu li {
	display: inline-block;
	border-left: 1px solid #663;
}

#menu a {
	display: block;
	height: 50px;
	padding: 0px 20px;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 12pt;
	font-weight: 200;
	color: #877850;
	text-shadow: 1px 1px 0px #000000;
}

#menu a:hover {
	color: #303030;;
	text-shadow: 1px 1px 0px #FFFFFF;
}

#menu .first {
	border-left: none;
}

#menu .current_page_item a {
	color: #1C1C1C;
	text-shadow: none;
	font-weight:400;
}

#menu .current_page_item a:hover {
	color: #1C1C1C;
	text-shadow: none;
	font-weight:400;
}

/* Page */

#wrapper {
	padding: 20px 20px;
	background: #FFF;
	
}
#feature-wrapper {
	padding-left: 15px;
	background: #FFF;
	
}

#feature-wrapper .title {
	padding: 0.75em 0em 0.75em 0em;
}

#feature-wrapper .subtitle {
	padding: 0em 0em 2em 0em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#title {
	background: url(images/img02.jpg) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#title h2 a{
	display: block;
	letter-spacing: -2px;
	text-align: left;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-size: 1.25em;
	font-weight: 200;
	color: #675830;
	
}

#title img {
	display: block;
	padding: 1.25em;
	float:right;
}

#title p {
	font-size: 1.2em;
	font-weight: 200;
	color: #675830;
}

/* Banner */


#banner {
	overflow: hidden;
	/*margin: 0em 0em 0.5em 0em;*/
	width: 100%;
	height: 100%;
	
}

#banner .container {
	margin-bottom: 1.5em;
	padding: 0.25em;
	background: #000;
}

/*#banner img {
	display: block;
	width: 100%;
	border:#000 solid 2px;
}*/

#col9u_left .webcams {
	background-color:#FFF;
	padding: 10px;
	margin-bottom:10px;
}

#col9u_left img {
	float: left;
	border: 1px #333333 solid;
	margin: 5px 10px 5px 0px;
}

#col9u_left .box1 {
	max-width: 700px;
}

#sidebar_rgt .webcams {
	background-color:#FFF;
	padding: 10px;
}

#sidebar_rgt img {
	border: 1px #333333 solid;
}
/* Copyright */

#copyright {
	overflow: hidden;
	padding: 1.875em 0em;
	background: url(images/img02.jpg) repeat-x left top;
	text-shadow: 1px 1px 0px #FFFFFF;
}

#copyright p {
	font-size: 1em;
	color: #877850;
	text-align: center;
}

#copyright a {
	color: #877850;
}

#copyright a:hover {
	text-decoration: none;
}


/** LIST STYLE 1 */

ul.style1 {
	margin: 0em;
	padding: 0em;
	list-style: none;
	overflow:hidden;
}

ul.style1 li {
	padding: 0.94em 0em;
	background: url(images/img02.jpg) repeat-x left top;
}

ul.style1 a {
	display: block;
	padding: 0em 0em 0em 1.5em;
	background: url(images/img05.png) no-repeat left 1px;
	text-decoration: none;
	font-size: 1.1em;
	color: #675830;
}

ul.style1 a:hover {
	text-decoration: underline;
}

ul.style1 .first {
	background: none;
}

/** LIST STYLE 6 */

ul.style6 {
	margin: 0em;
	padding: 0em;
	list-style: none;
}


ul.style6 h3 {
	margin: 0em;
	padding: 0em 0em 0.63em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #7D6F4B;
}

ul.style6 p {
	font-style: italic;
	font-size: 0.87em;
}

ul.style6 li {
	background: url(images/img02.jpg) repeat-x left top;
	padding: 0.5em 0em 0.75em 0em;
	line-height: 170%;
}

ul.style6 a {
	display: block;
	padding: 0em;
	text-decoration: none;
	color: #A29574;
}

ul.style6 a:hover {
	text-decoration: underline;
}

ul.style6 .first {
	padding-top: 0em;
	background: none;
}

/* Mobile Layout: 480px and below. Inherits styles from: Global. */

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

body {
	font-size: 9pt;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}

p {
	line-height: 160%;
}

/* Header */

#header-wrapper {
	height: 153px;
}

/* Logo */

#logo {
	height: 100px;
	padding-top: 20px;
}
	
/* Menu */

#menu {
	height: 30px;
	border-radius: 3px;
}

#menu a {
	height: 30px;
	padding: 0px 2px;
	line-height: 30px;
	font-size: 10pt;
}

#feature-wrapper {
	padding-left: 10px;
}

}

/* Tablet Layout: 481px to 768px. Inherits styles from: Global and Mobile Layout. */

@media only screen and (min-width: 481px) {

h1 {
	font-size: 1.80em;
}

h2 {
	font-size: 1.6em;
}

/* Header */

#header-wrapper {
	height: 183px;
}

/* Logo */

#logo {
	height: 110px;
	padding-top: 25px;
}
	
/* Menu */

#menu {
	height: 40px;
	border-radius: 4px;
}

#menu a {
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
	font-size: 11pt;
}

#feature-wrapper {
	padding-left: 10px;
}
/* Image style */

.img_style1 {
	padding: 6px;
}
ul.style1 a {
	font-size: 1em;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Global, Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

/* Header */

#header-wrapper {
	height: 203px;

}

/* Logo */

#logo {
	height: 120px;
	padding-top: 30px;
}

/* Menu */

#menu {
	height: 50px;
	border-radius: 5px;
}

#menu a {
	height: 50px;
	padding: 0px 20px;
	line-height: 50px;
	font-size: 12pt;
}

#feature-wrapper {
	padding-left: 15px;
}
/* Image style */

.img_style1 {
	padding: 9px;
}

ul.style1 a {
	font-size: 1.1em;
}
}