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

/* Main Navigation CSS Import */
@import url(scripts/navigation.css);

*{
	font-size:12px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style:none
}

body{
	background:#fff url(/images/bgBody.jpg) no-repeat top left;
	color:#1a4b7c
}

p, address{
	margin:0 0 16px;
	line-height:17px
}

q{
	display:block;
	margin:6px 0
}

cite{
	display:block;
	margin:6px 0
}

#main:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

img{
	border:0
}

a{
	color:#cb6104;
	font-weight:bold;
	text-decoration:none
}

a:hover{
	text-decoration:underline
}


/* BEGIN: Headings ================== */
h1{
	font:normal 19px "News Gothic Std";
	color:#CB6104
}

h2{
	font-size:15px;
	margin:10px 0 4px 0
}

h3{
	font-size:12px;
	font-weight:bold;
	color:#416E0C
}

h4{
	font-size:14px
}

h5{
	font-size:13px
}

h6{
	font-size:11px
}
/* END: Headings ================== */

/* BEGIN: Structure =============== */
#main{
	width:1014px;
	margin:auto;
	background:url(/images/bgMain.png) repeat-y 11px 0
}

#header{
	float:left;
	display:inline;
	width:951px;
	height:205px;
	margin-left:35px;
	background:url(/images/bgHeader.jpg) no-repeat;
}

#nav{
	float:left;
	width:1014px;
	height:41px;
	background:url(/images/bgNav.png) no-repeat
}

#content{
	float:left;
	display:inline;
	width:979px;
	margin-left:35px;
	padding:20px 0 0 0;
	background:url(/images/bgContentBottom.png) no-repeat bottom left;
}

#footer{
	clear:both;
	width:959px;
	height:106px;
	margin:0 auto 78px;
	padding:0 0 0 40px;
	background:url(/images/bgfooter.png) no-repeat 4px 0
}
/* END: Structure ================= */

/* BEGIN: Header Styles =========== */
#logoScreen{
	float:left;
	display:inline;
	width:224px;
	height:95px;
	margin:49px 0 0 45px;
}
#logoScreen a{
	display:block;
	width:224px;
	height:95px;
	color:#dee8f1;
	background:url(/images/logoLiquiSite.png) no-repeat
}
#contactForm{
	float:right;
	display:inline;
	width:242px;
	height:70px;
	margin:0;
	padding:0 !important;
	overflow:hidden;
}
/* END: Header Styles ============= */

/* BEGIN: Navigation Positioning & Top level Styling == 
   Colors, appearance and sub menu styling located in scripts/navigation.css */
   
#nav ul{
	float:right;
	display:inline;
	height:35px;
	margin-right:66px
}
#nav li a{
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
}
#nav li a:hover{
	background-position:0 35px
}
.navHome, .navHome a					{ width:61px }
.navHome a								{ background-image:url(images/navHome.png) } 

.navCapabilities, .navCapabilities a	{ width:106px }
.navCapabilities a						{ background-image:url(images/navCapabilities.png) } 

.navPortfolios, .navPortfolios a		{ width:106px }
.navPortfolios a						{ background-image:url(images/navPortfolios.png) } 

.navClients, .navClients a				{ width:76px }
.navClients a							{ background-image:url(images/navClients.png) } 

.navTestimonials, .navTestimonials a	{ width:115px }
.navTestimonials a						{ background-image:url(images/navTestimonials.png) } 

.navBlog, .navBlog a					{ width:57px }
.navBlog a								{ background-image:url(images/navBlog.png) } 

.navAbout, .navAbout a					{ width:63px }
.navAbout a								{ background-image:url(images/navAbout.png) } 

.navPress, .navPress a					{ width:65px }
.navPress a								{ background-image:url(images/navPress.png) } 

.navContact, .navContact a				{ width:82px }
.navContact a							{ background-image:url(images/navContact.png) } 

/* END: Navigation Positioning ==== */

/* BEGIN: Content Styles ========== */
#innerContent{
	float:left;
	width:630px;
	padding:0 30px 17px 45px;
}

#column1{
	float:left;
	width:180px;
	line-height:17px;
	padding:0 30px 17px 0px;
}

#column2{
	float:left;
	width:180px;
	line-height:17px;
	padding:0 30px 17px 0px;
}

#column3{
	float:left;
	width:180px;
	line-height:17px;
	padding:0 30px 17px 0px;
}

