/*--------------------------------------------------------------
Common screen styles that are used in all static pages
--------------------------------------------------------------*/
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,
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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#066eb2;	
	color:black;
	font-family: Verdana, Lucide Grande, Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:center;
  line-height: 1.5; /* Unitless for proper inheritance */
	}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {text-decoration:none;outline:none;font-weight:bold;}
a:link {
	color: #00569c;
}
a:visited {color:#00569c;}
a:hover {color:#FF824E;}
a:active {color:#00569c;}

p.tags a { color: #2e6abb; }
p.tags a:hover { color: #f36d32; }
#news-area a {
	color: #00569c;
	font-weight: bold;
	text-decoration: none;
	}
#news-area a:hover {
	color: #004780;
	}
a img {
	border: 1px solid #abb9c2;
	display: block;
	}
a:hover img {
	border: 1px solid #3ca5ea;
	}
a.visit {
	width: 126px;
	height: 25px;
	background: url(/img/visit.gif) no-repeat;
	display: block;
	float: right;
	}
a.visit:hover { background-position: 0 -25px; }
a.visit span { display: none; }
a#flash-button {
	display: block;
	background:url(/img/get_flash_player.gif) no-repeat;
	width: 112px;
	height: 33px;
	float: left;
	position: relative;
	}
a#flash-button span {
	display: none;
	}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p {
	margin: 0 0 1em 0;
	line-height: 1.8em;
	font-size: 1em;
	}
p.tags { color: #2e6abb; font-weight: bold; }
#news-area p {
	font-size: 90%;
	}
#news-area p.more {
	text-align:right;
	margin:-1em 0 0 0;
	}
#news-area p.testimonial-client {
	font-size:80%;
	font-style:italic;
	}
p.tags { font-size: 80%; }	
p.special-offer {
	padding:10px 0;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#00A5E4;
	}
ul, ol      { margin: 0 0 1.5em 1.5em; }
#right-content ul, #full-content ul, #right-content ol, #full-content ol {
	line-height: 1.8em;
	}
#right-content ul li, #full-content ul li {
	list-style:none;
	padding-left:2em;
	background:transparent url(/img/bullet.gif) no-repeat 0 6px;
	}
#right-content ol li, #full-content ol li {
	list-style:decimal;
	padding:0;
	margin-left:1em;
	}
ul#clients {
	background:transparent;
	list-style:none;
	margin:0;
	}
ol          { list-style-type: decimal; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  color:#111;
	}
h1 {
	position:absolute;
	top:0;
	right:0;
	font-size:90%;
	color:#4272a1;
	font-weight:bold;
	}	

h2, #right-content h3, #full-content h3 {
	color: #ff824e;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 230%;
	}
#content h2.mission { color: #4272a1; margin-bottom: 0.5em; }
#right-content h3, #full-content h3 { font-size: 160%; margin-bottom: 0.5em; }
#right-content h3.name { margin: 0; }
#banner h3, #left-content h3, #right-content h4 {
	color: #4272a1;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	line-height: 1.3em;
	}
#news-area h3 {
	color: #06397c;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 27px;
	height: 27px;
	padding: 2px 0 0 10px;
	margin-bottom: 20px;
	background: url(/img/news-title-bg.gif) no-repeat;
	}
.feat-col .padFix h4 {
	font-size:160%;
	font-weight:bold;
	margin-bottom:0.4em;
	color:#fff;
	}
h4.clients {
	margin-bottom: 10px;
	border-bottom: 1px solid #4373a2;
	}
#right-content h4.mission { color: #FF824E; }
#news-area h5 {
	margin-bottom: 0.5em;
	font-size: 90%;
	}
#news-area h5 a {
	color: #3ca5ea;
	font-weight: bold;
	margin-bottom: 1em;
	}
#news-area h5 a:hover {
	color: #004A8C;
	}
/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }
table.client-directory {
	width:100%;
	border:0;
	}
table.client-directory td {
	border:0;	
	}
table.client-directory td a {
	display:block;
	padding:3px;
	background:#F9F9F9;
	}
	
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#header-outer {
	background: #fff url(/img/header-span.gif) repeat-x;
	text-align:left;	
	}
#header {
	position: relative;
	width: 996px;
	height: 154px;
	margin: 0 auto;
	}
