* {
}
/* CSS Document */

p {
	margin-bottom:6px;
    }
    
  
p a,
p a:link {
	font-size: 12px;
	color: #333333;
    }
    
p a:hover {
	font-size: 12px;
	color: #333333;
    }
	
img {
	border:none;
	}
.k_pagelist { font-size:12px;clear:both;width:100%;margin:5px 0px;line-height:30px;text-align:left;}/* {king:pagelist/} 分页列表 构成:div a|strong|span */
.k_pagelist a {
	margin:0px 5px;
	color:#CCCCCC;
	background-color:#E1E4C1;
	border:1px solid #91AFD2;
	padding:5px;
	font-weight:bold;
}
.k_pagelist a:hover{background-color:#FFF; border:1px solid #91AFD2;}
.k_pagelist strong {margin:0px 5px;color:#000;border:1px solid #91AFD2; padding:5px;}
.pagelist span {
	margin:0px 10px;
	color:#E4E2E2;
}
.k_pagelist em{
	color: #333333;
	text-decoration: none;
	background-image: url(text_gong.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	margin-left:10px;
display:none;
}


#ti1 {
	color:#687890;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:27px;
	margin-bottom: 5px;
} 
#ti1 a:link {
	text-decoration:underline;
	font-size: 12px;
	color: #666666;
    }
    
#ti1 a:hover {
	text-decoration:none;
	font-size: 12px;
	color: #666666;
    }
		
#ti1 a:visited{text-decoration: none; color:#666666; }
#ti2 {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	margin:2px 0 0px 0;
	line-height:15px;
} 
#ti2 a:link {
	text-decoration:underline;
	font-size: 10px;
	color: #666666;
    }
    
#ti2 a:hover {
	text-decoration:none;
	font-size: 10px;
	color: #666666;
    }
		#ti2 a:visited{text-decoration: none; color:#666666; }
#ti3 { color:#687890; font-weight:bold; font-size:12px; padding:5px 0 5px; } 
#ti3 p { margin-bottom:6px; } 
#ti3 ul { list-style:none; } 
#ti3 li { padding-bottom:5px; } 
#ti3 a:link {
	text-decoration:underline;
	font-size: 10px;
	color: #666666;
    }
    
#ti3 a:hover {
	text-decoration:none;
	font-size: 10px;
	color: #666666;
    }
		#ti3 a:visited{text-decoration: none; color:#666666; } 

#tti1{
	color:#336699;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:5px 0 5px 0;
}

#tti1 a:link {
	text-decoration:underline;
	font-size: 10px;
	color: #666666;
    }
    
#tti1 a:hover {
	text-decoration:none;
	font-size: 10px;
	color: #666666;
    }
		#tti1 a:visited{text-decoration: none; color:#666666; }


#main_container{
	width:950px;
	height:auto;
	margin:auto;
	background:url(main_bg.gif) no-repeat top #eef1f4;
}
#center_content{
	width:895px;
	margin:auto;
	background-color: #FFFFFF;
}
#header{
	width:925px;
	height:168px;
	margin:0px 0px 0px 0px;
	background: url(12.jpg);
}
#logo{
	padding:10px 0 0 10px;
	float:left;
	width: 297px;
}
#pr{
	padding:10px 0 0 0;
	float:left;
	width: 400px;
	height: 50px;
}
/*----------------------menu-------------------------*/
#menu{
	width:630px;
	height: auto;
	float:right;
	padding:20px 0px 0px 10px;
	font-size: 12px;
	color: #FFFFFF;
}
#menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
	display:block;
	font-weight:bold;
	font-size: 12px;
	color: #FFFFFF;
}
#menu ul li{
	list-style:none;
	display:inline;
	float:left;
	width:auto;
	height:12px;
	padding:0px;
	font-size:12px;
	color: #FFFFFF;
}
#menu a{
	height:12px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0 8px 0 17px;
	margin:0px;
	font-size:12px;
	color: #FFFFFF;
}
#menu a:hover{
	height:12px;
	width: auto;
	text-decoration:none;
	font-size:12px;
	color: #FFFFFF;

}
#menu a.current{
	height:12px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0 8px 0 17px;
	font-size:12px;
	color: #FFFFFF;

}
#menu a:visited
{
	height:12px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0 8px 0 17px;
	font-size:12px;
	color: #FFFFFF;

}

#middle_box{
	width:895px;
	height:278px;
	clear:both;
	margin:0px 0px 0px 0px;
	background:url(middle_bg.jpg) no-repeat center;
}
.middle_box_content{
width:370px;
padding:20px 0 0 30px;
}
.title_journal{
	height:26px;
	font-size:16px;
	font-weight:bold;
	padding:5px 0 0 35px;
	color:#a0672e;
	background:url(icon_journal.gif) no-repeat left;
	background-position:0px 0px;
	background-color: #FFFFFF;
}
.title_photos{
height:26px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color:#a0672e;background:url(icon_photo.gif) no-repeat left;background-position:0px 0px;
}
.title_photos li img { width:85px; height:85px;
}
.title_friends{
height:26px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color:#a0672e;background:url(icon_friends.gif) no-repeat left;background-position:0px 0px;
}
a.more {
display:block;
text-decoration:none;
float:right;
margin:5px 0 15px 0;
}

