/***** Global Settings *****/

html {font-size: 100.01%;}

html, body {border:0;margin:0;padding:0;}
 
body {background: #FFF url(../img/bkgr.jpg) repeat-x top center;font:62.5%/1.25 Arial, Helvetica, sans-serif;text-align:center; /* ie 5.5 */ min-width:960px;}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:0;padding:0;}
 
h1 {font-size:2em;letter-spacing:-1px;padding:30px 0 25px 0;}
 
h2 {font-size:1.8em;font-weight:bold;letter-spacing:-1px;padding:20px 0;}
 
h3 {font-size:1.2em;font-weight:bold;line-height:1.8;}
 
/***** Common Formatting *****/

p {color:#656565;font-size:1.1em;	}

p, ul, ol {margin:0;padding:0 1.25em 1.25em 0;}
 
ul, ol {padding:0 0 1.25em 2.5em;}
 
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;}
 
small {font-size:0.85em;}
 
img {border:0;}
 
sup {bottom:0.3em;position:relative;vertical-align:baseline;}
 
sub {bottom:-0.2em;position:relative;vertical-align:baseline;}
 
/***** Links *****/
 
a, a:link, a:visited {color: #656565;text-decoration: none;}

a:hover {text-decoration: underline;}
 
/***** Forms *****/
 
form {display:inline;margin:0;padding:0;}
 
input, select, textarea {color: #707070;font:1.1em Arial, Helvetica, sans-serif;margin:0 0 5px;}
 
textarea {line-height:1.1em;width:100%;}

/*select {background: url(../img/bg_select.png) right;}*/
 
label {cursor:pointer;}
 
/***** Tables *****/
 
table {border:0;margin:0 0 1.25em 0;padding:0;}
 
table tr td {padding:2px;}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.uppercase     { text-transform:uppercase; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.pdf 		   { background: transparent url(../img/page_white_acrobat.png) no-repeat center left; }
.word 		   { background: transparent url(../img/page_white_word.png) no-repeat center left;  }
.archive       { background: transparent url(../img/page_white_compressed.png) no-repeat center left }

.blue 		   { color: #00aefb; font-weight:bold; }

.spacer { display:block; border-bottom: 1px dotted #B9CDD6; padding:0 0 15px; }


/***** Wrapper *****/
 
#wrapper {
	background: #00638b url(../img/wrap_bkgr.png) repeat-x top;
	margin: 25px auto 0;
	width:956px;
}

/***** Basic form ******/

.btn_basic {
	background: url(../img/btn_left_basic.png) no-repeat;
	padding: 0 0 0 6px;
	height:41px;
	margin:0;
}

.btn_basic a:link, .btn_basic a:visited	{
	background: url(../img/btn_stretch_basic.png) repeat-x left top;
	color: #00517e;
	float: left;
	font-size: 1.3em;
	font-weight:bold;
	height: 41px;
	line-height: 42px;
	padding: 0 24px;
	text-decoration: none;
}

.btn_basic span {
	background: url(../img/btn_right_basic.png) no-repeat;
	float: left;
	height: 41px;
	width: 6px;
}

/*****  Liquid button *****/

.btn {
	float: left;
	clear: both;
	background: url(../img/btn_left.png) no-repeat;
	padding: 0 0 0 5px;
	margin:-5px 0 0 0;
}
.btn a:link, .btn a:visited {
	float: left;
	height: 33px;
	background: url(../img/btn_stretch.png) repeat-x left top;
	line-height: 33px;
	padding: 0 20px;
	color:#00779C;
	font-size: 1.1em;
	text-decoration: none;
	font-weight:bold;
	outline:none;
}
.btn a:hover { color: #005081; }

.btn span {
	background: url(../img/btn_right.png) no-repeat;
	float: left;
	width: 6px;
	height: 33px;
}

.btn_login {
	float: left;
	height: 33px;
	background: url(../img/btn_stretch.png) repeat-x left top;
	line-height: 33px;
	padding: 0 20px;
	color:#00779C;
	font-size: 1.1em;
	text-decoration: none;
	font-weight:bold;
	border:medium none;
	cursor:pointer;
}

.login_btn_box {
	float:left;
	margin:26px 0 0 8px;
}


/***** Client login liquid button *****/

.login .tab_login {
	float: left;
	clear: both;
	background: url(../img/btn_left_login.png) no-repeat;
	padding: 0 0 0 5px;
	margin:-5px 38px 0 0;
}
.login .tab_login a{
	float: left;
	height: 40px;
	background: url(../img/btn_stretch_login.png) repeat-x left top;
	line-height: 42px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.login .tab_login span {
	background: url(../img/btn_right_login.png) no-repeat;
	float: left;
	width: 5px;
	height: 40px;
}



/***** Client login liquid button *****/

.login .btn {
	background: url(../img/btn_left.png) no-repeat;
	clear: both;
	float: left;
	margin:-5px 38px 0 0;
	padding: 0 0 0 5px;
}

.login .btn a{
	background: url(../img/btn_stretch.png) repeat-x left top;
	color: #fff;
	float: left;
	font-size: 1em;
	height: 40px;
	line-height: 42px;
	padding: 0 10px;
	text-decoration: none;
}

.login .btn span {
	background: url(../img/btn_right.png) no-repeat;
	float: left;
	height: 40px;
	width: 5px;
}

/***** Toggle Client login *****/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
/*.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}*/
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
	height: 32px;
	position: relative;
	top: 0;
	z-index: 986;
	width: 956px;
	margin: 0px auto;
	display: none; 
}

.tab ul.login {
	display: block;
	position: relative;
	float: right;
	clear: right;
	height: 32px;
	width: auto;
	font-weight: bold;
	line-height: normal;
	list-style:none;
	margin: 0;
	color: white;
	font-size: 0.9em;
	padding:0px;
}

.tab ul.login li {
	text-align: left;
	display: block;
	float: left;
}

.tab ul.login img {
	display:block;
	float:left;
	margin:12px 12px 0 0;
}

.tab ul.login li a {
	text-transform:uppercase;
	color: #24A2C9;
	padding:0 18px 0 6px;
	outline:none;
}

.tab ul.login li a:hover {
	color: #5DD1EB;
}

#open, #close {
	width:100px;
}

/* sliding panel */

#toppanel {
	position: relative;   /*Panel will overlap  content */
	/*position: absolute;*/   /*Panel will overlap  content */
    top: 0;
	width: 100%;
	z-index: 987;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	min-width:956px;
	border-top:4px solid #00032B;
}

#panel {
	background: transparent url(../img/login_panel.png) repeat-x bottom;
	width: 100%;
	height: 114px;
	color: #999999;
	overflow: hidden;
	position: relative;
	z-index: 988;
	display: none;
	border-bottom:4px solid #00032B;
}

#panel h1 {
	padding: 5px 0 0 12px;
	margin: 0;
	color: #D4EEF9;
	font-size:1.4em;
	font-weight:bold;
}

#panel h2{
	font-size: 1.2em;
	padding: 0 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 12px 0 0;
	padding: 0 0 0 12px;
	color:#FFF;
}

#panel .content {
	width: 966px;
	margin: 0 auto;
	padding-top: 8px;
	text-align: left;
}