#banner-outer {
	background: #f9f9f9;
	text-align:left;	
	}
#banner {
	position: relative;
	width: 996px;
	margin: 0 auto;
	background: url(/img/sitemark.gif) no-repeat 100% 0;
	}
#content-outer {
	background: #fff;
	padding-bottom: 20px;
	text-align:left;	
	}
#content, #full-content {
	width: 996px;
	margin: 0 auto;
	padding-top: 20px;
	line-height:1.1;
	}
#full-content .padFix {
	padding: 0 20px;
	}
#banner .padFix {
	padding: 12px 20px 9px 20px;
	}
#left-content {
	width: 275px;
	float: left;
	}
#right-content {
	width: 721px;
	float: left;
	}
#left-content .padFix {
	margin: 0 20px 20px 20px;
	background: #f9f9f9;
	}
#left-content .innerpadFix {
	padding: 0 0 50px 20px;
	}
#right-content .padFix {
	margin:0;
	padding-right:20px;
	}
.portfolio #right-content .padFix {
	padding:0;
	}
#news-area-outer {
	background: #d4e5ed url(/img/news-span.gif) repeat-x;
	text-align:left;	
	}
#news-area {
	width: 996px;
	margin: 0 auto;
	padding: 20px 0;
	}
#contact-flash {
	width: 205px;
	height: 45px;
	}
#contact-left {
	float: left;
	width: 400px;
	}
#contact-left .padFix {
	padding: 0 40px 0 0;
	}
#contact-right {
	float: left;
	width: 281px;
	}
#contact-right .padFix {
	padding: 0 0 0 0;
	}
#contact-details {
	text-align: left;
	}
/*--------------------------------------------------------------
 Google Map styles 
-------------------------------------------------------------*/
#map-outer {
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	}
#map {
	width: 275px;
	height: 300px;
	}
/*--------------------------------------------------------------
 Key People styles 
-------------------------------------------------------------*/
.team-member {
	width: 350px;
	float: left;
	margin-bottom: 25px;
	}
.team-member img {
	display: block;
	padding-bottom: 3px;
	border-bottom: 3px solid #004a8c;
	margin-bottom: 5px;
	}
.team-member p {
	clear: both;
	}
#right-content .team-member .padFix {
	padding: 0 10px 0 0;
	}
#right-content .team-member.last .padFix {
	padding: 0 0 0 10px;
	}
/*--------------------------------------------------------------
 Homepage Layout styles 
-------------------------------------------------------------*/
#home-left-content {
	width: 352px;
	float: left;
	}
#home-right-content {
	width: 624px;
	float: left;
	}
#home-left-content .padFix {
	padding: 0 20px 0 20px;
	margin: 0;
	background: 0;
	}
#home-right-content .padFix {
	padding:0;
	}
#home-left-content .innerpadFix {
	/*padding: 0 0 50px 0;*/
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header img {
	display: block;
	position: absolute;
	top: 17px;
	left: 19px;
	}
#header a img {
	border:0;
	}
#search-form, #search-form fieldset {
	width: 203px;
	height: 22px;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	}
#search-form fieldset {
	background: url(/img/sitesearch.gif) no-repeat;
	}
#search-form {
	position: absolute;
	top: 118px;
	right: 20px;
	margin: 0;
	padding: 0;
	}
#search-form #search {
	border: 0;
	width: 157px;
	height: 22px;
	padding-left: 7px;
	position: absolute;
	top: 3px;
	left: 0;
	background: 0;
	color: #06397c;
	}
#search-button {
	width: 35px;
	height: 22px;
	background: url(/img/search-button.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	}
/*--------------------------------------------------------------
 Footer styles 
--------------------------------------------------------------*/
#footer-outer {
	background: #066eb2 url(/img/footer-span.gif) repeat-x;
	text-align:left;	
	}
#footer {
	width: 976px;
	margin: 0 auto;
	padding: 20px 0;
	}
#footer .left {
	float:left;
	width:436px;
	}
#footer .right {
	float:left;
	width:540px;
	text-align:right;
	}
#footer-outer #footer {
	font-size: 90%;
	}
#footer p {
	color: #fff;
	margin: 0;
	}
#footer .right p {
	margin-bottom:33px;
	}