.title_1{
	height:26px;
	font-size:16px;
	font-weight:bold;
	padding:5px 0 0 0px;
	color:#1A293C;
	background-position:0px 0px;
	border-bottom-style: solid;
	width: auto;
}
/*---------------------main_content------------------*/
.left_content{
	width:480px;
	height:auto;
	float:left;
	padding:10px 5px 8px 10px;
}
.left_content1{
	width:460px;
	height:auto;
	float:left;
	padding:10px 5px 8px 10px;
}
.right_content{
	width:380px;
	height:auto;
	float:left;
	padding:10px 10px 10px 10px;
	background-color: #F6F6F6;
}
.news_tab{
	padding:10px 5px 5px 5px;
	margin:0px;
	text-align:justify;
	line-height:14px;
	border-bottom:1px #b2bbbb dashed;
}
.news_details{
padding:5px 0 0 0;
text-align:right;
font-size:11px;
font-weight:bold;
}
span.date{
color:#a0672e;
}
img.photo{
	padding:10px;
	width: 130px;

}
.clear{
clear:both;
}
/*----------------------friends_list-------------------------*/
.friends_list ul{
list-style:none;padding:0px 10px 10px 0px;margin:0px; 
}
.friends_list ul li{
list-style:none;width: auto;height: auto;padding:0px;
}
.friends_list ul li a{
height: 16px; width: auto; display:block;padding:0 0 0 20px; margin:10px;color:#a0672e;text-align:left; font-weight:bold; font-size:11px;
background:url(list_checked.gif) no-repeat left; background-position:0px 0px;text-decoration:none;
}
.friends_list ul li a:hover{
height: 16px; width: auto;text-decoration:none;color: #533920;
}
/*-----------------------------footer------------------*/
#footer{
width:895px;
height:48px;
margin:auto;
color:#508aa1;
border-top:1px #b2bbbb dashed;
}
.copyright{
float:left;
padding-left:15px;
padding-top:7px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:7px;
}

#columnWrapper {
	padding:10px 10px 10px 10px;
	position:relative;
	width: 938px;
} 
#column {
	float:left;
	width:200px;
	padding:0 24px 0 0;
	border-right:1px solid #ebebeb;
	margin-right: 25px;
	color: #333333;
	font-size: 12px;
} 

#column1 {
	float:left;
	width:500px;
	padding:0 24px 0 0;
	border-right:1px solid #ebebeb;
	margin-right: 25px;
	color: #333333;
	font-size: 12px;
} 
#columnLast { padding-right:0px; margin-right:0px; border-right:0; } 


#footer {
	background:#fff;
	margin:50px 0 0 0;
	padding-bottom:25px;
	width: 938px;
} #footerBlog { border:1px solid #ebebeb; border-width:1px 0; margin:0 0 10px 0; padding:5px 0; } #footer address {
	color:#5d5d5d;
	width:260px;
	float:left;
	font-style:normal;
	font-size: 12px;
	line-height: 16px;
	padding: 3px 0 0;
} #footer address strong {
	color:#a5a977;
	font-weight:bold;
	font-size: 12px;
} #footerNav { float:right; } #footerNav ul { list-style:none; padding-top:3px; } #footerNav li { color: #a5a4a4; list-style:none; float:left; padding:0px 10px; background:none; border-right:1px solid #ebebeb; } #footerNav a {
	text-decoration:none;
	color:#687890;
	font-size: 12px;

}
#link_about	{
	width: 938px;
	padding-top:5px;
	color:#a5a4a4;
	margin-right: 20px;
	border-bottom: 1px solid #ebebeb;
	font-size: 12px;
	margin-bottom: 0px;
}

#link_about p	 {
	font-size: 11px;

	height:25px;
	float:right;
	margin-left:100px;
	margin-top: 10px;
}
#link_about a:link {font-size: 12px; color:#687890; text-decoration:none; } #link_about a:hover {font-size: 11px; text-decoration:underline; }
	#gsaInfo { float:right; height:25px; margin-left:20px;
	}
	
/*排版印刷*/	
	#link_dtp	{
	width: 938px;
	padding-top:5px;
	color:#a5a4a4;
	margin-right: 20px;
	border-bottom: 1px solid #ebebeb;
	font-size: 12px;
	margin-bottom: 0px;
}

#link_dtp p	 {
	font-size: 11px;
	background:url(dtp_submit.gif) 300px 0px no-repeat;
	width:400px;
	height:25px;
	float:right;
	margin-left:100px;
	margin-top: 10px;
}
#link_dtp a:link {font-size: 12px; color:#687890; text-decoration:none; } #link_about a:hover {font-size: 11px; text-decoration:underline; }
	#gsaInfo { float:right; height:25px; margin-left:20px;
	}
	
	/*同传口*/	
	#link_dtp	{
	width: 938px;
	padding-top:5px;
	color:#a5a4a4;
	margin-right: 20px;
	border-bottom: 1px solid #ebebeb;
	font-size: 12px;
	margin-bottom: 0px;
}

#link_dtp p	 {
	font-size: 11px;
	background:url(dtp_submit.gif) 300px 0px no-repeat;
	width:400px;
	height:25px;
	float:right;
	margin-left:100px;
	margin-top: 10px;
}
#link_dtp a:link {font-size: 12px; color:#687890; text-decoration:none; } #link_about a:hover {font-size: 11px; text-decoration:underline; }
	#gsaInfo { float:right; height:25px; margin-left:20px;
	}