#intro_client, #client {
	float: left;
	border-left: 1px dotted #003152;
	
	height:100px;
}

#intro_client {
	width: 505px;
	padding:0 8px;
}

#client {
	width:425px;
	padding:0 0 0 8px;
}

#panel .content form {
	margin: 0 0 10px 0;
	width:650px;
}

#panel .content input.bt_login {
	background: none;
	border: none;
	color:#999999;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
	text-align: center;
}

#panel .content input.bt_login {width: 74px;}

/***** Top Info *****/

#top_info {
	background: transparent url(../img/top_info_shadow.png) no-repeat bottom center;
	font-weight:bold;
	height:37px;
}

#top_info p {
	color: #105B74;
	background-color:#001031;
	display:block;
	font-size:1.05em;
	height:10px;
	line-height:2;
	overflow:hidden; /* ie 6 */
	white-space: nowrap;	
}

#top_info a:link, #top_info a:visited {
	color: #0091B1;
	font-weight:normal;
}

#top_info a:hover {
	color: #5DD1EB;
	text-decoration:none;
}

/***** Header *****/

#header {
	margin:0 auto;
	width:916px;
}

#header h1{
	color: #FFF;
	float: left;
	height:82px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	text-align:left;
	width:314px;
}

#header_teaser{
	background: transparent url(../img/blue_canvas_main_logo.jpg) 0 0px no-repeat;
	display:block;
	height:82px;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width: 314px;
	z-index:1;
}

/***** Navigation *****/

ul#navigation {
	background: none;
	display:block;
	float:right;
	height: 96px;
	list-style:none;
	margin: -14px 0 0 0; 
	padding: 0;  
	width: 600px; 
}

ul#navigation li { float: left; }

ul#navigation li a { 
	background: transparent url(../img/menu_sprite.jpg) no-repeat scroll left top; 
	display: block;
	height: 96px;
	outline:none;
	position: relative;
}
	
ul#navigation li a.home { width: 86px; }

ul#navigation li a.the_company{ 
	background-position: -89px 0px;
	width: 114.5px; 
}

ul#navigation li a.services { 
	background-position: -206px 0px; 
	width: 87.5px; 
}

ul#navigation li a.portfolio { 
	background-position: -296px 0px; 
	width: 101.5px; 
}

ul#navigation li a.careers { 
	background-position: -399px 0px;
	width: 87px; 
}

ul#navigation li a.contact_us { 
	background-position: -487px 0px; 
	width: 107px; 
}

ul#navigation li a span { 
	background: transparent url(../img/menu_sprite.jpg) no-repeat scroll left bottom;
	display: block;
	height: 100%; 
	left: 0pt; 
	position: absolute; 
	top: 0pt; 
	width: 100%; 
	z-index: 100; 
}


