@charset "utf-8";
html, body {margin:0; padding:0; border:0; width:100%; /*height:100%;*/ font-family:'Perpetua', Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#333; line-height:155%; -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: 0; }
a { outline: 0; text-decoration:none; }
a:hover {text-decoration:underline; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul {list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.displayNone, .hidden {display:none;}
.center {text-align:center;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}

@media only screen and (device-width: 768px) {
	body { width: 1024px; }
}


@font-face {
    font-family: "Perpetua";
    src: url('fonts/perpetua.eot');
    src: url('fonts/perpetua.eot?#iefix') format('embedded-opentype'),
         url('fonts/perpetua.woff') format('woff'),
         url('fonts/perpetua.ttf') format('truetype'),
         url('fonts/perpetua.svg#perpetua') format('svg');
    font-weight: normal;
    font-style: normal;
}

p {margin:0 0 20px 0; line-height: 22px; }

h1 { color: #666666; font-size: 20px; margin: 24px 0; }

html { overflow-x: scroll; overflow-y: scroll;  }
body { background: #fff; font-family:'Perpetua', Arial, Verdana, Helvetica, sans-serif; }
a {color:#888888;}
a:hover, a.active {color:#333333; text-decoration:none;}

/*
#topNav {
	margin: 0 auto;
	width: 960px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999999;
	position: relative;
	}
#topNav ul.menu {
	margin: 0 auto;
	text-align: center;
	width: 342px;
	padding: 18px 0 0 0;
	}
#topNav ul.menu li {
	float: left;
	padding: 0 15px; 
	}
*/


#topNav {
	margin: 0;
/*	float:right;*/
	position:relative;
/*	left:-50%;*/
	text-align:center;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	color: #999999;
}
#topNav ul.menu {
	list-style:none; 
	position:relative;
/*	left:50%;*/
	padding: 18px 0 0 0;
	}
#topNav ul.menu li {
/*	float: left;*/
	display: inline-block;
	padding: 0 15px; 
	}
#topNav ul.menu li a { padding: 0 0 13px 0; display: block;}
#topNav ul.menu li a:hover, #topNav ul.menu li a.active { background: url(../images/arrow_up.png) center 26px no-repeat; color: #333333; text-decoration: none; }
#pullNav {position: relative;}
#pullNav .menuPull { display: none; position: absolute; top: 0; left: 0; width: 100%; }
#pullNav .menuPull.current { display: block !important; }

#topMenu { position: absolute; left: 0px; width: 100%; }
#topMenu ul li { display: inline-block; }
#topMenu ul li a { float: left; padding: 15px 15px 0 15px; }
#topMenu ul li a:hover, #topMenu ul li a.active { color: #333333; text-decoration: none;  background: url(../images/arrow_down.png) center 0 no-repeat;  }

#mainContainer {
	border-top: 1px #dfdfdf solid;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	min-height: 660px;
	clear: both;
	}

#logo { margin: 0 auto; text-align: center; }
#logo img { margin: 80px 0 53px 0;  }


/* home slider */
.orbit-caption {
	display: none;
	font-family:'Perpetua', Arial, Verdana, Helvetica, sans-serif;
	}

.orbit-wrapper .orbit-caption {
	font-family:'Perpetua', Arial, Verdana, Helvetica, sans-serif;
	z-index: 1000;
	color: #333;
	text-align: center;
	padding: 7px 0;
	font-size: 24px;
	position: absolute;
	right: 0;
	bottom: -70px;
	width: 100%;
	}


ul.anythingBase li.panel img { height: 402px !important; }

div.anythingSlider #control_ball {
	margin: -85px 0 0 0;
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
}
div.anythingSlider  ul.thumbNav {
	list-style:none; 
	position:relative;
	left:50%;
}
div.anythingSlider  ul.thumbNav li { float:left; position:relative; } /* ie needs position:relative here*/
div.anythingSlider  ul.thumbNav li a {
	background: url(../images/bullet_square.gif) 0 0 no-repeat;
	width: 4px;
	height: 4px;
	display: block;
	float: left;
	text-indent: -10000px;
	padding: 0 5px 0 0;

}
#homeBanner .nav li a:hover, #homeBanner .nav li a.active { background-position: 0 -4px; }
#homeBanner p { margin: 50px 0 0 0; text-align: center; font-size: 20px; color: #666666; }

/* content */
#content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 15px;
	}	
#content .floatLeft { height: 400px; margin: 0 8px 0 0; }
#content .fullWidth { height: 400px;  }

/* home */
#homeBanner {
	position: relative;
	width: 960px;
	*z-index: -1000;
	}
#homeBanner .slidePhotos {
	width: 960px;
	*position: relative;
	}

.anythingSlider .arrow { background: #00FFFF; }

#homeBanner #featured { width: 960px; }


#featured .content 
{
	width:726px;height:402px;
	background: #ccc;
}
#featured .content  img 
{
	margin:0 auto !important;
	float:none !important;
	display: block;
}

/* about */
#content.about .floatLeft {
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	width: 635px;
	padding: 10px 0px 0 3px;
	height: 390px;
	}
	
/* project */
#content.project .floatLeft {
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	width: 222px;
	margin: 0;
	position: relative;
}
#content.project .floatLeft ul.list { position: absolute; left: 0; bottom: 10px; }
#content.project .floatLeft ul li { margin: 0 0 3px 0; }
#content.project .floatRight img { float: left; margin: 0 8px 0 0; }

