@charset "utf-8";
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	background-image:url(../images/background-spotted.png);
	background-repeat:repeat;
	background-attachment:fixed;
}


/**********BEGIN LINKS****************************************************************/
a.footer-link:visited{color:#ffffff;text-decoration:none;outline:none}
a.footer-link:link{color:#ffffff;text-decoration:none;outline:none}
a.footer-link:active{color:#ffffff;text-decoration:none;outline:none}
a.footer-link:hover{color:#01242B;text-decoration:none;outline:none}

a.top-link:visited{color:#666;text-decoration:none;outline:none; padding:0px 5px 0px 5px;}
a.top-link:link{color:#666;text-decoration:none;outline:none; padding:0px 5px 0px 5px;}
a.top-link:active{color:#666;text-decoration:none;outline:none; padding:0px 5px 0px 5px;}
a.top-link:hover{color:#F7941E;text-decoration:none;outline:none; padding:0px 5px 0px 5px;}

a:visited{color:#F7941E;text-decoration:none;outline:none}
a:link{color:#F7941E;text-decoration:none;outline:none}
a:active{color:#F7941E;text-decoration:none;outline:none}
a:hover{color:#325B66;text-decoration:none;outline:none}
/**********END LINKS******************************************************************/

h1{
	font-family:'LowveticaRegular', Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#325B66;
	font-weight:bold;
}
h3{
	font-size:18px;
	color:#8BB2B5;
	font-weight:bold;
}
h2{
	font-size:16px;
	color:#000;
	font-weight:bold;
}
h4{
	font-size:14px;
	color:#999;
	font-weight:normal;
}
h5{
	font-family:'LowveticaRegular', Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#F7941E;
	font-weight:regular;
}

ul li{
	list-style:disc;
}

.header{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:auto;
}
.banner{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:auto;
	margin-top:15px;
}
.banner-sm{
	position:relative;
	margin:0 auto;
	width:500px;
	height:auto;

	float:left;
}
.home-tab-padding{
	padding-right:10px;
}
.home-tab-padding2{
	padding-right:36px;
}
.content{
	position:relative;
	margin:0 auto;
	width:990px;
	height:auto;
	margin-top:15px;
	padding-right:0px;
	border:2px solid #CCC;
	background:#FFF;
}
.lander-banner{
	width:100%;
	background-image:url(../images/banner/seo-lander4.png);
	border-top:1px double #fff;
	border-bottom:2px double #fff;
}
.content-pad{
	position:relative;
	margin:0 auto;
	width:930px;
	height:auto;
	margin-top:15px;
	padding:30px;
	border:2px solid #CCC;
	background:#FFF;
}

.content-pad-sm{
	position:relative;
	margin:0 auto;
	width:420px;
	height:304px;

	padding:30px;
	border:2px solid #CCC;
	background:#FFF;
	float:right;
}

.icons{
	position:relative;
	margin:0 auto;
	width:990px;
	height:55px;
	margin-top:15px;
	padding:6px 0px 2px 0;
	border:2px solid #CCC;
	background:#FFF;
}
.nav-links{
	color:#FFF;
	line-height:normal;
	font-size:12px;
	font-weight:bold;
}
.transparent{
	background-image:url(../images/black.png);
	padding:0;
}
.top{
	color:#666;
	line-height:normal;
	font-weight:bold;
}
.blue-box{
	background-image:url(../images/blue-box.png);
	background-repeat:no-repeat;
}
.numbers{
	font-size:20px;
	color:#01242B;
	line-height:normal;
}
.numbers-lander{
	font-size:35px;
	color:#01242B;
	line-height:normal;
}
.border-clients{
	margin:5px;
	border:1px solid #CCC;
	padding:0px 9px 0px 9px;
	background-color:#FFF;
}
.border-portfolio{
	margin:5px;
	border:1px solid #CCC;
}
.2nd-column{
	padding-left:25px;
	border-left:1px dotted #8BB2B5;
}

/**********BEGIN FOOTER************************************************************/
.footer-background{
	background-color:#8BB2B5;
}
.footer{
	position:relative;
	font-size:10px;
	margin:0 auto;
	width:1000px;
	margin-top:15px;
	color:#fff;
	line-height:normal;
	padding-right:0px;
}
.footer-circles{
	position:relative;
	margin:0 auto;
	width:990px;
	height:auto;
	margin-top:15px;
	line-height:normal;
	padding-right:10px;
	text-align:right;
}
/**********END FOOTER**********************************************************/

/**********BEGIN SLIDESHOW*****************************************************/
:focus { outline:0; }
a:active { outline:none;  }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
.images{
	width:100%;
	position:relative;
}
#example {
	width:990px;
	height:369px;
	position:relative;
}
#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.slides_container {
	width:990px;
	height:369px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container a {
	width:990px;
	height:369px;
	display:block;
}
/*******************************************************************************
 PAGINATION: describes color scheme, images, position
 *******************************************************************************/
.pagination {
	position:relative;
	left:814px;
	top:-60px;
	width:1000px;
	height:24px;
	z-index:10000;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:24px;
	height:0;
	padding-top:24px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	overflow:hidden;
	z-index:10000;
}
.pagination li.current a {
	background-position:0 -25px;
}
/**********END SLIDESHOW**************************************************************/

/**********BEGIN SPRY MENU BAR HORIZONTAL MENU****************************************/
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
ul.MenuBarHorizontal{
	margin: 0;
	padding: 0 0 0 0 ;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	background-image:url(../images/blue-box.png);
	background-repeat:no-repeat;
	width: auto;
	height:53px;
	background:none;
}
ul.MenuBarActive{
	z-index: 1000;
}
ul.MenuBarHorizontal li{
	margin: 0;
	padding: 0 7px 0 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	background-image:url(../images/blue-box.png);
	background-repeat:no-repeat;
	background:none;
	width: 326px;
	float: left;
	height:53px;
}
ul.MenuBarHorizontal ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 326px;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
	left: auto;	
}
ul.MenuBarHorizontal ul li{
	width: 326px;
	height:33px;
}
ul.MenuBarHorizontal ul ul{
	position: absolute;
	margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
	left: auto;
	top: 0;
}
/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
ul.MenuBarHorizontal ul{
	background-image:url(../images/blue-box.png);
	background-repeat:no-repeat;
}
ul.MenuBarHorizontal a{
	display: block;
	cursor: pointer;
	background-image:url(../images/blue-box.png);
	background-repeat:no-repeat;
	padding: 0.5em 0.75em;
	color: #333;
	font-size:16px;
	text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{
	background-image:url(../images/blue-box.png);
	background-repeat:no-repeat;
	color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
	background-image:url(../images/blue-box.png);
	background-repeat:no-repeat;
	color: #FFF;
}
/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
ul.MenuBarHorizontal a.MenuBarItemSubmenu{

	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
ul.MenuBarHorizontal iframe{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
	background:none;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{
	ul.MenuBarHorizontal li.MenuBarItemIE{
		display: inline;
		f\loat: left;
		background:none;
	}
}
/**********END SPRY MENU BAR HORIZONTAL MENU****************************************/

/**********BEGIN SPRY VERTICAL TABBED PANELS MENU****************************************/
/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border:10px solid #ffffff;
	clear: none;
	width: 100%; 
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	background-color:#ffffff;
	top: 0px;
	float: right;
	padding: 10px 10px 10px 0px;
	margin: 0px 1px 0px 0px;
	font-size:17px;
<!--	background-image:url(../images/black.png);
	background-repeat:repeat;-->
	color:#333;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	color:#F7941E;
}
.TabbedPanelsTabSelected {
/*	background-color: #EEE;
	border-bottom: 1px solid #EEE;*/
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	background-color:#ffffff;
	padding: 40px 40px 40px 40px;
}
.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: right;
	width: 314px;
	height: 360px;
	position: relative;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
/*	background-color: #EEE;
	border-bottom: solid 1px #999;*/
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 31px 41px 41px 41px;
	width: 590px;
	height: 290px;
}
/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}
/**********END SPRY VERTICAL TABBED PANELS MENU****************************************/

/**********BEGIN TOOLTIPS HOVER EFFECT****************************************/
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/hover.png);
	background-repeat:no-repeat;
	font-size:12px;
	height:39px;
	text-align:center;
	width:110px;
	padding:10px;
	color:#01242B;
	line-height:14px;
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	display:none;
	background:transparent url(../images/hover-bottom.png);
	background-repeat:no-repeat;
	font-size:12px;
	height:39px;
	text-align:center;
	width:110px;
	padding:20px 10px 10px 10px;
	color:#01242B;
	line-height:14px;
}




/**********END TOOLTIPS HOVER EFFECT****************************************/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 990px;
	height:90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:990px;
		height:369px;
		margin:0px 0 0px 0px;
		padding:0px 0;

		/* centered */
		text-align:center;

	}
	/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 820px;
	height:85px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:820px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 5px 10px 11px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:140px;
	height:60px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large2.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:30px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}