#footer a {
	color: #fff;
	font-weight: normal;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer .right ul {
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
	}
#footer ul li {
	display: inline;
	background: url(/img/footer-div.gif) no-repeat 100% 5px;
	padding: 0 10px;
	}
#footer ul li.last {
	padding-right: 0;
	background: 0;
	}
/*---------------------------------
		Site Links Styles
---------------------------------*/
#site-links {
	clear:both;
	margin:20px 0 0 0;
	}

.links-col {
	float:left;
	width:244px;
	padding:0 0 0 0;
	}
.links-col.last {
	
	}

#site-links ul {
	margin:0;
	list-style:none;
	}
#site-links ul li {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	color:#fff;
	background:none;
	}

#site-links ul li a {
	
	}

#site-links li.top-level {
	font-weight:bold;
	}

/*---------------------------------
		Portfolio Item styles
---------------------------------*/
#slideshow-content {
	width:701px;
	height:283px;
	}
/*---------------------------------
		Ulti List styles
---------------------------------*/
.ulti-list {
	float: left;
	display: block;
	}
.ulti-list img {
	padding: 1px;
	border: 1px solid #ccc;
	}
.ulti-list:hover img {
	border: 1px solid #3ca5ea;
	}
#right-content .ulti-list.last {
	margin-right: 0;
	}
#client-list .ulti-list {
	margin: 0 20px 20px 0;
	}
#logo-list .ulti-list {
	margin: 0 10px 10px 0;
	}
/*--------------------------------------------------------------
 Glossary styles 
-------------------------------------------------------------*/
ul#glossary-menu {
	float:left;
	list-style:none;
	margin:0 0 20px 0;
	}
#right-content ul#glossary-menu li, #full-content ul#glossary-menu li {
	list-style:none;
	float:left;
	padding:0pt 2px;
	background:none;
	}
#right-content ul#glossary-menu li a, #full-content ul#glossary-menu li a {
	display:block;
	float:left;
	width:22px;
	height:22px;
	line-height:22px;
	background:#f9f9f9;
	}
#right-content ul#glossary-menu li a span, #full-content ul#glossary-menu li a span {
	display:block;
	padding:2px 2px 4px 2px;
	text-align:center;
	}
#right-content ul#glossary-menu li a:hover, #full-content ul#glossary-menu li a:hover {
	background:#00569c;
	color:#fff;
	}
/*--------------------------------------------------------------
 Portfolio styles 
--------------------------------------------------------------*/
.folio-row {
	margin-bottom: 20px;
	}
.folio-row span {
	display: block;
	}
#content .folio-row .padFix {
	float: left;
	margin: 0 20px 0 0;
	padding:0;
	}
#content .folio-row .padFix.last {
	margin: 0 !important;
	}
.folio-row a img {
	border: 0;
	display: block;
	}
.folio-row .folio-link {
	display:block;
	width:220px;
	}
.folio-link .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #06397c;
	padding-top: 4px;
	font-weight: normal;
	line-height: 1.6;
	}
.folio-link:hover .title {
	color:#04B1EA;
	}
.folio-link span.image {
	display:block;
	height:127px;
	}
.folio-link:hover span.image {
	background-position:0 -127px;
	}
/*--------------------------------------------------------------
 Beacon styles 
--------------------------------------------------------------*/
#beacon-activator a, #beacon-optimisor a, #beacon-commander a, #beacon-adcontroller a {
	display:block;
	width:701px;
	height:105px;
	background:transparent url(/img/beacon-activator-large.jpg) no-repeat 0 0;
	}
#beacon-optimisor a {
	background:transparent url(/img/beacon-optimisor-large.jpg) no-repeat 0 0;
	}
#beacon-commander a {
	background:transparent url(/img/beacon-commander-large.jpg) no-repeat 0 0;
	}
#beacon-adcontroller a {
	background:transparent url(/img/beacon-adcontroller-large.jpg) no-repeat 0 0;
	}
#beacon-activator a:hover, #beacon-optimisor a:hover, #beacon-commander a:hover, #beacon-adcontroller a:hover {
	background-position:0 -105px;
	}
#beacon-activator a span, #beacon-optimisor a span, #beacon-commander a span, #beacon-adcontroller a span {
	display:none;
	}
#packages {
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	}
#packages a span {
	display: none;
	}