#hdrBuildTrust{
	width:466px;
	height:43px;
	margin:0 0 16px;
	background:url(images/hdrBuildTrust.png)
}
#hdrClients{
	width:288px;
	height:50px;
	margin:0 0 2px;
	background:url(images/hdrClients.png)
}
#hdrContact{
	width:440px;
	height:50px;
	margin:0 0 0px;
	background:url(images/hdrContact.png)
}
#hdrPortfolios{
	width:288px;
	height:50px;
	margin:0 0 2px;
	background:url(images/hdrPortfolios.png)
}
#hdr2010ProBono{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdr2010ProBono.png)
}
#hdrCapabilities{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrCapabilities.png)
}
#hdrCapabilitiesBottom{
	width:561px;
	height:69px;
	margin:0 0 2px;
	background:url(images/hdrCapabilitiesBottom.gif)
}
#hdrLiquiNews{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrLiquiNews.png)
}
#hdrAwards{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrAwards.png)
}
#hdrAffiliates{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrAffiliates.png)
}
#hdrInspiration{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrInspiration.png)
}
#hdrPhilosophy{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrPhilosophy.png)
}
#hdrSocialMediaMgmt{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrSocialMediaMgmt.png)
}
#hdrPrivacy{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrPrivacy.png)
}
#hdrTestimonials{
	width:440px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrTestimonials.png)
}
#hdrWebsiteEvaluation{
	width:518px;
	height:49px;
	margin:0 0 2px;
	background:url(images/hdrWebsiteEvaluation.png)
}
#hdrCreativePartner{
	width:369px;
	height:49px;
	margin:0 0 2px;
	background:url(images/hdrCreativePartner.png)
}
#hdrTheKTeam{
	width:378px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrTheKTeam.png)
}
#hdrAboutUs{
	width:407px;
	height:52px;
	margin:0 0 2px;
	background:url(images/hdrAboutUs.png)
}
#hdrPress{
	width:378px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrPress.png)
}
#hdrEPKMedia{
	width:378px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrEPKMedia.png)
}
#hdrCopywriting{
	width:378px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrCopywriting.png)
}
#hdrCouroCMS{
	width:474px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrCouroCMS.png)
}
#hdrSupportRequest{
	width:378px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrSupportRequest.jpg)
}
#hdrEcommerceCreator{
	width:416px;
	height:52px;
	margin:0 0 2px;
	background:url(images/hdrEcommerceCreator.png)
}
#hdrOptimizationSEO{
	width:347px;
	height:54px;
	margin:0 0 2px;
	background:url(images/hdrOptimizationSEO.png)
}
#hdrSocialMedia{
	width:292px;
	height:53px;
	margin:0 0 2px;
	background:url(images/hdrSocialMedia.png)
}
#hdrPressReleases{
	width:398px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrPressReleases.png)
}
#hdrInTheNews{
	width:271px;
	height:58px;
	margin:0 0 2px;
	background:url(images/hdrInTheNews.png)
}
#hdrSiteMap{
	width:458px;
	height:48px;
	margin:0 0 2px;
	background:url(images/hdrSiteMap.png)
}
/* END: Content Styles ============ */

/* BEGIN: Right Column Styles ===== */
#rightColumn{
	float:left;	
	width:247px;
	min-height:510px;
	background:url(images/bgRightColDashVert.png) no-repeat 0 18px
}
#hdrWhatsNew{
	width:245px;
	height:51px;
	margin:9px 0 0 23px;
	background:url(images/hdrWhatsNew.png) no-repeat top left
}
#scrollersection{
	float:left;
	display:inline;
	width:172px;
	height:185px;
	margin:0 0 20px 32px;
	padding:8px 0 16px;
	background:url(images/border-dashed-horiz.png) repeat-x bottom left;
	position:relative
}
#newsContainer{
	float:left;
	display:inline;
	height:185px;
	margin:0;
	overflow:hidden;
	position:relative
}
#news{
	position:relative
}
#news li, #news li *{
	font-size:11px;
	line-height:14px;
}
#news li{
	margin:0 0 12px;
	color:#369;
}
#news li a{
	color:#369;
	text-decoration:underline
}
#news li a:hover{
	text-decoration:none
}

#solutions{
	float:left;
	display:inline;
	width:172px;
	margin:0 0 15px 28px;
	padding:0 0 24px;
	background:url(images/border-dashed-horiz.png) repeat-x bottom left;
}
#imgCouro{
	display:block;
	margin-bottom:29px;
}
#imgAwards{
	float:left;
	display:inline;
	margin-left:6px
}
/* END: Right Column Styles ======= */
/* BEGIN: Footer Styles =========== */
#networking{
	float:left;
	width:285px;
	margin:26px 0 0
}
#networking li{
	float:left;
	display:inline;
	margin:0 16px 0 0
}
#networking a{
	display:block;
	text-indent:-9999px;
	overflow:hidden
}
.twitter, .twitter a	{ width:75px; height:31px }
.twitter a				{ background:url(images/footerTwitter.png) }
.facebook, .facebook a	{ width:80px; height:31px }
.facebook a 			{ background:url(images/footerFacebook.png) }
.linkedin, .linkedin a	{ width:81px;  height:34px }
.linkedin a				{ background:url(images/footerLinkedIn.png) }

#copyright{
	float:left;
	width:452px;
	height:52px;
	margin:14px 0 0;
	padding:6px 0 0 16px;
	color:#1a4b7c;
	background:url(images/bgFooterDashVert.png) no-repeat left
}
#copyright, #copyright a{
	font-size:11px;
	line-height:14px;
}
#footer a{
	color:#dee8f1
}
/* END: Footer Styes ============== */
.portfolio{
	position:relative
}
.portfolio h4 {
	font-size: 14px;
	margin:0 0 7px 0;
	color:#fff;
}
.portfolio h5 {
	font-size: 12px;
	margin-bottom:10px;
}
.portfolio h6 {
	color: #333;
	font-size: 13px;
	width:50%;
}

