/*
 * 
 *  Reset (Meyer) 
 *  
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * 
 * Tool Classes
 * 
 */

.cent { text-align:center; }
.clr { clear:both; }
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*
 *  
 *  OotB v.2.a concept.3 
 *  
 */

body { background:#332a2a; color:#332a2a; font-family: 'GentiumBookBasicRegular', Constantia, 'Palatino Linotype', Baskerville, Garamond, 'Apple Garamond', 'Century Schoolbook', Georgia, serif; font-size:17px; line-height:1.5em; overflow-x:hidden; width:98%; }

h1, h2, h3, h4, h5, h6 { color: #332a2a; font-family: 'TeXGyreAdventorBold', Neutraface, 'Century Gothic', 'Gill Sans', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.5em; margin:0 0 0.5em 0; }

h1 { font-size:2.0em; }
h2 { font-size:1.8em; }
h3 { border-bottom: 5px solid #a6b638; font-size:1.6em; margin:0; padding-bottom: 0.25em; }
h4 { font-size:1.4em; margin:0; }
h5 { color:#aa9999; font-size:1.2em; margin:0; }
h6 { font-size:1.1em; margin:0; }

p { font-family: 'GentiumBookBasicItalic', 'GentiumBookBasicRegular', Constantia, 'Palatino Linotype', Baskerville, Garamond, 'Apple Garamond', 'Century Schoolbook', Georgia, serif; font-size:17px; font-style:italic; margin:0.5em 0; }

a:link { color:#449900; text-decoration:none; }
a:visited { color:#264c08;  text-decoration:none;}
a:hover { color:#a6b638;  text-decoration:none;}
a:active { color:#ffc233;  text-decoration:none;}

ul {list-style:disc outside;margin:0;}
li {margin:0.25em 0 0.25em 1.5em;}

/*
 * 
 * Layout
 * 
 */

#wrap { 
	background:#fff;
	border: 1px solid #332a2a;
	margin: 10px auto; 
	padding: 0; 
	min-height:390px; 
	width:1040px; 
}

#wrap #top {
	background:url(../images/bg-wrap-top-kra.png) left repeat-x #fff;
	height:20px;
	margin:0;
	padding:0;
	width:1040px;
}

#wrap #header {
	background:#fff;
	height:70px;
	padding:10px 40px;
	position:relative;
	vertical-align:middle;
	z-index:99;
}

#wrap #slider {
	background:url(../images/bg-slider-green-kra.gif) left repeat-x #449900;
	width:960px;
	height:291px;
	margin:0px 0 0 0;
	padding:5px 40px;
}

#wrap #separator {
	background:#449900;
	border-top:1px solid #332a2a;
	border-bottom:1px solid #332a2a;
	height:5px;
	position:relative;
	width:1040px;
	z-index:99;
}

#wrap #main {
	float:left;
	margin:20px 0 0 0;
	padding:0 15px 0 40px;
	width:630px;
	
	.width:620px; /* Avoid IE wrapping problem */
}

#wrap #atop {
	background:url(../images/bg-aside-top.png) left repeat-x;
	background-position:0px -1px;
	border-top:5px solid #fff;
	float:left;
	height:20px;
	margin:0;
	padding:0;
	position:relative;
	top:-4px;
	width:300px;
	z-index:99;
}

#wrap #aside {
	float:left;
	margin:20px 0 0 0;
	padding:0 40px 0 15px;
}

#wrap #footer {
	text-align:center;
	width:1040px;
}

#wrap #header div {
	float:left;
}

#wrap #header div img {
	margin:0 10px 0 0;
}

#wrap #header h3.description {
	border:0;
	color:#a6b638;
	float:right;
	font-family: 'SaginawBold', Constantia, Georgia, serif;
	font-weight:normal;
	/* letter-spacing:0.05em; */
	margin:0 0 0.5em 0;
	padding-bottom:0;
	position:relative;
	right:4px;
	bottom:0.2em;
	text-align:right;
	width:680px;
	
	.font-size:1.5em; /* IE spacing fix */
	.padding-right:5px; /* IE cropping fix */
}