ul#navigation li a.home span#current { background-position: 0px -192px; }
ul#navigation li a.the_company span#current { background-position: -89px -192px; }
ul#navigation li a.services span#current { background-position: -206px -192px; }
ul#navigation li a.portfolio span#current { background-position: -296px -192px; }
ul#navigation li a.careers span#current { background-position: -399px -192px; }
ul#navigation li a.contact_us span#current { background-position: -487px -192px; }

ul#navigation li a span:hover { cursor: pointer; }
ul#navigation li a.home span { background-position: 0px -96px; }
ul#navigation li a.the_company span { background-position: -89px -96px; }
ul#navigation li a.services span { background-position: -206px -96px; }
ul#navigation li a.portfolio span { background-position: -296px -96px; }
ul#navigation li a.careers span { background-position: -399px -96px; }
ul#navigation li a.contact_us span { background-position: -487px -96px; }

/***** Main Section *****/

#main_section {
	background-color: #FFF;
	margin:0 auto;
	padding: 0;
	text-align:left;
	width: 916px;
	min-height:350px;
}

#main_section h1 {
	color:#00445C;
	display: block;
	float: left;
	padding-left:22px;
	width: 62%;
}

#main_section h2 {
	/*border-bottom:1px solid #DAEDF3;*/
	/*color:#00445C;*/
	padding:20px 0 10px;
}

.main_section_shadow {
	background:transparent url(../img/main_section_shadow.png) no-repeat scroll center -1px;
	display: block;
	height:10px;
	margin:0 auto;
	position:relative;
}

/***** Main top banner homepage *****/

#main_top {
	background-color:#D5EFFF;
	height:180px;
}

/***** Top banner *****/

#top {
	color: #FFF;
	height:160px;
}

#top h2 {
	border:none;
	color:#FFF;
	font-size:2.2em;
	padding:5px 0 5px;
	text-transform: inherit;
}

#top p {
	color: #FFF;
	font-size:1.2em;
}

#top #quick_nav, #top h2, #top p {
	padding-right:45px;
}

#top #quick_nav {
	display:block;
	font-weight: bold;
	font-size:1.1em;
	padding:25px 0 0 0;
	text-transform:uppercase;
}

#top #quick_nav a:link, #top #quick_nav a:visited {color: #FFF;}

#banner_contact_us, #banner_services, #banner_portfolio, #banner_the_company, #banner_careers { height:160px; }

#banner_services { background: #DC0000 url(../img/banner_services.jpg) no-repeat top center; }
#banner_the_company { background: #010916 url(../img/banner_the_company.jpg) no-repeat top center; }
#banner_portfolio { background: #A46B00 url(../img/banner_portfolio.jpg) no-repeat top center; }
#banner_careers { background: #4E0405 url(../img/banner_careers.jpg) no-repeat top center; }
#banner_contact_us { background: #145C58 url(../img/banner_contact_us.jpg) no-repeat top center; }

#banner_portfolio span#portfolio, #banner_contact_us span#contact_us, #banner_careers span#careers, #banner_the_company span#the_company, #banner_services span#services, #banner_services span#ecommerce, #banner_services span#content_management, #banner_services span#database, #banner_services span#webdevelopment, #banner_services span#brand_development, #banner_services span#website, #banner_services span#brochure, #banner_services span#hosting, #banner_services span#local_marketing_media, #banner_services span#photography, #banner_services span#local_marketing, #banner_services span#online_marketing, #banner_services span#seo, #banner_services span#customer_relationship_marketing, #banner_services span#understanding_your_audience, #banner_services span#traffic_analysis, #banner_services span#conversion_analysis {
	display:block;
	float:left;
	height:160px;
	margin:0 20px;
	width: 210px;
}
#banner_services span#services { background:transparent url(../img/services.png) no-repeat scroll center center; }
#banner_services span#ecommerce { background: transparent url(../img/ecommerce_icon.png) no-repeat center center; }
#banner_services span#content_management { background: transparent url(../img/content_management_icon.png) no-repeat center center; }
#banner_services span#database { background: transparent url(../img/database_icon.png) no-repeat center center; }
#banner_services span#webdevelopment { background: transparent url(../img/webdevelopment_icon.png) no-repeat center center; }
#banner_services span#brand_development { background: transparent url(../img/brand_development_icon.png) no-repeat center center; }
#banner_services span#website { background: transparent url(../img/website_icon.png) no-repeat center center; }
#banner_services span#brochure { background: transparent url(../img/brochure_icon.png) no-repeat center center; }
#banner_services span#hosting { background: transparent url(../img/hosting_icon.png) no-repeat center center;  }
#banner_services span#local_marketing_media { background: transparent url(../img/local_marketing_media_icon.png) no-repeat center center; }
#banner_services span#photography { background: transparent url(../img/photography_icon.png) no-repeat center center; }
#banner_services span#local_marketing { background: transparent url(../img/local_marketing_icon.png) no-repeat center center; }
#banner_services span#online_marketing { background: transparent url(../img/online_marketing_icon.png) no-repeat center center; }
#banner_services span#seo { background: transparent url(../img/seo_icon.png) no-repeat center center; }
#banner_services span#customer_relationship_marketing { background: transparent url(../img/customer_relationship_marketing_icon.png) no-repeat center center; }
#banner_services span#understanding_your_audience { background: transparent url(../img/understanding_your_audience_icon.png) no-repeat center center; }
#banner_services span#traffic_analysis { background: transparent url(../img/traffic_analysis_icon.png) no-repeat center center; }
#banner_services span#conversion_analysis { background: transparent url(../img/conversion_analysis_icon.png) no-repeat center center; }