#content.project .floatRight.thumbs img { margin: 0 5px 0 0; }




/* press */
#content.press .fullWidth h1 { margin: 24px 0 32px 0; }
#content.press .fullWidth { border-top: 1px #dfdfdf solid; border-bottom: 1px #dfdfdf solid; }
#content.press #thumbsContainer dl { float: left; width: 161px; margin: 0 38px 0 0; }
#content.press #thumbsContainer dl.last { margin: 0; }
#content.press #thumbsContainer dl dt { float: left; margin: 0 0 20px 0; }
#content.press #thumbsContainer dl dd { }

#content.press #pressThumbs { position: relative; }
#content.press #pressThumbsNav {
	margin: 15px 0 0 0;
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
}
#content.press #pressThumbsNav ul{
	list-style:none; 
	position:relative;
	left:50%;
}
#content.press #pressThumbsNav ul li { float:left; position:relative; } /* ie needs position:relative here*/
#content.press #pressThumbsNav ul li a {
	background: url(../images/bullet_square.gif) 0 0 no-repeat;
	width: 4px;
	height: 4px;
	display: block;
	float: left;
	text-indent: -10000px;
	padding: 0 5px 0 0;

}
#content.press #pressThumbsNav ul li a:hover, #content.press #pressThumbsNav ul li a.active { background-position: 0 -4px; }
#content.press #pressThumbs a.arrow_left { background: url(../images/arrow_left.png) 0 0 no-repeat; width: 16px; height: 20px; display: block; position: absolute; top: 110px; left: -40px; }
#content.press #pressThumbs a.arrow_right { background: url(../images/arrow_right.png) 0 0 no-repeat; width: 16px; height: 20px; display: block; position: absolute; top: 110px; right: -30px; }



	
	



/* contact */
#content.contact .floatLeft {
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	width: 227px;
	margin: 0;
}
#content.contact .content { margin: 140px 0 0 0; } 

/* sitemap */
#content.sitemap .floatLeft {
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	width: 476px;
	margin: 0 8px 0 0;
}
#content.sitemap .content ul li { margin: 0; padding: 0 0 10px 0; } 
#content.sitemap .content ul li ul { padding: 0 0 10px 0; }
#content.sitemap .content ul li ul li { margin: 0; padding: 0 0 0px 10px; } 



/* terms */
#content.terms { position: relative; overflow: hidden; }
#content.terms .floatLeft {
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	width: 638px;
	margin: 0 8px 0 0;
}

/* login */
#loginContainer { margin: 120px 0 0 0; }
#loginContainer span { display: block; float: left; width: 145px; }
#loginContainer input {
	background: #d7d7d7;
	border: none;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	padding: 5px;
	width: 282px;
	font-family:'Perpetua', Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	font-size: 15px;
	}
	
#loginContainer input.btnLogin { background: url(../images/login/btn_login.gif) 0 0 no-repeat; width: 67px; height: 30px; text-indent: -10000px; cursor: pointer; }
#loginContainer .forgotPass { margin: 0 104px 0 145px; float: left; }
#loginContainer .forgotPass a { text-decoration: underline;}



/* newsDetail */
#newsDetail { background: #efefef; overflow: hidden; }
#newsDetail .press { width: 690px; height: 690px; margin: 0 auto; text-align: center; }
#newsDetail h2 { font-size: 14px; margin: 80px 0 20px -100px; }
	
.otherLink { margin: 20px 0 30px -100px; font-size: 15px; }
	 
#pressThumbsNav, #pressThumbsNav_sub { 
	margin: 0;
	float:right;
	position:relative;
	left:-57%;
	text-align:left;
}
#pressThumbsNav ul, #pressThumbsNav_sub ul { 
	list-style:none; 
	position:relative;
	left:50%;
}
#pressThumbsNav ul li, #pressThumbsNav_sub ul li  {  padding: 0 5px 0 0; float:left; position:relative; } /* ie needs position:relative here*/
#pressThumbsNav ul li a, #pressThumbsNav_sub ul li a  { background: url(../images/bullet_square.gif) 0 0 no-repeat; width: 4px; height: 4px; display: block; text-indent: -10000px; }
#pressThumbsNav ul li a:hover, #pressThumbsNav ul li a.active, #pressThumbsNav_sub ul li a:hover, #pressThumbsNav_sub ul li a.active  { background-position: 0 -4px; }



/* global scrollbar setting */
.scroll-pane { width: 100%; height: 310px; }
.jScrollPaneTrack { border: 1px #dfdfdf solid; border-left: none; height: 308px !important; width: 8px !important; }
.jScrollPaneDrag { background: #dfdfdf !important; }

#footer { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; line-height: 11px; }
#footer .quicklinks { margin: 12px 0 0 0; color: #999999; }
#footer .copyright { color: #b0b0b0; margin: 5px 0 0 0;}

/*Alfrid added */
.thumbs { background: url(../images/bg_block.jpg) 0 0 repeat-y; width:725px;}
.parent-pageid-29 .thumbs {background: none;}
.thumbs a { float:right !important;}

.about .scroll-area {height: 380px; width: 100%;}

.about .scroll-area div {padding: 0 20px 0 0;}

.jScrollPaneTrack {border:0;}

div.slider-nav 
{
	display: block !important;
}
