/*	css
	~ by a ninja
	!haiyah
*/

/* @group Base Tags */

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a:focus {
	outline: none;
}

html {
	height: 100%;
	margin-bottom: 1px;
	background: #fff;
	/*webkit font smoothing*/
	-webkit-font-smoothing: antialiased;
}

body {
	text-align: center;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	background: #6f6e6e;
}

* html, * html body {
	height: 100%;
	overflow: auto;
	position: relative;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
}

.foot .wrap, .ftree {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/* @end */

/* @group Header */

#header {
	border-bottom: 5px solid #9b9a9a;
	padding-bottom: 8px;
	margin-bottom: 20px;
	position: relative;
	z-index: 15;
}

#header a.logo {
	width: 264px;
	height: 171px;
	float: left;
	font-size: 1px;
	text-indent: -9999px;
	background: url(images/logo.jpg) no-repeat left top;
	margin-left: -23px;
	display: inline;
	margin-right: 49px;
}

#header ul {
	list-style: none;
	color: #fff;
	font: 19px "museo-1","museo-2",serif;
	float: left;
}

#header ul a {
	color: #fff;
	text-decoration: none;
}

#header ul a:hover, #header ul li.current a {
	color: #ffde00;
}

#header .nav {
	width: 108px;
	margin-top: 80px;
	margin-right: 21px;
}

#header .nav li {
	display: block;
}

#header .gallery-nav {
	width: 397px;
	margin-top: 145px;
}

#header .gallery-nav li {
	float: right;
	padding-left: 40px;
	position: relative;
}

#header .gallery-nav li a {
	float: left;
}

#header .gallery-nav li ul {
	position: absolute;
	border-bottom: 2px solid #ffde00;
	background: url(images/bg-subnav.png) no-repeat left top;
	width: 293px;
	top: 20px;
	left: -80px;
	display: none;
	text-align: left;
	padding: 25px 9px 0;
}

#header .gallery-nav li ul li {
	float: left;
	display: block;
	width: 291px;
	margin: 0;
	border-bottom: 1px solid #6f6e6e;
	padding-left: 0 !important;
}

#header .gallery-nav li ul li a {
	float: left;
	display: block;
	width: 291px;
	padding: 22px 0;
	
}

/* @end */

/* @group Mast */

.mast {
	border-bottom: 5px solid #9b9a9a;
	position: relative;
	margin-bottom: 20px;
	z-index: 10;
}

.mast .mast-images {
	float: left;
	width: 834px;
}

.mast .sub-mast {
	margin-bottom: 20px;
}

.mast .sub-mast img {
	width: 397px;
	margin-right: 20px;
}

.mast .mast-images .mimg {
	float: left;
	position: relative;
	width: 397px;
	margin-bottom: 20px;
	margin-right: 20px;
	height: 265px;
}

.mast .mast-images .minfo {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 12px;
	width: 373px;
	background: url(images/bg-minfo.png) repeat left top;
}

.mast .mast-images .minfo h4 {
	color: #fff;
	font: 300 19px "museo-1","museo-2",serif;
	padding-bottom: 10px;
}

.mast .mast-images .minfo ul {
	font: 300 14px "museo-1","museo-2",serif;
	list-style: none;
}

.mast .mast-images .minfo ul li {
	padding-bottom: 2px;
}

.mast .mast-images .minfo ul a {
	color: #d4bd21;
}

.mast .mast-side {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 146px;
	border-top: 5px solid #9b9a9a;
	padding-top: 10px;
	color: #fff;
	font: 13px "proxima-nova-1","proxima-nova-2";
}

.mast .mast-side h3 {
	font: 300 19px "museo-1","museo-2",serif;
	padding-bottom: 32px;
}

.mast .home-mast-side {
	top: 285px;
}

.mast .home-mast-side a{
	color: #d4bd21;
	text-decoration:none;
}


.mast .mast-side span {
/*	text-transform: lowercase;
*/}

/* @end */

/* @group Main */

.main {
	color: #fff;
	font: 300 13px/normal "proxima-nova-1","proxima-nova-2";
}

.main ul.sitemap, .main ul.sitemap ul {
	padding-left: 20px;
}

