/* CSS Global Stylesheet Header 
 
Description: Standard styles for Trailer Park
Author: Haroun Serang
Author Email: harouns [at] solutionset.com
Version: 1.0

[Table Of Contents]

1- Global Assignments
2- Text Assignments    
3- Common Classes
4- Layout
5- Header
6- Lists

Use = symbol and table of contents number (=6) to jump to specific content area.
Example: *Find* =4 will take you to the Right Column styles.
*/
/* @group Global Assignments */
/* =1 Global Assignments
-------------------------------------------------------------------*/
html {
	height: 100%;
}
body {
	font-family: "lucida Grande", Arial, Verdana;
	color: #666;
	background: #fff url(/media/bg/bgBody.gif) repeat-x 0 0;
	height: 100%;
}
body#lightbox,
body#lightboxV2 {
	background: transparent none;
}
iframe,
iframe html,
iframe body,
iframe div {
	background: none transparent !important;
}
/* @end */
/* @group Text Assignments */
/* =2 Text Assignments
-------------------------------------------------------------------*/
h2, h3 {
	font-size: 30px;
}
h4 {
	font-size: 22px;
}
h4.klavika2 {
	font-size: 20px;
}
h4 span {
	color: #333333;
}
h2.tagline {
	height: 75px;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: transparent url(/media/bg/bgBorderH1.gif) repeat-x 0 100%;
}
h2.tagline.single {
	height: 33px;
}
h2.tagline strong {
	color: #ff7415;
}
h2.headerSearch {
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: transparent url(/media/bg/bgBorderH1.gif) repeat-x 0 100%;
}
p {
	font-size: 12px;
	line-height: 19px;
}
p.introText {
	font-size: 12px;
	font-weight: bold;
}
a {
	color: #ff7415;
	text-decoration: none;
}
a.link2 {
	color: #007fa8;
	text-decoration: underline;
}
a:hover {
	color: #999;
	text-decoration: underline;
}
a.img {
	display: block;
	border: 1px solid #b8c4c8;
}
a.img:hover {
	border-color: #FF7415;
}
a.img img {
	display: block;
}
/* @end */
/* @group Common Classes */
/* =3 Common Classes
-------------------------------------------------------------------*/
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
.border {
	border: 1px solid #b8c4c8;
}
.hr {
	background: transparent url(/media/bg/bgBorderH1.gif) repeat-x scroll 0 100%;
	height: 2px;
	margin: 25px 0;
}
.hr hr {
	position: absolute;
	left: -999em;
}
/* @end */
/* @group Layout */
/* =4 Layout Assignments
-------------------------------------------------------------------*/
div#wrapper {
	width: 908px;
	padding-bottom: 30px;
	margin: 0 auto -120px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
