html {font-size:65%;}

* {padding:0;margin:0;}

body  {
	font-family: verdana, "lucida console", sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	background:url(/css/f/bg_main.jpg) no-repeat top center #323232;
}

a {
	color:#fff;
}

#shell {
	width:722px;
	margin:0 auto;
	text-align:left;
}

#header {
	height:155px; /* requires IE fix */
}

h1 {
	width:349px;
	height:82px;
	background:url(/css/f/logo_pk.png) no-repeat top left;
	text-indent:-9000px;
	overflow:hidden;
	float:left;
	position:relative;
	z-index:101;
}

h1 a {
	width:349px;
	height:72px;
	display:block;
	overflow:hidden;
}

li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}

#lrgnav ul {
	margin-top:33px;
	float:left;
	font-size:1.2em;
}

#lrgnav li {
	display:inline;
	list-style-type:none;
	float:left;
	text-indent:-9999px;
}

* html #lrgnav li {
	width:0px; /* IE6 won't work without this! */
}

/* #lrgnav li a {
	margin-left:-15px;
	height:29px;
	padding:10px 15px 0px 30px;
	display:block;
	position:relative;
	background:url(/css/f/link_slope.gif) no-repeat top right;
} */

#lrgnav li a {
	margin-left:-15px;
	height:39px;
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position: top right;
}

#lrgnav li a.portfolio {
	width:136px;
	background-image:url(/css/f/link_slope_portfolio.gif);
}

#lrgnav li a.news {
	width:102px;
	background-image:url(/css/f/link_slope_news.gif);
}

#lrgnav li a.contact {
	width:139px;
	background-image:url(/css/f/link_slope_contact.gif);
}

#lrgnav li a:hover {
	display:block;
	position:relative;
	background-position:bottom right;
}

#lrgnav li a.stick, #lrgnav li a.stick:hover {
	background-position:center right;
	cursor:default;
}

#lrgnav li a.one {
	margin-left:-25px;
	padding-left:45px;
}

#mednav ul {
	margin-top:-11px;
	float:left;
	font-size:1.2em;
	clear:both;
}

#mednav li {
	display:inline;
	list-style-type:none;
	float:left;
}

* html #mednav li {
	width:0px; /* IE6 won't work without this! */
}

#mednav li a {
	margin:0 0 0 -15px;
	height:18px;
	padding:7px 12px 0px 20px;
	display:block;
	position:relative;
	background:url(/css/f/link_slope_med.gif) no-repeat top right;
}

#mednav li a:hover {
	background-position:bottom right;
}

#mednav li a.stick, #mednav li a.stick:hover {
	background-position:center right;
	color:#000;
	cursor:default;
}

#mednav li a.one {
	margin:0;
	padding-left:8px;
	border-left:1px solid #fff;
}

#spacernav, #relatedcontent { 
	height:16px; /* requires IE fix */
}

#smlnav ul {
	float:left;
	font-size:1.1em;
}

#smlnav li {
	display:inline;
	list-style-type:none;
	float:left;
}

* html #smlnav li {
	white-space:nowrap;
	width:0px; /* IE6 won't work without this! */
}

#smlnav li a {
	margin:0 0 0 -15px;
	height:14px;
	padding:2px 12px 0 20px;
	display:block;
	position:relative;
	background:url(/css/f/link_slope_sml.gif) no-repeat top right;
}

#smlnav li a:hover {
	background-position:bottom right;
}

#smlnav li a.stick, #smlnav li a.stick:hover {
	background-position:center right;
	cursor:default;
	color:#000;
}

#smlnav li a.one {
	margin:0;
	padding-left:8px;
	border-left:1px solid #fff;
}

li a.one {
	z-index:100;
}

li a.two {
	z-index:90;
}

li a.three {
	z-index:80;
}

li a.four {
	z-index:70;
}

li a.five {
	z-index:60;
}

li a.six {
	z-index:50;
}

li a.seven {
	z-index:40;
}

li a.eight {
	z-index:30;
}