#right-content #packages li {
	background: 0;
	margin-bottom: 10px;
	}
#packages a {
	display: block;
	width: 235px;
	height: 56px;
	}
#packages #activator a {
	background: url(/img/beacon-activator-small.jpg) no-repeat;
	}
#packages #optimiser a {
	background: url(/img/beacon-optimiser-small.jpg) no-repeat;
	}
#packages #commander a {
	background: url(/img/beacon-commander-small.jpg) no-repeat;
	}
#packages #adcontroller a {
	background: url(/img/beacon-adcontroller-small.jpg) no-repeat;
	}
/*---------------------------------
		Two Tone styles
---------------------------------*/
#two-tone {
	margin-top: 10px;
	}
.two-tone {
	padding: 15px 10px;
	line-height: 1.8;
	}
.two-tone p {
	padding: 0;
	margin: 0;
	}
.two-tone p.marg {
	padding-bottom: 1.5em;
	margin: 0;
	}
.two-tone.dark {
	background-color:#f0f0f0;
	position:relative;
	}
.two-tone .col1 {
	float: left;
	width: 120px;
	font-weight: bold;
	}
.two-tone .col2 {
	float: right;
	width: 561px;
	}
/*---------------------------------
		Sub Nav styles
---------------------------------*/
ul#sub-nav {
	list-style:none;
	margin:0;
	padding:0;
}
#sub-nav li {
	margin:0;
	padding:0;
}

#sub-nav li.head {
	background:#004b8d url(/img/sub-nav-head.gif) no-repeat top;
	padding:4px 10px 6px 10px;
	color:#fff;
	font-weight:bold;
	font-size:115%;
}
/*
#sub-nav li a {
	display:block;
	height:26px;
	line-height:26px;
	padding-left:10px;
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:#ffffff #eeeeee #ededed #eeeeee;
	color:#06397c;
	background:#f9f9f9;
	}
#sub-nav li a:hover {
	background:#d4e8f6;
	border-color:#eaf4fb #eeeeee #c5d8e5 #eeeeee;
	}
#left-content #sub-nav li a.current {
	background:#0094e1 url(/img/sub-nav-down.gif) repeat-x bottom;
	color:#fff;
	}
#left-content #sub-nav li a.current:hover {
	border-color:#ffffff #eeeeee #ededed #eeeeee;
	}
*/
#sub-nav li ul {
	padding:0;
	margin:0;
	list-style: none;
}
#sub-nav li ul li {

}
#sub-nav li a {
	display:block;
	height:26px;
	line-height:26px;
	font-weight:normal;
	padding-left:24px;
	background:#f0f0f0 url(/img/sub-nav-dash.gif) no-repeat 14px 50%;
	color:#515151;
	border-width:1px;
	border-style:solid;
	border-color:#f6f6f6 #eeeeee #e4e4e4 #eeeeee;
	font-size:95%;
}
#sub-nav li a:hover, #left-content #sub-nav li a.current {
	color:#06397c;
	background:#d4e8f6 url(/img/sub-nav-dash.gif) no-repeat 14px 50%;
	border-color:#eaf4fb #eeeeee #c5d8e5 #eeeeee;
	font-weight:normal;
}
#left-content #sub-nav li a.current:hover {
	border-color:#eaf4fb #eeeeee #c5d8e5 #eeeeee;
	}
/*---------------------------------
		Sub Nav styles
---------------------------------
ul#sub-nav {
	list-style:none;
	margin:0;
	padding:0;
}
#sub-nav li {
	padding: 0 0 1px 0;
}
#sub-nav li a {
	display: block;
	height: 27px;
	line-height: 27px;
	padding-left: 20px;
	font-weight: normal;
	color: #1b4885;
	}
#sub-nav li a:hover {
	background: url(/img/sub-nav-over.gif) no-repeat;
	}
#left-content #sub-nav li a.current {
	background: url(/img/sub-nav-hit.gif) no-repeat;
	color: #fff;
	}
#sub-nav li ul {
	padding: 0;
	margin: 10px 0 10px 20px;
	font-size: 80%;
	list-style: none;
}
#sub-nav li ul li {
	background: url(/img/sub-nav-bullet.gif) no-repeat 0 50%;
}
#sub-nav li ul li a {
	line-height: 1.6;
	height: auto;
}
#sub-nav li ul li a:hover {
	color: #FF824E;
	background: 0;
}
#left-content #sub-nav li ul li a.current {
	font-weight: bold;
	background: 0;
	color: #1b4885;
}*/
/*--------------------------------------------------------------
 Blog styles 
--------------------------------------------------------------*/
.blog-date-wrap {
	float: left;
	margin-right: 20px;
	}