div#header {
	height: 197px;
	width: 908px;
	margin-bottom: 9px;
	position: relative;
	background: transparent url(/media/bg/bgHeaderTemp.gif) no-repeat 0 0;
}
div#content {
	width: 900px;
	margin-left: 5px;
}
div#footer {
	height: 120px;
	background: #e6e6e6 url(/media/bg/bgFooter.gif) repeat-x 0 0;
}
#push {
	height: 120px;
}
/* @end */
/* @group header */
/* =5 Header Assignments
-------------------------------------------------------------------*/
/* @group navMain */
#navMain {
	width: 904px;
	height: 47px;
	padding-left: 4px;
	position: absolute;
	top: 150px;
	left: 1px;
	background: transparent url(/media/bg/bgNavMain.gif) no-repeat 0 100%;
}
#navMain li {
	height: 40px;
	float: left;
	display: inline;
}
#navMain li a {
	height: 40px;
	display: block;
	text-indent: -999em;
	background: transparent url(/media/bg/bgNavMain.gif) no-repeat -4px -43px;
}
#navMain .home a {
	width: 54px;
}
#navMain .work a {
	width: 61px;
	background-position: -58px -43px;
}
#navMain .capabilities a {
	width: 112px;
	background-position: -119px -43px;
}
#navMain .about a {
	width: 88px;
	background-position: -231px -43px;
}
#navMain .clients a {
	width: 75px;
	background-position: -319px -43px;
}
#navMain .contact a {
	width: 84px;
	background-position: -394px -43px;
}
/*hover/active*/
#navMain .work a:hover,
body#work #navMain .work a {
	width: 61px;
	background-position: -58px -3px;
}
#navMain .capabilities a:hover,
body#capabilities #navMain .capabilities a {
	width: 112px;
	background-position: -119px -3px;
}
#navMain .about a:hover,
body#about #navMain .about a {
	width: 88px;
	background-position: -231px -3px;
}
#navMain .clients a:hover,
body#clients #navMain .clients a {
	width: 75px;
	background-position: -319px -3px;
}
#navMain .contact a:hover,
body#contact #navMain .contact a {
	width: 84px;
	background-position: -394px -3px;
}
/* @end */
/* @end */
#mainNav
{
	margin-bottom: 3px;
}
/* @group mainNavFlashAlt */
#flashAlt 
{
	padding: 150px 0 15px 0;
	margin: 0 4px;
	width: 900px;
	height: 40px;
	background: transparent url(/media/assets/tp-nav-flash-alt-bg.jpg) no-repeat 0 0;
	overflow: hidden;
}
#flashAlt ul
{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 40px;
	background: transparent url(/media/assets/tp-nav-flash-alt.gif) no-repeat 0 0;
	overflow: hidden;
}
#flashAlt li
{
	float: left;
	display: inline;
	height: 40px;
}
#flashAlt a
{
	color: #000;
	display: block;
	width: 100%;
	text-indent: -10000px;
	height: 40px;
}
#flashAlt #tp-home 
{
	width: 57px;
}
#flashAlt #work 
{
	width: 62px;
}
#flashAlt #capabilities 
{
	width: 111px;
}
#flashAlt #about-us
{
	width: 91px;
}
#flashAlt #clients
{
	width: 74px;
}
#flashAlt #contact
{
	width: 82px;
}
#flashAlt #our-brand-work
{
	width: 144px;
}
/* @end */
/* @group footer */
div#footer .content {
	width: 908px;
	margin: 0 auto;
	color: #666;
	font-size: 10px;
}
div#footer ul.nav {
	float: right;
	display: inline;
	background: transparent url(/media/bg/bgBorderV2.gif) repeat-y 0 0;
}
div#footer ul.nav li {
	float: left;
	display: inline;
	background: transparent url(/media/bg/bgBorderV2.gif) repeat-y 100% 0;
}
div#footer ul.nav li a {
	
