/* @group paul kirk css styles */

@font-face {
    font-family: 'bodbook';
    src: url('bod-book-webfont.eot');
    src: url('bod-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('bod-book-webfont.woff') format('woff'),
         url('bod-book-webfont.ttf') format('truetype'),
         url('bod-book-webfont.svg#bodbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bodnormal';
    src: url('bod-norm-webfont.eot');
    src: url('bod-norm-webfont.eot?#iefix') format('embedded-opentype'),
         url('bod-norm-webfont.woff') format('woff'),
         url('bod-norm-webfont.ttf') format('truetype'),
         url('bod-norm-webfont.svg#bodnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansExtraBoldItalic';
    src: url('tsxbolditalic-webfont.eot');
    src: url('tsxbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tsxbolditalic-webfont.woff') format('woff'),
         url('tsxbolditalic-webfont.ttf') format('truetype'),
         url('tsxbolditalic-webfont.svg#TheSansExtraBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansExtraLightPlain';
    src: url('tsxlight-webfont.eot');
    src: url('tsxlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('tsxlight-webfont.woff') format('woff'),
         url('tsxlight-webfont.ttf') format('truetype'),
         url('tsxlight-webfont.svg#TheSansExtraLightPlain') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansBoldPlain';
    src: url('tsbold-webfont.eot');
    src: url('tsbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('tsbold-webfont.woff') format('woff'),
         url('tsbold-webfont.ttf') format('truetype'),
         url('tsbold-webfont.svg#TheSansBoldPlain') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansPlain';
    src: url('tsplain-webfont.eot');
    src: url('tsplain-webfont.eot?#iefix') format('embedded-opentype'),
         url('tsplain-webfont.woff') format('woff'),
         url('tsplain-webfont.ttf') format('truetype'),
         url('tsplain-webfont.svg#TheSansPlain') format('svg');
    font-weight: normal;
    font-style: normal;
}

html
{
	overflow-y: scroll;
	background-color: #87888a;
}

body
{
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'TheSansPlain', sans-serif;
	background-color: #87888a;
}

/*
body.home
{
	background: url(../images/bg-home.png) repeat-x;
}

body.galleries
{
	background: url(../images/bg-galleries.png) repeat-x;
}

body.gallery
{
	background: url(../images/bg-gallery.png) repeat-x;
}
*/

code
{
	font-family: 'TheSansPlain', sans-serif;
}

a img
{
	border-style: none;
	border-width: 0;
}

a:focus
{
	outline: none;
}

div.clear
{
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

#page
{
	width: 1000px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	z-index: 1;
}

/* @group masthead */

#masthead
{
	margin: 0 0 17px;
	padding: 0;
	height: 204px;
	position: relative;
	overflow: visible;
	width: 100%;
}

#masthead header
{
	padding: 0;
	height: 204px;
	position: relative;
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
}

#masthead hgroup
{
	margin: 0;
	padding: 0;
}

#masthead h1
{
	margin: 0;
	padding: 0;
	width: 333px;
	height: 184px;
	position: absolute;
	top: 12px;
	left: 48px;
}

#masthead h1 a
{
	margin: 0;
	padding: 0;
	width: 333px;
	height: 184px;
	display: block;
	background: url(../images/logo-pk.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

#masthead h2
{
	width: 327px;
	height: 33px;
	margin: 0;
	padding: 0 0 0 6px;
	position: absolute;
	bottom: -50px;
	left: 48px;
	text-transform: uppercase;
	font: 35px/33px 'TheSansBoldPlain';
	letter-spacing: 8px;
	text-align: center;
	background-color: #000;
	color: #87888a;
}

#primary
{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 48px;
}

#primary ul
{
	margin: 0;
	padding: 10px;
	list-style-type: none;
	background-color: #1a1a1a;
	height: 26px;
}

#primary li
{
	font-family: 'bodbook', serif;
	margin: 0;
	float: left;
	padding: 0;
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	text-transform: lowercase;
}

#primary li a
{
	margin: 0 8px;
	padding: 0;
}

#primary li a:link, #primary li a:visited
{
	color: #fff;
	text-decoration: none;
}

#primary li a.active:link, #primary li a.active:visited
{
	text-decoration: none;
}

#primary li a:hover, #primary li a:active
{
	text-decoration: none;
}
	
/* @end */

/* @group content */

#content
{
	padding: 0 48px 0 55px;
	margin: 0 0 32px;
	z-index: 1;
}

.galleries #content
{
	padding: 74px 48px 0;
	margin: 0 0 32px;
	z-index: 1;
	position: relative;
}

.gallery #content
{
	padding: 74px 48px 0;
	margin: 0 0 32px;
	z-index: 1;
}

article
{
	width: 320px;
	margin: 0;
	padding: 74px 0 0;
	float: left;
}

article p
{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	margin: 0 0 16px;
	padding: 0;
}

/* @group grid */

#grid
{
	width: 512px;
	height: 512px;
	margin: 0;
	padding: 0;
	float: right;
}

#grid ul
{
	width: 510px;
	height: 510px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #9A9A9A;
	border-bottom: 1px solid #9A9A9A;
}

#grid li
{
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	float: left;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #9A9A9A;
	border-bottom: 1px solid #9A9A9A;
	background-color: #1a1a1a;
	text-align: center;
	position: relative;
}

#grid li a
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background-color: #1a1a1a;
	margin: 0;
	padding: 0;
}



/* @end */

/* @group slideshow */

#flavor_2
{
    position: relative;
	width: 528px;
	float: right;
	margin: 0;
	padding: 0;
	height: 352px;
}

#slideshow
{
    position: relative;
	width: 528px;
	float: right;
	margin: 0;
	padding: 0;
	height: 352px;
}

#slideshow img
{
	display: none;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#slideshow img.active
{
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}


/* @end */

/* @group galleries */

.galleries #content ul
{
	width: 918px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.galleries #content li
{
	width: 292px;
	margin: 0 14px 14px 0;
	padding: 0;
	float: left;
	color: #e5e5e5;
	text-transform: uppercase;
	font-size: 18px;
}

.galleries #content li a
{
	display: block;
	padding: 0 7px 7px;
	margin: 0;
}

.galleries #content li a:link, .galleries #content li a:visited
{
	color: #fff;
	text-decoration: none;
}

.galleries #content li a:hover, .galleries #content li a:active
{
	color: #1a1a1a;
	text-decoration: none;
}

.galleries #content li ul
{
	width: 292px;
	height: 292px;
	margin: 0;
	padding: 0;
}

.galleries #content li li
{
	width: 288px;
	height: 288px;
	margin: 0;
	padding: 0;
	background-color: #1a1a1a;
	text-align: center;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #9A9A9A;
	border-bottom: 2px solid #9A9A9A;
	cursor: pointer;
}

.galleries #content li li a
{
	margin: 0;
	padding: 0;
}

.galleries #content li li img
{
	display: block;
	margin: 0 auto;
}

.pagination-top
{
	right: 66px;
	top: 10px;
	position: absolute;
}

.pagination
{
	color: #1a1a1a;
	margin: 8px 0 0;
	padding: 0;
	font: normal 20px 'bodbook', serif;
	text-align: left;
	word-spacing: 5px;
	text-indent: 7px;
}

.pagination a:link, .pagination a:visited
{
	color: #fff;
	text-decoration: none;
}

.pagination a.active:link, .pagination a.active:visited
{
	font-family: 'bodnormal' serif;
	font-weight: bold;
	color: #333;
	cursor: default;
}

.pagination a:hover, .pagination a:active
{
	color: #000;
	text-decoration: none;
}



/* @end */

/* @group gallery */

.gallery #content ul
{
	width: 916px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.gallery #content li
{
	margin: 0;
	padding: 0;
	color: #e5e5e5;
	text-transform: uppercase;
	font-size: 18px;
	text-indent: 7px;
}

.gallery #content li ul
{
	width: 916px;
	margin: 0;
	padding: 7px 0 0;
}

.gallery #content li li
{
	width: 214px;
	height: 214px;
	margin: 0 11px 11px 0;
	padding: 0;
	background-color: #1a1a1a;
	text-align: center;
	float: left;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #9A9A9A;
	border-bottom: 2px solid #9A9A9A;
}

.gallery #content li li a
{
	margin: 0;
	padding: 0;
}

.gallery #content li li img
{
	display: block;
	margin: 0 auto;
}



/* @end */
	
/* @end */

/* @group footer */

footer
{
	padding: 10px 0 0;
	margin: 0 48px 24px;
	border-top: 1px solid #666;
}

footer p
{
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 14px;
	font-size: 12px;
}

footer p span
{
	color: #ccc;
}

footer p.footer-left
{
	float: left;
	color: #1a1a1a;
}

footer p.footer-right
{
	float: right;
}

footer a:link, footer a:visited
{
	color: #ccc;
	text-decoration: none;
	
}

footer a:hover, footer a:active
{
	color: #ccc;
	text-decoration: underline;
}



/* @end */
	
/* @end */