.blog-date {
	background: url(/img/calendar-icon.gif) no-repeat;
	width: 43px;
	height: 48px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-align: center;
	}
.blog-date span {
	display: block;
	}
.blog-date .month {
	color: #fff;
	padding-top: 3px;
	}
.blog-date .day {
	color: #000;
	padding-top: 6px;
	font-size: 160%;
	}
.comments {
	margin-left: 63px;
	}
#right-content .blog-wrap h3 {
	margin: 0;
	}
#right-content .blog-wrap {
	margin-bottom: 35px;
	float: left;
	width: 638px;
	}
#right-content .blog-wrap.no-marg {
	margin: 0;
	}
#right-content ul#comments {
	width: 75%;
	margin: 25px 0 0 0;
	border-top: 1px solid #eee;
	}
#right-content ul#comments li {
	border-bottom: 1px solid #eee;
	padding: 0 20px;
	background: 0;
	}
#right-content ul#comments li.blue {
	background: #F9F9F9;
	}
#comments p.comment-name {
	padding: 1.2em 0 0 0;
	margin: 0;
	line-height: normal;
	font-weight: bold;
	font-size: 120%;
	color: #4272a1;
	}
#comments p.comment-date {
	color: #999;
	font-size: 80%;
	}
#comments p.comment-body {
	font-size: 90%;
	}
#add-comment {
	margin-top: 30px;
	}
#commentForm fieldset {
	border: 0;
	padding: 0;
	}
#commentForm fieldset textarea {
	width: 250px;
	}
/*--------------------------------------------------------------
 News Area styles 
--------------------------------------------------------------*/
#news-area .news-col {
	width: 332px;
	min-height: 315px;
	float: left;
	background: url(/img/news-div.gif) repeat-y 100% 0;
	}
#news-area .news-col.last {
	background: 0;
	}
#news-area .news-col .padFix {
	padding: 0 20px;
	}
#news-area #clients {
	margin-bottom:20px;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
ul#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 109px;
	}
#top-nav li {
	float: left;
	}
#top-nav li a {
	display: block;
	height: 43px;
	cursor: pointer;
	}
#top-nav li a:hover {
	background-position: 0 -43px;
	}
#top-nav li a span {
	display: block;
	height: 43px;
	text-indent:-9999px;
	}
#top-nav li a.current span {
	background: url(/img/nav/nav-arrow.gif) no-repeat bottom center;
	}
#top-nav #index a.current span {
	background-position: 55% 100%;
	}
#top-nav li a span span {
	display: none;
	}
#index a {
	width: 77px;
	background: url(/img/nav/home.gif) no-repeat;
	}
#services a {
	width: 95px;
	background: url(/img/nav/services.gif) no-repeat;
	}
#about a {
	width: 99px;
	background: url(/img/nav/about.gif) no-repeat;
	}
#portfolio a {
	width: 105px;
	background: url(/img/nav/portfolio.gif) no-repeat;
	}
#resources a {
	width: 116px;
	background: url(/img/nav/resources.gif) no-repeat;
	}
#contact a {
	width: 114px;
	background: url(/img/nav/contact.gif) no-repeat;
	}
#blog a {
	width: 66px;
	background: url(/img/nav/blog.gif) no-repeat;
	}
/*--------------------------------------------------------------
 Number control styles 
--------------------------------------------------------------*/
ul#numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 5px;
	}
#home-feature ul#numbers {
	position:absolute;
	top:160px;
	right:20px;
	z-index:999;
	}
ul#numbers li {
	float: left;
	margin-right: 2px;
	padding:0;
	background-image:none;
	}
#numbers li a {
	display: block;
	width: 26px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #496fa2;
	}
#home-feature #numbers li a {
	background: url(/img/numbers-feat.gif) no-repeat;
	}