#wrap #header #nav {
	float:right;
	vertical-align:middle;
}

#wrap #header #nav #homeIcon {
	margin-left:-25px;
	position:relative;
	right:-40px;
	bottom:-0.27em;
}

#wrap #header #nav h2 {
	float:right;
	line-height:1em;
	margin:-5px 5px 0 5px;
	padding:4px 25px 7px 25px;
	position:relative;
	bottom:0.37em;
	
	.padding:0 0 0 40px; /* IE spacing fix */
}

/* #nav FIXES */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome #nav fixes */

	#wrap #atop {
		background:url(../images/bg-aside-top.png) left repeat-x;
		background-position:0px -1px;
		border-top:5px solid #fff;
		float:left;
		height:20px;
		margin:0;
		padding:0;
		position:relative;
		top:-4px;
		width:300px;
		z-index:99;
	}
	
	#wrap #header #nav {
		float:right;
		vertical-align:middle;
	}
	
	#wrap #header #nav h2 {
		float:right;
		line-height:1em;
		margin:0 5px 0em 5px;
		padding:4px 25px;
		position:relative;
		bottom:0.37em;
		
		.padding:0 0 0 40px; /* IE spacing fix */
	}
	
}

/* IE #nav fixes */
#wrap #atop {
	.top:0;
}

#wrap #header #nav h2 {
	.padding:4px 25px 4px 25px;
	.text-align:center;
}
/* END #nav FIXES */

#wrap #main #section {
	margin:0 0 20px 0;
	width:630px;
}

#wrap #main #section #header {
	background:url(../images/bg-section-header.gif) top left repeat-x #f7fbff;
	height:auto;
	margin:20px 0 0 0;
	min-height:35px;
	padding:10px 10px 0 10px;
	vertical-align:text-top;
}

#wrap #main #section #article {
	background:#f7fbff;
/*	box-shadow: 3px 0px 5px #888;
		-moz-box-shadow: 3px 0px 5px #888;
		-webkit-box-shadow: 3px 0px 5px #888; */
	padding:10px;
}

#wrap #main #section #footer {
	background:url(../images/bg-section-footer.gif) bottom left repeat-x #f7fbff;
	margin:0 0 0.5em 0;
	min-height:45px;
	padding:0 10px 10px 10px;
	text-align:right;
	width:auto;
	vertical-align:text-bottom;
}

#wrap #aside #section {
	margin:0 0 20px 0;
	width:300px;
}

#wrap #aside #section #header {
	background:url(../images/bg-section-header.gif) top left repeat-x #f7fbff;
	height:auto;
	margin:20px 0 0 0;
	min-height:35px;
	padding:10px 10px 0 10px;
	vertical-align:text-top;
}

#wrap #aside #section #article {
	background:#f7fbff;
/*	box-shadow: 3px 0px 5px #888;
		-moz-box-shadow: 3px 0px 5px #888;
		-webkit-box-shadow: 3px 0px 5px #888; */
	padding:10px;
}

#wrap #aside #section #article ul {
	list-style:none outside;
	margin:1em 0 -2em 0;
	text-align:left;
}

#wrap #aside #section #article ul li {
	display:inline;
	margin:0.25em 0;
}

#wrap #aside #section #article ul li img {
	margin:0 2em 0 0;
}

#wrap #aside #section #footer {
	background:url(../images/bg-section-footer.gif) bottom left repeat-x #f7fbff;
	margin:0 0 0.5em 0;
	min-height:45px;
	padding:0 10px 10px 10px;
	text-align:right;
	width:auto;
	vertical-align:text-bottom;
}

#wrap #aside #fixedMenu {
	margin:-4px 0 0 -300px;
	position:fixed;
	width:300px;
}

#wrap #aside #fixedMenu p {
	margin:-89px 0 0 0;
	text-align:center;
}

#wrap #aside #fixedMenu p img {
	margin:0 5px;
}