#banner_portfolio span#portfolio { background: transparent url(../img/portfolio_icon.png) no-repeat center center;}
#banner_the_company span#the_company { background:transparent url(../img/the_company.png) no-repeat scroll center center; }
#banner_careers span#careers { background:transparent url(../img/careers.png) no-repeat scroll center center; }
#banner_contact_us span#contact_us { background:transparent url(../img/contact_us.png) no-repeat scroll center center; }



/* Slide homepage */

.coda-slider-wrapper { padding: 0px; }
.coda-slider { background: #ebebeb; height: 180px;}
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
	height: 180px;
	/*overflow: auto !important;*/
}
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
	height: 180px;
	width: 916px;
} 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 916px; }
.coda-slider-wrapper.arrows .coda-slider { margin: 0px; }

/* Arrow styling */
/*.coda-nav-left a, .coda-nav-right a { 
	background: none; 
	color: #fff; 
	padding: 5px; 
	width: 100px; 
}*/
	
/* Tab nav */
.coda-nav ul li a.current {background: transparent url(../img/slider_controller.png) no-repeat 12px 0px; }
	
/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px 20px; }
	
/* Preloader */
.coda-slider p.loading { padding: 20px; }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav { 
	border-top:5px solid #001733;
	float:left;
	width:916px; 
}

.coda-nav ul { 
	background: transparent url(../img/controller_bkgr.png) no-repeat top center;
	clear:both;
	display:block;
	float:right;
	height:24px;
	margin:0 10px 0 0;
	overflow:hidden;
	padding:0 0 0 135px;
	position:relative;
	width:200px;
	z-index:10;	
}

.coda-nav ul li { 
	display:block;
	float:left;
	padding:3px 0;
}
.coda-nav ul li a { 
	background: transparent url(../img/slider_controller.png) no-repeat 12px -9px;  
	color: #fff; 
	display: block; 
	float: left; 
	height: 10px;
	margin: 0px;
	outline:none;
	padding: 0px 13px; 
	text-decoration: none;
	width:12px;
}
	
/* Miscellaneous */

.coda-slider-wrapper {
	clear: both;
	height:210px;
	overflow: hidden;
}

.coda-slider { 
	float: left; 
	overflow: hidden; 
	position: relative; 
	text-align:left; 
}
.coda-slider .panel { 
	display: block; 
	float: left; 
}
.coda-slider .panel-container {
	position: relative; 
}
/*.coda-nav-left, .coda-nav-right { 
	float: left; 
}
.coda-nav-left a, .coda-nav-right a { 
	display: block; 
	text-align: center; 
	text-decoration: none; 
}*/


/* Panels */

#panel_first { background: #020202 url(../img/banner_homepage_1.jpg) no-repeat center center; }
#panel_second { background: transparent url(../img/banner_homepage_2.jpg) no-repeat center center; }
#panel_third { background: transparent url(../img/banner_homepage_3.jpg) no-repeat center center; }
#panel_fourth { background: transparent url(../img/banner_homepage_4.jpg) no-repeat center center;}
#panel_fifth { background: transparent url(../img/banner_homepage_5.jpg) no-repeat center center;}

/***** Left Column *****/

#lx_clm {
	background:#FFF;
	float:left;
	margin:10px 0 0 10px;
	min-height:325px;
	width: 560px;
}

#lx_clm h2 {
	border-bottom:1px solid #B9CDD6;
	color:#00445C;	
	margin:0 0 15px;
}


#lx_clm h3 {
	color:#00445C;
	display: inline;
}

#lx_clm p {
	font-size:1.15em;
	line-height:1.5;
	color:#286480;
}

.in_lx {
	border-bottom: 0px dotted #B9CDD6;
	margin: 0 0 60px;
	position:relative;
	clear:both;
}

.in_lx p { display:inline; }

.in_lx ul { list-style:disc; font-style:italic; }