#home-feature #numbers li a:hover, #numbers li a:hover {
	background: url(/img/numbers-over.gif) no-repeat;
	color: #496fa2;
	}
#home-feature #numbers li a.current, #home-feature #numbers li a:hover.current,
ul#numbers li a.current, ul#numbers li a:hover.current {
	background: url(/img/numbers-hit.gif) no-repeat;
	color: #fff;
	}
/*--------------------------------------------------------------
 Home feature styles 
-------------------------------------------------------------*/
#home-feature {
	position:relative;
	width:624px;
	height:205px;
	}
#feat-wrap {
	overflow:hidden;
	width:624px;
	height:205px;
	background:#42739B;
	}
.feat-item {
	height:206px;
	}
#feat-item-1 {
	background:#000 url(/img/home-featured/moonlighttv.jpg) no-repeat top;
	}
#feat-item-2 {
	background:#ff5d06 url(/img/home-featured/boom.jpg) no-repeat top;
	}
#feat-item-3 {
	background:#0097ff url(/img/home-featured/nutrifield.jpg) no-repeat top;
	}
#feat-item-4 {
	background:#404040 url(/img/home-featured/oktedi.jpg) no-repeat top;
	}
#feat-item-5 {
	background:#3b68a9 url(/img/home-featured/blake-thornton.jpg) no-repeat top;
	}
#feat-item-6 {
	background:#f7f7f7 url(/img/home-featured/dome.jpg) no-repeat top;
	}
#feat-item-7 {
	background:#4a6b91 url(/img/home-featured/hotels.jpg) no-repeat top;
	}
.feat-col {
	width:312px;
	float:right;
	color:#fff;
	}
#home-right-content .feat-col .padFix {
	margin:20px 20px 0 0;
	}
.feat-col a:link, .feat-col a:visited, .feat-col a:active {
	color:#fff;
	}
.feat-col a:hover {
	text-decoration:underline;
	}
.feat-col p {
	margin:0;
	}
#feat-item-3 h4 {
	color:#fff;
	}
#feat-item-3 p {
	color:#000;
	}
#feat-item-3 a:link, #feat-item-3 a:visited, #feat-item-3 a:active {
	color:#000;
	}
#feat-item-6 p, #feat-item-6 h4 {
	color:#666;
	}
#feat-item-6 a:link, #feat-item-6 a:visited, #feat-item-6 a:active {
	color:#666;
	}
/*--------------------------------------------------------------
 Home scroll links styles 
-------------------------------------------------------------*/
div#scroll-links {
	margin: 1px 0 0 0;
	padding: 0;
	}
#scroll-links h4 {
	margin:0 0 1px 0;
	background:#004A8D;
	}
#scroll-links h4 a {
	height: 32px;
	width: 624px;
	display: block;
	}
#scroll-links h4 a span {
	display: none;
	}
#scroll-links p {
	padding-left: 110px;
	color: #fff;
	}
#scroll-links p a:hover {
	text-decoration: underline;
	}
#scroll-links .content-kwick {
	height: 107px;
	}
.content-kwick p a:link, .content-kwick p a:active, .content-kwick p a:visited {
	color:#fff;
	font-weight:bold;
	}
/*--------------------------*/
#scroll-links .web-development-acordian a.main-link {
	background:transparent url(/img/home-featured/web-solutions/web-development.gif) no-repeat 0 0;
	}
#scroll-links .web-development-acordian .content-kwick {
	background:transparent url(/img/home-featured/web-solutions/web-development-bg.gif) no-repeat 0 0;
	}
/*--------------------------*/
#scroll-links .website-design-acordian a.main-link {
	background:transparent url(/img/home-featured/web-solutions/website-design.gif) no-repeat 0 0;
	}
#scroll-links .website-design-acordian .content-kwick {
	background:transparent url(/img/home-featured/web-solutions/website-design-bg.gif) no-repeat 0 0;
	}
/*--------------------------*/
#scroll-links .ecommerce-acordian a.main-link {
	background:transparent url(/img/home-featured/web-solutions/ecommerce.gif) no-repeat 0 0;
	}
#scroll-links .ecommerce-acordian .content-kwick {
	background:transparent url(/img/home-featured/web-solutions/ecommerce-bg.gif) no-repeat 0 0;
	}