#work div.thumbnail {
		background: url(../images/bkgd_thumbnail.gif) 0px 100% repeat-x;
		padding:5px 5px 13px 5px;
        float:left;
        height:180px;
        border:1px solid #ddd;
        width:246px;
        margin:0 35px 20px 0;
        display:inline;
        }
        
#work div.thumbnailLast {
		background: url(../images/bkgd_thumbnail.gif) 0px 100% repeat-x;
		padding:5px 5px 13px 5px;
        float:left;
        height:180px;
        border:1px solid #ddd;
        width:246px;
        margin:0 0px 20px 0;
        display:inline;
        }
        
#work div.thumbnail p a,
#work div.thumbnail p a:link,
#work div.thumbnailLast p a,
#work div.thumbnailLast p a:link {
	text-decoration:none;
    }

        
/* jQuery Rollover Styles */

.thumbnail,
.thumbnailLast {
    position:relative;
}

.thumbnail div.hidden,
.thumbnailLast div.hidden {
    position:absolute;
    top:5px;
    left:5px;
    background:#687890;
    width:246px;
    height:57px;
    padding:43px 0 0 0;
    text-align:center;
    cursor:pointer;
}

.thumbnail div.hidden p,
.thumbnailLast div.hidden p {
    color:#fff;
    font-weight:bold;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.hidden {
	display:none;
    }
        
#work #flashContent {
	background: #eaecee url(../images/bkgd_portfolio_bottom.gif) 0px 100% no-repeat;
	width:950px;
    text-align:center;
    padding:20px 0 40px;
    }
        

	
        
.column h2,
.columnLast h2,
.columnLastClient h2 {
	color: #a5a977;
    margin:10px 0 5px 0;
    }
    
.column h1 a,
.columnLast h1 a {
	color: #a5a977;
    }
    
.column h1 a:hover,
.columnLast h1 a:hover {
	color:#687890;
	text-decoration:none;
    }
        
    
		
#work div.thumbnail h1,
#work div.thumbnailLast h1 {
	color:#5d5d5d;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	padding:10px 6px 2px 6px;
	margin:0;
	}
        
#work div.thumbnail p,
#work div.thumbnailLast p {
	padding:0 6px;
    line-height:15px;
    margin:0;
    }
		
	div.thumbnail p,
    div.thumbnailClear p {
		margin:0;
		padding: 0 0px;
        line-height:16px;
		}
        
div.experienceThumbs {
	margin:5px 0;
    }
    
div.experienceThumbs img {
	/*float:left;*/
    }
        
.textPage div.column,
.textPageIntro div.column {
	width:540px;
    float:left;
    margin:0px;
    padding-right:25px;
    border:none;
    }
    
    

    
div.columnLast {
	width:245px;
    float:left;
    }
    
div.columnWide {
	width:385px;
    float:left;
    }
    
div.sidebarBlog {
	background:url(../images/header_blog_sidebar.gif) 0px 0px no-repeat;
    padding:20px 0 10px;
	margin:40px 0 0 0;
    border:1px solid #ddd;
    border-width:0px 0px 0px;
    }
    
div.sidebarBlog h3 {
/*	border-top:1px solid #ddd;
*/    }
    
div.columnLastClient {
	float:left;
	width:275px;
    }
    
#content li {
	background: url(../images/icon_bullet_arrow.gif) 0px 4px no-repeat;
    padding-left:11px;
    }
    
#content li.expandable {
	background: url(../images/btn_expand_list.gif) 0px 5px no-repeat;
    padding-left:11px;
    }
    
#content li.collapsible {
	background: url(../images/btn_collapse_list.gif) 0px 5px no-repeat;
    padding-left:11px;
    }
	
	
    