.in_lx ul li { font-size:1.2em; color:#286480; line-height:1.8; }


.toggle { background-color: #FFF; clear:both;}

.toggleLink { display:block; clear:both; margin:10px 0;}


/* Profile */

.profile {
	border-bottom: 1px dotted #B9CDD6;
	padding:45px 0 24px 180px;
}

.profile h3 {color: #007CA4;}

#lx_clm .profile p {
	font-size:1.1em;
	line-height:1.3;
}

#james {background: transparent url(../img/profile_james.png) no-repeat 42px bottom;}

#luigi { background: transparent url(../img/profile_luigi.png) no-repeat 24px bottom;}

#david {background: transparent url(../img/profile_david.png) no-repeat 24px bottom;}

#joe {background: transparent url(../img/profile_joe.png) no-repeat 24px bottom;}

/***** Tabber *****/

#tabber {
	float:left;
	margin:4px 0 0;
	width:546px;
}

/* root element for tabs  */
ul.tabs {  
	border-bottom:0px solid #666;
	margin:0 !important; 
	padding:0;
	height:35px;	 	
}

/* single tab */
ul.tabs li {  
	background: #f2f2f3 url(../img/tabs_bkgr.png) repeat-x center;
	float:left;
	height:35px;
	list-style-type:none;	
	padding:0; 
	margin:0 3px 0 0;  	
}

ul.tabs li.last {margin-right:0px;}

ul.tabs li a#development {background: transparent url(../img/development_ico_sprite.png) no-repeat 16px -2px; width:85px;}
ul.tabs li a:hover#development {background: transparent url(../img/development_ico_sprite.png) no-repeat 16px -34px;}
ul.tabs li a.current#development  {background: #003856 url(../img/development_ico_sprite.png) no-repeat 16px -68px;}

ul.tabs li a#design {background: transparent url(../img/design_ico_sprite.png) no-repeat 16px -2px; width:50px;}
ul.tabs li a:hover#design {background: transparent url(../img/design_ico_sprite.png) no-repeat 16px -34px;}
ul.tabs li a.current#design {background: #003856 url(../img/design_ico_sprite.png) no-repeat 16px -68px;}

ul.tabs li a#marketing {background: transparent url(../img/marketing_ico_sprite.png) no-repeat 16px -2px; width:68px;}
ul.tabs li a:hover#marketing {background: transparent url(../img/marketing_ico_sprite.png) no-repeat 16px -34px;}
ul.tabs li a.current#marketing {background: #003856 url(../img/marketing_ico_sprite.png) no-repeat 16px -68px;}

ul.tabs li a#user_exp {background: transparent url(../img/user_exp_ico_sprite.png) no-repeat 16px -1px; width:102px;}
ul.tabs li a:hover#user_exp {background: transparent url(../img/user_exp_ico_sprite.png) no-repeat 16px -33px;}
ul.tabs li a.current#user_exp {background: #003856 url(../img/user_exp_ico_sprite.png) no-repeat 16px -67px;}



/* link inside the tab. uses a background image */
ul.tabs a { 
border:0px solid #666;	
	color:#007ca4;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	height:15px;
	padding:10px 28px 10px 30px;	
	position:relative;
	outline: none;
	text-decoration:none;
	text-indent:12px;
	top:0px;	
}

ul.tabs a:hover {color:#24A2C9;}
	
/* selected tab */
ul.tabs a.current {
	background-color:#003856;
	border-bottom:0px solid #003856;	
	color:#D4EEF9;	
	cursor:default;
}

/* tab pane */
div.panes div {
	background:transparent url(../img/tabber_bkgr.png) repeat-x top;
	border:0px solid #666;
	display:none;
	height:120px;
	padding:15px 15px 0;
}

#lx_clm div.panes div p {
	color: #e7f0f7;
	font-size:1.1em;
	height:78px;
	line-height:1.4;
	padding:0;
}

div.panes div p:first-letter {
	font-size: 1.4em;
	font-weight:bold;
}

.linkto {
	background: transparent url(../img/tab_spacer.png) repeat-x top;
	color: #D4EEF9;
	display:block;
	padding:13px 0;
}

.linkto a:link, .linkto a:visited {
	color: #D4EEF9;
	font-size:1.1em;
	font-weight:bold;
	margin:0 4px;
}

.linkto a:hover {color: #E7F0F7;}

/***** Right Column *****/

#rx_clm {
	float:right;
	margin:10px 0 20px;
	width:345px;
}

#rx_clm h2 {
	color: #FFF;
	padding:15px 0 10px;
}

.in_rx {
	background-color: #b9cdd6;
	padding:5px;
	margin:0 10px 5px 0;
}

.in_rx h2 {
	background-color: #001733;
	text-indent:13px;
}

.in_rx_extra p{
	background-color: #001733;
	color: #FFF;
	display:block;
	padding:0 13px 10px;
	font-style:italic;
}

.in_rx a:link, .in_rx a:visited {
	display: block;
	line-height:2.4;
	text-indent:24px;
	font-size:1.1em;
}

ul#news {
	list-style:none;
	margin:0;
	padding:0;
}

ul#news li, ul#twitter_update_list li {
	background: #f2f4f6 url(../img/sec_box.png) repeat-x bottom;
	margin:0 0 1px;
	display: block;
}

ul#news li a:link, ul#news li a:visited, ul#twitter_update_list li span {
	background: transparent url(../img/news_list.png) no-repeat 12px 17px;
	padding: 15px 20px 5px 30px;
	display:block;
	font-weight:bold;
	color: #001733;
	font-size:1.1em;
	text-indent:0px;
	line-height: normal;
}

ul#news li em {
	color: #697F8A;
	display:block;
	padding: 0 0 10px 30px;
}

.sec_box {
	background: #f2f4f6 url(../img/sec_box.png) repeat-x bottom;
	margin:0 0 1px;
}