#wrap #aside #fixedMenu #header {
	background:url(../images/bg-section-header.gif) top left repeat-x #f7fbff;
	height:auto;
	margin:20px 0 0 0;
	min-height:35px;
	padding:10px 10px 0 10px;
	vertical-align:text-top;
}

#wrap #aside #fixedMenu #article {
	background:#f7fbff;
/*	box-shadow: 3px 0px 5px #888;
		-moz-box-shadow: 3px 0px 5px #888;
		-webkit-box-shadow: 3px 0px 5px #888; */
	padding:10px;
}

#wrap #aside #fixedMenu #footer {
	background:url(../images/bg-section-footer.gif) bottom left repeat-x #f7fbff;
	margin:0 0 0.5em 0;
	min-height:45px;
	padding:0 10px 10px 10px;
	text-align:center;
	width:auto;
	vertical-align:text-bottom;
}

#wrap #footer #header {
	background:url(../images/bg-footer-top-kra.png) top left repeat-x;
	height:auto;
	min-height:55px;
	padding:0;
	position:relative;
	vertical-align:text-top;
	z-index:99;
}

#wrap #footer #article {
	background:#332a2a;
	color:#f7fbff;
	padding:40px;
	position:relative;
	z-index:99;
}

/*
 * 
 * Contextual
 * 
 */