#content li ul {
	margin:5px 0 0 0;
    }
    /* BIOS -------------------------------------------------------------------*/ div.columnBio { float:left; width:275px; border-right:1px solid #ebebeb; padding:0 25px 0 0; margin-right:25px; } div.columnSidebar { width:198px; float:left; margin:0; padding:0px; } div.focusZone { margin:0 0 20px 0; } #about div.thumbnail { background-image:none; border:none; height:auto; float:left; width:400px; clear:left; margin:0 50px 30px 0; border-bottom:6px solid #ebebeb; padding-bottom:15px; } #about div.thumbnailClear { float:left; height:auto; width:400px; padding:0 0 15px 0; margin:0px 0 30px 0; border-bottom:6px solid #ebebeb; } #about div.thumbnailClear p.description, #about div.thumbnail p.description { border-top:1px solid #ebebeb; padding-top:15px; margin-top:0px; line-height:18px; } #about div.thumbnailClear p.description strong, #about div.thumbnail p.description strong { color:#687890; } div.nameTitle { padding-top:60px; margin-bottom:8px; } #about .thumbnail img, #about .thumbnailClear img { float:left; margin:0 15px 0px 0; } #about .columnBio h2 { color:#687890; font-size:10px; text-transform:uppercase; letter-spacing:1px; } #about .columnBio li { font-size:10px; } /*#about div.thumbnail { margin-top:20px; border-bottom:1px solid #eee; }*/ p.name { font-size:14px; font-weight:bold; color: #687890; } p.position { margin-top:25px; font-size:10px; color:#a5a977; letter-spacing:1px; } /* FOOTER -------------------------------------------------------------------*/ #footer { background:#fff; margin:50px 0 0 0; padding-bottom:25px; } #footerBlog { border:1px solid #ebebeb; border-width:1px 0; margin:0 0 10px 0; padding:5px 0; } #footer address { color:#5d5d5d; width:200px; float:left; font-style:normal; font-size: 10px; line-height: 16px; padding: 3px 0 0; } #footer address strong { color:#a5a977; font-weight:bold; } #footerNav { float:right; } #footerNav ul { list-style:none; padding-top:3px; } #footerNav li { color: #a5a4a4; list-style:none; float:left; padding:0px 10px; background:none; border-right:1px solid #ebebeb; } #footerNav a { text-decoration:none; color:#687890; }	#gsaInfo { float:right; height:25px; margin-left:20px; } #gsaInfo a.gsa_info { background:url(gsaBuyer.gif) 0px 0px no-repeat; height:25px; width:177px; text-indent:-9999px; display:block; overflow:hidden; }	/* CASE STUDY STYLES -------------------------------------------------------------------*/ #caseStudyWrapper {} #caseStudySlideshow { float:left; height:435px; width:560px; } #caseStudyText { float:left; padding:30px 0px 0 30px; width: 360px; } #caseStudyText h1 { line-height:23px; margin-bottom: 10px; } #caseStudyText p { margin-bottom:5px; } #caseStudyText p.client { background: url(icn_client_arrow.gif) 0px 4px no-repeat; color:#a5a977; font-size:10px; padding-left:10px; margin-bottom: 8px; } #caseStudyHeader { background:#687890; background:#fff; border-bottom:1px solid #ebebeb; color:#fff; color:#687890; padding:3px 10px; position:relative; width:930px; } #caseStudyHeader h1 { color:#fff; color:#a6b7d2; font-size:14px; margin-bottom:0px; } #caseStudyHeader h1 span { color:#687890; font-weight:bold; } #caseStudyHeader ul { position:absolute; top:7px; right:0px; } #caseStudyHeader li { background:none; float:left; font-size:10px; } #caseStudyHeader li a { } #caseStudyHeader li.prevNext { } #caseStudyHeader li.prevNext a { border-left:1px solid #a5a4a4; padding-left:10px; } #caseStudyHeader li a:hover { color:#9fa370; text-decoration:none; } a.caseStudy { background:url(icon_case_study.gif) 100% 100% no-repeat; padding-right:65px; } a.caseStudy:hover { background:url(icon_case_study_on.gif) 100% 100% no-repeat; padding-right:65px; text-decoration:none; } 	
	
	
	
	 #gsaInfo a.gsa_info { background:url(gsaBuyer.gif) 0px 0px no-repeat; height:25px; width:177px; text-indent:-9999px; display:block; overflow:hidden; }

/* --------------------------------------- Client: RCSM Version: 1.1 Author: Rock Creek Strategic Marketing Website: http://www.rockcreeksm.com Colors: Dark Blue: #687890; Light Blue:	#a6b7d2; Dark Green:	#a5a977; Light Green:	#9fa370; Dark Grey:	#5d5d5d; Light Grey:	#a5a4a4; Very Light Grey:	#ebebeb; ------------------------------------------*/ /* GLOBAL -------------------------------------------------------------------*/ body { margin:0; padding:0; background:#fff 0px 0px repeat-x; font:11px/18px 'Lucida Grande', Arial, Helvetica, sans-serif; color:#5d5d5d; } * { margin:0; padding:0; } h1 {
	color:#687890;
	font-size:16px;
	font-weight:bolder;
	font-family:lfoArial, Helvetica, sans-serif;
	line-height:27px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	border-bottom: 2px solid #ebebeb;
	;
	background-color: #EEF0F2;
} h2 { font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d; margin:12px 0 4px 0; } h3 { color:#687890; font-weight:bold; font-size:12px; padding:5px 0 5px; } p { margin-bottom:6px; } ul, li { list-style:none; } li { padding-bottom:5px; } a, a:link { color:#687890; text-decoration:none; } a:hover { text-decoration:underline; } p a, p a:link { text-decoration:underline; } p a:hover { text-decoration:none; } img { border:none; } /* LAYOUT STYLES -------------------------------------------------------------------*/ #wrapper { background:#fff; background:transparent; margin:0 auto 0; width:950px; padding:0 0px; } div.clearfix { clear:both; } /* MASTHEAD -------------------------------------------------------------------*/ #masthead { overflow:hidden; position:relative; height:185px; border-bottom:1px solid #ebebeb; } #logo { left:24px; position:absolute; top:14px; } /* GLOBAL NAV -------------------------------------------------------------------*/ #gNav { background:#687890; height:40px; position:absolute; right:0px; top:0px; width:450px; } #gNav ul { background:url(gNavBkgd.gif) 0px 0px no-repeat; height:40px; list-style:none; position:relative; width:450px; } #gNav li { list-style:none; position:absolute; top:0px; } #gNav li, #gNav li a { display:block; height:40px; text-indent:-9999px; } li#nav_work { left:0px; width:81px; } li#nav_capabilities { left:81px; width:119px; } li#nav_about { left:200px; width:78px; } li#nav_blog { left:278px; width:72px; } li#nav_contact { left:350px; width:102px; } li#nav_work a:hover { background:url(gNavBkgd.gif) 0px -40px no-repeat; } li#nav_capabilities a:hover { background:url(gNavBkgd.gif) -81px -40px no-repeat; } li#nav_about a:hover { background:url(gNavBkgd.gif) -200px -40px no-repeat; } li#nav_blog a:hover { background:url(gNavBkgd.gif) -278px -40px no-repeat; } li#nav_contact a:hover { background:url(gNavBkgd.gif) -350px -40px no-repeat; } /* ACTIVE PAGES */ #work li#nav_work a { background:url(gNavBkgd.gif) 0px -40px no-repeat; } #capabilities li#nav_capabilities a, #services li#nav_capabilities a { background:url(gNavBkgd.gif) -81px -40px no-repeat; } #about li#nav_about a { background:url(gNavBkgd.gif) -200px -40px no-repeat; } #blog li#nav_blog a { background:url(gNavBkgd.gif) -278px -40px no-repeat; } #contact li#nav_contact a { background:url(gNavBkgd.gif) -350px -40px no-repeat; } /* CONTENT -------------------------------------------------------------------*/ /* INTRO -------------------------------------------------------------------*/ #intro { background:transparent; border-bottom: 1px solid #ebebeb; padding:25px 10px 10px 0px; position:relative; width:950px; } #intro h1 { font-weight:normal; padding:5px 10px 10px 5px; } #intro h2 { color:#a6b7d2; font-size:19px; font-weight:normal; line-height:27px; } #intro ul { list-style:none; margin:0px; padding:0px; position:absolute; right:0px; bottom:-1px; } #intro ul li { background-image:none; float:left; padding:0px; margin-left:6px; border:1px solid #eee; border-width:3px 1px 0; border-top:3px solid #666; } #intro li a { background:#666; color:#fff; display:block; padding:3px 10px; } #intro li a.selected { background:#fff; color: #666; } #intro li a:hover { background: #999; color:#fff; text-decoration:none; } /* LOCAL NAV -------------------------------------------------------------------*/ #localNav { background:transparent; height:29px; position:absolute; bottom:0px; right:0px; } #localNav .header { background:url(localNavHeader.gif) 0px 0px no-repeat; width:112px; height:29px; float:right; margin-left:25px; } #work #localNav .header { background:url(localNavHeader.gif) 0px 0px no-repeat; } #capabilities #localNav .header { background:url(localNavHeader.gif) -112px 0px no-repeat; width:171px; } #about #localNav .header { background:url(localNavHeader.gif) -283px 0px no-repeat; width:117px; } #blog #localNav .header { background:url(localNavHeader.gif) -395px 0px no-repeat; width:113px; } #contact #localNav .header { background:url(localNavHeader.gif) -504px 0px no-repeat; width:140px; } #localNav .links { padding-top:5px; float:right; } #localNav p { color:#a5a4a4; } #localNav .links a { text-decoration:none; padding:0 3px; } #localNav .links a:hover { color:#a5a4a4; } /* COLUMNS -------------------------------------------------------------------*/ #columnWrapper {
	padding:20px 0 0 0;
	position:relative;
} div.column { float:left; width:279px; padding:0 24px 0 0; border-right:1px solid #ebebeb; margin-right: 25px; } div.columnLast { padding-right:0px; margin-right:0px; border-right:0; } /*#work div.thumbnail { background: url(bkgd_thumbnail.gif) 0px 100% repeat-x; padding:0 0 13px 0; height:170px; border-bottom:1px solid #ccc; margin-bottom:25px; } #work div.thumbnail { background: url(bkgd_thumbnail.gif) 0px 100% repeat-x; padding:5px 5px 13px 5px; float:left; height:170px; border:1px solid #ddd; margin-bottom:25px; width:246px; margin-right:35px; } #work div.thumbnailFirst { background: url(bkgd_thumbnail.gif) 0px 100% repeat-x; padding:5px 5px 13px 5px; float:left; height:170px; border:1px solid #ddd; margin-bottom:25px; width:246px; margin-right:0px; clear:left; }*/ #work div.thumbnail { background: url(bkgd_thumbnail.gif) 0px 100% repeat-x; padding:5px 5px 13px 5px; float:left; height:180px; border:1px solid #ddd; width:210px; margin:0 8px 20px 0; display:inline; } #work div.thumbnailLast { background: url(bkgd_thumbnail.gif) 0px 100% repeat-x; padding:5px 5px 13px 5px; float:left; height:180px; border:1px solid #ddd; width:246px; margin:0 0px 20px 0; display:inline; } #work div.thumbnail p a, #work div.thumbnail p a:link, #work div.thumbnailLast p a, #work div.thumbnailLast p a:link { text-decoration:none; } /* jQuery Rollover Styles */ .thumbnail, .thumbnailLast { position:relative; } .thumbnail div.hidden, .thumbnailLast div.hidden { position:absolute; top:5px; left:5px; background:#687890; width:246px; height:57px; padding:43px 0 0 0; text-align:center; cursor:pointer; } .thumbnail div.hidden p, .thumbnailLast div.hidden p { color:#fff; font-weight:bold; font-size:10px; text-transform:uppercase; letter-spacing:1px; } .hidden { display:none; } #work #flashContent { background: #eaecee url(bkgd_portfolio_bottom.gif) 0px 100% no-repeat; width:950px; text-align:center; padding:20px 0 40px; } .column h2, .columnLast h2, .columnLastClient h2 { color: #a5a977; margin:10px 0 5px 0; } .column h1 a, .columnLast h1 a { color: #a5a977; } .column h1 a:hover, .columnLast h1 a:hover { color:#687890; text-decoration:none; } #work div.thumbnail h1, #work div.thumbnailLast h1 { color:#5d5d5d; font-size:11px; line-height:14px; font-weight:bold; margin:0; } #work div.thumbnail p, #work div.thumbnailLast p { padding:0 1px; line-height:15px; margin:10px; } div.thumbnail p, div.thumbnailClear p { margin:0; padding: 0 0px; line-height:16px; } div.experienceThumbs { margin:5px 0; } div.experienceThumbs img { /*float:left;*/ } .textPage div.column, .textPageIntro div.column { width:540px; float:left; margin:0px; padding-right:25px; border:none; } div.columnLast { width:245px; float:left; } div.columnWide { width:385px; float:left; } div.sidebarBlog { background:url(header_blog_sidebar.gif) 0px 0px no-repeat; padding:20px 0 10px; margin:40px 0 0 0; border:1px solid #ddd; border-width:0px 0px 0px; } div.sidebarBlog h3 { /*	border-top:1px solid #ddd; */ } div.columnLastClient { float:left; width:275px; } #content li { background: url(icon_bullet_arrow.gif) 0px 4px no-repeat; padding-left:11px; } #content li.expandable { background: url(btn_expand_list.gif) 0px 5px no-repeat; padding-left:11px; } #content li.collapsible { background: url(btn_collapse_list.gif) 0px 5px no-repeat; padding-left:11px; } #content li ul { margin:5px 0 0 0; } /* BIOS -------------------------------------------------------------------*/ div.columnBio { float:left; width:275px; border-right:1px solid #ebebeb; padding:0 25px 0 0; margin-right:25px; } div.columnSidebar { width:198px; float:left; margin:0; padding:0px; } div.focusZone { margin:0 0 20px 0; } #about div.thumbnail { background-image:none; border:none; height:auto; float:left; width:400px; clear:left; margin:0 50px 30px 0; border-bottom:6px solid #ebebeb; padding-bottom:15px; } #about div.thumbnailClear { float:left; height:auto; width:400px; padding:0 0 15px 0; margin:0px 0 30px 0; border-bottom:6px solid #ebebeb; } #about div.thumbnailClear p.description, #about div.thumbnail p.description { border-top:1px solid #ebebeb; padding-top:15px; margin-top:0px; line-height:18px; } #about div.thumbnailClear p.description strong, #about div.thumbnail p.description strong { color:#687890; } div.nameTitle { padding-top:60px; margin-bottom:8px; } #about .thumbnail img, #about .thumbnailClear img { float:left; margin:0 15px 0px 0; } #about .columnBio h2 { color:#687890; font-size:10px; text-transform:uppercase; letter-spacing:1px; } #about .columnBio li { font-size:10px; } /*#about div.thumbnail { margin-top:20px; border-bottom:1px solid #eee; }*/ p.name { font-size:14px; font-weight:bold; color: #687890; } p.position { margin-top:25px; font-size:10px; color:#a5a977; letter-spacing:1px; } /* FOOTER -------------------------------------------------------------------*/ #footer { background:#fff; margin:50px 0 0 0; padding-bottom:25px; } #footerBlog { border:1px solid #ebebeb; border-width:1px 0; margin:0 0 10px 0; padding:5px 0; } #footer address { color:#5d5d5d; width:200px; float:left; font-style:normal; font-size: 10px; line-height: 16px; padding: 3px 0 0; } #footer address strong { color:#a5a977; font-weight:bold; } #footerNav { float:right; } #footerNav ul { list-style:none; padding-top:3px; } #footerNav li { color: #a5a4a4; list-style:none; float:left; padding:0px 10px; background:none; border-right:1px solid #ebebeb; } #footerNav a { text-decoration:none; color:#687890; }	#gsaInfo { float:right; height:25px; margin-left:20px; } #gsaInfo a.gsa_info { background:url(gsaBuyer.gif) 0px 0px no-repeat; height:25px; width:177px; text-indent:-9999px; display:block; overflow:hidden; }	/* CASE STUDY STYLES -------------------------------------------------------------------*/ #caseStudyWrapper {} #caseStudySlideshow { float:left; height:435px; width:560px; } #caseStudyText { float:left; padding:30px 0px 0 30px; width: 360px; } #caseStudyText h1 { line-height:23px; margin-bottom: 10px; } #caseStudyText p { margin-bottom:5px; } #caseStudyText p.client { background: url(icn_client_arrow.gif) 0px 4px no-repeat; color:#a5a977; font-size:10px; padding-left:10px; margin-bottom: 8px; } #caseStudyHeader { background:#687890; background:#fff; border-bottom:1px solid #ebebeb; color:#fff; color:#687890; padding:3px 10px; position:relative; width:930px; } #caseStudyHeader h1 { color:#fff; color:#a6b7d2; font-size:14px; margin-bottom:0px; } #caseStudyHeader h1 span { color:#687890; font-weight:bold; } #caseStudyHeader ul { position:absolute; top:7px; right:0px; } #caseStudyHeader li { background:none; float:left; font-size:10px; } #caseStudyHeader li a { } #caseStudyHeader li.prevNext { } #caseStudyHeader li.prevNext a { border-left:1px solid #a5a4a4; padding-left:10px; } #caseStudyHeader li a:hover { color:#9fa370; text-decoration:none; } a.caseStudy { background:url(icon_case_study.gif) 100% 100% no-repeat; padding-right:65px; } a.caseStudy:hover { background:url(icon_case_study_on.gif) 100% 100% no-repeat; padding-right:65px; text-decoration:none; } /* BLOG STYLES -------------------------------------------------------------------*/ #blog #intro { background: url(header_blog.gif) 0px 0px no-repeat; border:0px; height:60px; padding:0px; width:950px; } #about .thumbnail { clear:both; } #blog #intro h1 { text-indent:-9999px; } #blog #columnWrapper { padding-top:25px; } #blogPosting { width:560px; float:left; padding:0 20px 0 20px; } #blogUtility { width:310px; float:left; padding:0 20px; } #blogUtility h2 { background:#a5a977; color:#fff; font-weight:normal; padding:3px 3px; margin-bottom:8px; } #blogSideBar { width:180px; float:left; } #blog h1 { line-height:24px; margin-bottom:10px; } #blog p.blogInfo { border:1px solid #ebebeb; border-width:1px 0 0; /*background:#eee;*/ padding:5px 0; } #blog p.blogInfo span { color: #a5a977; border-left:1px solid #ebebeb; padding-left:8px; margin-left:10px; } #blog p.blogInfo span.comments { background:url(icon_comment.gif) 15px 1px no-repeat; padding-left:35px; margin-left:20px; } #blog p.blogInfo span.feed a { background:url(icon_home_feed.gif) 0px -1px no-repeat; padding-left:20px; } #blogPosting img { margin:15px 0; } #blog p.feed a { background:url(icon_home_feed.gif) 0px 2px no-repeat; padding:3px 0 3px 20px; } /* BIO INFO */ #bioInfo { border-top:4px solid #687890; padding:15px 0 0 0; } #bioInfo img { width:100px; height:87px; float:left; } #bioInfo p.name { font-size:11px; font-weight:bold; color: #687890; margin-top:15px; } #bioInfo p.position { font-size:10px; color:#a5a977; letter-spacing:0px; margin-top:0px; } #socialBookMarks img { float:left; } #socialBookMarks a { padding-right:10px; } .authorProfile { /*background:#ebebeb;*/ } .authorProfile img { float:left; margin:0 10px 0 0; } #energyRace { margin:10px 0 0 0; width:300px; } #energyRace p { margin-top:10px; } div.feed { border:1px solid #e0e0de; border-width:1px 0; padding:10px 0; height:50px; } #blog input.submitBtn { border:0px; width:58px; height:25px; padding:0px; margin-right:10px; } #blog input.previewBtn { border:0px; width:63px; height:25px; padding:0px; } #blog input.checkbox { height:auto; width:auto; } /* Comments */ #blog p.comment { /*border:1px solid #ebebeb;*/ padding:5px 0 0 0; color: #5b5b5b; font-size:9px; } #blog p.comment span { color:#a5a977; font-size:9px; padding-left:10px; border-left:1px solid #ebebeb; margin-left:10px; } #blog div.commentOdd { background:#dbddc9; padding:5px 5px 5px 15px; } #blog div.commentEven { background:#fff; padding:5px 5px 5px 15px; } #blog #leaveComment, #blog #viewComments { margin:25px 0 0 0; border:1px solid #a6b7d2; border-width:5px 0 0 0; padding-top:15px; } /* CUSTOM CLASSES -------------------------------------------------------------------*/ .detail #columnWrapper, .textPage #columnWrapper, .textPageIntro #columnWrapper { padding-top:25px; } .detail #intro { background:#fff; } #contact #intro { border:0px; } .textPage #intro { border:0px; } #localNav a.back, a.back { background:url(btn_arrow_back.gif) 0px 1px no-repeat; padding-left:18px; } p.caption { /*background:url(captionFooter.gif) 0px 100% no-repeat;*/ color:#a5a977; font-size:11px; margin:10px 10px 0 0; padding-bottom: 25px; } p.disclaimer { font-size:10px; color: #a5a4a4; width:340px; } p.disclaimer strong { color: #687890; font-weight:bold; } p.inlineLink, p.inlineLinkBack { margin:10px 0 15px 0; } h1.inlineLinkBack { color:#a5a4a4; margin:8px 0 8px 0; font-size:11px; } p.inlineLink a { background:url(btn_inline_link.gif) 0px 9px no-repeat; padding:8px 0 3px 18px; text-decoration:none; } h1.inlineLinkBack a { background: url(btn_inline_link_back.gif) 0px 9px no-repeat; padding:8px 5px 5px 18px; text-decoration:none; } p.inlineLink a:hover, p.inlineLinkBack a:hover {
	text-decoration:underline;
	font-size: 12px;
} p.inlineLink span { color:#a5a4a4; font-size:10px; padding-left:5px; } p.date { background:url(icon_blog_entry.gif) 0px 2px no-repeat; border-bottom:1px solid #ebebeb; font-size:10px; font-weight:normal; margin-top:10px; padding-left:20px; padding-bottom:10px; margin-bottom:10px; color: #a5a977; } p.nextEntry { height:19px; width:84px; margin:15px 0 0 0; } p.nextEntry a { background:url(btn_next_case_study.gif) 0px 0px no-repeat; display:block; text-indent:-9999px; } #blog p.caption { background:none; color:#a5a977; font-size:10px; line-height:15px; } div.caption { padding-top:10px; } div.caption p { font-size:10px; line-height:18px; } div.caption h2 { border-bottom:1px solid #ebebeb; } span.date { font-size:11px; font-weight:normal; padding-left:10px; color: #a5a977; } /* FORM STYLES -------------------------------------------------------------------*/ #contactFormWrapper { float:left; padding-right:25px; width:540px; } #contactInfo { float:left; width:385px; } form#contact { padding:10px 0px; } input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; } label { color:#687890; font-weight:bold; } .contactfield h2 { color:#687890; font-weight:bold; font-size:11px; border-bottom:1px solid #ccc; padding-bottom:5px; margin:5px 0 8px; width:426px; } input, select { border:1px solid #ccc; font-size:11px; padding:4px 3px; color:#666; width:420px; margin-bottom:5px; margin-top:3px; } select { width:200px; } input.tellFriend { height:auto; width:auto; border:none; } input.submit { width:98px; height:26px; border:none; margin-top:10px; padding:0; } textarea { border:1px solid #ccc; font-size:11px; padding:3px 3px; color: #666; width:420px; } .validation-advice { background: url(icon_validation.gif) 0px 3px no-repeat; font-size:10px; color:#903; padding-left:10px; line-height:12px; margin:8px 0; } .requiredfield { font-weight:normal; color:#666; } div.contactfield { padding:5px 0 0 0; } div.checkboxColumn { background:#fff; float:left; width:250px; } div.checkboxColumn input { width:auto; height:auto; margin:3px 3px 3px 0; border:none; } /* MISC -------------------------------------------------------------------*/ a.document { background: transparent url(icon_document.gif) 100% 8px no-repeat; padding-right:16px; } #blogPosting img.floatLeft { float:left; margin:0px 10px 10px 0; border:1px solid #ebebeb; padding:10px; } #blogPosting img.floatLeftNoPad { float:left; margin:0px 15px 10px 0; } .use_credits { display:none; } .moofilm { text-align: center; border: 0px none; color: white; background-color: black; } .film_title { color:Pink; margin-top:20px; font-size: 14px; font-weight: bold; } .film_info { font-size: 0.85em; line-height: 1.3em; padding:5px; margin:0 10px; }	.film_link { font-weight: bold; color:lime; } .film_link:hover { color:lime; font-size:1.3em; } .vcard { display:none; } p.vCardLink { background:url(icon_vcard.gif) 0px 4px no-repeat; padding:2px 0 2px 28px; margin:8px 0; } div.callToAction { padding:25px 0 10px 0; } div.callToAction img.left { padding-right:20px; } /* HOMEPAGE -------------------------------------------------------------------*/ #home #masthead { border:0px; height:453px; } #caseStudyFeature { position:absolute; left:0px; top:129px; height:324px; } #tagline { float:left; height:18px; width:293px; position:absolute; right:0px; top:100px; background:url(rcsm_tagline.png) 0 0 no-repeat; text-indent:-9999px; } #home #columnWrapper { padding:0px; } /*#home div.column { width:160px; padding:0px 20px 0 0; margin-right:20px; } #home div.columnLast { width:170px; margin:0px; border:0; } #home #mainContent { float:left; width:600px; padding-top:25px; }*/ #home #mainContent { padding-top:25px; } #home #mainContent h1 { font-size:19px; line-height:25px; width:750px; } #home #sideBar { background:url(bkgd_home_blog.gif) 0 0 repeat-y; float:left; padding:20px 0 50px 20px; width:230px; } #home h1 { margin-bottom:10px; padding-right:50px; } #home #mainContent div.column h2, #home #mainContent div.columnLast h2 { color: #a6b7d2; font-size: 17px; font-weight: normal; line-height: 27px; } #home p.blogHeader { font-size:10px; color:#a5a977; border:1px solid #ebebeb; border-width:0 0 1px; padding:5px 0 5px; } #home p.blogHeader a { background:url(icon_home_feed.gif) 100% -1px no-repeat; padding:0 20px 0 0px; } /* MOO FILM -------------------------------------------------------------------*/ .use_credits { display:none; } .moofilm { text-align: center; border: 0px none; color: white; background-color: black; } .film_title { color:Pink; margin-top:20px; font-size: 14px; font-weight: bold; } .film_info { font-size: 0.85em; line-height: 1.3em; padding:5px; margin:0 10px; }	.film_link { font-weight: bold; color:lime; } .film_link:hover { color:lime; font-size:1.3em; } div.tabs h1 { color: #a6b7d2; } #screenshot{ position:absolute; border:1px solid #ccc; background:#fff; padding:5px; display:none; color:#fff; } .featuredCaseStudies { padding:15px 0 0 0; } p.inlineToggle { background:#fff url(icon_collapse.gif) 0px 50% no-repeat; border:1px solid #eee; border-width:1px 0px; font-size:10px; padding:2px 27px; color: #687890; margin:0 0 0px 0; } p.open { background:#fff url(icon_expand.gif) 0px 50% no-repeat; border:1px solid #eee; border-width:1px 0; color:#687890; } div.inlineClientList { background:#fff; padding:12px 0 0 0; } /* SITEMAP -------------------------------------------------------------------*/ #sitemap div.column { width:160px; padding-top:15px; } #sitemap div.column h2 { padding-bottom:10px; } #sitemap div.last { border-right:none; } /* SERVICES PAGES (aka: landing) -------------------------------------------------------------------*/ #services div.column h2 { color:#a6b7d2; font-weight:normal; font-size:17px; margin-top:-3px; line-height:21px; } #services #columnWrapper { padding-top:0px; } #services .columnWide { padding-top:25px; } #services div.callToAction { padding-top:35px; } #services div.column h2 { color:#687890; font-size:19px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:27px; margin-bottom: 5px; }