.sec_box p {
	background: transparent url(../img/blue_arrow.png) no-repeat 12px 18px;
	color: #697f8a;
	font-style:italic;
	padding: 15px 20px 20px 30px;
}

.sec_box p:first-line {
	font-weight:bold;
	font-style:normal;
	color: #001733;
}

/* Home form container */


#form_container {
	/*background:transparent url(../img/get_in_touch.png) no-repeat top left;*/
	background-color: #ff9500;
	position:relative;
	margin:26px 0px 0;
	width: 335px;
	z-index: 999;
}

#main_section #form_container h2 {
	background: transparent url(../img/homepage_form_shadow.png) no-repeat bottom center;
	border:none;
	padding:12px 0 16px 15px;
	display: block;
	color: #FFF;
}

#main_section #form_container p {
	color: #FFF;
	line-height:1.4;
	padding:2px 15px 0;
}

#wrap_extra_form {
	position: absolute;
	z-index:998;
	width:335px;
	left:0;
	margin:10px 0 0;
	/*top:220px;*/
}
#extra_form {
	background-color: #ff9500;
	float:left;
	padding:0 0 5px 4px;
	position: relative;
	width: 331px;
}

ul.more {
	background-color: #fe7600;
	list-style:none;
	display:block;
	padding:10px;
	position: relative;
	margin: 0;
	float: left;
	height:41px;
}

#send { 
	float:left;
	margin:2px 0 4px 12px;
}
/***** Latest Projects *****/

#latest {
	float:left;
	margin:10px 0 0;
	width:560px;
}

.latest_pj a:link, .latest_pj a:visited, a:link.view, a:visited.view, a:link.toggleLink, a:visited.toggleLink {
	background: transparent url(../img/view_project.png) no-repeat 0px -4px;
	color: #47B0C5;
	font-size:0.9em;
	font-weight: bold;
	line-height:1.4;
	padding:0 0 1px 22px;
	text-transform: uppercase;
	outline:none;
}

.latest_pj a:hover, a:hover.view, a:hover.toggleLink  {
	background: transparent url(../img/view_project.png) no-repeat 0px -24px;
	color:#007CA4;
}

span.short {padding:37px 20px 0 0;}

/* container for slides */


#latest .images {
	background: transparent url(../img/latest_bkgr.png) repeat-x top;
	position:relative;
	height:130px;
	width:532px;
	float:left;
	margin:0px;
	cursor: default;
}

/* single slide */
#latest .images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:10px 0 0 15px;
	padding:0px;
	width:520px;
}

/* Latest displayed  */

.box_latest {
	background: transparent url(../img/latest_shadow.png) no-repeat bottom center;
	display: block;
	float:right;
	width:325px;
	position:relative;
	height:115px;
	margin:0 10px 0 5px;
}

.box_latest img {border: 5px solid #FFF;}

.latest_pj h3 {	color: #0191C1;}

#lx_clm .latest_pj p {color: #47B0C5; font-size:1.1em; line-height:1.3;}

/* header */

/* tabs (those little circles below slides) */
#latest .tabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
#latest .tabs a {
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	float:left;
	font-size:1px;	
	height:8px;
	margin:3px;
	width:8px;
}

/* future updates mouseover state 
#latest .tabs a:hover {
	background-position:0 -8px;      
}*/

/* active state (current page state)
#latest .tabs a.current {
	background-position:0 -16px;     
} 	 */


/* prev and next buttons */
#latest .forward, #latest .backward {
	float:right;
	margin:0 14px 0 0;
	background:#fff url(../img/latest_next.png) no-repeat;
	display:block;
	width:14px;
	height:130px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
#latest .forward 				{ background-position: center center; clear:right; }
/*#latest .forward:hover 		{ background-position:-30px -30px; }*/
/*#latest .forward:active 	 	{ background-position:-60px -30px; } */


/* prev 
#latest .backward:hover  		{ background-position:-30px 0; }
#latest .backward:active  	{ background-position:-60px 0; }*/

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
#latest .disabled {
	display:none;
	visibility:hidden !important;
}
/***** Footer *****/

#teaser {
	background: transparent url(../img/wide_footer.jpg) repeat-x bottom center;
	height:340px;
	margin:0 auto;
	width:100%;
}

#footer {
	background: transparent url(../img/footer_bkgr.png) repeat-x bottom;
	margin:0 auto;
	width:916px;
	min-height:72px;
	padding: 0 20px;
}

#in_footer {
	background:#edf5f5 url(../img/main_section_shadow.png) no-repeat scroll center -1px;
	padding:4px 10px 6px;
}

.small_logo {
	background: transparent url(../img/small_logo.png) no-repeat center center;
	float:left;
	margin:6px 4px 0 0px;
	width:50px;
	height:35px;
}

ul#shortnav {
	color:#9ab7c0;
	list-style: none;
	text-align:left;
	margin:0;
	padding:12px 0 0;
}

ul#shortnav li{
	display: inline;
	font-size:1em;
}

ul#shortnav li a:link, ul#shortnav li a:visited {
	color:#9ab7c0;
}