#hire {
	color:#f7fbff;
	display:inline;
	font-family:'TeXGyreAdventorBold', Neutraface, 'Century Gothic', 'Gill Sans', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style:normal;
	padding:10px;
	text-align:center;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#hire:link, #hire:visited {
	background:#449900;
	background-image: 
          -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.0, #449900),
            color-stop(0.1, #449900),
            color-stop(0.9, #264c08),
            color-stop(1, #264c08));
	background-image: -moz-linear-gradient(0% 0% 270deg,#449900, #264C08);
	border:2px solid #a6b638;
}

#hire:hover {
	background:#a6b638;
	background-image: 
          -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.0, #a6b638),
            color-stop(0.1, #a6b638),
            color-stop(0.9, #449900),
            color-stop(1, #449900));
	background-image: -moz-linear-gradient(0% 0% 270deg,#a6b638, #449900);
	border:2px solid #ffc233;
}

#hire:active {
	background:#ffc233;
		background-image: 
          -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.0, #ffc233),
            color-stop(0.1, #ffc233),
            color-stop(0.9, #a6b638),
            color-stop(1, #a6b638));
	background-image: -moz-linear-gradient(0% 0% 270deg,#ffc233, #a6b638);
	border:2px solid #f7fbff;
}

#toybox {
	text-align:center;

	width:300px;
	height:245px;
}

#toybox a{
	display: block;
	position: relative;
}

#toybox img {
	border:0;

	position:absolute;
	top:0;
	left:20px;
}

#locked {
	background:#332a2a;
	color:#f7fbff;
	cursor:pointer;
	display:none;
	float:left;
	padding:10px;
	text-align:center;
	
	position:relative;
	top:-164px;
	left:28px;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#locked h5 {
	color:#f7fbff;
}

p.footnote {
	color:#bcb9b9;
	font-size:0.75em;
	text-align:right;
	width:98%;
}

p.description {
	font-family: 'GentiumBookBasicRegular', Constantia, 'Palatino Linotype', Baskerville, Garamond, 'Apple Garamond', 'Century Schoolbook', Georgia, serif;
	font-style: normal;
}

.currentPage {
	background:#332a2a;
	color:#f7fbff;
}

.portf {
	background:#332a2a;
	float:left;
	margin: 2px;
	text-align:center;
}

.portf h5 {
	
}

.portf img {

}

/* @-webkit-keyframes portfout {
	0% { background:#264c08; border:3px solid #264c08; }
	100% { background:#332a2a; border:3px solid #332a2a; }
} */

.portf a span {
	background:#332a2a;
	border:3px solid #332a2a;
	color:#f7fbff;
	display:block;
	font-family: 'TeXGyreAdventorBold', Neutraface, 'Century Gothic', 'Gill Sans', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	width:190px;
	-moz-transition: all 0.33s ease-in; /* just in case, future implementation */
	-webkit-transition: all 0.33s ease-in; 
}

.portf a img {
	background:#332a2a;
	border:3px solid #332a2a;
	display:block; /* fix Chrome pixel alignment issue */
	margin:0;
	opacity:0.33;
	-moz-transition: all 0.33s ease-in; /* just in case, future implementation */
	-webkit-transition: all 0.33s ease-in; 
}

/* @-webkit-keyframes portfover {
	0% { background:#332a2a; border:3px solid #332a2a; }
	100% { background:#264c08; border:3px solid #264c08; }
} */

.portf a:hover span, .portf a:hover img {
	background:#449900;
	border:3px solid #449900;
	opacity:1;
	-moz-transition: all 0.33s ease-in; /* just in case, future implementation */
	-webkit-transition: all 0.33s ease-in; 
}

.portf a:active span, .portf a:active img {
	background:#ffc233;
	border:3px solid #ffc233;
	-moz-transition: all 0s; /* just in case, future implementation */
	-webkit-transition: all 0s; 
}

/*
 * 
 * Slider
 * 
 */

.jqGSContainer {
    position: relative;
	left:-40px;
    width: 1080px;
    margin-top: 40px;
}

.jqGSContainer .jqGSImgContainer {
    border: 0px;
}

.jqGSContainer .jqGSImgContainer ul {
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none;
}

.jqGSContainer .jqGSImgContainer ul li {
    padding: 0;
    margin: 0;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSLoader {
    width: 100%;
    height: 100%;
    position: absolute;
}

.jqGSContainer .jqGSImgContainer ul li img {
    border: 0px;
    position: absolute;
    z-index: 9;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSTitle {
    background: url(../images/bg-green-80-kra.png) repeat;
    color: #f7fbff;
	font-family: 'GentiumBookBasicBold';
	font-weight:bold;
    padding: 10px 40px;
    z-index: 99;

    width: 960px;
    height: auto;

    position: absolute;
    left: 0px;
    bottom: 20px;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSTitle h1 {
    color: #f7fbff;
    font-family: 'TeXGyreAdventorBold', Neutraface, 'Century Gothic', 'Gill Sans', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight:bold;
    position: absolute;
    left: 524px;
    bottom: 92px;
    text-transform: uppercase;
    width: 500px;
    text-shadow: #444 -0px 2px 5px;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSTitle h1 span {
    color: #f7fbff;
    font-family: 'TeXGyreAdventorBold', Neutraface, 'Century Gothic', 'Gill Sans', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight:bold;
    position: absolute;
    right: 500px;
    top: -2px;
}

.jqGSContainer .jqGSPagination {
    position: absolute;
    height: 30px;
    top: -30px;
    left: 0px;
	margin: 0 40px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.jqGSContainer .jqGSPagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    float: right;
}

/*.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}*/

.jqGSContainer .jqGSPagination ul li {
    color: #310;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 3px 0px 0px;
    padding: 2px 1px;
    text-align: center;
    text-shadow: #310 0px 0px 2px;
}

.jqGSContainer .jqGSPagination ul li a {
    border: 0px;
    color: #310;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 0 7px;
    text-decoration: none;
    text-shadow: #310 0px 0px 3px;
}

.jqGSContainer .jqGSPagination ul li a.selected {
    background: #332a2a;
    color: #449900 !important;
    border: 0px;
    text-shadow: #621 0px 0px 0px;
}

.jqGSContainer .jqGSPagination ul li a:hover {
    color: #332a2a;
    text-shadow: #332a2a 0px 0px 0px;
}

.jqGSContainer .jqGSPagination span {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 5px;
    padding: 2px 0px 0px 10px;
}

.jqGSImgContainer {
    border: 1px solid #332a2a;
	margin-left:-40px;
	width:1080px;
}

/* for IE */
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle h1 { 
	.left: 60px;
	.top: 20px;
}

.playPause {
    text-align: center;
	
	position:relative;
	top:-285px;
	left:920px;

    width: 60px;
    height: 36px;
}