/*
TWM

Safari 2, FireFox 2, Internet Explorer 6, 7.
*/


/* 1.0 - GLOBAL STYLES */

body
	{ background:#ffffff url(../images/bg_body.gif) repeat-x 0 0; font:normal 80% arial, sans-serif; color:#cccccc; margin:0; padding:0; }

a:link,
a:visited
	{ color:#333333; text-decoration:none; }
a:hover,
a:active
	{ color:#666666; text-decoration:underline; }

p
	{ line-height:1.4em; font-size:1.1em; }
li
	{ font-size:1.1em; }

div.clear-left
	{ clear:left; }
div.clear-right
	{ clear:left; }
div.clear-both
	{ clear:both; }

img
	{ display:block; border:none; }
img.align-left
	{ float:left; clear:left; margin:0 10px 5px 0; }
img.align-right
	{ float:right; clear:right; margin:0 0 5px 10px; }

input,
form
	{ margin:0; padding:0; }

h1
	{ margin:0; padding:15px 26px 0; width:173px; height:82px; background:url(../images/bg_logo.gif) no-repeat 0 0;  }
h2
	{ /*float:left;*/ margin:24px 0 5px; padding:0; width:529px; }
div#sidebar h3
	{ margin:0 0 5px; padding:0; }
div#page h3
	{ margin:0; padding:0; }
h4
	{ margin:0 0 10px; padding:0; color:#258881; font-weight: normal; font-size: 1.1em; }
q
	{ font-style:italic }
q:before, q:after
	{ content:""; }
#page img
	{ margin-bottom: 10px; }

/* 2.0 -ÊSTRUCTURE */

div#container
	{ width:846px; position:absolute; top:0; left:50%; margin:0 -423px 0; padding:0; background:url(../images/bg_page.gif) repeat-y 0 0; }

/* 2.1 -ÊHEADER */

div#header
	{ width:794px; height:141px; height:44px; overflow:hidden; background:url(../images/bg_header.jpg) no-repeat 0 0; margin:0; padding:0 26px; }

/* 2.2 -ÊPRIMARY NAVIGATION */

ul#navigation-1
	{ margin:0; padding:13px 14px 0 0; height:27px; list-style:none; float:right; }
ul#navigation-1 li
	{ margin:0 5px 0 0; padding:0; height:27px; float:left; }
ul#navigation-1 a:link,
ul#navigation-1 a:visited
	{ height:25px; display:block; border:1px solid #5faca2; background-repeat:no-repeat; background-position:0 0; }
ul#navigation-1 a:hover,
ul#navigation-1 a:active
	{ height:25px; display:block; border:1px solid #5faca2; background-repeat:no-repeat; background-position:0 0; text-decoration:none; }
ul#navigation-1 a span
	{ position:relative; left:-9999px; top:-9999px; }
	
ul#navigation-1 li#home a:link,
ul#navigation-1 li#home a:visited
	{ width:66px; background-image:url(../images/btn_home.jpg); }
ul#navigation-1 li#home a:hover,
ul#navigation-1 li#home a:active,
body#page-home ul#navigation-1 li#home a
	{ width:66px; background-image:url(../images/btn_home-selected.jpg); }	

ul#navigation-1 li#services a:link,
ul#navigation-1 li#services a:visited
	{ width:78px; background-image:url(../images/btn_services.jpg); }
ul#navigation-1 li#services a:hover,
ul#navigation-1 li#services a:active,
body#page-services ul#navigation-1 li#services a
	{ width:78px; background-image:url(../images/btn_services-selected.jpg); }

ul#navigation-1 li#clients a:link,
ul#navigation-1 li#clients a:visited
	{ width:82px; background-image:url(../images/btn_clients.jpg); }
ul#navigation-1 li#clients a:hover,
ul#navigation-1 li#clients a:active,
body#page-clients ul#navigation-1 li#clients a
	{ width:82px; background-image:url(../images/btn_clients-selected.jpg); }

ul#navigation-1 li#about a:link,
ul#navigation-1 li#about a:visited
	{ width:64px; background-image:url(../images/btn_about.jpg); }
ul#navigation-1 li#about a:hover,
ul#navigation-1 li#about a:active,
body#page-about ul#navigation-1 li#about a
	{ width:64px; background-image:url(../images/btn_about-selected.jpg); }

ul#navigation-1 li#contact a:link,
ul#navigation-1 li#contact a:visited
	{ width:74px; background-image:url(../images/btn_contact.jpg); }
ul#navigation-1 li#contact a:hover,
ul#navigation-1 li#contact a:active,
body#page-contact ul#navigation-1 li#contact a
	{ width:74px; background-image:url(../images/btn_contact-selected.jpg); }


/* 3.0 - PAGE STYLES */

div#content
	{ margin:0; padding:0 26px; }
div#content h3
	{
	color:#258881;
	visibility:visible;
	font-size: 1.2em;
	font-weight: normal;	
}

div#sidebar
	{ width:225px; color:#000000; float:left; }
div#sidebar div
	{ padding:10px 15px; border-bottom:1px dotted #a6e8e0; overflow:hidden; width:185px; }
div#sidebar p
	{ margin:0; padding:0; }
div#sidebar li
	{ font-size: 1.1em; }
div#sidebar a:link,
div#sidebar a:visited
	{ color:#009999; text-decoration:underline; }
div#sidebar a:hover,
div#sidebar a:active
	{ color:#00bbbb; text-decoration:underline; }
div#sidebar h4 a:link,
div#sidebar h4 a:visited
	{ color:#034541; text-decoration:none; }
div#sidebar h4 a:hover,
div#sidebar h4 a:active
	{ color:#256753; text-decoration:underline; }

/* Adwords */
div#sidebar div.sidebar-panel#adwords
	{ text-align:center; border:none; }
div#sidebar div.sidebar-panel#adwords img
	{ display:inline; display:inline-block; }
	
/* logo looper flash */
div#sidebar div.sidebar-panel#clients
	{ padding: 5px; width: 205px; }
div#sidebar div.sidebar-panel#clients h3
	{ margin: 5px 0 0 10px; }
	
div#sidebar div.sidebar-panel#adwords-angled
	{ text-align:center; border:none; }
div#sidebar div.sidebar-panel#adwords-angled img
	{ display:inline; display:inline-block; position:relative; top:-21px; }
	
/* Featured Case Studies & Testimonials */
div#sidebar div.sidebar-panel h4
{	margin-bottom: 0px; }
div#sidebar div.sidebar-panel p 
{	margin-top: 0px; }
div#sidebar div.sidebar-panel p a
	{ display: block; }
div#sidebar div.sidebar-panel p a:link,
div#sidebar div.sidebar-panel p a:visited
	{ font-weight:bold; text-decoration:none; padding:0 0 0 14px; background:url(../images/bul_arrow-light.gif) no-repeat 1px 2px; }
div#sidebar div.sidebar-panel p a:hover,
div#sidebar div.sidebar-panel p a:active
	{ font-weight:bold; text-decoration:none; padding:0 0 0 14px; background:url(../images/bul_arrow-light.gif) no-repeat 1px 2px; }

div#page
	{ width:539px; padding:0 20px 0 10px; color:#000000; float:left; }
div#page p
	{ margin:0 0 1.5em; padding:0; }
div#page a:link,
div#page a:visited
	{ color:#07a192; text-decoration:underline; }
div#page a:hover,
div#page a:active
	{ color:#29c3b4; text-decoration:underline; }

div#sidebar p.arrow,
div#page p.arrow
	{ padding:0 0 0 13px; background-repeat:no-repeat; }
div#sidebar p.arrow
	{ margin:10px 0 0; background-image:url(../images/bul_arrow-light.gif); background-position:0 2px; }
div#page p.arrow
	{ margin:5px 0; background-image:url(../images/bul_arrow.gif); background-position:0 3px; }
div#sidebar p.arrow a:link,
div#sidebar p.arrow a:visited,
div#page p.arrow a:link,
div#page p.arrow a:visited
	{ color:#034541; text-decoration:none; }
div#sidebar p.arrow a:hover,
div#sidebar p.arrow a:active,
div#page p.arrow a:hover,
div#page p.arrow a:active
	{ color:#256763; text-decoration:none; }

div#panel-wrapper
	{ border:1px solid #c9f2ed; padding:2px; }
div#panels
	{
	width:528px;
	background:#b5e6e0 url(../images/bg_panel.gif) no-repeat 0 0;
	padding:6px 0 6px 6px;
	background-position: bottom;
}
div.panel
	{ width:170px; float:left; margin-right:6px; }
div#panel-wrapper div#panels div.panel p
	{ margin:0; }
div.panel p.arrow
	{ margin:0; padding:0; font-size:0.9em; }
div.panel ul
	{ margin:5px 0 0; padding:0; list-style:none; }
div.panel ul li
	{ margin:0; padding:0 0 10px 16px; background:url(../images/bul_arrow-small.gif) no-repeat 0 4px; }

div#sidebar div.inset ul
	{ margin:5px 0 0 -7px; padding:0; list-style:none; }
div#sidebar div.inset ul li
	{ margin:0; padding:0 5px 10px 10px; background:url(../images/bul_arrow-small.gif) no-repeat 0 4px; }
div#sidebar div.inset ul li.selected
	{ font-weight:bold; }
div#sidebar div.inset ul li a:link,
div#sidebar div.inset ul li a:visited
	{ color:#034541; text-decoration:none; }
div#sidebar div.inset ul li a:hover,
div#sidebar div.inset ul li a:active
	{ color:#034541; text-decoration:underline; }
/* tertiary nav */
div#sidebar div.inset ul li ul.tertiaryNav
	{ font-weight:normal; font-size:0.9em; }
div#sidebar div.inset ul li ul
	{ margin-left: 0; }
div#sidebar div.inset ul li ul li
	{ padding: 0 0 5px 10px; }

div.inset#wrapper
	{ background:url(../images/bg_panel-inset.gif) repeat-y 0 0; width:215px; margin:0; padding:0; border:none; }
div.inset#top
	{ margin:0; padding:0; background:url(../images/bg_panel-inset-top.gif) no-repeat 0 0; width:215px; height:4px; border:none; overflow:hidden; }
div.inset#middle
	{ padding:10px 38px 10px 28px; width:172px; border:none; }
div.inset#bottom
	{ margin:0; padding:0; background:url(../images/bg_panel-inset-bottom.gif) no-repeat 0 0; width:215px; height:17px; border:none; overflow:hidden; }

div#links-box
	{ border:1px solid #d4f5f1; width:100%; float:left; margin:0 0 10px 0; }
div#links-box-content
	{ border:1px solid #ffffff; background:#f4fcfb; padding:5px; }
div#links-box ul
	{ margin:0; padding:0; list-style:none; }
div#links-box ul li
	{ margin:0; padding:0 15px 0 12px; background:url(../images/bul_arrow-small.gif) no-repeat 0 4px; display:inline; font-size: 0.9em; font-weight:bold; }
div#links-box ul li a:link,
div#links-box ul li a:visited
	{ color:#77ccc2; text-decoration:none; }
div#links-box ul li a:hover,
div#links-box ul li a:active
	{ color:#77ccc2; text-decoration:underline; }

div#page p.back
	{ margin:0; padding:0 0 11px 11px!important; background:url(../images/bul_back.gif) no-repeat 0 6px; clear:left; }
div#page p.back a:link,
div#page p.back a:visited
	{ text-decoration:none; }
div#page p.back a:hover,
div#page p.back a:active
	{ text-decoration:underline; }
	
div#page a.anchor-top
	{ display: block; margin: -20px 0 20px 0; }
	
div.hr
	{ width:100%; height:1px; margin:10px 0; background:#666666; }

ul#case-studies
	{ margin:0; padding:0; list-style:none; clear:left; }
ul#case-studies li
	{ margin: 10px 0 0 0; padding:11px 15px 11px 5px; background:#f5fefd; border:1px solid #b5e6e0; width:521px; height:135px; overflow:hidden; color:#258881; }
#ie7fix ul#case-studies li
	{ margin:0 0 -3px 0; }
ul#case-studies li div
	{ float:right; }
ul#case-studies li div p
	{ margin:-7px 0 0; font-size: 0.85em; }
ul#case-studies li p.read-more a:link,
ul#case-studies li p.read-more a:visited
	{ font-weight:bold; text-decoration:none; padding:0 0 0 14px; background:url(../images/bul_arrow-light.gif) no-repeat 1px 2px; }
ul#case-studies li p.read-more a:hover,
ul#case-studies li p.read-more a:active
	{ font-weight:bold; text-decoration:none; padding:0 0 0 14px; background:url(../images/bul_arrow-light.gif) no-repeat 1px 2px; }
ul#case-studies li dl
	{ margin:0; padding:0 0 5px 0; width: 350px; }
ul#case-studies li dl dt
	{ margin:0; padding:4px 0 5px; clear:left; float:left; width:100px; border-bottom:1px dashed #c9e9e6; }
ul#case-studies li dl dd
	{ margin:0 0 0 105px; padding:4px 0 5px; width:240px; border-bottom:1px dashed #c9e9e6; }
ul#case-studies li dl *.end
	{ border:none; }
ul#case-studies li dd.client
	{ font-weight:bold; }
	
/*
div#page div#case-study
	{ margin:0 0 13px; padding:11px 15px 11px 5px; background:url(../images/bg_brackets.gif) no-repeat 0 0; width:521px; height:118px; overflow:hidden; color:#258881; }
*/

div.case-history dl
	{ margin:0; padding:0; }
div.case-history dl dt
	{ margin:0; padding:4px 0 5px; clear:left; float:left; width:105px; border-bottom:1px dashed #c9e9e6; }
div.case-history dl dd
	{ margin:0; padding:4px 0 5px; float:left; width:416px; border-bottom:1px dashed #c9e9e6; }
div.case-history dl *.end
	{ border:none; }

div.case-history
	{ background:#f5fefd; border:1px solid #b5e6e0; color:#034541; padding:5px 6px 0; width:527px; }
div.case-history-link
	{ background:url(../images/bg_case-history.gif) no-repeat 50% 0%; width:541px; height:14px; overflow:hidden; padding:0; margin:0; }
	
ul#testimonials
	{ margin:0; padding:0; list-style:none; clear:left; }
ul#testimonials li
	{ margin: 10px 0 0 0; padding:11px 15px 11px 5px; background:#f5fefd; border:1px solid #b5e6e0; width:521px; color:#258881; }
ul#testimonials li h3
	{ font-weight: bold; }

div.content-panel
	{ background:#f5fefd; border:1px solid #b5e6e0; color:#258881; clear:left; margin:0 0 10px; padding:12px 6px; }
div.content-panel.contact-details
	{ _height:85px; min-height:85px; }
div.content-panel.contact-form
	{ /*_height:200px; min-height:200px;*/ }
div.contact-details dl
	{ margin:0; padding:0; width:360px; float:left; }
div.contact-details dl dt
	{ margin:0; padding:0 5px 0 0; width:60px; float:left; clear:left; line-height:1.8em; }
div.contact-details dl dd
	{ margin:0; padding:0; font-weight:bold; line-height:1.8em; }
div.contact-details address
	{ margin:0; padding:0; font-style:normal; line-height:1.8em; }

div.contact-form form
	{ margin:0; padding:10px 0 0; }
div.contact-form form label
	{ width:90px; float:left; clear:left; height:14px; margin:0 10px 10px 0; padding:3px 0; text-align:right; }
div.contact-form form input.text
	{ width:140px; height:20px; padding:0; margin:0 0 10px; border:1px solid #c3c3c3; }
div.contact-form form textarea
	{ width:140px; border:1px solid #c3c3c3; height:81px; }
div.contact-form form fieldset
	{ width:262px; float:left; border:none; margin:0; padding:0; }
div.contact-form form fieldset.recaptcha
	{ float:none; width: 400px; border:none; margin:0; padding:0; clear:left; margin: 20px 0 0 100px; }
div.contact-form form input#submit
	{ margin:10px 0 0 0; }
div.contact-form p.error
	{ font-size:0.8em; color: red; }
	
div#page ul.client-list
	{ margin:0; padding:10px 0 0; list-style:none; width:525px; }
div#page ul.client-list li
	{ margin:0 0 10px 0; padding:0; float:left; width:175px; height:170px; text-align:center; font-size: 1em; }
div#page ul.client-list li span
	{ display: block; }
div#page ul.client-list li.client-group
	{ margin:0 0 10px 0; padding:0; float:left; width:350px; height:135px; text-align:left; background-color: #dbfaf7; }
div#page ul.client-list li.client-group h5
	{ margin:5px 0 10px 50px; padding:0; }
div#page ul.client-list li img
	{ display:inline-block; margin: 0 auto 0 auto;}
div#page ul.client-list li.client-group img
	{ float: left; margin: 0 10px 0 10px; }
div#page ul.client-list li a
	{ font-size: 0.85em; }
div#page ul.client-list li a:link,
div#page ul.client-list li a:visited,
div#page ul.client-list li a:hover,
div#page ul.client-list li a:active
	{ text-decoration:none; display:block; padding-bottom: 5px; }
div#page ul.client-list li a:link span,
div#page ul.client-list li a:visited span,
div#page ul.client-list li a:hover span,
div#page ul.client-list li a:active span
	{ text-decoration:underline; }
div#page div.content-panel h4
	{ clear: both; }
div#page div.spacer
	{ clear: both; }

/* 4.0 - Footer */

div#footer
	{ width:786px; height:21px; padding:16px 30px 0; clear:both; background:url(../images/bg_footer.gif) no-repeat 0 0; position:relative; top:0; color:#51bbae; }
div#footer p
	{ margin:0 15px 0 0; padding:0; float:right; font-size: 0.9em; }
div#footer a:link,
div#footer a:visited
	{ color:#51bbae; padding:0;  }
div#footer a:hover,
div#footer a:active
	{ color:#30998c; padding:0; }
	
ul#navigation-footer
	{ margin:0; padding:0; list-style:none; float:right; }
ul#navigation-footer li
	{ margin:0; padding:0; display:inline; }