@charset "UTF-8";
/* CSS Document */

#header {
	background-image:url(../images/layout/header.gif);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#FFF;
	
	height:145px;
}


	#nav {
		width:900px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
	}
	
			#nav ul {
			    margin:5px 0px 0px 0px;
			    padding:0px 0px 0px 0px;
			    list-style:none;
			    float:right;
			}
			
			#nav li {
			    float:left;
			    margin:0px 0px 0px 00px;
			    padding:0px  0px 0px 12px;
			    list-style:none;
			   
			}
			
			#nav a, #nav strong, #nav span {
			    	display:block;
				height: 25px;
				width:140px;
				padding:10px 0px 0px 0px;
				background-image:url(../images/layout/nav.gif);
				background-repeat:no-repeat;
				background-position:left top;
				
				font-size: 14px;
				color: #FFF;
				text-decoration: none;
				font-weight:normal;
				text-align:center;
				
				float:left;
				list-style:none;
			}
			
			#nav #current a {
				background-image:url(../images/layout/nav_hover.gif);
				background-repeat:no-repeat;
				background-position:left top;
			}
	
			
			#nav a:hover {
				background-image:url(../images/layout/nav_hover.gif);
				background-repeat:no-repeat;
				background-position:left top;
			}
			
#logo_nav {
	width:900px;
		margin-left:auto;
		margin-right:auto;
}
	
			#nav2 {
				margin-top:19px;
				padding:00px 0px 0px 0px;
				width:700px;
				font-size: 12px;
				color: #3a383b;
				text-decoration: none;
				
				float:right;
			}

#main_body {
	background-color:#EAEEF8;
	clear:both;
	padding-bottom:10px;
}

#main_body2 {
	background-color:#d6dff2;
	clear:both;
} 

	#main_body_content {
		width:900px;
		margin-left:auto;
		margin-right:auto;
		padding-top:20px;
	}
	
	#white_bg {
		background-color:#FFFFFF;
		padding:10px 10px 0px 10px;
		clear:both;
		margin:20px 0px 20px 0px;
	}
	
	#left_col {
		width:130px;
		padding-right:10px;
		margin-right:10px;
		float:left;
	}
	
	.mrmen {
		margin-top: 250px;
	}
	
	#middle_col {
		width:595px;
		float:left;
	}
	
	#middle_colFull {
		width: 750px;
		float:left;
	}
	
	#right_col {
		width:145px;
		float:left;
		margin-left:10px;
	}
	
	.vert_line {
		float:left;
		width:5px;
		background-image:url(../images/layout/ver_line.gif);
		background-repeat:no-repeat;
		background-position:top centre;
	}
	
	.vert_line .bottom {
		width:5px;
		background-image:url(../images/layout/ver_line_btm.gif);
		background-repeat:no-repeat;
		background-position:top centre;
		height:130px;
	}
	
	.hor_line {
		height:10px;
		width:auto;
		clear:both;
		
		background-image:url(../images/layout/hor_line.gif);
		background-repeat:no-repeat;
		background-position:top centre;
	}

#footer {
	background-image:url(../images/layout/bg_btm.gif);
	background-position:top left;
	background-repeat:repeat-x;
	
	height:140px;
	
	clear:both;
}

	#footer_content {
			width:900px;
			margin-left:auto;
			margin-right:auto;
			padding-top:10px;
	}
	
	#footer_content p, #footer_content a {
		font-size:10px;
		line-height:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#footer_content a:hover {
		text-decoration:underline;
	}
	
	
.white11_nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#3a383b;
	margin-top:10px;
	margin-bottom:9px;
}

.white11_nav a, .white11_nav strong, .white11_nav span{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#3a383b;
	text-decoration:none;
}

.white11_nav a:hover, .white11_nav a:visited {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#3a383b;
	text-decoration:none;
}
			
.margin_bottom {
	margin-bottom:5px;
}

#flash_banner {
	margin:0px 0px 20px 0px;
	padding:0px;
}

.form_tag {
	background-color:#f1f4fa;
	border:1px solid #d6dff2;
	width:300px;
	padding:2px;
	margin-bottom:10px;
	
	font-size:11px;
	color:#3a383b;

}

.form_tag2 {
	background-color:#f1f4fa;
	border:1px solid #d6dff2;
	width:400px;
	padding:2px;
	margin-bottom:5px;
	
	font-size:11px;
	color:#3a383b;

}

.table_style {
	font-size: 12px;
	color: #3a383b;
	text-decoration: none;
}