/*display: block;*/
	height: 63px;
	padding: 0 20px;
	line-height: 63px;
	color: #333333;
	font-size: 12px;
}
div#footer ul.text {
	padding-top: 24px;
}
div#footer ul.text li {
	float: left;
	display: inline;
}
div#footer ul.text li {
	font-size: 10px;
	line-height: 17px;
}
div#footer ul.text li .logo {
	height: 15px;
	width: 117px;
	margin-right: 18px;
	display: block;
	text-indent: -999em;
	background: transparent url(/media/shared/logoFooter.gif) no-repeat 0 100%;
}
/* @end */
/* @group pages */
/* @group search results */
ul.searchResults {
	
}
ul.searchResults li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	line-height: 18px;
	font-size: 11px;
	background:transparent url(/media/bg/bgBorderH1.gif) repeat-x scroll 0 100%;
}
ul.searchResults h4 {
	margin-bottom: 7px;
}
ul.searchResults h4 a {
	font-size: 16px;
	color: #424242;
	text-decoration: underline;
}
ul.searchResults p {
	margin-bottom: 5px;
}
/* @end */
/* @group shared */
.box {
	margin-bottom: 15px;
}
.promo {
	width: 210px;
}
.promo a,
.imageWrap p a {
	font-size: 9px;
	text-transform: lowercase;
	text-decoration: underline;
}
.promo a:hover,
.imageWrap p a:hover {
	color: #999;
}
#campaigns,
#ourWork {
	height: 245px;
	display: inline;
	overflow: hidden;
}
#campaigns h3,
#ourWork h3 {
	height: 27px;
	margin-bottom: 9px;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(/media/bg/bgHeader.gif) no-repeat 0 0;
}
#campaigns p,
#ourWork p,
.imageWrap p {
	margin-top: 9px;
	line-height: 18px;
}
#campaigns p span,
#ourWork p span,
.imageWrap p span {
	color: #333;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
/* @end */
/* @group Campaign */
div.campaign {
	
}
div.campaign div.sashRight {
	width: 329px;
	float: right;
	display: inline;
}
div.campaign div.sashLeft {
	width: 555px;
	float: left;
	display: inline;
}
div.campaign div.sashRight .imageWrap {
	margin-bottom: 25px;
}
div.campaign div.sashRight h5 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	text-transform: uppercase;
	color: #424242;
	border-bottom: 1px solid #b1bdc0;
}
div.campaign div.sashRight ul.caseStudies {
	
}
ul.caseStudies li {
	
}
ul.caseStudies a {
	padding-left: 20px;
	display: inline-block;
	line-height: 20px;
	text-decoration: underline;
	font-size: 11px;
	background: transparent url(/media/bg/bgArrow.gif) no-repeat 0 -44px;
}
ul.caseStudies a:hover {
	background: transparent url(/media/bg/bgArrow.gif) no-repeat 0 3px;
}
/* @end */
/* @group about */
/* @group management */
div.management {
	padding-left: 265px;
}
/*management subnav*/
div.management ul#navManagement {
	width: 241px;
	margin-left: -265px;
	float: left;
	display: inline;
}
ul#navManagement li {
	border: 0 none;
	list-style-position: outside;
}
ul#navManagement a {
	height: 30px;
	padding: 16px 0 0 26px;
	margin: 0;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 0 none;
	background: #e5eaec url(/media/bg/bgNavMgtSprite.gif) no-repeat 0 -54px;
	vertical-align: top;
}
ul#navManagement a span {
	padding-bottom: 2px;
	color: #FF7415;
	display: inline-block;
}
ul#navManagement li.first a {
	padding-top: 22px;
	height: 32px;
	background-position: 0 0;
}
ul#navManagement li.last a {
	padding-top: 19px;
	background-position: 0 100%;
}
ul#navManagement a:hover,
ul#navManagement li a.active {
	color: #333;
	text-decoration: none;
	background-position: -241px -54px;
}
ul#navManagement li.first a:hover,
ul#navManagement li.first a.active {
	background-position: -241px 0;
}
ul#navManagement li.last a:hover,
ul#navManagement li.last a.active {
	background-position: -241px 100%;
}
/*end management nav*/

/*news subnav*/
div.management div#navNews {
	width: 241px;
	margin-left: -265px;
	float: left;
	display: inline;
}
ul#navNewsList li {
	border: 0 none;
	list-style-position: outside;
}
ul#navNewsList a {
	height: 45px;
	padding: 6px 0 0 26px;
	margin: 0;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 0 none;
	background: #e5eaec url(/media/bg/bgNavNewsSprite.gif) no-repeat 0 -59px;
	vertical-align: top;
}
ul#navNewsList a span {
	padding-bottom: 4px;
	color: #FF7415;
	display: inline-block;
}
ul#navNewsList li.first a {
	padding-top: 12px;
	height: 47px;
	background-position: 0 0;
}
ul#navNewsList li.last a {
	padding-top: 9px;
	background-position: 0 100%;
}
ul#navNewsList a:hover,
ul#navNewsList li a.active {
	color: #333;
	text-decoration: none;
	background-position: -241px -59px;
}
ul#navNewsList li.first a:hover,
ul#navNewsList li.first a.active {
	background-position: -241px 0;
}
ul#navNewsList li.last a:hover,
ul#navNewsList li.last a.active {
	background-position: -241px 100%;
}