.main h1 {
	font: 300 19px "museo-1","museo-2",serif;
	padding-bottom: 20px;
}

.main h2 {
	padding-top: 20px;
	border-top: 5px solid #9b9a9a;
	font: 300 19px "museo-1","museo-2",serif;
	padding-bottom: 20px;
	clear: both;
}

.main .col1 {
	float: left;
	width: 397px;
	margin-right: 20px;
}

.main .col2 {
	float: left;
	width: 397px;
}

.main p, .main ul, .main ol {
	padding-bottom: 15px;
}

.main a {
	color: #ffde00;
	text-decoration: none;
}

.main a:hover {
	text-decoration: underline;
}

.contact-form {
	
}

.contact-form p {
	
}

.contact-form p label {
	display: block;
	color: #565263;
	padding-bottom: 4px;
	text-transform: lowercase;
	font: 300 19px "museo-1","museo-2",serif;
	color: #fff;
}

.contact-form p input, .contact-form p textarea {
	padding: 4px;
	background: #9b9a9a;
	border: 1px solid #9b9a9a;
	width: 364px;
	font: 300 13px/normal "proxima-nova-1","proxima-nova-2";
	color: #fefefe;
}

.contact-form p textarea {
	height: 150px;
}

.contact-form p.captcha-field label {
	display: inline;
}

.contact-form p.captcha-field input {
	width: 40px;
}

.contact-form p.submitter {
	height: 40px;
}

.contact-form p.submitter button {
	border: 2px solid #fff;
	font: 300 19px "museo-1","museo-2",serif;
	color: #403f3f;
	background: #9b9a9a;
	cursor: pointer;
	width: 105px;
	height: 40px;
	text-transform: lowercase;
}

.contact-form p.submitter button:hover {
	background: #fff;
}

/* @end */

/* @group Blog & Gallery */

.blogposts {
	width: 814px;
	float: left;
	font: 300 13px/1.4 "proxima-nova-1","proxima-nova-2";
	color: #fefefe;
}

.gallerys {
	font: 300 13px/1.4 "proxima-nova-1","proxima-nova-2";
	padding-bottom: 30px;
	border-bottom: 5px solid #9b9a9a;
}

.gallerys .gallery-wrapper {
	width: 754px;
	float: left;
	position: relative;
	padding-left: 20px;
}

.gallerys .gallery-wrapper span#prev_big, .gallerys .gallery-wrapper span#next_big {
	position: absolute;
	top: 0;
	height: 490px;
	width: 20px;
	cursor: pointer;
	background-color: #5d5b5b;
	background-position: center center;
	background-repeat: no-repeat;
}

.gallerys .gallery-wrapper span#prev_big {
	left: 0;
	background-image: url(images/btn-prev.jpg);
}

.gallerys .gallery-wrapper span#next_big {
	right: 0;
	background-image: url(images/btn-next.jpg);
}

.gallerys .gallery-wrapper .gallery-big img {
	background: url(images/icon.gif) no-repeat center center;
}

.gallerys .listing-wrapper {
	float: right;
	width: 166px;
	padding: 16px 10px 18px;
	background: #5d5b5b;
	position: relative;
	height: 456px;
}

.gallerys .listing-wrapper #prev_list {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 166px;
	height: 10px;
	background: url(images/btn-prev-list.png) no-repeat center center;
	cursor: pointer;
}

.gallerys .listing-wrapper #next_list {
	position: absolute;
	bottom: 5px;
	left: 10px;
	width: 166px;
	height: 10px;
	background: url(images/btn-next-list.png) no-repeat center center;
	cursor: pointer;
}

.gallerys .listing-wrapper .gallery-listing {
	
}

.gallerys .listing-wrapper .gallery-listing a {
	display: block;
	background: url(images/spinner.gif) no-repeat center center;
	width: 166px;
	height: 115px;
}

.gallerys .listing-wrapper .gallery-listing img {
	
}

.gal-img {
	float: left;
}

.gal-img .no-disp {
	display: none;
}

.img-details {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 5px solid #9b9a9a;
}

