/**********
MAIN
*********
GLOBAL*/
HTML
{
	height: 100%;
}
BODY
{
	min-height: 100%;
	background: #6BBBD6 url(../../img/site/bg_main_01.gif) repeat-y center;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	color: #333;
}
H1
{
	font-size: 16px;
	color: #5DBAE6;
	font-weight: bold;
	text-transform: uppercase;
}
H2, H3, .title1
{
	font-size: 10px;
	color: #5DBAE6;
	font-weight: bold;
	line-height: 15px;
}
H2
{
	text-transform: uppercase;
}
A
{
	color: #56575A;
}
.color_text
{
	color: #5DBAE6;
}
.clear
{
	clear: both;
}
/*hidden*/
#INVALID-RULE
{
	display: none;
}
/*STRUCTURE*/
#content_wrapper
{
	width: 976px;
	margin: 0 auto;
	text-align: left;
	/*height: 100%;*/
	position: relative;
}
.bg_image
{
	width: 976px;
	height: 100%;
	background: no-repeat top center;
	position: absolute;
}
#side_bar
{
	height: 100%;
	width: 298px;
	background: url(../../img/site/bg_sidebar_03.png) repeat-y;
	position: absolute;
	top: 0;
	left: 0;
}
#logo
{
	position: absolute;
	top: 0px;
	left: 0px;
}
#navigation
{
	position: absolute;
	top: 118px;
	left: 30px;
	width: 218px;
	border: 1px solid #96989B;
	border-left: none;
	border-right: none;
	padding-bottom: 14px;
}
#navigation UL
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navigation UL LI
{
	margin-top: 14px;
}
/*SUB NAV*/
#navigation UL LI UL LI
{
	margin: 0 0 0 7px;
	line-height: 15px;
}
#navigation UL LI UL LI A
{
	color: #5DBAE6;
}
#navigation UL LI UL LI A:hover
{
	text-decoration: underline;
}
#feeds_wrapper
{
	position: absolute;
	top: 400px;
	left: 30px;
	width: 215px;
/*display:none;*/
}
#feeds_wrapper .feed
{
	margin-bottom: 15px;
}
#feeds_wrapper A
{
	color: #5DBAE6;
	text-decoration: underline;
}
#feeds_wrapper H3
{
	color: #56575A;
}
#feeds_wrapper .author
{
	font-style: italic;
	color: #666;
}
#feeds_wrapper .pandora_album
{
	margin-right: 10px;
	height: 50px;
}
#right_col
{
	/*
	position: absolute;
	height: 100%;
	*/
	position: relative;
	top: 0px;
	left: 298px;
	width: 678px;
	/*min-height: 1200px;*/
}
#footer
{
	font-family: Helvetica;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	position: relative;
	margin-top: 58px;
}
#footer UL
{
	width: 295px;
	margin: auto;
}
#footer UL LI
{
	float: left;
	border-right: 1px solid #FFF;
	line-height: 10px;
	padding: 0 6px;
}
#footer UL LI A
{
	color: #FFF;
}
#footer UL LI.last
{
	border: none !important; /*[e]none*/
}
#copyright
{
	padding-top: 5px;
	position: relative;
}
#toggles
{
	position: absolute;
	bottom: -5px;
	right: 82px;
}
#toggles IMG
{
	cursor: pointer;
	margin-right: 3px;
}
/*DIALOG OVERRIDE*/
.ui-resizable-handle
{
	display: none !important; /*[e]none*/
}
.ui-dialog-titlebar-close
{
	display: none !important; /*[e]none*/
}
.ui-dialog-container
{
	background: url(../../img/site/bg_popup.png) no-repeat top left;
	position: relative;
}
.dialog_content
{
	width: 655px;
	height: 260px;
	position: relative;
	top: 35px;
	left: 70px;
	text-align: left;
	color: #FFF;
	font-size: 10px;
}
.dialog_content IMG
{
	margin-right: 25px;
}
.dialog_content P
{
	margin-top: 20px;
}
.ui-dialog-buttonpane
{
	right: 0px !important; /*[e]0px*/
}
.ui-dialog-buttonpane BUTTON
{
	border: none !important; /*[e]none*/
	background: none !important; /*[e]none*/
	color: #5DBAE6;
	cursor: pointer;
}
.dialog_content_large
{
	width: 280px;
	height: 450px;
	position: relative;
	top: 48px;
	left: 64px;
	text-align: left;
	color: #FFF;
	font-size: 11px;
	float: left;
}
.dialog_content_large H1
{
	float: left;
	width: 600px;
}
.dialog_content_large H2
{
	font-size: 13px;
	font-weight: bold;
	display: inline;
}
.dialog_content_large H3
{
	font-size: 11px;
	float: left;
	width: 600px;
	margin-bottom: 25px;
}
.dialog_content_large P
{
	margin-top: 20px;
}
.dialog_content_scroll
{
	height: 400px;
	overflow: auto;
	clear: both;
}
.dialog_content_large .color_text
{
	color: #A4E2FF;
}
.case_study_image
{
	float: right;
	background: url(../../img/site/callout_portfolio_popup.png) no-repeat top left;
	height: 368px;
	width: 442px;
	margin-top: 70px;
	position: relative;
}
.case_study_image IMG
{
	position: relative;
	top: 10px;
	left: 5px;
}
#scrollme
{
	height: 340px;
	overflow: auto;
}
/*HOME PAGE*/
#home_wrapper #footer
{
}
#marquee
{
	position: absolute;
	top: 56px;
	right: 50px;
}
#callout
{
	width: 276px;
	height: 176px;
	position: absolute;
	background: url(../../img/site/solutions_callout.png) no-repeat top left;
	left: 371px;
	top: 200px;
}
#callout DIV, #solutions_callout DIV
{
	margin: 34px 0 0 22px;
	width: 245px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#case_studies_title
{
	position: absolute;
	top: 410px;
	left: 24px;
}
#case_studies_wrapper
{
	width: 539px;
	height: 97px;
	position: relative;
	left: 45px;
	top: 419px;
}
.case_studies
{
	list-style: none;
}
.case_studies LI
{
	float: left;
	margin-right: 18px;
	height: 96px;
	width: 153px;
	padding: 4px;
	background: url(../../img/site/bg_case_study.png) no-repeat;
}
/*SOLUTIONS PAGE*/
#solutions_callout
{
	width: 276px;
	height: 176px;
	position: absolute;
	background: url(../../img/site/solutions_callout.png) no-repeat top left;
	left: 371px;
	top: 125px;
}
#solutions_title
{
	position: absolute;
	top: 349px;
	left: 100px;
}
#solutions_wrapper
{
	width: 530px;
	position: relative;
	left: 121px;
	top: 370px;
}
.solutions
{
	list-style: none;
}
.solutions LI
{
	float: left;
	margin: 0 12px 14px 0;
	height: 67px;
	width: 196px;
	padding: 21px 22px 0 21px;
	background: url(../../img/site/bg_solution.png) no-repeat;
}
.solutions LI A
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #5DBAE6;
	display: block;
}
#sub_content_wrapper
{
	width: 572px;
	height: 100%;
	background: url(../../img/site/bg_content_2.png) repeat-x top left;
	margin: auto;
	position: absolute;
	left: 53px;
}
#sub_content_header
{
	margin-top: 38px;
	margin-left: -19px;
}
#sub_content_block
{
	width: 592px;
	margin: auto;
	height: 100%;
}
.sub_content
{
	padding: 30px 40px 0;
	font-size: 11px;
	
}
.sub_content H3
{
	font-size: 13px;
}
#sub_content_block #footer UL LI A, #sub_content_block #footer
{
	color: #000000;
}
#sub_content_block #footer UL LI
{
	border-right: 1px solid #000;
}
#sub_content_block #footer #copyright #toggles
{
	display: none;
}
#content_holder
{
	display: none;
}
/*PROCESS PAGE*/
#process_wrapper
{
	position: relative;
}
#process_wrapper #footer
{
	top: 300px;
}
#process_list
{
	position: relative;
	left: 402px;
	top: 185px;
	margin: 0px;
	width: 276px;
}
#process_list LI
{
	position: relative;
}
#process_list LI.step2
{
	top: -22px;
	right: 19px;
}
#process_list LI.step3
{
	top: -47px;
	right: 38px;
}
#process_list LI.step4
{
	top: -72px;
	right: 57px;
}
#process_list LI.step5
{
	top: -97px;
	right: 76px;
}
#scrollme P
{
	margin: 0 0 15px;
}
/*COMPANY PAGE*/
#company_wrapper .content_alt { top: 561px; }
#company_wrapper #footer
{
	top: 700px;
	margin-top: 0;
}
#company_callout
{
	width: 337px;
	height: 352px;
	position: absolute;
	background: url(../../img/site/company_callout.png) no-repeat top left;
	left: 310px;
	top: 180px;
}
#company_callout DIV
{
	margin: 110px 0 0 26px;
	width: 292px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#company_title
{
	position: absolute;
	top: 539px;
	left: 70px;
}
.content_alt
{
	position: absolute;
	top: 503px;
	left: 92px;
	width: 450px;
	background: url(../../img/site/bg_content_alt.png) repeat-y;
	padding: 20px;
	font-size: 11px;
}
/*COMPANY OFFICE PAGE*/
#office_wrapper #footer
{
	top: 680px;
	margin-top: 0;
}
#office_callout
{
	width: 385px;
	height: 193px;
	position: absolute;
	background: url(../../img/site/office_callout.png) no-repeat top left;
	left: 262px;
	top: 132px;
}
#office_callout DIV
{
	margin: 95px 0 0 31px;
	width: 321px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#office_title
{
	position: absolute;
	top: 301px;
	left: 243px;
}
#gallery
{
	display: none;
}
/*COMPANY BIOS PAGE*/
#bios_callout
{
	width: 280px;
	height: 145px;
	position: absolute;
	background: url(../../img/site/callout_company_bios.png) no-repeat top left;
	left: 368px;
	top: 125px;
}
#bios_callout DIV
{
	margin: 39px 0 0 22px;
	width: 245px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#bios_title
{
	position: absolute;
	top: 291px;
	left: 22px;
}
#bios_wrapper
{
	width: 589px;
	position: relative;
	left: 45px;
	top: 313px;
}
.bios
{
	list-style: none;
}
.bios LI
{
	float: left;
	margin: 0 15px 8px 0;
	height: 144px;
	width: 157px;
	background: url(../../img/site/bg_team.png) no-repeat;
}
.bios IMG
{
	margin: 4px 0 0 8px;
}
.bios DIV
{
	margin: 0 0 0 12px;
	font-size: 10px;
}
.bios H3, .bios A DIV H3
{
	color: #5DBAE6 !important; /*[e]#5DBAE6*/
}
.bio_content_large
{
	width: 665px;
	height: 400px;
	position: relative;
	top: 60px;
	left: 75px;
	.left: 20px;
	text-align: left;
	color: #FFF;
	font-size: 11px;
	line-height: 1.3;
}
.bio_content_large H2, .bio_content_med H2
{
	font-size: 13px;
	font-weight: bold;
	display: inline;
	text-transform: none;
	
}
.bio_content_large P, .bio_content_med P
{
	margin-top: 20px;
}
.bio_content_med
{
	width: 665px;
	height: 400px;
	position: relative;
	top: 25px;
	left: 75px;
	.left: 20px;
	text-align: left;
	color: #FFF;
	font-size: 11px;
}
.bio_content_med #scrollme
{
	height: 310px;
}
#bio_pic_full
{
	margin-right: 40px;
	margin-right: 30px;
}
.bio_scroll
{
	height: 350px;
	overflow: auto;
}
/*WORK PAGE*/
#work_callout
{
	width: 387px;
	height: 188px;
	position: absolute;
	background: url(../../img/site/work_callout.png) no-repeat top left;
	left: 259px;
	top: 125px;
}
#work_callout DIV
{
	margin: 34px 0 0 22px;
	width: 331px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#work_filter
{
	width: 227px;
	height: 119px;
	background: url(../../img/site/work_filter.png) top left;
	position: absolute;
	left: 24px;
	top: 195px;
}
#work_filter DIV
{
	margin: 35px 0 0 42px;
}
#work_filter SELECT
{
	width: 150px;
}
#work_pages_wrapper, #filter_pages_wrapper
{
	height: 300px;
}
#work_wrapper
{
	width: 565px;
	position: relative;
	left: 50px;
	top: 350px;
}
.work_list
{
	list-style: none;
}
.work_list LI
{
	float: left;
	margin: 0 0 20px 24px;
	height: 87px;
	width: 88px;
	background: url(../../img/site/bg_work_thumb.png) no-repeat;
	position: relative;
}
.work_list LI A IMG
{
	margin: 5px 0 0 9px;
}
.work_list LI A DIV.portfolio_hover
{
	width: 131px;
	height: 58px;
	background: url(../../img/site/projects/portfolio_mouseover.png) no-repeat;
	position: absolute;
	top: 26px;
	left: -21px;
	text-align: center;
	color: #FFF;
	font-size: 10px;
}
.work_list LI A DIV.portfolio_hover H3
{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 3px;
	z-index: 1;
}
.portfolio_thumb
{
}
/*pagination*/
.wslide-menu
{
	line-height: 21px;
	padding: 0 20px;
	background: url(../../img/site/bg_pagination.png) repeat-x top left;
	display: inline-table;
	height: 25px;
	color: #FFF;
	float: right;
	margin-right: 23px;
}
.wslide-menu A
{
	margin: 0 4px;
	color: #FFF;
	text-decoration: underline;
	font-size: 11px;
}
.wslide-menu A.wactive
{
	text-decoration: none;
	cursor: default;
}
.project_info
{
	position: relative;
	right: -310px;
	bottom: -35px;
}
.project_info A
{
	text-decoration: underline;
}
.project_info .pdiv
{
	margin: 0 5px;
}
/*RESOURCES PAGE*/
#resources_callout
{
	width: 244px;
	height: 169px;
	position: absolute;
	background: url(../../img/site/callout_resources.png) no-repeat top left;
	left: 404px;
	top: 127px;
}
#resources_callout DIV
{
	margin: 34px 0 0 22px;
	width: 212px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#resources_title
{
	position: absolute;
	top: 282px;
	left: 100px;
}
/*CONTACT PAGE*/
#contact_wrapper #footer
{
	top: 270px;
}
#contact_callout
{
	width: 286px;
	height: 475px;
	position: absolute;
	background: url(../../img/site/callout_contact.png) no-repeat top left;
	left: 361px;
	top: 125px;
}
#contact_callout DIV
{
	margin: 80px 0 0 28px;
	width: 220px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#contact_callout DIV A
{
	color: #FFF;
	text-decoration: underline;
}
#contact_title
{
	position: absolute;
	top: 248px;
	left: 20px;
}
#contact_form_wrapper
{
	width: 285px;
	height: 340px;
	position: relative;
	left: 39px;
	top: 270px;
	background: url(../../img/site/bg_contact.png) repeat-y top left;
	padding: 20px 0 20px 20px;
	font-size: 11px;
}
#contact_form_wrapper INPUT.field
{
	display: block;
	margin-top: 3px;
	border: none;
	width: 261px;
	height: 20px;
	background: url(../../img/site/bg_input.jpg) no-repeat top left;
	line-height: 20px;
	padding-top: 3px;
	text-indent: 5px;
}
#contact_form_wrapper LABEL
{
	display: block;
	margin-top: 5px;
}
#contact_form_wrapper TEXTAREA
{
	display: block;
	height: 148px;
	width: 261px;
	background: url(../../img/site/bg_textarea.jpg) no-repeat top left;
	border: none;
}
.required
{
	float: left;
	margin-top: 15px;
}
#contact_form_wrapper INPUT.button
{
	float: right;
	margin: 15px 20px 0 0;
}
#map, #streetview
{
	position: absolute;
	top: 340px;
	left: 380px;
	width: 250px;
	height: 240px;
}
.bio_content_large .color_text, .bio_content_large H1, .bio_content_large H2, .bio_content_large H3, .bio_content_med H1, .bio_content_med H2, .bio_content_med H3, .bio_content_med .color_text, .dialog_content_large H1, .dialog_content_large H2, .dialog_content_large H3, .dialog_content_large .color_text
{
	color: #A4E2FF;
}
.title2
{
	font-weight: bold;
	font-size: 14px;
}
/*Partners Page*/
.partner
{
	margin: 20px 0 5px;
}
.partner A, .partner A:visited
{
	color: #6DCFF6;
}
.partner H3
{
	margin-bottom: 15px;
}
.partner .partner_link
{
	float: left;
	height: 100px;
}
.multiple_partners
{
	margin-top: 30px;
	min-height: 400px;
	margin-bottom: -100px;
}
.multiple_partners .partner_link
{
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 20px;
}
/*Careers Page*/
#careers P
{
	margin: 10px 0;
}
#careers UL
{
	list-style-type: circle;
	margin-left: 20px;
}
#careers UL LI
{
	list-style: disc;
}
