/*

Project Name: Cowboy Star

Theme URI: http://www.thecowboystar.com/

Version: 1.00

Author: Eren Emre Kanal

Author URI: http://erenemre.com/

*/



html, body { background: #000; color: #293857; font: 12px/16px arial, helvetica, sans-serif; }



/* common */

.clear { clear: both; }

.hide { display: none; }

.img2txt { text-indent: -999999px; outline: 0; display: block; }

.left { float: left; }

.right { float: right; }

.text-center { text-align: center; }



/* main */

#main { background: url(images/background.jpg) no-repeat center top; padding: 120px 0 0 0; height: 648px; }

#main #container { width: 727px; height: 500px; margin: 0 auto; }



/* header*/

#main #container #header #fine-western-fare { width: 98px; height: 20px; }

#main #container #header #butcher-shop { width: 79px; height: 20px; }

#main #container #header #cowboy-star { width: 180px; height: 88px; margin: 0 0 0 170px; }



/* menu */

#main #container #menu  { padding: 4px 0 0 0; }

#main #container #menu ul li { float: left; }

#main #container #menu  .menu-items { background: url(images/menu.jpg) no-repeat; height: 44px; }

#main #container #menu  #m01 { width: 163px; background-position: left top; }

#main #container #menu  #m02 { width: 140px; background-position: -163px top; }

#main #container #menu  #m03 { width: 69px; background-position: -303px top; }

#main #container #menu  #m04 { width: 114px; background-position: -372px top; }

#main #container #menu  #m05 { width: 114px; background-position: -486px top; }

#main #container #menu  #m06 { width: 122px; background-position: -600px top; }

#main #container #menu  #m01:hover, #main #container #menu  #m01.selected { background-position: left bottom; }

#main #container #menu  #m02:hover, #main #container #menu  #m02.selected  { background-position: -163px bottom }

#main #container #menu  #m03:hover, #main #container #menu  #m03.selected  { background-position: -303px bottom; }

#main #container #menu  #m04:hover, #main #container #menu  #m04.selected  { background-position: -372px bottom; }

#main #container #menu  #m05:hover, #main #container #menu  #m05.selected  { background-position: -486px bottom; }

#main #container #menu  #m06:hover, #main #container #menu  #m06.selected  { background-position: -600px bottom; }



/* content */

#main #container #content .text { margin: 0 0 0 421px; }

#main #container #content p { margin: 0 0 10px 0; font-size: 11px; }

#main #container #content strong { font-weight: bold; }

#main #container #content a { color: #293857; }

#main #container #content .subs { background: url(images/sub-menus.png) no-repeat left 1px; width: 294px; height: 28px; margin: 5px 0 10px 0; }

#main #container #content #subs1 { background-position: left bottom; }

#main #container #content .subs #sub1 { width: 55px; height: 28px; }

#main #container #content .subs #sub2 { width: 66px; height: 28px; }

#main #container #content .subs #sub3 { width: 55px; height: 28px; }

#main #container #content .subs #sub4 { width: 40px; height: 28px; }

#main #container #content .subs #sub5 { width: 78px; height: 28px; }

#main #container #content .subs #sub6 { width: 125px; height: 28px; }

#main #container #content .subs #sub7 { width: 129px; height: 28px; }



/* footer */

#main #container #footer { text-align: center; }

#main #container #footer ul li { float: left; }

#main #container #footer a { height: 18px; margin: 0 10px 0 0; }

#main #container #footer a#fm01 { width: 72px; }

#main #container #footer a#fm02 { width: 85px; }

#main #container #footer a#fm03 { width: 32px; }

#main #container #footer a#fm04 { width: 68px; }

#main #container #footer a#fm05 { width: 64px; }

#main #container #footer a#fm06 { width: 40px; }

#main #container #footer a#fm07 { width: 47px; }

#main #container #footer a#fm08 { width: 44px; }

#main #container #footer ul { margin: 0 0 0 103px; }



/* page slider*/

#slider { width: 727px; margin: 0 auto; position: relative; }

.scroll { height: 304px; overflow: auto; position: relative; clear: left; }

.scrollContainer div.panel { height: 304px; width: 727px; }



/* sIFR */

@media screen {

.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}

.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}

.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}

}

@media print {.sIFR-flash {display    : none !important;height     : 0;width      : 0;position   : absolute;overflow   : hidden;}

.sIFR-alternate {visibility : visible !important;display    : block   !important;position   : static  !important;left       : auto    !important;top        : auto    !important;width      : auto    !important;height     : auto    !important;}

}

@media screen {

.sIFR-active .sifr { font-family: Verdana; visibility: hidden; line-height: 10px; margin: 10px 0 0 0; } 

}



/* gallery */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}