/*end news nav*/
div.management span.img {
	margin: 0 23px 10px 0;
}
div.management span.img img {
	display: block;
}
div.management h4.klavika {
	margin-bottom: 25px;
	display: inline;
}
/* @end */
div.about img {
	float: right;
	display: inline;
}
div.about p {
	margin-right: 320px;
}
/* @group awards */
ul.awards {
	
}
ul.awards li {
	padding: 0 0 20px 240px;
	margin-top: 20px;
	background: transparent url(/media/bg/bgBorderH1.gif) repeat-x scroll 0 100%;
}
ul.awards li span.img {
	margin-left: -230px;
	float: left;
	display: inline;
}
ul.awards li p {
	line-height: 27px;
}
ul.awards li strong {
	font-size: 12px;
	color: #333;
}
/* @end */
/* @end */
/* @group contact */
div.contact {
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 1px solid #b1bdc0;
}
.contact div#map {
	float: left;
	display: inline;
	border: 1px solid #B19F8A;
}
.contact .vcard {
	height: 309px;
	margin-left: 20px;
	float: left;
	display: inline;
	font-size: 14px;
	color: #666;
	line-height: 25px;
	position: relative;
}
.vcard .org {
	font-size: 15px;
	font-weight: bold;
	color: #424242;
}
.contact .vcard .mapLink {
	position: absolute;
	bottom: 0;
	font-size: 12px;
}
.threeCol {
	background: transparent url(/media/bg/bgThreeCol.gif) repeat-y 49% 0;
}
.threeCol .col {
	width: 270px;
	padding-right: 30px;
	float: left;
	display: inline;
}
.threeCol .col.last {
	width: 220px;
	margin-left: 40px;
}
.threeCol dl {
	line-height: 20px;
}
.threeCol dl a {
	text-decoration: underline;
}
.threeCol dt {
	font-size: 12px;
	font-weight: bold;
	color: #424242;
}
.threeCol dd {
	margin-bottom: 12px;
	font-size: 11px;
	color: #666;
}
/* @end */
/* @group capabilities */
ul#capabilities {
	height: 141px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: transparent url(/media/bg/bgBorderH1.gif) repeat-x 0 100%;
}
ul#capabilities li {
	float: left;
	display: inline;
}
ul#capabilities li a,
ul#capabilities li h4 {
	width: 123px;
	height: 141px;
	display: block;
	text-indent: -999em;
	background: transparent url(/media/bg/bgNavCapabilities.gif) no-repeat 0 0;
}
ul#capabilities li.first h4 {
	width: 408px;
}
ul#capabilities a {
	font-size: 9px;
	font-weight: bold;
	color: #737475;
	text-transform: uppercase;
}
ul#capabilities li.av a {
	background-position: -408px 0;
}
ul#capabilities li.print a 
{
    width: 124px;
	background-position: -531px 0;
}
ul#capabilities li.interactive a {
	background-position: -655px 0;
}
ul#capabilities li.ac a 
{
    width: 122px;
	background-position: -778px 0;
}
ul#capabilities li.av a:hover 
{
	background-position: -408px -141px;
}
ul#capabilities li.print a:hover {
	background-position: -531px -141px;
}
ul#capabilities li.interactive a:hover {
	background-position: -655px -141px;
}
ul#capabilities li.ac a:hover {
	background-position: -778px -141px;
}
h2.wrapFly span {
	display: inline-block;
	text-transform: lowercase;
}
h2.wrapFly.print span {
	padding-right: 59px;
	background: transparent url(/media/assets/imgFly.gif) no-repeat 100% 40%;
}
.c1of2 {
	float: left;
	display: inline;
	width: 305px;
}
.twoCol {
	padding-top: 20px;
	margin-bottom: 20px;
}
.fourCol {
	padding-top: 15px;
	margin-bottom: 50px;
}
.twoCol .col {
	width: 50%;
	float: left;
	display: inline;
}
.left .capabilities {
	width: 550px;
}
.fourCol .col {
	width: 25%;
	float: left;
	display: inline;
}
.twoCol li {
	margin-right: 10px;
}
.twoCol li,
.fourCol li {
	padding-left: 15px;
	margin-bottom: 7px;
	font-size: 11px;
	background: transparent url(/media/bg/bgPlus.gif) no-repeat 0 50%;
}
div#viewProjects {
	width: 552px;
}
div#viewProjects .top {
	height: 41px;
	margin-top: 30px;
	padding-left: 197px;
	background: transparent url(/media/bg/bgViewProjects.gif) no-repeat 0 0;
}
div#viewProjects h4 {
	height: 14px;
	overflow: hidden;
	margin: 0;
	text-indent: -999em;
}
#viewProjects a {
	text-decoration: underline;
}
#viewProjects a.newsItem strong,
#viewProjects a.newsItem span {
	color: #333;
}
#viewProjects a.newsItem {
	padding-left: 60px;
	color: #666;
	text-decoration: none;
	background: transparent url(/media/shared/icoArrowOrange.gif) no-repeat 35px 50%;
}
#viewProjects .content {
	width: 295px;
	padding: 12px 0 20px 20px;
	float: right;
	display: inline;
	line-height: 18px;
	color: #333;
	font-size: 11px;
	border-right: 1px solid #fafafa;
	border-bottom: 2px solid #fbfbfb;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	background: #fff url(/media/bg/bgLatestDesign.png) repeat-y scroll -201px 0;
}
.theatrical #flashContent {
	width: 552px;
	height: 310px;
}
.theatrical .copy {
	width: 325px;
	float: right;
	display: inline;
}
.theatrical .copy h4 {
	margin-bottom: 5px;
	font-size: 12px;
	color: #424242;
	font-weight: bold;
}
/* @end */
/* @group home */
#homeFlash {
	height: 289px;
	width: 685px;
	float: left;
	display: inline;
}
#homeFlash img {
	display: block;
}
#latestInDesign {
	width: 201px;
	height: 289px;
	float: right;
	display: inline;
	background: #f3f3f3 url(/media/bg/bgLatestDesign.png) repeat-y -201px 0;
	position: relative;
}
#latestInDesign h2 {
	height: 32px;
	width: 201px;
	overflow: hidden;
	text-indent: -999em;
	background: #f3f3f3 url(/media/bg/bgLatestDesign.png) no-repeat 0 0;
}
#latestInDesign a.artMachine {
	height: 32px;
	width: 199px;
	display: block;	
	overflow: hidden;
	text-indent: -999em;
	position: absolute;
	top: 0;
	left: 0;
	background: #f3f3f3 url(/media/bg/bgLatestDesign.png) no-repeat 100% 0;		
}
#latestInDesign a.artMachine:hover {
	cursor: pointer;
	background-position: 100% 100%;
}
#latestInDesign a.img {
	height: 241px;
	width: 183px;
	margin: 7px 0 0 9px;
	display: block;
}
/*Individual styles*/
#campaigns {
	width: 231px;
	float: left;
	border-right: 1px solid #eaeaea;
}
#campaigns h3 {
	background-position: 0 0;
}
#ourWork {
	width: 650px;
	float: right;
}
#ourWork h3 {
	background-position: 2px -30px;
}
#ourWork .promo {
	margin-right: 9px;
	float: right;
	display: inline;
}
#ourWork .promo.first {
	margin-right: 0px !important;
}
#newsBanner {
	width: 730px;
	height: 41px;
	padding-left: 170px;
	margin-top: 30px;
	background: transparent url(/media/bg/bgNewsBanner.gif) no-repeat 0 0;
}
#newsBanner h4 {
	height: 14px;
	overflow: hidden;
	margin: 0;
	text-indent: -999em;
}
#newsBanner a {
	text-decoration: underline;
}
#newsBanner a.newsItem strong,
#newsBanner a.newsItem span {
	color: #333;
}
#newsBanner a.newsItem {
	font-size: 12px;
	padding-left: 60px;
	color: #666;
	text-decoration: none;
	background: transparent url(/media/shared/icoArrowOrange.gif) no-repeat 35px 50%;
}
/* @end */
/* @group Work Pages */
div.work {
	padding-bottom: 15px;
	background: transparent url(/media/bg/bgBorderH1.gif) repeat-x 0 100%;
}
div.work h4.klavika {
	width: 190px;
	/* height: 66px; */
	font-size: 30px;
	overflow: hidden;
}
div.work .left {
	width: 430px;
}
div.work .right {
	width: 435px;
	padding-left: 15px;
	border-left: 1px solid #b1bdc0;
}
div.work .imageWrap {
	padding-top: 10px;
	float: right;
	display: inline;
}
div.work ul {
	width: 190px;
	margin-bottom: 15px;
}
div.work li {
	margin-bottom: 5px;
	color: #999;
}
div.work li a {
	color: #999;
	text-decoration: underline;
}
div.work li a:hover {
	color: #FF7415;
}
#navSub {
	padding-top: 7px;
	margin-bottom: 20px;
	color: #666;
	font-size: 10px;
	text-transform: lowercase;
}
#navSub p {
	margin-bottom: 0;
	line-height: 18px;
}
#navSub a {
	color: #333;
}
#navSub a:hover {
	color: #FF7415;
}
#navSub.altNav a {
	color: #FF7415;
	text-decoration: underline;
}
#navSub.altNav a:hover {
	color: #333;
	text-decoration: none;
}
#navSub a.level1, #navSub span.level1 {
	padding: 8px 11px 8px 0;
	background: transparent url(/media/bg/bgBorderV1.gif) repeat-y 92% 0;
}
#navSub form {
	float: right;
	display: inline;
}
#navSub .wrapperInput {
	padding-left: 100px;
}
#navSub label {
	width: 90px;
	padding-top: 3px;
	margin-left: -100px;
	float: left;
	display: inline;
	text-align: right;
}
ul.catalog {
	
}
ul.catalog li {
	height: 190px;
	width: 210px;
	margin-right: 20px;
	float: left;
	display: inline;
}
ul.catalog li.rowEnd {
	margin-right: 0;
}
ul.catalog imageWrap {
	padding-top: 10px;
}