/*--------------------------*/
#scroll-links .online-marketing-acordian a.main-link {
	background:transparent url(/img/home-featured/web-solutions/online-marketing.gif) no-repeat 0 0;
	}
#scroll-links .online-marketing-acordian .content-kwick {
	background:transparent url(/img/home-featured/web-solutions/online-marketing-bg.gif) no-repeat 0 0;
	}
/*--------------------------*/
#scroll-links .graphic-design-acordian a.main-link {
	background:transparent url(/img/home-featured/web-solutions/graphic-design.gif) no-repeat 0 0;
	}
#scroll-links .graphic-design-acordian .content-kwick {
	background:transparent url(/img/home-featured/web-solutions/graphic-design-bg.gif) no-repeat 0 0;
	}
/*--------------------------*/
#scroll-links .content-management-systems-acordian a.main-link {
	background:transparent url(/img/home-featured/web-solutions/content-management-systems.gif) no-repeat 0 0;
	}
#scroll-links .content-management-systems-acordian .content-kwick {
	background:transparent url(/img/home-featured/web-solutions/content-management-systems-bg.gif) no-repeat 0 0;
	}
/*--------------------------*/
.kwick {
	height:33px;
	overflow:hidden;
	}
.kwick p {
	padding:10px;
	}
/*--------------------------------------------------------------
 Micro format styles 
--------------------------------------------------------------*/
.vcard {
	color:#fff;
	}
.vcard a.url {
	display: block;
	width: 168px;
	height: 29px;
	background: url(/img/sitescene-logo-small.gif) no-repeat;
	text-indent:-9999px;
	}
.vcard .adr {
	margin:10px 0;
	float:left;
	width:200px;
	}
.vcard-numbers {
	float:left;
	width:235px;
	margin-top:10px;
	}
/*--------------------------------------------------------------
 Client Login styles 
--------------------------------------------------------------*/
#bg-client-login {
	background:#dbecf5 url(/img/client-login-corner.gif) no-repeat bottom left;
	height:0;
	}
#client-login #bg-client-login p {
	margin:0;
	}
#client-login #bg-client-login #contents-client-login {
	display:none;
	padding:4px 0 0 12px;
	}
#client-login {
	height:25px;
	width:370px;
	position:absolute;
	top:0;
	right:0;
	color:#000;
	}
#toggleClientLogin img, #toggleClientLogin:hover img {
	border:0;
	display:inline;
	}
#client-login p.toggleClientLogin {
	margin:0;
	text-align:right;
	}
#client-login-form fieldset {
	float:left;
	width:144px;
	}
#client-login-form fieldset.client-login-button {
	width:70px;
	padding-top:16px;
	}
#client-login-form label {
	font-size:80%;
	font-weight:bold;
	color:#004A8C;
	width:74px;
	}
#client-login-form input.input_text {
	width:124px;
	padding:4px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #fff;
	background:#f7f7f7;
	}
#client-login-form input:hover, #client-login-form input.ie_hover {
	border:1px solid #dcdcdc;
	}
#client-login-form input:focus, #client-login-form input.ie_focus {
	background:#fff;
	border:1px solid #00B2F6;
	color:#000;
	}
#client-login-form input.submit:hover, #client-login-form input.submit:focus {
	background:transparent;
	border:0;
	}
/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {text-align:right;}
.text-align-left{text-align:left;}
.center {text-align:center;}
.float-right {float:right;padding:0 0 14px 14px;}
.float-left {float:left;padding:0 14px 14px 0;}
div.float-fix {overflow:hidden;clear:both;height:0;}
br.float-fix {clear:both;}
.bold {font-weight:bold;}
.hide {display:none;}
.neg { float: left; }
.pullquote {
	float: left;
	width: 250px;
	background: url(/img/pull-quote-open.gif) no-repeat;
	}
.pullquote.right {
	float: right;
	}
#content .pullquote .padFix {
	margin: 0;
	padding: 10px 10px 10px 30px;
	}
.pullquote .pullclose {
	width: 24px;
	height: 24px;
	background: url(/img/pull-quote-close.gif) no-repeat;
	float: right;
	margin-top: -24px;
	}
