@charset "UTF-8";
/* CSS Document */

/*RESET THE BROWSER DEFAULTS*/
* 				{	margin: 0; padding: 0; outline: none; }

/*FORCE THE SCROLLBAR*/
html 			{ 	overflow-y: scroll; }
html 			{ 	overflow: -moz-scrollbars-vertical; }
body 			{
					    font-family: Helvetica, Arial, sans-serif;
					    font-size: 12px;
					    line-height:1.6;
					    background-color:#FFFFFF;
					    color:#333333;
					    background:url(/images/bg.gif) no-repeat center top;
				  }
			
a 				{ 	color: #0068ac; background:none; text-decoration:underline; }
a:hover 	{ 	text-decoration: none; color:#000; }

img 			{   border: none;	}

/* FORM STYLES */
form, 
fieldset 	{   border:none;	}
form br   {   clear:both;}

input, 
textarea  { 	border: solid 1px #ddd; 
              font-family: Helvetica, Arial, sans-serif; 
              font-size:12px; 
              line-height:1.4; 
              background:url(/images/input_bg.jpg) no-repeat; 
              padding:3px; 
              color:#555555; }

textarea 	{ 	padding:10px; 
              background:url(/images/textarea_bg.jpg) no-repeat; }

input:focus, 
textarea:focus 
          {   border: solid 1px #aaa; 
              background:url(/images/input_bg_focus.jpg); 
              color:#000; 
              background:url(/images/textarea_bg_focus.jpg) no-repeat; }

/* TYPOGRAPHY */
h1 				{   font-size: 36px; 
              letter-spacing: -0.2em;	}
              
h2 				{   font-size: 26px; 
              color: #4687C0; 
              letter-spacing: 0; 
              font-weight:normal; 
              margin-bottom:12px; 
              line-height:1.2;	}
              
h3				{   font-size: 18px; 
              color: #00000; 
              letter-spacing: -0.01em; 
              line-height:1; 
              margin-bottom:12px;	}
              
h4				{   font-size: 14px; 
              color: #000000; 
              letter-spacing: -0.01em; 
              font-weight:normal; 
              margin-bottom:12px; 
              line-height:1.2;	}
              
h5				{   font-size: 12px; 
              color: #000000; 
              letter-spacing: -0.03em; 
              font-weight:normal;	  }
              
p			    {   padding-bottom: 12px	}

/* LISTS */
ul        {   margin: 0 0 12px 12px;   }

#footerSiteLinks ul 
          {   margin:0 0 0 0;}
          
#footerSiteLinks a 
          {   text-decoration:none;}
          
#footerSiteLinks a:hover 
          {   text-decoration: underline;}
          
#footerSiteLinks ul li 
          {   padding-left:10px; 
              background:url(/images/list_arrow.gif) no-repeat 0 3px;}

ol        {   margin: 0 0 12px 20px;}

/*COLUMNS*/
.span-1		{   width:24.2%;	}
.span-2		{   width:48.9%;	}
.span-3		{   width:74.4%;	}
.span-4		{   width:100%;	}

/* COLUMNS WITHIN COLUMNS */
.span-2 .span-1	{ 	width:48.6%;	}
.span-3 .span-1	{ 	width:32.1%;	}
.span-3 .span-2	{ 	width:65.0%; 	}

.span-1, 
.span-2, 
.span-3, 
.span-4 	{ 	float:left; 
              margin-right:12px; 
              position:relative;	}

.clear 		{ 	clear:both;	}

.last 		{   margin-right:0;	}
.paddedcontainer
          { 	padding:10px;	}

p.intro		{ 	font-family:Georgia, Times, serif;
					    font-size: 16px;
					    color:#555;
					    line-height:1.5;	}
					    
p.intro strong	
          { 	font-weight:normal; 
              color:#000; }
p.intro a {   color:#fff; }
p.intro a:hover {  color:#fff; text-decoration:underline;  }

/*LOGO*/
#logo 		{ 	position: absolute;
					    top: 37px;
					    display: block;
					    width: 169px;
					    height: 108px;
					    cursor: pointer;
					    z-index:103;		}
				
h1.pagetitle	
          {   position:absolute; left:230px; top:30px;	}

/*MAIN SPRITE IMAGE*/
.sprite, 
.sprite span, 
.sprite .right 
          {   background-image:url(/images/sprites.jpg) }

/*CONTAINER AND WRAPPER DIVS*/
#container{   width:100%;	}

#header   {   background:url(/images/header_bg.jpg); position:relative; height:157px;}

#language 			{   position:absolute; right:20px; top:10px; display:block; z-index:999;}
#language a 		{   color:#7ebee4; font-size:11px; z-index:999; text-decoration:none; background: transparent url(/images/arrow.gif) no-repeat center left; padding-left: 9px;  }
#language a:hover 	{   text-decoration:underline;   }


body.index #header 
          {   height:340px;}	

body.index #navbar 
          {   display:none;}		
			
.wrapper	{ 	margin: auto;
					    width: 900px;
					    position: relative;	}

#navbar 	{   height: 79px;
              position: relative;
					    z-index:101;	}

#topbanner{   width:100%; 
              padding: 30px 0px 0px 0px; 
              position:relative; 
              height:157px; 
              top:-187px; 
              margin-bottom:-187px; }
              
body.index #topbanner  
          { 	height:340px; 
              top:-340px; 
              margin-bottom:-280px; }

body.index #mainvideo 
          {   position:absolute; 
              right:0; 
              top:185px; }

#content, 
#footer 	{   position: relative; 
              display: block;	}
				
#content 	{	  padding: 30px 0px;	}
			
#footer 	{   padding:0; }

#bottom		{   padding: 50px 12px 0 12px; 
              height:50px;	}
				
#footerarea .top 
				  {   position:relative;
					    height:10px; 
					    background:url(/images/footer_bg_topleft.gif) no-repeat left top; 
					    display:block;	}
				
#footerarea .top .right 
				  { 	position:absolute; 
					    right:0px; 
    					top:0px; 
    					height:10px; 
    					background:url(/images/footer_bg_topright.gif); 
    					display:block;
    					width:10px;	}
				
#footerarea .bottom 
			  	{	  position:relative;
    					height:10px; 
    					background:url(/images/footer_bg_botleft.gif) no-repeat left top; 
    					display:block;	}
				
#footerarea .bottom .right 
			  	{ 	position:absolute; 
  			  		right:0px; 
    					top:0px; 
    					height:10px; 
    					background:url(/images/footer_bg_botright.gif); 
    					display:block;
    					width:10px;	}
				
#footerarea .middle 
				  {   background:#e9f0f6; padding:0 15px 0 15px;	}
			
#footer ul{ 	margin:0;	}

#footer ul li 
				  {   list-style-type:none;
					    float:left;
    					margin-right:20px;	}
				
ul#footerlinks 	
          { 	float:left;}
          
ul#footerlinks a
          { 	color:#84a7d3;}
          
ul#footercontact
          { 	float:right; }
          
ul#footercontact a
				  { 	color:#84a7d3;	}
				  
p.copyright 	
          { 	text-align:center; 
              margin:20px 0;}

#footerSiteLinks
          { 	font-size:10px;
              color:#84a7d3; 
              background:#FFF; 
              height:135px; }
              
#footerSiteLinks a
				  { 	color:#84a7d3;}
				  
#footerSiteLinks ul
				  { 	list-style-type:none; 	}
				  
#footerSiteLinks .span-1
				  { 	width:23.4%; border-left:solid 1px #eee; height:100%;	}
				  
#footerSiteLinks .span-1.first
				  { 	padding:0; border:none;}
				  
#footerSiteLinks .span-1 .container
				  {   padding-left:12px;}

/* ACCOUNT BAR */
#accountBar label 
				  {   padding-right: 6px; 
				      font-weight:bold;	}

#accountBar_wrapper 
				  { 	width: auto; 
				      padding:5px 5px 0px 5px;  }

#accountBar
          { 	background: #002d62;
					    width: 100%;
    					position: relative;
    					font-size:10px;
    					line-height:12px;
    					color:#FFF;
    					z-index:100;	}

#accountBar p 
          {   margin:0; 
              padding:0;  }

#accountBar .userThumb 
				  { 	height:20px;
    					width:20px;
    					margin-right:10px;
    					float:left;	
    					background:url(/images/sprites.jpg) no-repeat -600px 0;
    					position:relative;
    					top:-2px;
    			}

#accountBar input#search
				  { 	
  			  	  height:14px;
    					padding:5px 5px 0;
    					margin-right:5px;
    					margin-left:0;
    					font-family: Helvetica, Arial, sans-serif;
    					font-size: 10px;
    					line-height:15px;
    					color:#999;
    					position:relative;
    					border:none;
    					width:130px;
    					background:url(/images/sprites.jpg) no-repeat 0 0;
				  }
				  
#accountBar input#search:focus 
          {   background-position:0 -20px;}
					
#accountBar input#password 
				  { 	width:70px;	}
#accountBar input#email 
				  {   width:130px;	}
#accountBar .login_info 
				  { 	float: left;	}	
#accountBar .tools 
				  { 	float:right;	}
#accountBar .logout
				  { 	margin-left:4px;	}
				  
#accountBar .forgotPassword
				  { 	float:left;	
				      line-height:25px; 
				      vertical-align:middle;	}
				      
#login    { 	float:left; 
              padding-top:3px; 
              width:400px;  }
              
#login a.user 
          {   text-decoration:none; 
              font-weight:bold; 
              color:#ffffff; 
              margin-right:5px; }
              
#topLoginText	
          { 	margin-right:10px	}
          
#topLoginForm	
          { 	margin-right:10px;	}

#accountBar .searchBtn
				  { 	background: url(/images/search_btn.gif) no-repeat left center;
					    width:15px;
    					height:24px;
    					display:inline-block;
    					vertical-align:middle;
					}
					
#noticeBar
		{  padding: 10px 0 0 5px;  }



/* SIDEBAR STYLES */
.module 	{ 	padding-bottom:12px;	}
.module h3 span 
          {   background-position: right -920px; 
              padding: 7px 10px 7px 0px; 
              display:inline-block; 
              width:100%; 
          }
.module h3 
          {   background-position: left -920px; 
              padding-left:7px; 
              font-size:13px; }
              
.module h4{ 	font-weight:bold; 
              color:#000; 
              margin-bottom:-2px;	}
              
.module ul{ 	list-style-type:none; 
              margin-left:0;	}

.module li{ 	padding: 4px 5px 3px 22px; 
              background:url(/images/list_arrow.gif) no-repeat 10px center; 
              cursor:pointer;	}
              
.module li a	
          { 	display:block; 
              text-decoration:none; }
.module li h4 a 
          { 	text-decoration:none; color:#000;}
          
.module li h4	
          { 	padding:2px;}

.module li.selected, 
.module li.selected:hover 
				  {   background:#d8e6f1 url(/images/list_arrow_selected.gif) no-repeat 6px center;	}

.module li:hover
          { 	background:#d8e6f1 url(/images/list_arrow.gif) no-repeat 10px center;		}
          
.module li:hover a
				  { 	color:#000; text-decoration:none;	}

/*.module .content
          { 	border-top:solid 1px #FFF;	} */
          
.module .copy	
          { 	padding:10px;	}

/* BLOG STYLES */
.hero_content { margin-bottom:20px;}
.hero			{ 	padding-bottom:20px;}
.hero h3		{ 	font-size:13px; line-height:1.2; c	}
.hero h3 a		{ 	text-decoration:none; color:#0068ac;	}
.blogPost .paddedcontainer { padding:0 20px 0 20px; }

.span-3 .span-2 .blogPost,
.span-2 .blogPost
 				{   margin-bottom:15px;	}

.blogPostSubject h3 	{ 	font-size:28px; font-weight:normal; margin-top:5px; margin-bottom: 0; padding:0;	}
.blogPostPreview h3
				{ 	font-size:24px;}

.blogPostCommentCount 
				{ 	float:right; 
					padding-left:36px; 
					height:32px; 
					padding-top:0px; 
					font-weight:bold;
					position:relative;
					top:-3px;
				}	

.blogPostCommentCount span.number {
	background:url(/images/comment_bubble.gif) no-repeat; 
	display:inline-block;
	padding:5px 0px;
	font-size:11px;
	width:30px;
	text-align:center;
}

.blogPostComments 
				{  margin-top:20px;  }
.blogPostComments h3
				{ 	font-size:14px;
					font-weight:bold;
					float:left;	}

			
.blogPostInfo	{ 	color:#999; width:300px; float:left;}
.blogPostDate	{ 	padding-bottom:0; font-weight:bold;}
.blogPostAuthor { 	font-weight:bold;}
.blogPostImage, .blogPost .blogYouTubePlayer  { 	float:right; }

.blogPostPreview .blogPostImage, .blogPost .blogPostImage, .blogPostPreview .blogYouTubePlayer { background:url(/images/blog_preview_photo_bg.jpg); width:400px; height:290px; position:relative;}		
.blogPost .blogPostImage, .blogPost .blogYouTubePlayer { margin-left:12px;}	
.blogPostPreview .blogPostImage img, .blogPost .blogPostImage img { width:390px; padding-top:9px; padding-left:10px; clip:rect(0px, 386px, 270px, 0px); position:absolute}	
.blogPostPreview .blogYouTubePlayer { padding-top:9px; padding-left:10px; width:390px; height:280px;}
.hero .blogPostImage, .hero .blogYouTubePlayer { background:url(/images/blog_hero_img_bg.jpg) no-repeat; width:214px; height:162px; position:relative; margin-bottom:6px;}
.hero .blogYouTubePlayer { width:202px; height:148px; overflow:hidden; padding:6px 6px 8px 6px;}
.hero .blogPostImage img
				{ 	width:214px; clip:rect(0, 204px, 149px, 0); position:absolute; padding-left: 6px; padding-top:6px; background:none;}

								
.blogPostContent{ 	padding-right:10px;	}
.blogPostIntro	{ 	font-family:Georgia, Times, serif;
					font-size: 14px;
					color:#555;
					line-height:1.5; margin-bottom:12px;	}
.blogPostFull .blogPostIntro { font-family:Helvetica, Arial, sans-serif; font-weight:lighter;}
.blogPostPreview .blogPostIntro
				{ 	font-family:inherit;
					font-size:inherit;					
				}
.blogPostDivider { height:27px; background:url(/images/blogpost_divider.gif) no-repeat; display:block; margin-top:20px;}
p.intro strong	{ 	font-weight:normal; color:#000;}

.blogPostSubject{ margin-bottom:6px; }


/* Blog Comments */
.blogPostNewCommentBtn
				{ width:194px; height:36px; background-position: 0px -960px; text-indent:-9999px; display:block; cursor:pointer; border:none; margin:5px 0; }
.blogPostNewCommentBtn:hover
				{ background-position: 0px -996px;}

#blogPostNewComment 
				{ 	padding:3px 0 8px 0; }
#blogPostNewComment textarea
				{
					width:565px;
					height:60px;
					margin-bottom:5px;
				}
#blogPostNewComment h4
				{ 	background:url(/images/mouth.gif) no-repeat 0 -1px;
					padding: 8px 0 0px 32px;
					font-weight:bold;
					color:#0068AC;
				}
/* Comments */
.comment 		{ 	color: #888; position:relative; margin-bottom:10px;}
.commentInfo	{ 	float:left; width: 530px; color:#888; margin-bottom:10px;  }
.commentInfo p	{ 	margin:0; padding:0;}
.commentImage	{ 	float:left; width:50px; height:50px; padding-right:10px;}
.commentDate	{ 	font-weight:bold;}
.commentAuthor	{ 	font-style:italic; width:400px; float:left;}
.commentContent	{ 	float:left; width: 530px; font-size:11px;}
.flag			{ 	background:url(/images/flag.gif) no-repeat; padding: 2px 0 2px 20px; text-decoration:none; font-size:10px; color:#aaa; float:right;}
.flag span { background:none;}
.comment .fieldset_middle .right { margin-left:0; padding:10px;}

/*Buttons*/
.largebuttons { position:absolute; top:380px; width:450px; z-index:99;}
.home_about, .home_community { display:inline-block; text-indent:-9999px; height:36px;}
.home_about {  background-position:-180px 0; width:188px;}
.home_about:hover { background-position:-180px -36px;}
.home_community { background-position:-380px 0px; width:200px; }
.home_community:hover { background-position:-380px -36px; width:200px; }


.tinybutton { background-position:0 -320px; font-size:9px; font-weight: normal; color:#fff; padding-left:6px; display:inline-block; line-height:1; text-decoration:none;  }
.tinybutton span { background-position: right -320px; padding: 4px 6px 3px 0px; display:inline-block; }
.tinybutton:hover, .tinybutton.selected:hover { background-position:0 -340px; color:#fff}
.tinybutton:hover span, .tinybutton.selected:hover span { background-position: right -340px;}
.tinybutton.selected { background-position:0 -200px;  }
.tinybutton.selected span { background-position: right -200px; }
#accountBar .tinybutton.blue {background-position:0 -80px; }
#accountBar .tinybutton.blue span { background-position: right -80px;  }
#accountBar .tinybutton.blue:hover { background-position:0 -100px; }
#accountBar .tinybutton.blue:hover span { background-position:right -100px; }

#accountBar .btn span 
				{ 	background-color:#0068ac;	}
				
#accountBar .btn 
				{ 	background-color:#0068ac;	}
				

.btn 			{ 	background: #e9f0f6 url(/images/btn_left.png) no-repeat;				
					height:24px;
					cursor: pointer;	
					padding-left:18px;
					display:inline-block;
					text-decoration:none;
					border:none; 	}

.btn span 		{ 	background: #e9f0f6 url(/images/btn_right.png) no-repeat right top;
					color:#0068ac;
					font-size:12px;
					font-weight:bold;
					height:14px;
					padding: 6px 10px 4px 2px;
					line-height:12px;
					display:inline-block; 	}
				
.action_btn		{ 	background: #e9f0f6 url(/images/actionBtn_left.png) no-repeat;				
					height:24px;
					cursor: pointer;	
					padding-left:14px;
					display:inline-block;
					text-decoration:none;
					border:none;	}

.action_btn span 		{ 	background: #e9f0f6 url(/images/actionBtn_right.png) no-repeat right top;
					color:#ffffff;
					font-size:12px;
					font-weight:bold;
					height:14px;
					padding: 6px 10px 4px 2px;
					line-height:12px;
					display:inline-block; 	}
					
.btn:hover span	{ 	color:#000;	}

/* HOME PAGE */
body.index p.intro		 {	font-size:17px; line-height:1.4; color:#fff; padding: 0px; width:320px; position:absolute; top:184px; z-index:98;	}
#mainvideo { z-index: 99;}
body.index #main { position:absolute; top:0; left:0;}
h1.welcome 		{	position:absolute;
					left:475px;
					top:65px;
					z-index:90;	}
					
#main_img		{ position:absolute; top:0; left:0;}
/* WHO WE ARE PAGE */
h3.list_title { font-size:14px;}
.teamMemberButton img.teamMemberThumb 	
				{ 	float:left;
					padding-right:10px;	}
.teamMemberButton .teamMemberName
				{ 	float:left; padding-top:3px;}

li.teamMemberButton, li.serviceButton, li.casestudy_button { cursor:pointer; }

li.teamMemberButton.selected, li.serviceButton.selected, li.casestudy_button.selected  { color:#fff; background:url(/images/sprites.jpg) no-repeat 0px -860px; }

li.teamMemberButton.selected h4, li.teamMemberButton.selected h5, li.serviceButton.selected h4, 
li.serviceButton.selected h5, li.casestudy_button.selected h4, li.casestudy_button.selected h5 { color:#fff;}

li.teamMemberButton, li.casestudy_button, li.serviceButton {  background:url(/images/unselected_pointer.gif) no-repeat; background-position:center left;  }
.teamMemberButton .container, .serviceButton.selected .container, .casestudy_button.selected .container { padding:6px 0px 6px 0px; display:table-cell; vertical-align:middle; width:200px;} 
.serviceButton.selected .container, .casestudy_button.selected .container  { height:49px; padding:0;}
.teamMemberButton.selected .container, .serviceButton.selected .container, .casestudy_button.selected .container{ background:url(/images/sprites.jpg) no-repeat right -860px; }
.teamMemberButton, .serviceButton, .casestudy_button { padding-left:22px;}
.teamMemberButton h4, .serviceButton h4, .casestudy_button h4 { font-weight:bold; margin-bottom:-2px;}
.serviceButton .container, .casestudy_button .container { height:auto; padding:6px 0px 6px 0px; vertical-align:middle; }

img.team_large 	{ 	
          float:left;
					padding-right:12px;
					padding-right:12px;	}

.dividedarea 	{	margin-top:6px; padding-top:24px; background:url(/images/dottedline_repeat.gif) repeat-x;	}
ul.team, ul.services, ul.casestudies 		{ 	list-style-type:none; margin-left:0;	}
.team_member, .service, .caseStudy 	{ 	display:none;	}
.team_member h3, .caseStudy h3, .service h3	{ 	margin-bottom:10px; }

/* WHAT WE DO PAGE */

.stats			{ 	color:#0068ac; font-size:11px; background:url(/images/dottedline_repeat.gif) repeat-y; padding-left:15px; padding-right:5px; line-height:1.2;}
.stats h3 		{ 	font-size:13px;}
.stat .percentage 			
				{ 	float:left; width:42px; font-size: 17px; font-weight:bold;}
.stat .description			
				{ 	float:left; width:150px;}

body.client_whatwedo .cyclingimages	{ 	display:block; height:228px; width:210px; overflow:hidden;}
.cyclingimages { border: solid 1px; color:#CCEEFF }
.cyclingimages ul 	{ 	position:relative; list-style-type:none;}		
.cyclingimages li	{ 	position:absolute; top:0; left:0;}

/* HOW WE DO IT PAGE */

.caseStudy ul	{ 	padding:0 0 12px 12px}
.caseStudy		{ 	padding: 0 10px 0 10px;}
.caseStudy_date	{ 	float:right; width:22%; text-align:right; color:#888888;	}
.caseStudy_title{ 	width:75%; float:left;}
.caseStudy_title h3.georgia { font-size:24px;}

.caseStudy_img	{ 	margin-bottom:12px; }

/* SIGNUP PAGE*/
.fieldset_top { background-position:0 -460px; height:10px;}
.fieldset_top .right { background-position:right -460px; height:10px; margin-left:10px;}
.fieldset_middle { background-position:0 -470px; padding: 0px 0px 0px 10px;}
.fieldset_middle .right{ background-position: right -470px; margin-left:10px;}
.fieldset_bottom { background-position: 0 -833px; height:10px; margin-bottom:20px;}
.fieldset_bottom .right { background-position:right -833px; height:10px; margin-left:10px;}

#SignupForm .formError, #LoginForm .formError{ float:left; width:210px; margin-top:-5px; padding-bottom:10px;}
#SignupForm fieldset.checkbox .formError {float:none; width:auto;}
#SignupForm input.agree { margin-top:6px;}
#SignupForm fieldset.checkbox {}
.signupBtn { background-position:-640px 0px; text-indent:-9999px; display:block; width:140px; height:35px; cursor:pointer;}
.signupBtn:hover { background-position: -640px -36px;}
.sprite #recaptcha_area span { background:none;}

/* LOGIN PAGE */
body.new  ul#nav { display:none; }
.loginBtn { background-position: -800px 0px; width:92px; height:35px; text-indent:-9999px; border:none; cursor:pointer; margin-left:126px;}
.loginBtn:hover { background-position: -800px -36px;}
#LoginForm .fieldset_middle .right { padding-top:10px;}

/* USER PROFILE PAGE */
textarea#user_description { height:80px;}
form.edit_user label,
form#SignupForm label,
form#LoginForm label
				{ 	float:left; 
					display:block; 
					margin-right:7px; 
					width:120px; 
					font-weight:bold; 
					color:#0068ac; 
					text-align:right;
				}
body.forgot_password form#SignupForm label {  width:30px;  }
body.reset_password form#SignupForm label,  body.do_reset_password form#SignupForm label{  width:150px;  }
body.reset_password .formError,  body.do_reset_password .formError {  margin-left:170px;  }
form#SignupForm label.agree		{ 	width:90%; text-align:left;}
form.edit_user input.userinfo, 
form.edit_user textarea,
form#SignupForm input.userinfo, 
form#SignupForm textarea,
form#LoginForm input.text
				{ 	float:left; display:block; width:220px; margin-right:6px; }
input.agree		{ 	float:left; margin-right:10px; padding-top:6px;}

form.edit_user textarea,
form#SignupForm textarea		
				{ 	height:150px;	}
				
form.edit_user label,
form.edit_user input.userinfo,
form.edit_user textarea,
.userPhoto img,
form#SignupForm .userPhoto input,
form#SignupForm label,
form#SignupForm input.userinfo,
form#SignupForm textarea,
form#LoginForm input.text
				{ 	margin-bottom:8px; padding:6px;	}
				
.userPhoto, .userInfo
				{ 	float:left;	}
.userPhoto { overflow:hidden;}
.userPhoto img {  border:solid 1px #bfd2e8; width:200px; }

				
form.edit_user .userInfo,
form#SignupForm	.userInfo	
				{ 	width:100%;}
				
form.edit_user .userPhoto label
				{ 	text-align:left;	}
				
.userEditBtn	{ 	position:absolute; top:0; right:0;	}
.userUpdateBtn	{ 	margin: 20px 0 0 0; width:97px; height:36px; background-position: -900px 0px; text-indent:-9999px; display:block; cursor:pointer; border:none;}

.errors .errorExplanation h2
						{  color:#cd1017; font-size:18px;  }
.errors .errorExplanation p
						{  color:#cd1017;  }
.errors .errorExplanation li
						{  color:#cd1017;  }
.errors .errorExplanation {  padding-right: 10px;  }


/* SIDEBAR */
#cta_latest_tweets h3.title{
	background:url(/images/twitter_logo_sm.jpg) no-repeat; height:27px; line-height:1.1; vertical-align:middle; padding-left:35px;
}




.cta			{ 	padding-bottom: 12px; margin-bottom:12px; background:url(/images/dottedline_repeat.gif) repeat-x left bottom; }
.cta h3			{ 	color:#000; font-weight:bold; line-height:.9; font-size:14px;	}
.cta.large h3	{ 	font-size:16px; }
.cta.large h3 .variant
				{ 	font-family:Georgia, Times, serif; font-size:14px; font-weight:normal; line-height:1.2;}
.cta img.photo		{ 	margin-bottom:8px;  background:url(/images/tout_img_bg.jpg); padding: 7px 8px 10px 7px; width:204px;}

.fans			{ 	margin-bottom:4px;}
.fan			{ 	width:62px; float:left; margin-right:13px; overflow:hidden; 	}
.fan.last		{ 	margin-right:0;	}
.cta .fan	{  margin-right:6px;  }
.fanPhoto		{ 	width:60px; height:60px; border: solid 1px #ccddff; }
.fanName		{ 	margin:0; padding:3px 0; height:30px; line-height:13px; font-size:11px; }
.fanName a 	{  text-decoration:none;  }

/* TWITTER FEED PAGE */
body.twitter_action .tweet
				{ 	border:none; background: none; color:#0068ac; line-height:1.2;}
body.twitter_action .tweet
				{ 	font-size:16px;}
body.twitter_action .tweetTime		
				{ 	color:#84a7d3	}
.backBtn		{ 	margin-bottom:12px;	}

body.twitter_action .bubble_middle_right { padding: 10px 10px 10px 20px;} 

#noticeBar_wrapper 
				{ 	width: 100%; margin: auto;	}


/* ROOT NAVIGATION STYLES =================================*/

ul#rootnav 		{ 	float:right; list-style-type: none;	margin-bottom:0; margin-right:15px; }
ul#rootnav li,
ul#nav li 		{ 	float:left; margin-left:20px;	}

ul#rootnav li a	{ 	padding-top:5px; display: block;
					cursor:pointer;
					height: 21px;
					color:#9cbbd3;
					font-weight:bold;
					font-size:13px;
					text-decoration:none; 	}
					
ul#rootnav li a:hover
				{ 	color:#FFF;	}
				
body.client_home ul#rootnav li.aboutxm a, 
body.client_blog ul#rootnav li.aboutxm a, 
body.client_whoweare ul#rootnav li.aboutxm a, 
body.client_whatwedo ul#rootnav li.aboutxm a, 
body.client_howwedoit ul#rootnav li.aboutxm a, 
body.client_whomwedoitfor ul#rootnav li.aboutxm a,
body.community_home ul#rootnav li.xmcommunity a,
body.fan_community ul#rootnav li.xmcommunity a,
body.show ul#rootnav li.xmcommunity a,
body.twitter_action ul#rootnav li.xmcommunity a,
body.community_fanwall ul#rootnav li.xmcommunity a, 
body.community_blog ul#rootnav li.xmcommunity a, 
body.signup_page ul#rootnav li.xmcommunity a, 
body.video_page ul#rootnav li.xmcommunity a,
body.team ul#rootnav li.xmcommunity a,
body.team_campus ul#rootnav li.xmcommunity a,
body.team_jobs ul#rootnav li.xmcommunity a,
body.team_profile ul#rootnav li.xmcommunity a,
body.team_refer ul#rootnav li.xmcommunity a,
body.team_faq ul#rootnav li.xmcommunity a,
body.index ul#rootnav li.home a,
body.blog_contributors ul#rootnav li.xmcommunity a
				{ 	color:#FFF; background:url(/images/rootnav_arrow_selected.gif) no-repeat center bottom;	}


/* MAIN NAVIGATION STYLES
----------------------------------------------------------*/
ul#nav 			{ 	position: absolute;
					right: 5px;
					top: 133px;
					list-style-type: none;
					text-align: right;
					float: right;
					font-size:13px; 	
					}

ul#nav li a { text-decoration:none; height:24px; display:inline-block; color:#9cbbd3; font-weight:bold;}
ul#nav li a:hover
				{ 	color:#FFFFFF; 	}
				
body.client_whoweare ul#nav li.whoweare a,
body.client_whatwedo ul#nav li.whatwedo a,
body.client_howwedoit ul#nav li.howwedoit a,
body.client_whomwedoitfor ul#nav li.whomwedoitfor a,
body.community_home ul#nav li.community_blog a,
body.signup_page ul#nav li.becomeanxmfan a,
body.team ul#nav li.jointeam a,
body.fan_community ul#nav li.xmfancommunity a,
body.show ul#nav li.community_blog a,
body.blog_contributors ul#nav li.community_blog a
 				{ 	color:#FFF; background:url(/images/nav_arrow_selected.gif) no-repeat center bottom;}
/* PAGINATION */

.swn_paginate {
	clear: both;
	margin-bottom: 6px;
	border-top: solid 1px #cccccc;
	padding-top: 4px;
	height: 8px;
}
.swn_paginate li {
	float: left;
	margin-right: 6px;
	list-style-type: none;
	border: solid 1px #CCCCCC;
	padding: 2px 5px;
}
.swn_paginate li.active {
	background-color:#4586BE;
}
.swn_paginate li.active a, .swn_paginate li.active a:link .swn_paginate li.active a:visited, .swn_paginate li.active a:hover {
	font-weight:bold;
	color:#FFFFFF!important;
	text-decoration:none;
	cursor:pointer;
}


.formError, 
.flashNotice { 
	color: #E0000F;
	line-height:1.3;
}
.formError { font-size:80%;}

.swn_profile_fan_badges {
	clear: both;
	margin-top: 12px;
}
.swn_profile_fan_badges h2.swn_title {
	background: url(/images/profile_badges_h2.gif) no-repeat;
	height: 18px;
	width: 100%;
	text-indent: -9999px;
	display: block;
	margin-bottom: 12px;
	
}

a.editProfile {
	padding-bottom:10px;
}

/* TWEET BUBBLES */
.tweet a { color:#000; text-decoration:none; font-weight:bold;}
.tweet			{ 	line-height:1.4; marginrgin-bottom:8px;	font-size:11px;}
.tweet p		{ 	padding-bottom:4px;}
.sprite span.tweetTime, .tweetTime		{ 	font-size:10px; font-style:italic; color:#0068ac; background-image:none; color:#999;  }
.tweetPic		{ 	float:left; margin-right:10px; width:48px; height:48px;}
.bubble_top { background-position:right -150px; height:12px; }
.bubble_top_right { background-position:0 -150px; height:12px; margin-right:5px;}
.bubble_middle { background-position:right -160px; }
.bubble_middle_right { background-position: 0 -160px; margin-right:8px; padding-left:10px;}
.bubble_bottom { background-position:right -290px; height:15px; margin-bottom:6px;}
.bubble_bottom_right { background-position:0 -290px; height:15px; margin-right:5px;}

ul#photolist { margin:0;}