@charset "utf-8";

* { padding:0; margin:0; }

@font-face {
    font-family: 'OstrichSansBlack';
    src: url('../fonts/ostrich-black-webfont.eot');
    src: url('../fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ostrich-black-webfont.woff') format('woff'),
         url('../fonts/ostrich-black-webfont.ttf') format('truetype'),
         url('../fonts/ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.svg#icomoon') format('svg'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
.top_line_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EFD01E;
	line-height:55px;
}
.top_line_2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #EFD01E;
	line-height:55px;
}
.text_menu {
	font-family: "OstrichSansBlack", Arial, sans-serif;
	font-size: 18px;
	color: #352e2b;
	line-height:82px;
}
.from-the-gallery  {
	font-family: "OstrichSansBlack", Arial, sans-serif;
	font-size: 24px;
	color: #352e2b;
}
.visit-gallery  {
	font-family: "OstrichSansBlack", Arial, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3)\9;
}
.gallery_image  {
    border: 10px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3)\9;
}
.headline-1  {
	font-family: "OstrichSansBlack", Arial, sans-serif;
	font-size: 30px;
	color: #2a2321;
}
.read_more  {
	font-family: "OstrichSansBlack", Arial, sans-serif;
	font-size: 14px;
	color: #2a2321;
}
.text_matter  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 13px\9;
	color: #6b6b6b;
	text-align:justify;
	line-height:17px;
	font-weight:normal;
}
.text_matter2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6b6b6b;
	text-align:justify;
	line-height:20px;
}
.fotter_links  {
	font-family: "OstrichSansBlack", Arial, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	line-height:65px
}
.fotter_content  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align:justify;
	line-height:21px;
}
.fotter_matter  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-size: 13px\9;
	text-align:justify;
	line-height:17px;
}
.fotter_matter2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-size: 13px\9;
	text-align:justify;
	line-height:32px;
}
.fotter_links2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-size: 13px\9;
	line-height:40px;

}

/*-------------------- IMAGE SPRITES --------------------*/
img.twitter
{
width:32px;
height:32px;
background: url(../images/group_1.jpg) 0 0;
}
img.facebook
{
width:32px;
height:32px;
background: url(../images/group_1.jpg) -32px 0;
}
img.google
{
width:32px;
height:32px;
background: url(../images/group_1.jpg) -64px 0;
}
img.rss
{
width:32px;
height:32px;
background: url(../images/group_1.jpg) -96px 0;
}

/*-------------------- DIV LAYOUT --------------------*/

#header_container {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#top_container {
width:1000px;
height:55px;
}
#top_container1 {
width:320px;
height:55px;
float:left;
}
#top_container2 {
width:680px;
height:55px;
float:left;
}
#menu_container {
width:1000px;
height:92px;
background-image: url(../images/menu_bg.jpg);
}
#logo_container {
width:245px;
height:80px;
margin-left:27px;
float:left
}
#menu_container2 {
width:685px;
height:82px;
float:left;
padding-top:10px;
}
#banner_container2 {
width:920px;
height:340px;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}
#content_container {
width:100%;
height:auto;
background-image: url(../images/content_bg.jpg);
}
#main_content_container {
width:920px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#right_container {
width:650px;
height:auto;
float: left;
}
#left_container {
width:250px;
margin-left:20px;
float: left;
}
#right_container1 {
width:650px;
height:50px;
}
.image_container {
width:145px;
height:140px;
float:left;
}
.sepline_container {
width:650px;
height:9px;
background-image:url(../images/sep-line.jpg);
margin-top:10px;
margin-bottom:10px;
}
.sepline_container2 {
width:100%;
height:9px;
background-image:url(../images/sep-line.jpg);
margin-top:4px;
margin-bottom:4px;
}
#right_container2 {
width:650px;
height:140px;
}
#right_container3 {
width:495px;
height:140px;
float: left;
margin-left:10px;
}
#right_container4 {
width:650px;
height:auto;
}
#right_container5 {
width:650px;
height:auto;
margin-top:10px
}
#right_container6 {
width:650px;
height:200px;
}
#right_container7 {
width:315px;
height:200px;
float:left;
}
#right_container8 {
width:315px;
height:200px;
float:left;
margin-left:20px;
}
#right_container9 {
width:315px;
height:auto;
}
#right_container10 {
width:315px;
height:140px;
margin-top:20px;
}
#right_container11 {
width:160px;
height:140px;
float: left;
margin-left:10px;
}
#right_container12 {
width:315px;
height:auto;
}
#right_container13 {
width:315px;
height:140px;
margin-top:20px;
}
#right_container14 {
width:160px;
height:140px;
float: left;
margin-left:10px;
}
#right_cont {
clear:both;
height:10px;
}
#left_container1 {
width:250px;
height:50px;
}
#left_container2 {
width:250px;
margin-top:10px;
margin-bottom:10px;
}
#scroll_top {
width:100%;
height:10px;
background-image: url(../images/scroller-top-bg.JPG);
}
#scroll_middle {
width:100%;
background-image:url(../images/scroller-middle-bg.jpg);
}
#scroll_bottom {
width:100%;
height:10px;
background-image: url(../images/scroller-bottom-bg.jpg);
}
#gallery_container1 {
width:1000px;
margin-left:auto;
margin-right:auto;
}
#gallery_container2 {
width:1000px;
height:145px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:15px;
}
#gallery_container3 {
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#fotter_container {
width:100%;
background-image: url(../images/fotter_bg.jpg);
}
#fotter_container1 {
width:920px;
height:222px;
margin-left:auto;
margin-right:auto;
}
#quick_links {
width:170px;
height:65px;
float:left;
}
#about_us {
width:518px;
height:65px;
float:left;
}
#follow_us {
width:232px;
height:65px;
float:left;
}
#quick_links1 {
width:170px;
height:157px;
float:left;
}
#about_us1 {
width:460px;
height:157px;
float:left;
margin-right:58px;
}
#follow_us1 {
width:232px;
height:157px;
float:left;
}
.social_box1 {
width:32px;
height:32px;
margin-right:10px;
margin-bottom:35px;
float:left;
}
.social_box2 {
width:73px;
height:32px;
margin-bottom:35px;
float:left;
}
#fotter_container2 {
width:920px;
height:40px;
margin-left:auto;
margin-right:auto;
}
#fotter_container3 {
width:460px;
height:40px;
float:left;
}
#fotter_container4 {
width:460px;
height:40px;
float:left;
}
.spacing {
margin-top:5px;
margin-bottom:5px;
}
.spacing4 {
height:20px;
}
.spacing2 {
margin-right:5px;
}
.spacing3 {
margin-left:19px;
}
.floting {
float:left;
}
.floting-clear {
clear:both;
}
.contact1 {
width:200px;
float:left;
}
.contact2 {
width:450px;
float:left;
}
.alignment {
vertical-align:middle;
}
/*-------------------- SKIN CSS --------------------*/

.jcarousel-skin-tango .jcarousel-container {
height:145px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 920px;
	height:145px;
    padding: 4px 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  920px;
	height:145px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 125px;
    height: 120px;
	border: 10px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3)\9;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 53px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/*-------------------- LIGHTBOX CSS --------------------*/

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}

/*-------------------- COIN-SLIDER-STYLE CSS --------------------*/

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