li a.nine {
	z-index:20;
}

li a.ten {
	z-index:10;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
height:405px;
width:720px;
}

#content  .panel .copy {
	position:absolute;
	top:0px;
	left:0px;
	padding:35px 15px 35px 15px;
	width:330px;
	height:335px;
	background:url(/css/f/bg_content_stripe.png) repeat top left;
	float:left;
	text-align:left;
}

h2 {
	padding-right:3px;
	font-weight:normal;
	font-size:1em;
	background-color:#00c5d7;
	float:left;
	color:#fff;
}

h3 {
	padding-right:3px;
	font-weight:normal;
	font-size:1em;
	background-color:#00c5d7;
	float:left;
	color:#fff;
}

#content {
	height:405px;
	position:relative;
	float:left;
	text-transform:uppercase;
	border:1px solid #adadad;
}

#content .copy p {
	font-size:1em;
	padding-bottom:18px;
}

#content span {
	background-color:#00c5d7;
	padding:0 2px 2px 0;
}

#content .copy ul {
	list-style-type:none;
	font-size:1em;
	padding-bottom:18px;
}

#content .copy #twitter_update_list ul {
	list-style-type:none;
	font-size:1em;
	padding-bottom:0;
}

#content .copy #twitter_update_list li {
	margin-bottom:10px;
}

#content .copy #twitter_update_list li a{
	display:block;
}

#content .copy #twitter_update_list li span a{
	display:inline;
}

#content .copy dt {
	color:#fff;
}

#content .copy dd {
	margin-bottom:5px;
}

#content .copy input {
	font-family: verdana, "lucida console", sans-serif;
	border:0;
	padding:5px;
	font-size:1.1em;
}

#content .copy select {
	padding:5px;
	border:0;
	font-size:1em;
	text-transform:uppercase;
	width:280px;
}

#content .copy option {
}

#content .copy textarea {
	border:0;
	padding:5px;
	font-family: verdana, "lucida console", sans-serif;
	font-size:1.1em;
	width:300px;
}

#content .copy input.sendbttn {
	padding:3px 0;
	width:150px;
	background-color:#00c5d7;
	color:#fff;
	cursor:pointer;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 720px; /*Width of Carousel Viewer itself*/
height: 405px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxPhoto{cursor:default !important;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
	
*/

#cboxOverlay{background:url(/css/f/bg_content_mask.png) 0 0 repeat;}
#colorbox{top:172px !important;}
	#cboxContent{background:#000;}
		#cboxLoadedContent{margin-bottom:0;}
                #cboxTitle{position:absolute; bottom:5px; left:10px; text-align:left; width:100%; color:#00C5D7; font-size:0.8em;}
                #cboxCurrent{position:absolute; bottom:5px; left:10px; color:#00C5D7; font-size:0.8em;}
                #cboxSlideshow{display:none;}
                #cboxPrevious{position:absolute; top:0; left:0; background:url(/css/f/arrow_tl.png) no-repeat; height:40px; width:40px; text-indent:-9999px;}
                #cboxNext{position:absolute; bottom:0; right:0; background:url(/css/f/arrow_br.png) no-repeat; height:40px; width:40px; text-indent:-9999px;}
		#cboxLoadingOverlay{background:#000;}
                #cboxLoadingGraphic{background:url(/css/f/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:0; right:0; background:url(/css/f/close.png) no-repeat; height:40px; width:40px; text-indent:-9999px;}

.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

.clearfix {
    display:inline-block;
}

html[xmlns] .clearfix {
    display:block;
}

* html .clearfix {
    height:1%;
}

#footer {
	width:722px;
	margin-top:75px;
	background:url(/css/f/bg_content_stripe.png) repeat top left;
	color:#fff;
	text-align:right;
	float:right;
}

#footer p {
	width:405px;
	padding:2px 2px;
	border:1px solid #5b5e5f;
	float:right;
	font-size:0.8em;
	background:url(/css/f/bg_footer_smoke.png) repeat top left;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	color:#646868;
}