ul.clients {
	
}
ul.clients li {
	height: 160px;
	width: 116px;
	margin-right: 40px;
	float: left;
	display: inline;
}
ul.clients li.rowEnd {
	margin-right: 0;
}
ul.clients imageWrap {
	padding-top: 10px;
}
/* @end */

/* @end */
/* @group lists */
/* =6 Lists Assignments
-------------------------------------------------------------------*/
ul.thumbs {
	margin-bottom: 25px;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px solid #b1bdc0;
}
.lbox ul.thumbs {
	padding-left: 10px;
}
ul.thumbs li {
	width: 80px;
	padding-top: 19px;
	margin-right: 3px;
	float: left;
	display: inline;
}
.lbox ul.thumbs li {
	padding-top: 15px;
	margin-right: 19px;
}
ul.thumbs li.endRow {
	margin-right: 0;
}
ul.thumbs a {
	color: #646464;
}
ul.thumbs a img {
	margin: 6px 0 0 1px;
	display: block;
	border: 1px solid #b8c4c8;
}
ul.thumbs a:hover {
	color: #FF7415;
	text-decoration: none;
}
ul.thumbs a:hover img {
	border-color: #FF7415;
}

/* @vertical-form */
.vertical .text, .vertical .upload {
	background: #E5EAEC;
	display: block;
	margin: 2px 0 12px;
	padding: 2px 0 2px 5px;
	width: 230px;
	border-color: #d8dddf;
	vertical-align: middle;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.vertical label {
	padding-left: 5px;
	font-size: 12px;
}
.vertical ul {
	margin-bottom: 30px;
}
/* @notification */
.notification li {
	font-size: 13px;
	color: red;
	font-style: italic;
}
/* @group pagination */
ul.pagination {
	text-align: right;
	float: right;
	display: inline;
	width: auto;
}
ul.pagination li {
	height: 15px;
	padding: 0 1px 0 4px;
	display: inline;
	float: left;
	white-space: nowrap;
	font-size: 12px;
	color: #333;
	border-left: 1px solid #999;
}
ul.pagination a {
	text-decoration: underline;
}
ul.pagination li.prev,
ul.pagination li.next,
ul.pagination li.first {
	border: 0 none;
}
ul.pagination .prev a {
	width: 20px;
	padding: 0;
	display: block;
	text-indent: -999em;
	text-decoration: none;
	text-align: left;
	color: inherit;
	background: transparent url(/media/btn/btnPrev.gif) no-repeat 0 50%;
}
ul.pagination li.next a {
	width: 20px;
	display: block;
	text-indent: -999em;
	text-decoration: none;
	text-align: left;
	color: inherit;
	background: transparent url(/media/btn/btnNext.gif) no-repeat 0 50%;
}
/* @end */
/* @end */
/* @group sifr */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
@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;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h3.klavika,
	.sIFR-active h4.klavika,
	.sIFR-active h2.klavika,
	.sIFR-active h4.klavika2,
	.sIFR-active h2.wrapFly span {
	font-family: arial;
	visibility: hidden;
}
.sIFR-dummy {
	width: 0px;
	height: 0px;
	margin-left: 42px !important;
	z-index: 0;
}
}
/* @end */
/* @group Lightbox Content */
div.lbox {	
	background:transparent url(/media/bg/bgThreeCol.gif) repeat-y scroll 561px 0;
}
div.lbox .colLeft {
	width: 552px;
	float: left;
	display: inline;
}
div.lbox .colRight {
	width: 289px;
	padding-right: 10px;
	float: right;
	display: inline;
}
div.lbox .dlBox {
	width: 289px;
	margin-bottom: 20px;
	background: #f5f5f5 url(/media/bg/bgLbBox.gif) repeat-y -578px 0;
}
div.lbox .dlBoxTop {
	width: 289px;
	padding: 20px 0 ;
	background: transparent url(/media/bg/bgLbBox.gif) no-repeat 0px 0;
}
div.lbox .dlBoxBottom {
	width: 289px;
	height: 3px;
	background: #f5f5f5 url(/media/bg/bgLbBox.gif) no-repeat -289px 0;
}
div.lbox dl {
	padding-left: 130px;
	line-height: 20px;
	font-size: 10px;
	background:transparent url(/media/bg/bgBorderV1.gif) repeat-y scroll 106px 0;
}
div.lbox dt {
	width: 70px;
	margin-left: -95px;
	float: left;
	display: inline;
}
div.lbox dd {
    color: #FF7415;
}
div.lbox img 
{
	display: block;
	margin: 0 auto;
}
div.lbox h3.klavika {
	font-size: 20px;
	border-bottom: 1px solid #b1bdc0;
}
#lightbox h2,
#lightboxV2 h2 {
	margin-bottom: 10px;
}
div.lbox h4 {
	margin: 20px 0 16px;
	font-size: 12px;
	font-weight: bold;
	color: #424242;
}
div.lbox p {
	font-size: 11px;
	line-height: 20px;
}
/* @end */
/* @group ticker */
#ticker {
	height: 41px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