.pullquote p {
	color: #1b4885;
	font-size: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
.pullquote p.quoted {
	color: #1b4885;
	font-size: 90%;
	}
/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
form.std-form,  form.std-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
fieldset p { margin: 0; }
form.std-form fieldset {
	padding-bottom: 20px;
	margin-top: 20px;
	display: block;
	border-bottom: 1px solid #ccc;
	}
#freelancerForm.std-form fieldset {
	width: 564px;
	}
#freelancerForm.std-form fieldset.float-it,
#freelancerForm.std-form label.float-it {
	float: left;
	padding-right: 20px;
	width: auto;
	}
#contactForm fieldset {
	border-bottom: 0;
	margin: 0;
	}
.std-form label {
	display: block;
	margin: 0;
	font-size: 110%;
	color: #00569C;
	margin-bottom: 5px;
	font-weight: bold;
	}
.std-form .input_text {
	width: 250px;
	padding: 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #dcdcdc;
	background:#f7f7f7;
	}
.std-form textarea.input_text {
	width: 350px;
	}
.std-form legend {
	font-size: 140%;
	font-weight: bold;
	}
.std-form fieldset.last {
	border: 0;
	}
.std-form fieldset select {
	padding:2px;
	}
.std-form fieldset option {
	padding-right:16px;
	}
.std-form fieldset input:hover, .std-form fieldset textarea:hover,
.std-form fieldset input.ie_hover, .std-form fieldset textarea.ie_hover {
	border:1px solid #999;
	}
.std-form fieldset input:focus, .std-form fieldset textarea:focus,
.std-form fieldset input.ie_focus, .std-form fieldset textarea.ie_focus {
	background:#fff;
	border:1px solid #00B2F6;
	color:#000;
	}
.std-form fieldset input.submit:hover, .std-form fieldset input.submit:focus {
	background:transparent;
	border:0;
	}
label.captcha{
	display:block;	
	background:url(/img/captcha.gif) no-repeat;
	height:28px;
	line-height:28px;
	padding-left:90px;
	margin-bottom:.5em;
}
#ctaContactForm label {
}
#cta-contact p.head {
	padding:4px 4px 6px 4px;
	background:#FF834F;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	float:left;
	width:400px;
	}
a.ctalink {
		display:block;
		width:auto;
		float:left;
		background:#2db226 url(/img/ctalink-left.gif) no-repeat;
		background-position: 0 0;
		color:#fff;
		font-weight:bold;
		height:30px;
		padding:0 0 0 12px;
}
a.ctalink span {
		display:block;
		background:#2db226 url(/img/ctalink-right.gif) no-repeat;
		background-position: 100% 0;
		padding:0 44px 0 0;
		color:#fff;
		font-weight:bold;
		line-height:30px;
		width:auto;
		float:left;
}
a.ctalink:hover {
		background:#FF834F url(/img/ctalink-left.gif) no-repeat;
		background-position: 0 -30px;
}
a.ctalink:hover span {
		background:#FF834F url(/img/ctalink-right.gif) no-repeat;
		background-position: 100% -30px;
}
#cta-call-now {
		background:transparent url(/img/call-now.gif) no-repeat;
		width:158px;
		height:32px;
		position:absolute;
		right:0;
		top:50px;
}
#cta-contact .pullquote p {
	font-size:100%;
}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
	border: 1px solid #fff;
	background:#fff3f3;
}
form.std-form fieldset input.validation-passed, form.std-form fieldset textarea.validation-passed {
	background:#f7f7f7;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#f00;
	font-size: 80%;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}
/*--------------------------------------------------------------
 sIFR styles 
-------------------------------------------------------------*/
.sIFR-active #banner h2,
.sIFR-active #content h2,
.sIFR-active #banner h3,
.sIFR-active #left-content h3,
.sIFR-active #right-content h3,
.sIFR-active #full-content h3,
.sIFR-active #news-area h3,
.sIFR-active #right-content h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height:1em;
	visibility:hidden;
}
.sIFR-active #banner h2,
.sIFR-active #content h2 {
	font-size: 28px;
}
.sIFR-active #banner h3,
.sIFR-active #left-content h3,
.sIFR-active #right-content h4 {
	font-size: 17px;
}
.sIFR-active #right-content h3, .sIFR-active #full-content h3 {
	font-size: 20px;
}
.sIFR-active #news-area h3 {
	font-size: 18px;
}