#slider_preload{
	display:none;
}
#sliderLoadingOverlay{
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	background:url(images/black-50.png);
	width:671px;
	height:222px;
	display:none;
	text-align:center;
}
#sliderLoadingOverlay img{
	position:absolute;
	top:100px;
	left:272px;
}
#slider {
	position:relative;
	margin-bottom:10px;
	border:4px solid #aac5e2;
	text-align:center;
	height:206px !important;
	width:621px !important;
	overflow:hidden;
}
#slider ul, #slider li {
	margin:0;
	padding:0 !important;
	list-style:none !important;
	position:relative;
	z-index:2;
}

#slider li, #slider li img {
	height:206px;
	width:621px;
	overflow:hidden;
}

.loading{
	position:absolute;
	top:100px;
	left:272px;
	z-index:1;
}
#prevBtn, #nextBtn {
	position:absolute;
	top:153px;
	left:0;
	z-index:3;
}
#nextBtn {
	left:569px;
}
#prevBtn a, #nextBtn a {
	display:block;
	width:60px;
	height:48px;
	background:url(images/prevBtn.png) no-repeat top left;
	text-indent:-9999px;
	outline:none;
}
#nextBtn a {
	background:url(images/nextBtn.png) no-repeat top left;
}
#nextBtn a:hover {
	background:url(images/nextBtn.png) no-repeat bottom left;
}
#prevBtn a:hover {
	background:url(images/prevBtn.png) no-repeat bottom left;
}
#nextBtn a.inactive {
	background:url(images/nextBtn.png) no-repeat top left !important;
	cursor:default;
}
#prevBtn a.inactive {
	background:url(images/prevBtn.png) no-repeat top left !important;
	cursor:default;
}
#portfolioInfo{
	background:#868686 url(images/bgPortfolioInfo.png) no-repeat bottom;
	height:58px;
	padding:10px 15px;
	margin-bottom:10px;
}
#portfolioInfo p{
	color:#fff;
	font-size:11px;
	background:url(images/lineVert.gif) repeat-y right;
	width:370px;
	padding-right:15px;
	line-height:14px;
	margin:0;
}
#portfolioInfo a{
	text-decoration:underline;
	color:#fff;
}
#portfolioInfo ul{
	float:right;
	width:198px;
}
#portfolioInfo li{
	font-size:10px;
	background:url(/images/bulletPortfolioInfo.gif) no-repeat 0 4px !important;
	color:#fff;
}
#portfolioGroup {
	height:47px;
	padding-bottom:15px;
	background: url("/images/bg_hr.gif") bottom repeat-x;
}
#portfolioGroup div {
	display:none;
}
#portfolioGroup ul{
	margin:0;
	height:47px;
	float:left;
}
#portfolioGroup li{
	display:inline;
	float:left;
	padding:0 !important;
	list-style:none !important;
}
#portfolioGroup li a{
	border:4px solid #a9c7e5;
	margin-right:7px;
	display:block;
	width:36px;
	height:36px;
	float:left;
}
#portfolioGroup li a img{
	width:36px;
	height:36px;
	overflow:hidden;
}
#portfolioGroup li a:hover{
	border:4px solid #4179AF;
}
#portfolioGroup li a.active, #portfolioGroup li a.active:hover{
	border:5px solid #4d8336;
}
a#prevGroupBtn, a#nextGroupBtn{
	float:left;
	background:url(images/prevGroupBtn.gif) top left;
	width:24px;
	height:47px;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin:0 12px 0 0;
}
a#nextGroupBtn{
	background:url(images/nextGroupBtn.gif) top left;
	margin:0 0 0 5px;
}
a:hover#prevGroupBtn {
	background:url(images/prevGroupBtn.gif) bottom left;
}
a:hover#nextGroupBtn{
	background:url(images/nextGroupBtn.gif) bottom left;
}
a.inactive#prevGroupBtn{
	background:url(images/prevGroupBtn.gif) top right;
	cursor:default;
}
a.inactive#nextGroupBtn{
	background:url(images/nextGroupBtn.gif) top right;
	cursor:default;
}
.navPort{
	width:48%;
	float:left;
	border-right:1px dotted #ccc;
	margin-bottom:25px;
}
.navPort a{
	float:left; 
	margin-right:10px;
}
.navPort div{
	width:220px; 
	float:left;
}
.navPort p{ 
	line-height:14px;
	margin-bottom:5px;
}
.navPort div a{
	display:block;
	width:58px;
	height:18px;
	text-indent:-9999px;
	background:url(images/btnView.gif) no-repeat;
}
.navPort div a:hover{
	background-position:bottom;
}

.hidden-text{
	text-indent:-9999px;
	overflow:hidden
}