#ticker li {
	height: 41px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: url(/media/bg/bgNewsBanner.gif) no-repeat scroll -170px -20px;
	
}
#ticker li.active {
	display: block;
}
/* @end */

/* @group colorbox */
/*
    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;
	background: #fff url(/media/bg/bgLbWrapper.gif) repeat-x 0 0;
}
#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;
}
/* 
	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: #000;
}
#colorbox {
	
}
#cboxTopLeft {
	width: 20px;
	height: 10px;
	/*background: url(/media/colorbox/controls.png) top left no-repeat;*/
}
#cboxTopCenter {
	height: 10px;
	/*background: url(/media/colorbox/borderHorizontal.png) top left repeat-x;*/
}
#cboxTopRight {
	width: 10px;
	height: 14px;
	/*background: url(/media/colorbox/controls.png) top right no-repeat;*/
}
#cboxBottomLeft {
	width: 20px;
	height: 43px;
	/*background: url(/media/colorbox/controls.png) bottom left no-repeat;*/
}
#cboxBottomCenter {
	/*height: 43px;*/
	/*background: url(/media/colorbox/borderHorizontal.png) bottom left repeat-x;*/
}
#cboxBottomRight {
	width: 10px;
	height: 43px;
	/*background: url(/media/colorbox/controls.png) bottom right no-repeat;*/
}
#cboxMiddleLeft {
	width: 20px;
	/*background: url(/media/colorbox/borderVertical.png) top left repeat-y;*/
}
#cboxMiddleRight {
	width: 10px;
	/*background: url(/media/colorbox/borderVertical.png) top right repeat-y;*/
}
#cboxLoadedContent {
	margin-bottom: 5px;
}
#cboxLoadingOverlay {
	background: url(/media/colorbox/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background: url(/media/colorbox/loading.gif) center center no-repeat;
}
#cboxTitle {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	width: 100%;
	font-weight: normal;
	font-size: 30px;
	color: #666;
}
#cboxCurrent {
	position: absolute;
	bottom: -25px;
	left: 58px;
	font-weight: bold;
	color: #949494;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	position: absolute;
	top: 0;
	background: url(/media/colorbox/controls.png) 0px 0px no-repeat;
	width: 23px;
	height: 23px;
	text-indent: -9999px;
}
#cboxPrevious {
	left: 0px;
	background-position: -14px -23px;
}
#cboxPrevious.hover {
	background-position: -14px 0px;
}
#cboxNext {
	left: 27px;
	background-position: -37px -23px;
}
#cboxNext.hover {
	background-position: -37px 0px;
}
#cboxClose {
	right: 0;
	background-position: -60px -23px;
}
#cboxClose.hover {
	background-position: -60px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position: -83px -0px;
	right: 27px;
}
.cboxSlideshow_on #cboxSlideshow.hover {
	background-position: -106px -0px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position: -106px -23px;
	right: 27px;
}
.cboxSlideshow_off #cboxSlideshow.hover {
	background-position :-83px -0px
;}/* @end */