.copyrights {
	color:#9ab7c0;
	display:block;
	text-align:left;
	float: left;
}

/***** Services *****/

#services {
	float:left;
	margin:10px 0 0 0;
}

.box_services{
	background: #b9ced6 url(../img/box_services_bkgr.png) repeat-x top;
	float:left;
	height:316px;
	margin:0 0 10px 1.05em;
	padding:0 0 10px 0;
	width:216px;
}

.list_services {
	border-top:1px solid #f8f9fb;
	padding: 12px 10px 0;
}

#services .list_services a:link, #services .list_services a:visited {
	color: #0281a2;
	font-size:1.3em;
	line-height:1.6;
}

#services a#development, #services a#design, #services a#marketing, #services a#user_exp {border-bottom:1px solid #daedf3; text-align:center;}
#services a#development { background: transparent url(../img/development_ico.png) no-repeat 27px 21px; }
#services a#design { background: transparent url(../img/design_ico.png) no-repeat 55px 22px; }
#services a#marketing { background: transparent url(../img/marketing_ico.png) no-repeat 44px 22px; }
#services a#user_exp { background: transparent url(../img/user_exp_ico.png) no-repeat 18px 22px; }

.list_services span {
	border-bottom:1px dotted #83C3D0;
	clear:both;
	color: #47b0c5;
	display:block;
	margin:0 0 6px;
	padding:0 0 4px;
}

/***** Tooltip *****/
/* Tooltip */

a.tag {text-decoration:none;}

.tag:link, .tag:visited{
	color:#00445c;
	cursor: pointer;
	display: block;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:-1px;
	overflow: hidden;
	padding:20px 0 10px;	
}

.tag:hover { display: block; }

.tooltip {
	background: transparent  url(../img/black_arrow_big.png) no-repeat scroll 0% 0%;
	display: none;
	height: 250px;
	padding:0 0 0 15px;
	width: 243px;
	z-index:999;
}

.tooltip h3 {
	color:#E7F0F7;
	padding:30px 0 5px;
}

.tooltip p {color:#E7F0F7;}

/***** Portfolio *****/

/* Second level */

.portfolio_box_teaser {
	background: transparent url(../img/portfolio_box_shadow.png) no-repeat bottom center;
	float:left;
	height:280px;
	margin:14px 0 10px 1.85em;
}

.portfolio_box {
	background-color:#E9F0F3;
	float:left;
	height:270px;
	margin:0;
	width:430px;
}

.portfolio_box p {
	color: #0281A2;
	float:left;
	font-size:1em;
	margin:0 0 0 12px;
	width:93%;
}

.portfolio_box a img {
	display:block;
	float:left;
	margin:10px 10px 15px;
	height:200px;
	width:410px;
}

.three_clm {
	background: #b9ced6 url(../img/box_services_bkgr.png) repeat-x top;
	float:left;
	margin:0 0 10px 1.05em;
	min-height:316px;
	padding:0px 10px 0;
	width:270px;
}

.three_clm h2 {
	color:#00445C;	
}


.three_clm p {
	color:#0281A2;
	padding: 12px 0 0;
}

.green_features {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0;
	padding:0;
}

ul.green_features li {
	background: transparent url(../img/checked_list.png) no-repeat 1px -2px;
	color: #47b0c5;
	font-size: 1.1em;
	padding:0 0 8px 25px;
}


/***** Third level services menu *****/

ul.menu ul {
	position:absolute;
	width:229px;
	z-index:900;
	background:transparent url(../img/box_services_bkgr.png) repeat scroll 0px -94px;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 0px;
}

ul.menu li a {
  outline:none;
  color: #fff;	
  padding: 0.5em;
}

ul.menu li a:hover {
  color: #47B0C5;
}

ul.menu li ul {
	padding:0 0 8px;
}

ul.menu li ul li a {
    background:none;
	color: #0281a2;
	font-size:1.3em;
	line-height:2.2;
	border-bottom:1px dotted #83C3D0;
	margin:0 10px;
}

ul.menu li ul li a:hover {
	text-decoration: underline;
	color: #0281a2;
}

.sub {
	background:#B9CED6 url(../img/box_services_bkgr.png) repeat-x scroll 0px 0px;
	display: block;
	float:left;
	margin:0;
	padding:0;
	width:229px;
}

.sub .drop {
	font-weight:bold;
	color:#007CA4;
	cursor:pointer;
	display:block;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-1px;
	overflow:hidden;
	text-align:center;
	margin:0px;
	padding:12px;
}

.sub a#development { background: transparent url(../img/development_ico_sprite.png) no-repeat 30px 2px; }
.sub a:hover#development {background: transparent url(../img/development_ico_sprite.png) no-repeat 30px -30px;}

.sub a#design { background: transparent url(../img/design_ico_sprite.png) no-repeat 55px 2px; }
.sub a:hover#design { background: transparent url(../img/design_ico_sprite.png) no-repeat 55px -30px; }

.sub a#marketing { background: transparent url(../img/marketing_ico_sprite.png) no-repeat 44px 3px; }
.sub a:hover#marketing { background: transparent url(../img/marketing_ico_sprite.png) no-repeat 44px -29px; }

.sub a#user_exp { background: transparent url(../img/user_exp_ico_sprite.png) no-repeat 18px 3px; }
.sub a:hover#user_exp { background: transparent url(../img/user_exp_ico_sprite.png) no-repeat 18px -29px; }

/***** Ajax hints *****/

.ajax_bad , .mandatory {
   color:#F00;
   font-weight:bold;
}

.ajax_good {
   color:#F00;
   font-weight:bold;
}

.yui-content .dxtab  p, #dashboard  p, #dashboard h3,#dashboard h2,#dashboard h1,.hdm,.dxtab table {color:#000;}


/***** Homepage form ******/

.short_box {
	float:left;
	width:159px;
}

.home_form, .contact_form {
	display: block;
	margin:0 0 0 4px;
	padding:0 0 10px;
}

.home_form label, #toppanel label, .contact_form label {
	/*clear:left;*/
	color: #FFF;
	/*float:left;*/
	padding:8px 0px 4px 6px;
	/*text-align: right;*/
	text-align: left;
	/*width:140px;*/
	display: block;
	float: left;
	margin:0 0 0 10px;
	font-weight: bold;
}