.table_style td{
	padding:2px;
}

.switch_table {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d85c5;
	text-align:center;
}

.switch_table a {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d85c5;
	text-decoration:none;
}

.switch_table a:hover {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#045abc;
	text-decoration:underline;
}

.float_left {
	float:left;
}
	
.float_right {
	float:right;
}

.quote_text {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:30px;
	color:#4D85C5;
}

.quote_text em {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	line-height:25px;
	color:#23408f;
}
label {
	color:#666666;
	font-size: 11px;
    width: 80px;
    float: left;
    text-align: right;
    margin-right: 15px;
    display: block;
	padding-top: 3px;
}
.form {
	margin-bottom:10px;
}
.formsubmit {
	margin-bottom: 5px;
	width: 495px;
	text-align:right;
}
input.text, textarea {
	background: #ffffff url("../images/form/input.gif") top right;
	color: #000000;
	border: 1px solid;
	border-color: #6699cc #6699cc #99ccff #99ccff;
	padding: 1px 2px 2px 2px;
	font-size: 1em;
	width: 400px;
}
input.text:focus, textarea:focus
{
	border-color: #6699cc;
}
	
.web_portfolio_leftcol {
	float:left;
	width:200px;
}

a.arrow_link {
	background-image:url(../images/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:35px;
	padding-left:15px;
}

.showcase {
	margin-bottom:10px;
	position:relative;
}

.showcase_main {
	margin-bottom:10px;
	height:155px;
}


ul.shadetabs li {
	float:left;
	list-style:none;
}

ul.shadetabs li.leftTab {
	float:left;
	list-style:none;
	margin-right:10px;
}

ul.shadetabs li.right_tab {
	float:left;
	list-style:none;
	margin-right:0px;
}

#right_col .short_box {
	background-image:url(../images/elements/right_box_short.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:35px;
	padding:5px;
	margin-bottom:10px;
}

#right_col .long_box {
	margin-bottom:10px;
	background-color:#FFFFFF;
}

#right_col .long_box .long_box_top {
	height:20px;
	padding: 2px 0 0 5px;
	background-image:url(../images/layout/right_top.gif);
	background-position:top left;
	background-repeat: repeat-x;
}

#right_col .long_box .long_box_top p {
	font-size: 14px;
	font-weight: normal;
	color:#FFFFFF;
}

#right_col .long_box .long_box_bottom {
	padding:0px 8px 10px 8px;
	margin-top: -16px;
	position:relative;
	z-index: 50;
}
#right_col .long_box .long_box_bottom2 {
	padding:0px 8px 10px 8px;
	position:relative;
	z-index: 50;
}
#right_col .long_box .long_box_bottom p, #right_col .long_box .long_box_bottom2 p {
	color:#333333;
	font-size: 11px;
	line-height: 16px;
}
#right_col .newsHolder {
	border-bottom: 1px dotted #4D85C5;
	margin-top: 4px;
	padding-bottom: 4px;
}
#right_col .long_box .newsHolder p {
	color:#333333;
	font-size: 11px;
	line-height: 15px;
	margin:0px;
}
#right_col .long_box .newsHolder h1 {
	color:#333333;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	margin:0px;
}

#right_col p {
	color:#3f7fc7;
	font-size:13px;
	line-height:18px;
}

#right_col h1 {
	color:#3f7fc7;
	font-size:15px;
	line-height:18px;
	margin:0px 0px 4px 0px;
	font-weight:normal;
}

#right_col h2 {
	color:#3f7fc7;
	font-size:18px;
	line-height:18px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

.twitter {
	background-image:url(../images/elements/twitter.png);
	background-position:right;
	background-repeat:no-repeat;
	clear:both;
}

.twitter a {
	display:block;
	cursor:pointer;
	padding-right:35px;
	text-decoration:none;
}

.email {
	background-image:url(../images/elements/email.png);
	background-position:right;
	background-repeat:no-repeat;
	clear:both;
}

.email a {
	display:block;
	cursor:pointer;
	padding-right:35px;
	text-decoration:none;
}

.facebook {
	background-image:url(../images/elements/fb.png);
	background-position:right;
	background-repeat:no-repeat;
	clear:both;
}

.facebook a {
	display:block;
	cursor:pointer;
	padding-right:35px;
	text-decoration:none; 
}

.margin0 {
	margin:0px;
}

#right_col p.text12 {
	font-size:12px;
}