.blogposts h1, .gallerys h1 {
	font: 300 19px "museo-1","museo-2",serif;
	padding-bottom: 20px;
	color: #f6d707;
}

.blogposts h2 {
	padding-top: 20px;
	border-top: 5px solid #9b9a9a;
	font: 300 19px "museo-1","museo-2",serif;
	padding-bottom: 20px;
	clear: both;
}

.blogposts ul {
	list-style: none;
}

.blogposts h2 a {
	color: #fff;
	text-decoration: none;
}

.blogposts h2 a:hover {
	color: #ffde00;
}


.blogposts p, .blogposts ul, .blogposts ol {
	padding-bottom: 15px;
}

.blogposts a {
	color: #f6d707;
}

.blogposts .img-cont {
	float: left;
	margin-right: 5px;
	width: 402px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 5px;
}

.blogposts .entry-content {
	clear: both;
	padding-top: 10px;
}

.blogposts .entry-summary {
	padding-bottom: 15px;
}

.blogposts .sm-img {
	margin-right: 3px;
}

.sidebar {
	float: right;
	width: 146px;
	padding-top: 43px;
}

.side-box {
	border-top: 5px solid #9b9a9a;
	color: #fff;
	font: 300 13px/1.4 "proxima-nova-1","proxima-nova-2";
	padding-top: 10px;
}

.side-box ul {
	list-style: none;
}

.side-box ul li a {
	color: #fff;
	text-decoration: none;
}

.side-box ul li a:hover {
	color: #ffde00;
}

/* @end */

/* @group Footer */

#footer {
	margin-top: -20px;
	font: 300 13px "proxima-nova-1","proxima-nova-2";
	color: #6f6e6e;
	clear: both;
}

.ftree {
	background: url(images/bg-footer.jpg) no-repeat right top;
	height: 155px;
}

.foot {
	background: #fff;
}

#footer a {
	color: #6f6e6e;
	text-decoration: none;
}

#footer .wrap {
	background: #fff;
	padding: 0 10px;
}

#footer .foot-meta {
	float: left;
	width: 600px;
	padding: 30px 0;
}

#footer .foot-meta .tigerchick {
	margin-top: 10px;
	display: block;
	font-size: 1px;
	text-indent: -99999px;
	width: 118px;
	height: 36px;
	background: url(images/tigerchick.jpg) no-repeat left top;
}

#footer .foot-meta .tigerchick:hover {
	background-position: left bottom;
}

#footer .foot-cont {
	width: 400px;
	float: right;
	text-align: right;
}

/* @end */

/* @group Extras */

#lightbox{
	display:none;
	background:#000;
	opacity:.7;
	filter:alpha(opacity=70);
	position:fixed;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	z-index:1000;
}

* html #lightbox {
	position: absolute;
	height: 100%;
	width: 100%;
}

#lightbox-panel{
	display:none;
	position:fixed;
	top:150px;
	left:50%;
	margin-left:-175px;
	width:349px;
	height:230px;
	color:#fff;
	background:#6f6e6e;
	border:4px solid #fff;
	padding:30px 15px;
	z-index:1001;
}

* html #lightbox-panel {
	position: absolute;
}

#lightbox-panel p {
	font: 300 26px "museo-1","museo-2",serif;
	color:#fff;
	padding-bottom:30px;
	text-align:center;
}

#lightbox-panel p.error {
	color: #ffde04;
}

#lightbox-panel a#close-panel{
	display:block;
	margin:0 auto;
	color:#403f3f;
	text-decoration:none;
	text-align:center;
	width:140px;
	padding-right:8px;
	height:35px;
	background: #9b9a9a;
	border: 2px solid #fff;
	text-transform:lowercase;
	font: 300 19px/35px "museo-1","museo-2",serif;
}

#lightbox-panel a#close-panel:hover{
	background: #fff;
}

/* @end */











/* @group Clearer */

.clearer {clear: both;}

#header:after, .mast:after, .main:after, .wrap:after, .gallerys:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#header, .mast, .main, .wrap, .gallerys {
	min-height: 1px;
}

* html #header, * html .mast, * html .main, * html .wrap, * html .gallerys {
	height: 1%;
}

/* @end */