.contact_form label { color: #396B82;}

.short_field {
	background: transparent url(../img/field_basic_short.png) no-repeat center center;
	border:medium none;
	/*display:block;*/
	height:16px;
	padding:6px 8px;
	width:132px;
	margin:0 0 0 10px;
}

.long_field {
	background: transparent url(../img/field_basic_long.png) no-repeat center center;
	border:medium none;
	width:291px;
	padding:6px 8px;
	height:17px;
	margin:0 0 0 10px;
}

/* select */

div.selectbox-wrapper {
	background-color:#FFF;
    border: medium none;
    margin:0 0 0 11px;
	overflow:auto;
  	padding:0px;
  	position:absolute;
	text-align:left;
	z-index:100;
	font-size:1.1em;
	text-indent:8px;
}

div.selectbox-wrapper ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

div.selectbox-wrapper ul li.selected { 
    background-color: #EAF2FB;
}

div.selectbox-wrapper ul li.current { 
    background-color: #CDD8E4;
}

div.selectbox-wrapper ul li {
	cursor:pointer;
    display:block;
	list-style-type:none;
    margin:0;
    padding:4px;
}

.selectbox {
	background:transparent url(../img/bg_select.png) repeat scroll right center;
	cursor:pointer;
	margin:0 0 0 10px;
	padding:8px 8px;
	text-align:left;
	border: medium none;
}

.home_form .selectbox, .contact_form .selectbox {  width: 291px;}


.home_form textarea, .contact_form textarea {
	background: transparent url(../img/textarea_basic.png) no-repeat top center;
	border: 0pt none;
	overflow:auto;
	width:309px;
	max-width:291px;
	padding:5px 8px;
	height:104px;
	max-height:104px;
	margin:0 0 0 10px;
}


.btn_basic {
	background: url(../img/btn_left_basic.png) no-repeat;
	padding: 0 0 0 6px;
	margin:0;
	height:41px;
}
.btn_basic a:link, .btn_basic a:visited	{
	background: url(../img/btn_stretch_basic.png) repeat-x left top;
	color:#00779C;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	height:41px;
	line-height:42px;
	outline: none;
	padding:0 24px;
	text-align:center;
	text-decoration:none;
	width:255px;
}

.btn_basic a:hover {
	color: #005081;
}

.btn_basic span {
	background: url(../img/btn_right_basic.png) no-repeat;
	float: left;
	width: 6px;
	height: 41px;
}

/* Pagination */
#page_navigation {
	float:right;
	margin:10px 15px 0 0;
}

#page_navigation a{
	padding:3px 6px;
	border:0px solid gray;
	margin:2px;
	text-decoration:none;
	display: block;
	float:left;
	color: #47B0C5;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:bold;
}

#page_navigation a:hover {
	color:#007CA4;
	text-decoration: underline;
}

.active_page{
	background:#47B0C5;
	color:white !important;
	text-decoration: none;
}

/* Tweeter */

div#twitter {}
p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	/*background: transparent url(../img/loader.gif) 1em center no-repeat;*/
}

ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#twitter_update_list li { padding:0 0 12px; }

ul#twitter_update_list li a {
	/* timestamp link */
	color: #0084B4;
	display:inline;
	margin:0 0 0 24px;
	font-weight:bold;
	text-indent:0;
	padding:5px;
}

ul#twitter_update_list li span { display: block; font-size:1.1em; }

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #697F8A;
	font-weight: normal;
	text-indent:0px;
	font-style:italic;
	background:none;
	text-indent:0px;
	margin:0;
	padding:0;
	display:block;
	font-size:1em;
}

ul#twitter_update_list li.firstTweet {}
ul#twitter_update_list li.lastTweet {border-bottom: none;}
a#profileLink {
	background: #001733 url(../img/twitter.png) no-repeat left center;
	display: block;
	padding:0.5em 1em 0.5em 3em;
	color: #51A4DA;
}