.newsOver {
	position:relative;
	left:-15px;
	top:-15px;
	z-index: 40;
}
.newsNormal {
	position:relative;
	z-index: 40;
}
.arrow_right a {
	display:block;
	background-image:url(../images/elements/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:15px;
	text-decoration:none;
}

@font-face {
	font-family:FreewayLight;
    	src: url(/elements/FreewLig.otf) format(opentype);
}

@font-face {
	font-family:FreewayDemi;
    	src: url(/elements/FreewDem.otf) format(opentype);
}

.freeway_demi {
	font-family:FreewayDemi, Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:28px;
	text-align:right;
	color:#4e87c5;
}

.freeway_light {
	font-family:FreewayLight, Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:28px;
	text-align:right;
	color:#4e87c5;
	
}

.freeway_light span {
	font-family:FreewayDemi, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	text-align:right;
	color:#4e87c5;
}

#blades_hold {
	clear:both;
	width:900px;
	height:470px;
	margin-bottom:20px;
	
}

.blade_container {
	float:left;
	width:730px;
	margin-right:8px;
	margin-left:8px;
	position:absolute;
}

.blade_design {
	background-image:url(../images/elements/blade_print.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:470px;
	width:25px;
	margin-right:2px;
	float:left;
}

.blade_design a {
	display:block;
	height:470px;
	width:25px;
}

.blade_web {
	background-image:url(../images/elements/blade_web.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:470px;
	width:25px;
	margin-right:2px;
	float:left;
}

.blade_web a {
	display:block;
	height:470px;
	width:25px;
}

.blade_interactive {
	background-image:url(../images/elements/blade_interactive.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:470px;
	width:25px;
	margin-right:2px;
	float:left;
}

.blade_interactive a {
	display:block;
	height:470px;
	width:25px;
}

.blade_campaigns {
	background-image:url(../images/elements/blade_campaigns.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:470px;
	width:25px;
	margin-right:2px;
	float:left;
}

.blade_campaigns a {
	display:block;
	height:470px;
	width:25px;
}

.portfolio_nav {
	background-image:url(../images/elements/portfolio_navigation.gif);
	background-position:top left;
	background-repeat:no-repeat;
	
	width:710px;
	height:14px;
	padding:4px 10px 3px 10px;
	margin-bottom:10px;
	margin-top:0px;
}

.portfolio_nav a {
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	color:#4e87c5;font-weight:bold;
}

.portfolio_nav a:hover {
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	color:#4e87c5;
	text-decoration:none;
	font-weight:bold;
}

/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;width:25px; height:470px;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		
		#accordion-1{width:860px;height:470px;padding:10px;}
		#accordion-1 dl{width:860px;height:470px}	
		#accordion-1 dt{ background-image:url(../images/elements/blade.gif); background-position:top left; background-repeat:no-repeat; height:25px; width:470px;text-align:right;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;color:#3179cb; margin-right:5px;}
		#accordion-1 dt.active{cursor:pointer;background-image:url(../images/elements/blade.gif); background-position:top left; background-repeat:no-repeat}
		#accordion-1 dt.hover{color:#68889b;}
		#accordion-1 dt.active.hover{color:#68889b}
		#accordion-1 dt a { display:block; width:455px; height:22px;padding:3px 15px 0 0;text-decoration:none;}
		#accordion-1 dd{ padding:3px;background:#eaeef8 bottom left repeat-x;margin-right:3px;}
		#accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-1 .active .slide-number{color:#fff;}
		#accordion-1 a{color:#68889b}
		#accordion-1 h2{font-size:2.5em;margin-top:10px}
		#accordion-1 .more{padding-top:10px;display:block}
			
			
			
		.virgin {
			position:absolute;
			height:180px;
			width:595px;
		}
		
		#hms {
			position:absolute;
			height:180px;
			width:595px;
		}
		
		#guidedogs {
			position:absolute;
			height:180px;
			width:595px;
		}
		
		#sjp {
			position:absolute;
			height:180px;
			width:595px;
		}
		
		#awbs {
			position:absolute;
			height:180px;
			width:595px;
		}
		

/* --------------------- */
/* - PORTFOLIO FACEBOX - */
/* --------------------- */

.portfolio_case {
	height:520px;
	width:775px;
}

.portfolio_main {
	width:740px;
	height:510px;
	padding:5px 5px 5px 5px;
	float:left;
	margin:0px;
	position:absolute;
	right:0px;
}

.portfolio_case_p {
	height:560px;
	width:775px;
}

.portfolio_main_p {
	width:740px;
	height:550px;
	padding:5px 5px 5px 5px;
	float:left;
	margin:0px;
	position:absolute;
	right:0px;
}

.portfolio_title {
	height:110px;
	width:740px;
	padding:0px 0px;
	margin:0px;
}

.portfolio_content {
	height:400px;
	width:755px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}

.portfolio_content_p {
	height:440px;
	width:755px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}

.portfolio_left_design {
	width:25px;
	height:560px;
	float:left;
	background-image:url(../images/lightwindow/left_design.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.portfolio_left_web {
	width:25px;
	height:520px;
	float:left;
	background-image:url(../images/lightwindow/left_web.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.portfolio_left_interactive {
	width:25px;
	height:520px;
	float:left;
	background-image:url(../images/lightwindow/left_interactive.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.portfolio_left_campaigns {
	width:25px;
	height:520px;
	float:left;
	background-image:url(../images/lightwindow/left_campaigns.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.padding5 {
	padding:5px 5px 20px 0px;
}

.client_description {
	background-color:#e5e6e1;
	height:320px;
	width:195px;
	padding:10px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.client_description p {
	color:#6a6a6b;
	font-size:11px;
	line-height:16px;
}

.fb_item {
	margin:0px 10px 5px 0px;
	float:left;
}

.fb_item h2 {
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	color:#4D85C5;
	text-transform:uppercase;
	margin-bottom:4px;
}


.fb_item img{
	clear:both;
}

.fb_item_right {
	margin:0px 0px 5px 0px;
	float:left;
}
.fb_item_right h2 {
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	color:#4D85C5;
	text-transform:uppercase;
	margin-bottom:4px;
}

.fb_item_right img{
	clear:both;
}

.newsOdd {
	background-color: #FFFFFF;
	margin-bottom:10px;
	padding:4px 10px;
	position:relative;
}
.newsMain {
	background-color: #FFFFFF;
	margin-bottom:10px;
	padding:22px;
}
.newsEven {
	background-color: #d6dff2;
	margin-bottom:10px;
	padding:4px 10px;
	position:relative;
}

.newsPages h3 {
	text-transform:uppercase;
	font-size: 12px;
	line-height: 20px;
	color:#333333;
	font-weight: bold;
	margin: 0px;
}
.newsPages h1, .newsPages h1 a {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin-bottom:2px;
}
.newsOdd p, .newsEven p {
	margin-bottom: 4px;
	line-height: 14px;
}
.newsPic1 {
	position:relative;
	z-index: 10;
	margin-right: -5px;
	margin-top: -20px;
}
.newsPic2 {
	position:relative;
	z-index: 10;
	margin-right: -5px;
	margin-top: -28px;
}
.newsPic3 {
	position:relative;
	z-index: 10;
	margin-right: -5px;
	margin-top: -37px;
}

.newsPicFit {
	position:relative;
	z-index: 10;
	margin-left: -10px;
	margin-top: -4px;
	margin-right: 12px;
}
	
	
.news_pic_box {
	width:265px;
	float:right;
}

.news_pic_box .left {
	margin-right:5px;
	margin-bottom:5px;
}

.news_pic_box .right {
	margin-bottom:5px;
}


/* CUSTOM NEWS PAGE CLASSES */

.rachGuv {
	background-image:url(../images/news/guv/mainbck.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 120px;
}
.intermail {
	background-image:url(../images/news/intermail/mainbck.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.rightCol {
	float:right;
	width: 150px;
	margin-top: -130px;
	margin-right: 30px;
}
.sjpLogo {
	float: left;
	margin-right: 10px;
}
.sjpCol {
	float:left;
	width: 365px;
}
.redArrows {
	background-image:url(../images/news/red-arrows/mainbck.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 140px;
}

.leftCol {
	width: 345px;
	float:left;
}
.picCol {
	width: 116px;
	float: right;
}
.quote {
	background-image:url(../images/news/quote.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 15px 24px 15px 35px;
	float: right;
	width: 250px;
}


.portfolio_clear {
	height:5px;
	clear:both;
	margin:0px;
	padding:0px;
}

ul.bullet {
	margin-left:20px;
}

/* Easy Slider */

	#slider {
		margin-left: 23px;
	}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:545px;
		height:155px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:155px;
		position:absolute;
		left:0px;
		top:0px;
		z-index:100;
		}	
	#nextBtn, #slider1next{ 
		left:568px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:23px;
		height:155px;
		background:url(../images/btn_prev.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.jpg) no-repeat right top;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
/* // Easy Slider */