/* CAXIAM GROUP, INC. */
/* Author: David Phoebus */


/* pull shade */

#shade {
	position: absolute;
	z-index: 1000;
	top: -93px;
	width: 100%;
	height: 115px;
	background: transparent url(../shade/shade.gif) repeat-x top;
}

.chalkboard {
	height: 93px;
	background: transparent url(../shade/chalkboard.jpg) no-repeat top center;
}

#shade-menu {
	position: relative;
	height: 115px;
	font-size: 11px;
}

#shade-menu UL {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	list-style: none;
}

#shade-menu LI {
	float: left;
	margin: 0px 42px 0px 0px;
	padding: 0px;
}

#shade-menu LI IMG {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

#shade-menu LI A:hover IMG {
	opacity: 1.00;
	filter: alpha(opacity=100);
}

.shade-rt {
	float: right;
	padding-top: 10px;
	text-align: right;
}

A#pull-tab {
	display: block;
	position: absolute;
	top: 94px;
	right: 10px;
	width: 95px;
	height: 21px;
	text-align: right;
	background: transparent url(../btn/five_reasons_close.gif) no-repeat left top;
}

A#pull-tab:hover {background-position: left -21px;}
A#pull-tab.closeme {background-position: -95px 0px;}
A#pull-tab.closeme:hover {background-position: -95px -21px;}


/* global-link */

#global-link {
	position: absolute;
	top: -28px;
	right: 25px;
	font-size: 11px;
	line-height: 15px;
	padding-left: 20px;
	text-decoration: none;
	color: #6d6d6d;
	background: transparent url(../logos/cg_emblem.gif) no-repeat left;
}

#global-link:hover {
	color: #2a988d;
}

/* layout */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #dad8c8;
	font-size: 12px;
}

.container {
	position: relative;
	width: 940px;
	padding: 0px 10px;
	margin: 0px auto;
}

#main {
	padding: 13px 0px 38px 0px;
	color: #363636;
	background: #FFFFFF;
}

#main.nopad {
	padding-top: 0px;
}


/* header elements */

#header {
	color: #dad8c8;
	background: #000000 url(../bkg/header.gif) repeat-x top;
	border-bottom: 4px solid #2a988d;
	padding-top: 38px;
}

.hdr-left{
	float: left;
	width: 245px;
	height: 57px;
	padding: 14px 40px 0 0;
	background: transparent url(../bkg/nav_left.gif) no-repeat right top;
}

.hdr-right {
	float: left;
	height: 55px;
	padding: 16px 0 0 16px;
	background: transparent url(../bkg/nav_right.gif) no-repeat left top;
}

.hdr-expanded {
	position: relative;
	color: #929292;
	background-color: #000000;
	border-bottom: 4px solid #2a988d;
}

.hdr-expanded.chalkboard-right {
	min-height: 285px;
	height: auto !important;
	height: 285px;
	background-image: url(../bkg/chalkboard_right.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.hdr-expanded.chalkboard-center {
	min-height: 255px;
	height: auto !important;
	height: 255px;
	background-image: url(../bkg/chalkboard.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.home .hdr-expanded {
	color: #DAD8C8;
}

.hdr-expanded .intro {
	float: left;
	line-height: 20px;
}

.expanded #header {
	border-bottom: none;
}

/* global navigation */

.global-nav {
	float: left;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	padding: 20px 10px;
	background: #000000 url(../bkg/nav_top.gif) repeat-x top;
}

.prinav,
.subnav {
	width: 615px;
}

.prinav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.prinav LI {
	float: left;
	/*	padding: 0px 11px 0px 9px;  temp until blog */
	padding: 0px 17px 0px 15px;
	margin: 0px;
	position: relative;
	background: url(../topnav/splitter.gif) no-repeat right;
}

.prinav LI.first {
	padding-left: 4px;
}

.prinav LI.last {
	padding-right: 0px;
	background: none;
}

.prinav A {
	float: left;
	height: 15px;
	background-position: left top;
	text-indent: -9999px;
}

.prinav A:active,
.prinav A:hover {
	background-position: left -15px;
}

.prinav .current A {
	background-position: left -30px;
}

.prinav .tag {
	position: absolute;
	top: 24px;
	clear: left;
}

.prinav A#home {
	width: 43px;
	background-image: url(../topnav/home.gif);
}

.prinav A#services {
	width: 76px;
	background-image: url(../topnav/services.gif);
}

#services-tag { left: 38px; } /* left: 46px; temp until blog */

.prinav A#work {
	width: 47px;
	background-image: url(../topnav/work.gif);
}

#work-tag { left: 25px; } /* left: 33px; temp until blog */

.prinav A#approach {
	width: 84px;
	background-image: url(../topnav/approach.gif);
}

#approach-tag { right: 35px; } /* right: 50px; temp until blog */

.prinav A#about {
	width: 53px;
	background-image: url(../topnav/about.gif);
}

#about-tag { right: 28px; } /* right: 33px; temp until blog */

.prinav A#contact {
	width: 71px;
	background-image: url(../topnav/contact.gif);
}

#contact-tag { right: 38px; } /* right: 25px; temp until blog */

.prinav A#blog {
	width: 40px;
	background-image: url(../topnav/blog.gif);
}

#blog-tag { right: 10px; }


/* global subnav */

.subnav {
	margin-top: 10px;
	padding: 8px 0px;
	list-style: none;
	font-size: 11px;
	color: #929292;
	border-top: 1px solid #262626;
}

.subnav LI {
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}

.subnav A {
	float: left;
	padding: 0px 0px 0px 5px;
	color: #929292;
	text-decoration: none;
	line-height: 16px;
}

.subnav A:active,
.subnav A:hover {
	color: #FFFFFF;
}

.subnav A SPAN {
	float: left;
	padding: 0px 5px 0px 0px;
	height: 17px;
	cursor: pointer;
}

.subnav .current A {
	color: #FFFFFF;
	background: transparent url(../topnav/subnav_left.gif) no-repeat left;
}

.subnav .current SPAN {
	background: transparent url(../topnav/subnav_right.gif) no-repeat right;
}

/* feature scroller */

.home .subnav {
	display: none;
}

#feature {
	clear: both;
	width: 940px;
	height: 410px;
	margin: 0px auto;
	text-align: left;
	background: #000000;
	position: relative;
}

#feature-nav {
	float: right;
	height: 28px;
	background: url(../feature/nav_left.gif) no-repeat left;
}

#feature-nav UL {
	float: left;
	margin: 0;
	padding: 0px 9px;
	list-style: none;
	height: 28px;
	background: url(../feature/nav_right.gif) no-repeat right;
}

#feature-nav LI {
	float: left;
	margin: 0;
	padding: 0 2px;
}

#feature-nav A {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../feature/nav_link.gif);
}

#feature-nav A:hover {
	background-position: 0px -18px;
}

#feature-nav A.active {
	background-position: 0px -36px;
}

.scroller,
.scroller .section {
	width: 940px;
	height: 312px;
	overflow: hidden;
}

.scroller .section {
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

.scroller .content {
	width: 10000px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.sectionhdg {
	position: absolute;
	z-index: 11;
	top: 312px;
	width: 760px;
	height: 80px;
}

.sectionhdg P {
	margin: 0px 95px 0px 15px;
	padding: 0px;
	line-height: 17px;
}

.brackets {
	position: absolute;
	z-index: 10;
	top: 352px;
	width: 878px;
	height: 38px;
	background: transparent url(../symbols/bracket_left.gif) no-repeat left;
}

#read-more {
	float: right;
	background: transparent url(../symbols/bracket_right.gif) no-repeat left;
	height: 24px;
	padding: 7px 0px 7px 100px;
}


/* footer elements */

#footer {
	color: #828177;
	background: transparent url(../bkg/footer.gif) repeat-x top;
}

#footer .dip-btm {
	width: 960px;
	margin: 0px auto 16px auto;
	padding-bottom: 11px;
	font-size: 11px;
	background: url(../bkg/footer_dip.gif) no-repeat bottom;
}

#footer .dip-top {
	padding: 1px 35px 0px 35px;
	background: url(../bkg/footer_dip.gif) no-repeat top;
}

#footer .dip {
	padding-top: 10px;
	border-top: 1px solid #E3E3E1;
	position: relative;
}

#footer .twitter {
	float: left;
}

#footer .twitter IMG {
	vertical-align: middle;
}

#footer .twitter A {
	margin-left: 10px;
}

#footer .twitter-feed {
	margin-top: 10px;
	padding-left: 10px;
	line-height: 16px;
	background: transparent url(../symbols/quotes_left.gif) no-repeat left top;
}

#footer .twitter-feed A {
	margin-left: 0px;
}

#footer .twitter-feed SPAN {
	padding-right: 11px;
	background: transparent url(../symbols/quotes_right.gif) no-repeat right top;
}

#footer .copyright {
	font-size: 10px;
	text-align: right;
	position: absolute;
	right: 0;
	white-space: nowrap;
}

	#footer .copyright a, #footer .copyright a:link, #footer .copyright a:visited {
		text-decoration: none;
	}
	
	#footer .copyright a:hover, #footer .copyright a:active {
		color: #33B9AD;	
	}

#ftrnav LI {
	margin-right: 1px;
}

#ftrnav A {
	height: 22px;
	width: 120px;
	background-position: left top;
	background-repeat: no-repeat;
}

#ftrnav A SPAN {
	font-size: 0.1em;
	visibility: hidden;
}

#ftrnav A:active,
#ftrnav A:hover {
	background-position: left -22px;
}

#ftrnav .active A {
	background-position: left -44px;
}

#ftrnav A#tab-quick-links {background-image: url(../tab/quick_links.gif);}
#ftrnav A#tab-contact-us {background-image: url(../tab/contact_us.gif);}
#ftrnav A#tab-search-site {background-image: url(../tab/search_site.gif);}
#ftrnav A#tab-email-updates {background-image: url(../tab/email_updates.gif);}

.ftr-top {
	font-size: 12px;
	padding-top: 6px;
	margin-bottom: 5px;
	color: #0d4b45;
	background: url(../bkg/quicklinks_top.gif) no-repeat left top;
}

.ftr-btm {
	height: 1%;
	padding-top: 20px;
	background: #b3b1a4 url(../bkg/quicklinks_btm.gif) no-repeat left bottom;
}

#ftr H2 {
	margin: 0px 0px 5px 0px;
}

#ftr H4 {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}

#ftr H5.seo {
	font-size: 11px;
	margin: 0px;
	padding-bottom: 10px;
	text-align: center;
}

#ftr UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#ftr A {
	color: #2a988d;
}

.ftr-content {
	height: 150px;
}

.ftr-section {
	float: left;
	margin: 0px;
	padding: 0px 18px 10px 18px;
	height: 140px;
	line-height: 18px;
	border-right: 1px solid #a3a195;
}

#ftr #email-updates .ftr-section,
.ftr-section.last {
	border-right: none;
}

#ftr #quick-links .ftr-section {
	font-size: 10px;
	line-height: 16px;
}

#ftr #contact-us A {font-weight: bold;}

#ftr #contact-us .cu-left {width: 165px;}
#ftr #contact-us .cu-middle {width: 330px; font-size:11px;}
#ftr #contact-us .cu-right {width: 335px;}

#ftr #contact-us .cu-right DIV.hdg {
	margin-bottom: 40px;
}

#ftr #email-updates .ftr-section {
	height: 80px;
	margin-top: 25px;
}

#ftr #email-updates .eu-left {
	width: 340px;
	font-size: 11px;
}

#ftr #email-updates .eu-right {
	padding-left: 0px;
}


/* tabs */

.tabs,
.tabs LI {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.tabs LI,
.tabs A {
	float: left;
	text-decoration: none;	
}

.tab-container {
	padding-bottom: 4px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.tab-nav {
	padding-right: 4px;
	background: transparent url(../tab/tab_shadow_top_right.gif) no-repeat right top;
}

.overlap .tab-nav {
	position: relative;
	background: #000000;
	border-bottom: 4px solid #26897f;
}

.tab-nav LI {
	font-size: 11px;
	background: #DAD8C9;
}

.tab-nav A {
	float: none;
	display: block;
	height: 1%;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid #b3b1a4;
	border-right: 1px solid #b3b1a4;
}

.tab-nav .first A {background: url(../tab/tab_left.gif) no-repeat left top;}
.tab-nav .last A {background: url(../tab/tab_right.gif) no-repeat right top; border-right: none;}
.tab-nav A:hover {background-color: #E1DFD3; background-position: left -50px;}
.tab-nav .last A:hover {background-position: right -50px;}

.overlap .first A {background-image: url(../tab/tab_left_dark.gif);}
.overlap .last A {background-image: url(../tab/tab_right_dark.gif);}

.tab-nav LI.active A,
.tab-nav A.carousel-selected,
.tab-nav A.carousel-selected:hover {
	color: #363636;
	background-color: #F7F7F7;
	background-position: left -100px;
	border-bottom-color: #F7F7F7;
}

.tab-nav .last.active A,
.tab-nav .last A.carousel-selected,
.tab-nav .last A.carousel-selected:hover {
	background-position: right -100px;
}

.tab-nav A:hover {background-color: #E1DFD3; background-position: left -50px;}

.tab-body {
	margin: 0px 4px 0px 0px;
	background: #F7F7F7 url(../tab/tab_body_btm_left.gif) no-repeat left bottom;	
}

.overlap .tab-body {
	position: relative;
	margin-top: -4px;
	height: 1%;
}

#tab-content {
	overflow: hidden;
	margin: 0px;
	padding: 0px;	
	list-style: none;
}

.tab-content {
	margin: 0px 0px 0px 4px;
	font-size: 11px;
	background: #F7F7F7 url(../tab/tab_body_btm_right.gif) no-repeat right bottom;
}


/* columns */

.column {
	float: left;
	padding-top: 13px;
}

.column P {
	line-height: 18px;	
}

.column.left {
	padding-right: 23px;
	border-right: 1px solid #e3e3e1;
}

.column.middle {
	padding-left: 23px;
	padding-right: 23px;
	margin-left:-1px;
	border-left: 1px solid #e3e3e1;
	border-right: 1px solid #e3e3e1;	
}

.column.right {
	padding-left: 23px;
	margin-left:-1px;
	border-left: 1px solid #e3e3e1;
}

.sidebar {
	margin-top: 4px;
	padding: 4px;
	font-size: 11px;
	background-color: #E6E4D9;
	border: 1px solid #D5D2BF;
}

.sidebar h3 {
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #D5D2BF;
}

.sidebar UL.simple li {
	margin: 0px;
	padding: 5px 0px;
}

.lingo { padding: 3px 0px 25px 0px; }

.lingo h3 {
	position: relative;
	padding-left: 10px;
	height: 28px;
	color: #dad9bb;
	background: url(../bkg/column_hdg_darkgray.gif) no-repeat left;
}

.lingo h3 span {
	display: block;
	padding-right: 15px;
	line-height: 28px;
	font-size: 13px;
	font-weight: bold;
	background: url(../bkg/column_hdg_darkgray.gif) no-repeat right;
}

.lingo h3 em { position: absolute; }

.lingo em.lingo-man {
	right: 15px;
	top: -7px;
	width: 32px;
	height: 41px;
	background: url(../bubbles/lingo_man.png) no-repeat center;
}

.lingo em.lingo-bubble {
	display: none;
	right: 15px;
	top: -70px;
	width: 77px;
	height: 61px;
	background: url(../bubbles/say_what.png) no-repeat center;
	text-indent: -9999em;
	/*opacity: 0.25;
	filter: alpha(opacity=25);*/
}

.lingo:hover em.lingo-bubble {
	display: block;
	/*opacity: 1.00;
	filter: alpha(opacity=100);*/
}

.lingo em.lingo-bubble.ajax { background-image: url(../bubbles/ajax.png); }
.lingo em.lingo-bubble.pci-compliance { background-image: url(../bubbles/pci_compliance.png); }
.lingo em.lingo-bubble.seo { background-image: url(../bubbles/seo.png); }
.lingo em.lingo-bubble.ssl { background-image: url(../bubbles/ssl.png); }
.lingo em.lingo-bubble.user-experience { background-image: url(../bubbles/user_experience.png); }


/* begin alternate lingo style */

.lingo.big h3 {
	padding-left: 15px;
	height: 43px;
	background-image: url(../bkg/lingo_hdg.jpg);
}

.lingo.big h3 span {
	line-height: 43px;
	font-size: 17px;
	background-image: url(../bkg/lingo_hdg.jpg);
}

.lingo.big em.lingo-man {
	width: 47px;
	height: 60px;
	background-image: url(../bubbles/lingo_man_big.png);
}

.lingo.big em.lingo-bubble {
	top: -95px;
	width: 114px;
	height: 90px;
	background-image: url(../bubbles/say_what_big.png);
}


/* end alternate lingo style */

.lingo-list,
.lingo-list a { color: #74726a; }

.lingo-list a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

.lingo-list span,
.lingo-list p {
	display: none;
}
.lingo-list.open p {
	display: block;
}

.lingo-list p { margin: 8px 0px 0px 0px; }

.lingo-list span.open,
.lingo-list li.open span,
.lingo-list li.open p { display: block; }
.lingo-list li.open span.open { display: none; }

.lingo-list a span {
	float: right;
	font-size: 11px;
	font-weight: normal;
	color: #bec0b6;
	text-decoration: underline;
	margin: 0px;
}

.lingo-list a:hover span,
.lingo-list a { text-decoration: none; }

.lingo-list a:hover,
.lingo-list a:hover span { color: #2a988d; }

.lingo-list li {
	height: 1%;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../bkg/lingo_bracket.gif) no-repeat left bottom;
}

.lingo-list li div {
	padding: 5px 10px 7px 0px;
	background: url(../bkg/lingo_bracket.gif) no-repeat right bottom;
}


/* home page */

.home .column.left {width: 460px;}
.home .column.middle {
	width: 215px;
	min-height: 475px;
	height: auto !important;
	height: 475px;
}
.home .column.right {width:430px;}

.home H2 {
	margin-bottom: 10px;
}

.blog-preview {
	margin: 10px 0px 15px 0px;
	width: 318px;
	height: 89px;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	background: transparent url(../team/blog.jpg) no-repeat center;
}

.blog-preview H4 {
	margin-top: 20px;
}

.blog-comingsoon {
	width: 350px;
	line-height: 38px;
	text-align: center;
	color: #74726a;
	background: transparent url(../symbols/bracket_left_white.gif) no-repeat left;
}

.blog-comingsoon SPAN {
	display: block;
	background: transparent url(../symbols/bracket_right_white.gif) no-repeat right;
}

.assemble-link {
	float: left;
	height: 28px;
	font-weight: bold;
	background: transparent url(../symbols/bracket_left_musings.gif) no-repeat left;
	margin-bottom: 25px;
}

.assemble-link SPAN {
	float: left;
	padding: 0px 12px;
	line-height: 28px;
	background: transparent url(../symbols/bracket_right_musings.gif) no-repeat right;
}

.musings {
	clear: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	height: 1%; /* triggers hasLayout in IE */
	line-height: 18px;
}

.right .musings {
	padding: 0 8px 0 8px;
}

.right .visit-our-blog {
	margin-bottom: 30px;
}

.musings LI {
	clear: left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background: url(../bkg/blog_curves.gif) no-repeat right bottom;
	background: none;
}

.musings .musing {
	float: left;
	width: 261px;
	margin-top: 5px;
}

.musings .blogger {
	float: left;
	width: 62px;
	height: 62px;
	margin: 0 10px 0 0;
	background-repeat: no-repeat;
	background-position: center top;
}

.musings .bubble {
	float: left;
	width: 60px;
	height: 53px;
	margin: 0px 4px 0px 0px;
	padding: 0px 25px 0px 0px;
	background: url(../bkg/blog_bubble.gif) no-repeat right 11px;
}

.musings .date {
	color: #c6c6c6;
	font-size: 10px;
	margin-left: 72px;
}

.bubble SPAN {
	display: block;
	width: 57px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: center top;
}

.musings SPAN#ethan {background-image: url(/_media/team/ethan/blog.gif);}
.musings SPAN#eric {background-image: url(/_media/team/eric/blog.gif);}
.musings SPAN#jim {background-image: url(/_media/team/jim/blog.gif);}
.musings SPAN#brian {background-image: url(/_media/team/brian/blog.gif);}
.musings SPAN#joe {background-image: url(/_media/team/joe/blog.gif);}
.musings SPAN#will {background-image: url(/_media/team/will/blog.gif);}
.musings SPAN#dave {background-image: url(/_media/team/dave/blog.gif);}
.musings SPAN#karen {background-image: url(/_media/team/karen/blog.gif);}

.musings A:hover SPAN { background-position: center bottom; }

.musing .title {
	line-height: 24px;
	margin-bottom: 8px;
	background: url(../bkg/titlebar_left.gif) no-repeat left top;
}

.musing .title A,
.musing .title SPAN {
	display: block;
	padding: 0px 5px;
	font-size: 11px;
	background: url(../bkg/titlebar_right.gif) no-repeat right top;
}

.musing .title A:hover {
	color: #20756D;
}

.musing .date {
	color: #c6c6c6;
	margin-bottom: 10px;
}

.musing .date,
.musing .more {
	padding-left: 4px;
}

.musing .more A {
	font-size: 11px;
}

.headlines {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.headlines LI {
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

.headlines h4.title {
	margin: 0px;
	color: #1b1b1b;
	font-weight: bold;
}

.headlines .date {
	color: #c6c6c6;
	margin-bottom: 10px;
	font-size: 10px;
}

.headlines .summary,
.headlines.newsbody H4.summary {
	color: #984d2a;
	font-weight: bold;
}

.headlines.newsbody H4.summary {
	margin-bottom: 15px;
}

.headlines .more {
	line-height: 17px;
	font-size: 11px;
	color: #74726a;
}

.whowhat {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.whowhat LI {
	margin-bottom: 20px;
}

.title {
	margin-bottom: 5px;
}

.whowhat P {
	padding-left: 7px;
}

.whowhat .more A {text-decoration: none;}


/* portfolio elements */

.why-hired {
	float: right;
	background: #CFCDBE url(../bkg/why_hired.jpg) no-repeat left;
	height: 54px;
	width: 334px;
	padding: 5px 8px;
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 17px;
}

.why-hired IMG {
	vertical-align: middle;
}

.expertise .industry-tab,
.industry .expertise-tab {
	display: none;
}

.industry .industry-tab,
.expertise .expertise-tab {
	display: block;
}

.portsort LI {
	margin-right: 2px;;
	text-align: center;
	line-height: 50px;
	background: transparent no-repeat left -50px;
}

.portsort LI#sort-industry {
	background-image: url(../bkg/circle_industry.gif);
	width: 118px;
}

.portsort LI#sort-expertise {
	background-image: url(../bkg/circle_expertise.gif);
	width: 161px;
}

.industry LI#sort-industry,
.expertise LI#sort-expertise {
	background-position: left 0px;
}

.portsort IMG {
	vertical-align: middle;
	margin-right: 30px;
}

.portsort A {
	float: none;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}

.portsort A:hover,
.industry LI#sort-industry A,
.expertise LI#sort-expertise A {
	text-decoration: none;
}

.portnav {
	width: 942px;
	border-left: 1px solid #e3e3e3;
}

.portnav LI {
	padding: 1px;
	background: #f7f7f7;
	border: 1px solid #e3e3e3;
	border-left: none;
}

.portnav A {
	line-height: 43px;
	text-align: center;
}

.portnav A:hover {
	background-color: #e9e9e9;
}

.portnav A SPAN {
	padding-right: 12px;
	background: transparent url(../symbols/tab_arrow_down.gif) no-repeat right;
}

.everything #tab-everything,
.everything #tab-everything A,
.wholesale #tab-wholesale,
.wholesale #tab-wholesale A,
.healthcare #tab-healthcare,
.healthcare #tab-healthcare A,
.hospitality #tab-hospitality,
.hospitality #tab-hospitality A,
.consumergoods #tab-consumergoods,
.consumergoods #tab-consumergoods A,
.services #tab-services,
.services #tab-services A,
.webdev #tab-webdev,
.webdev #tab-webdev A,
.appdev #tab-appdev,
.appdev #tab-appdev A,
.ecommerce #tab-ecommerce,
.ecommerce #tab-ecommerce A,
.creativeservices #tab-creativeservices,
.creativeservices #tab-creativeservices A {
	color: #363636;
	background: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.everything #tab-everything A SPAN,
.wholesale #tab-wholesale A SPAN,
.healthcare #tab-healthcare A SPAN,
.hospitality #tab-hospitality A SPAN,
.consumergoods #tab-consumergoods A SPAN,
.services #tab-services A SPAN,
.webdev #tab-webdev A SPAN,
.appdev #tab-appdev A SPAN,
.ecommerce #tab-ecommerce A SPAN,
.creativeservices #tab-creativeservices A SPAN {
	background: transparent url(../symbols/tab_arrow_down_black.gif) no-repeat right;
}

.portgrid {
	margin: 0px;
	padding: 10px 0px 0px 22px;
	list-style: none;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}

.portgrid LI {
	float: left;
	padding: 22px 14px 0px 0px;
	width: 288px;
	display: none;
}

.everything .portgrid LI,
.wholesale .portgrid LI.wholesale,
.healthcare .portgrid LI.healthcare,
.hospitality .portgrid LI.hospitality,
.consumergoods .portgrid LI.consumergoods,
.services .portgrid LI.services,
.webdev .portgrid LI.webdev,
.appdev .portgrid LI.appdev,
.ecommerce .portgrid LI.ecommerce,
.creativeservices .portgrid LI.creativeservices {
	display: block;
}

.portgrid A {
	display: block;
	width: 286px;
	height: 232px;
	padding: 2px 1px;
	color: #1b1b1b;
	text-decoration: none;
	background: transparent no-repeat 6px 6px;
}

.portgrid .frame {
	display: block;
	width: 286px;
	height: 157px;
	background: transparent url(../bkg/portfolio_frame.gif) no-repeat left top;
}

.portgrid A:hover .frame {
	background-position: left -157px;
}

.portgrid .arrow {
	float: left;
	margin: 5px 8px;
	padding-right: 50px;
	line-height: 16px;
	font-weight: bold;
	background: transparent url(../symbols/portfolio_arrow.gif) no-repeat right 0px;
}

.portgrid .description {
	display: block;
	clear: left;
	font-size: 11px;
	padding: 0px 8px;
	color: #74726a;
}

.portgrid A:hover {color: #2a988d;background-color: #dad8c8;}
.portgrid A:hover .arrow {background-position: right -32px;}


/* work detail */

.project-summary {
	float: left;
	color: #cc6738;
	width: 250px;
	height: 340px;
	font-size: 11px;
	position: relative;
}

.project-summary A.portback {
	position: absolute;
	left: 15px;
	bottom: 70px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 0px 0px 45px;
	background: transparent url(../symbols/arrow_left_black.gif) no-repeat left;
}

.project-summary UL {
	position: absolute;
	top: -8px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 360px;
}

.project-summary LI {
	margin: 0px;
	padding: 0px;
	height: 60px;
}

.project-summary H1 {
	margin: 0px;
	font-size: 16px;
}

.project-summary LABEL {
	display: block;
	color: #929292;
	font-size: 12px;
	font-weight: normal;
}

.project-links {
	float: right;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
	background: transparent url(../symbols/bracket_right_url.gif) no-repeat right;
}

.project-links LI {
	float: left;
	margin-left: 8px;
	padding: 4px 0px 5px 0px;
	height: 24px;
	line-height: 33px;
}

.project-links LI.project-url {
	height: 33px;
	padding: 0px 15px;
	background: transparent url(../symbols/bracket_left_url.gif) no-repeat left;
}

.project-links LI.project-url DIV {
	padding-left: 20px;
	background: transparent url(../symbols/bracket_left_url.gif) no-repeat left;
}

.project-links A {
	display: block;
}

.screen-border {
	float: right;
	width: 669px;
	height: 269px;
	border: 1px solid #3d3d3d;
	overflow: hidden;
}

#project-screens {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 10000px;
}

#project-screens .screen {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 670px;
	height: 270px;
}

.project-nav {
	position: absolute;
	top: -54px;
	left: 0px;
	height: 85px;
	width: 250px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: transparent url(../bkg/project_nav.gif) no-repeat right 50px;
}

.project-nav LI {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 85px;
	background-color: #F7F7F7;
}

.project-nav A {
	float: left;
	height: 49px;
	border-bottom: 1px solid #b3b1a4;
}

.project-nav #proj-similar A {
	width: 125px;
	background: url(../tab/similar_projects.gif) no-repeat left top;
	border-right: 1px solid #b3b1a4;
}

.project-nav #proj-rest A {
	width: 120px;
	background: url(../tab/rest_of_projects.gif) no-repeat left top;
	border-left: 1px solid #b3b1a4;
}

.project-nav #proj-similar A:hover,
.project-nav #proj-rest A:hover {
	background-position: left -50px;
}

.project-nav #proj-similar.active A,
.project-nav #proj-rest.active A,
.project-nav #proj-similar.active A:hover,
.project-nav #proj-rest.active A:hover {
	background-position: left -100px;
	border: none;
	height: 85px;
}

.proj-list-shadow {
	position: relative;
	float: left;
	width: 250px;
	margin: -13px 20px 0px 0px;
	padding-bottom: 4px;
	background: #e5e5e5 url(../bkg/project_list_shadow.gif) no-repeat bottom;
}

.proj-list {
	width: 246px;
	margin: 0px;
	padding: 35px 0px 15px 0px;
	list-style: none;
	font-size: 11px;
	background: #F7F7F7 url(../bkg/project_list_bottom.gif) no-repeat bottom;
}

.proj-list LI {
	margin: 0px;
	padding: 2px 12px;
}

.proj-list A {
	display: block;
	padding: 0px 5px;
	line-height: 17px;
}

.proj-list A:hover {
	color: #FFFFFF;
	background: transparent url(../bkg/project_list_hover.gif) no-repeat center;
}

.proj-list .active A,
.proj-list .active A:hover {
	color: #FFFFFF;
	background: transparent url(../bkg/project_list_active.gif) no-repeat center;
	text-decoration: none;
}

.project-details {
	float: left;
	width: 670px;
	line-height: 18px;
}

.project-thumbs {
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 5px 10px;
	list-style: none;
	width: 410px;
	background: transparent url(../bkg/left_corner_bracket.gif) no-repeat left bottom;
}

.project-thumbs LI {
	float: left;
	margin: 0px;
	padding: 0px 5px 5px 0px;
}

.project-thumbs A {
	float: left;
	padding: 4px;
}

.project-thumbs A.carousel-selected {
	background-color: #dad8c8;
}

.project-thumbs IMG {
	float: left;
	border: 1px solid #74726a;
}

.project-thumbs A:hover IMG {
	border-color: #b3b1a4;
}

.project-details H2 {
	width: 145px;
	height: 22px;
	margin: 0px 0px 5px 0px;
}

/* client listing */

.client-list,
.client-list UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#main .client-list {
	background: transparent url(../bkg/client_list.gif) repeat-y top;
}

.client-list UL {
	margin-top: 30px;
	width: 188px;
}

.client-list LI {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 188px;
	text-align: center;
}

.client-list LI LI {
	height: 92px;
}

.client-list IMG {
	margin: 0px auto;
}

/* About Section */

.about .column.left {width: 360px;}
.about .column.middle {
	width: 270px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
}
.about .column.right {width:215px;}

.hdr-expanded .about {
	width: 245px;
	height: 173px;
	padding-top: 6px;
}

.hdr-expanded .about h1 {
	margin-bottom: 18px;
}

.hdr-expanded .history {
	position: absolute;
	top: 0px;
	right: 15px;
}

.hdr-expanded .history IMG {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.hdr-expanded .history.over IMG {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.team-thumbs {
	margin: 0px;
	padding: 0px 0px 1px 0px;
	list-style: none;
	border-bottom: 1px solid #e3e3e1;
}

.team-thumbs LI {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 85px;
	/*opacity: 0.3;
	filter: alpha(opacity=30);*/
}

.team-thumbs A {
	display: block;
	height: 85px;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 90;
}

.team-thumbs A.eric {width: 76px; background-image: url(../team/eric/small.gif);}
.team-thumbs A.ethan {width: 61px; background-image: url(../team/ethan/small.gif);}
.team-thumbs A.jim {width: 87px; background-image: url(../team/jim/small.gif);}
.team-thumbs A.will {width: 65px; background-image: url(../team/will/small.gif);}
.team-thumbs A.dave {width: 75px; background-image: url(../team/dave/small.gif);}
.team-thumbs A.brian {width: 73px; background-image: url(../team/brian/small.gif);}
.team-thumbs A.joe {width: 88px; background-image: url(../team/joe/small.gif);}
.team-thumbs A.mario {width: 73px; background-image: url(../team/mario/small.gif);}
.team-thumbs A.karen {width: 78px; background-image: url(../team/karen/small.gif);}

.team-grid {
	padding-bottom: 10px;
}

.team-grid UL {margin-top: 50px;}
.team-grid LI {width: 90px;}

.team-grid LI.team-left A {float: left; background-position: left bottom;}
.team-grid LI.team-middle A {margin: 0px auto; background-position: center bottom;}
.team-grid LI.team-right A {float: right; background-position: right bottom;}

.team-grid .nametag {
	position: absolute;
	display: none;
	z-index: 100;
	left: 0px;
	top: -20px;
	width: 90px;
	height: 10px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #b3b1a4;
	background: transparent no-repeat center;
}

.team-grid .nametag SPAN {visibility: hidden;}
.team-grid .nametag.over {display: block;}

.team-grid #eric.nametag {background-image: url(../team/eric/name.gif);}
.team-grid #ethan.nametag {background-image: url(../team/ethan/name.gif);}
.team-grid #jim.nametag {background-image: url(../team/jim/name.gif);}
.team-grid #will.nametag {background-image: url(../team/will/name.gif);}
.team-grid #joe.nametag {background-image: url(../team/joe/name.gif);}
.team-grid #dave.nametag {background-image: url(../team/dave/name.gif);}
.team-grid #brian.nametag {background-image: url(../team/brian/name.gif);}
.team-grid #karen.nametag {background-image: url(../team/karen/name.gif);}
.team-grid #mario.nametag {background-image: url(../team/mario/name.gif);}


.team-gradient {
	padding-bottom: 4px;
	background: transparent url(../bkg/border_curve_top_left.gif) no-repeat left bottom;
}

.team-gradient DIV {padding-bottom: 8px;}

.team-gradient UL {clear: both; margin-left: 4px; padding-left: 2px;}
.team-gradient LI {width: 133px;}
.team-gradient A {margin: 0px auto; background-position: center bottom; opacity: 0.3; filter: alpha(opacity=30);}
.team-gradient LI.current A,
.team-gradient A:active,
.team-gradient A:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.team .column {border: none;}
.team .column.left {width: 442px; padding: 0px;}
.team .column.right {width: 475px; padding-top: 29px;}

.photo-viewer {
	position: relative;
	width: 442px;
	padding: 30px 0px 0px 0px;
	background: transparent url(../bkg/border_v.gif) repeat-y left;
}

.photo-viewer .border-middle {
	padding-bottom: 5px;
	background: transparent url(../bkg/photo_border_bottom.gif) no-repeat left bottom;
}

.photo-viewer UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.photo-viewer LI {
	float: left;
	margin: 0px;
	padding: 0px;
}

.photo-viewer .photo-nav {
	position: absolute;
	top: -3px;
	left: 17px;
	width: 108px;
}

.photo-viewer #eric.photo-nav {left: 42px;}
.photo-viewer #brian.photo-nav {left: 175px;}
.photo-viewer #karen.photo-nav {left: 265px;}
.photo-viewer #dave.photo-nav {left: 308px;}
.photo-viewer #will.photo-nav {left: 441px;}
.photo-viewer #mario.photo-nav {left: 540px;}
.photo-viewer #joe.photo-nav {left: 575px;}
.photo-viewer #jim.photo-nav {left: 710px;}
.photo-viewer #ethan.photo-nav {left: 840px;}

.photo-viewer .photo-nav A {
	float: left;
	width: 18px;
	height: 18px;
	background: transparent url(../btn/nav_link.gif) no-repeat top;
}

.photo-viewer .photo-nav A:hover {background-position: center;}
.photo-viewer .photo-nav A.carousel-selected {background-position: bottom;}

.photo-viewer #photo-large {
	overflow: hidden;
	padding: 0px 0px 0px 4px;
}

.photo-viewer #photo-large,
.photo-viewer .photo {
	width: 437px;
	height: 439px;
}

.team .keywords {background: transparent url(../bkg/border_h.gif) repeat-x bottom;}
.team .flash {height: 164px; padding: 0px 5px 5px 0px; background: transparent url(../bkg/border_keywords_right.gif) no-repeat right bottom; text-align: center;}

.team .titlebar {
	margin-bottom: 15px;
	padding: 0px 10px 0px 18px;
	line-height: 40px;
	text-align: right;
	color: #b3b1a4;
	background: transparent url(../bkg/titlebar_team.gif) no-repeat left;
}

.team .column.right P {
	margin-left: 19px;
}

.titlebar H1 {
	float: left;
	margin: 0px;
}

.team .tab-container {
	margin-top: 15px;
	background-image: url(../tab/tab_shadow_team.gif);
}

.team #tab-content {
	width: 471px;
	height: 170px;
}

.team .tab-content {
	width: 437px;
	height: 140px;
	padding: 15px;
	line-height: 18px;
}

.team .tab-content h4 {
	font-size: 11px;
	color: #984d2a;
	line-height: normal;
}

.team .contact-info {
	margin: 16px 0px 0px 19px;
	padding: 0px;
	list-style: none;
}

.team .contact-info LI {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	line-height: 15px;
	background: transparent no-repeat left;
}

.team .contact-info LI.blog {
	padding-left: 163px;
	background-image: url(../hdg/visit_my_blog.gif);
}
.team .contact-info LI.email {
	padding-left: 104px;
	background-image: url(../hdg/email_me.gif);
}
.team .contact-info LI.phone {
	padding-left: 87px;
	background-image: url(../hdg/call_me.gif);
}
.team .contact-info LI.twitter {
	padding-left: 170px;
	background-image: url(../hdg/follow_me_on_twitter.gif);
}


/* enviroment elements */

.environment .column {padding-top: 18px;}
.environment .column.left {width: 693px; padding-right: 13px;}
.environment .column.right {width: 220px; padding-left: 13px; font-size: 11px;}
.environment .column.right H1 {margin: 0px;}
.environment .column.right .title {margin:0px 0px 5px 0px;}
.environment .column.right P {line-height: 16px; margin-left: 9px; color: #75736b;}
.environment .column.left .fl-right {margin-left: 15px;}
.environment .column.left .fl-left {margin-right: 30px;}
.environment .arrow-circle {
	clear: left;
	float: left;
	width: 124px;
	height: 58px;
	margin-left: 60px;
	padding: 30px 0px 0px 165px;
	text-align: center;
	color: #75736b;
	background: transparent url(../symbols/arrow_circle_env.gif) no-repeat left top;
	font-size: 11px;
}

.environment .schedule-btn {
	float: left;
	margin: 32px 0px 0px 10px;
}

/* news elements */

.news .column {padding-top: 13px;}
.news .column.left {width: 667px; padding-right: 26px;}
.news .column.right {width: 228px; padding-left: 18px;}
.news .column.right h1 {margin: 0px 0px 8px 5px;}

.news-hdr {
	padding: 10px 0px 4px 19px;
	background: transparent url(../bkg/border_curve_top_left_full.gif) no-repeat left top;
}

.news-release h1 {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 8px 15px;
	border-bottom: 1px solid #e3e3e1;
}

.newsbody {
	padding: 6px 0px 10px 17px;
	border-left: 1px solid #e3e3e1;
}

.newsbody IMG { margin: 10px 5px 10px 10px; }
.newsbody .print-link IMG { margin: 0px; }
.news-hdr .date { font-size: 11px; }

.news .column.right LI {
	margin: 0px;
	padding: 10px 8px;
}

.headline-nav {
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #e3e3e1;
}

.headline-nav A.next {
	float: right;
	padding-right: 30px;
	background: transparent url(../symbols/arrow_right_small.gif) no-repeat right;
}

.headline-nav A.previous {
	float: left;
	padding-left: 30px;
	background: transparent url(../symbols/arrow_left_small.gif) no-repeat left;
}

#headline-wrapper {
	width: 228px;
	overflow: hidden;
}

#headline-content {
	width: 2300px;
}

#headline-content .headlines {
	float: left;
	width: 228px;
}

#headline-content .headlines LI.over {	background-color: #F6F6F2;}
#headline-content .headlines LI.current {	background-color: #EBEBE3;}


/* history elements */

.history .column {padding-top: 18px;}
.history .column.left {width: 694px; padding-right: 15px;}
.history .column.right {width: 220px; padding-left: 10px; font-size: 11px;}
.history .column.right h1 {margin: 0px 0px 12px 1px;}

.history span.continued {color: #bec0b6;}

.timeline {
	margin: 0px;
	padding: 0px 0px 0px 9px;
	list-style: none;
	color: #75736b;
}

.timeline LI {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

.timeline LI.clearfix {
	margin-bottom: 8px;
}

.timeline SPAN {
	font-weight: bold;
	color: #1b1b1b;
}

.timeline DIV {
	float: right;
	margin-left: 10px;
	padding-bottom: 38px;
	background: transparent url(../symbols/arrow_down.gif) no-repeat bottom;
}

.timeline DIV.last {
	padding-bottom: 63px;
	background: transparent url(../symbols/arrow_down_left_curve.gif) no-repeat 8px bottom;
}

.timeline .today {
	display: block;
	margin: 22px 0px 0px 12px;
}


/* contact elements */

.contact .info,
.contact .intro {
	float: left;
}

.contact .info {width: 180px;}
.contact .intro {
	width: 750px;
	padding-bottom: 23px;
	font-size: 11px;
	line-height: 18px;
}

.contact .intro .fl-left {margin-right: 20px;}
.contact .intro p {margin-top: 10px;}
.contact .intro .learn-more A {float: right; margin-top: 5px;}

.contact .info UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 20px;
}

.contact-ov .column {padding-top: 18px;}
.contact-ov .column.left {width: 420px; padding-right: 24px;}
.contact-ov .column.right {width: 475px; padding-left: 20px;}

.contact-ov .column.left .leftfield {width: 195px;}
.contact-ov .column.left .rightfield {padding-left: 34px;}

.requestquote .column {padding-top: 18px;}
.requestquote .column.left {width: 309px; padding-right: 15px;}
.requestquote .column.right {width: 580px; padding-left: 35px;}

.requestquote .column.left .leftfield {width: 242px;}
.requestquote .column.left .rightfield {padding-right: 0px;}
.requestquote .column.left .singlefield {width: 405px;}
.requestquote .column.right .leftfield {width: 190px;}
.requestquote .column.right .rightfield {padding-left: 34px;}
.requestquote .column.right .checkboxes { width: 330px; }

.wholesale .column {padding-top: 18px;}
.wholesale .column.left {width: 604px; padding-right: 25px;}
.wholesale .column.right {width: 285px; padding-left: 25px; font-size: 11px; color: #75736b;}
.wholesale .column.left .leftfield {width: 235px;}
.wholesale .column.left .commentsfield {width: 325px;}

.hdr-expanded.wholesale {padding-bottom: 23px;}
.wholesale .intro {
	float: left;
	width: 545px;
	font-size: 12px;
	padding-bottom: 55px;
	background: transparent url(../symbols/arrow_down_left_curve_black.gif) no-repeat 200px bottom;
}

.wholesale .intro SPAN {color: #FFFFFF;}
.wholesale .column.left .form LI.bottom-align {padding-top: 15px;}
.wholesale .wholesalers {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.wholesale .wholesalers LI {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	line-height: 14px;
}

.wholesale .wholesalers.logos {
	margin-left: 10px;
}

.wholesale .wholesalers.logos LI {
	float: left;
	padding: 10px 18px;
	line-height: normal;
}

.wholesale .wholesalers P {
	line-height: 14px;
}

.wholesale .wholesalers DIV.logo {
	float: right;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
	height: 160px;
	width: 122px;
	border: 1px solid #e3e3e1;
	text-align: center;
}

.wholesale .wholesalers DIV.logo DIV {
	position: absolute;
	width: 85px;
	bottom: 10px;
	left: 18px;
}

.wholesale .wholesalers DIV.speaker {
	margin-top: 15px;
	color: #1b1b1b;
	font-weight: bold;
}


/* feedback elements */

#fb-container {
	width: 400px;
	height: 300px;
	margin-left: 5px;
}

.fb-hdr {
	padding-bottom: 5px;
	border-bottom: 1px solid #dad9bb;
}

.fb-body {
	width: 380px;
	padding: 10px;
}

.fb-body .leftfield {
	width: 204px;
}

.fb-body LI.rightfield {
	padding-right: 0px;
}

.fb-body TEXTAREA {
	width: 362px;
}

.fb-body .thankyou {
	margin: 40px auto 20px auto;
	width: 198px;
	height: 63px;
	padding-top: 46px;
	text-align: center;
	background: transparent url(../symbols/circle_thankyou.gif) no-repeat center;
}

.fb-body H3 {
	margin-bottom: 40px;
}

/* feedback elements */

#wa-container {
	width: 430px;
	height: 300px;
	margin-left: 5px;
}

.wa-hdr {
	padding-bottom: 5px;
	border-bottom: 1px solid #dad9bb;
}

.wa-hdr H2 {
	float: left;
	margin: 5px 0px 0px 0px;
}

.wa-body {
	width: 410px;
	padding: 10px;
}

.wa-body .leftfield {
	width: 204px;
}

.wa-body LI.rightfield {
	padding-right: 0px;
}

.wa-body .thankyou {
	margin: 50px auto 20px auto;
}

.wa-body H3 {
	margin-bottom: 40px;
}


/* approach elements */

.approach .intro {
	float: left;
	width: 260px;
	padding-top: 10px;
}

.approach .intro SPAN {
	color: #FFFFFF;
}

.approach .intro H1 {margin-bottom: 22px;}

.approach .intro .checkout {
	width: 256px;
	height: 28px;
	margin-top: 38px;
	padding: 10px 0px 0px 10px;
	background: transparent url(../symbols/8d_process_brackets.gif) no-repeat top;
}

.hdr-expanded.approach .diagram {
	position: relative;
	float: right;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 603px;
	height: 211px;
	background: transparent url(../symbols/process_arrows.gif) no-repeat center;
}

.hdr-expanded.approach .diagram LI {position: absolute;}
.hdr-expanded.approach .diagram LI#discussion {top: 17px; left: 0px;}
.hdr-expanded.approach .diagram LI#discovery {top: 121px; left: 84px;}
.hdr-expanded.approach .diagram LI#definition {top: 0px; left: 181px;}
.hdr-expanded.approach .diagram LI#design {top: 144px; left: 233px;}
.hdr-expanded.approach .diagram LI#development {top: 22px; right: 170px;}
.hdr-expanded.approach .diagram LI#debug {top: 132px; right: 66px;}
.hdr-expanded.approach .diagram LI#drive {top: 6px; right: 0px;}

.hdr-expanded.approach .diagram A {
	float: left;
	opacity: 0.70;
	filter: alpha(opacity=70);
}

.hdr-expanded.approach .diagram A:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.approach .column {padding-top: 18px;}
.approach-ov .column.left   { border: none; width: 296px; padding-right: 14px; padding-top: 17px; }
.approach-ov .column.middle { width: 296px; padding-left: 14px; padding-right: 0; padding-top: 17px; }
.approach-ov .column.right  { padding-left: 0; border: none; float: right; width: 304px;}
.approach-ov .column.right h3 { margin-bottom: 14px; }

.discovery-doc {
	text-align: center;
	margin: 24px 12px 0 0;
}

.hdr-expanded.process .diagram {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 940px;
	height: 175px;
	background: transparent url(../bkg/process_numbers.gif) no-repeat center;
}

.hdr-expanded.process .diagram LI {
	position: absolute;
}

.hdr-expanded.process .diagram LI#discussion {top: 49px; left: 45px;}
.hdr-expanded.process .diagram LI#discovery {top: 8px; left: 193px;}
.hdr-expanded.process .diagram LI#definition {top: 38px; left: 314px;}
.hdr-expanded.process .diagram LI#design {top: 49px; left: 450px;}
.hdr-expanded.process .diagram LI#development {top: 66px; right: 303px;}
.hdr-expanded.process .diagram LI#debug {top: 30px; right: 152px;}
.hdr-expanded.process .diagram LI#drive {top: 58px; right: 36px;}

.hdr-expanded.process .diagram LI IMG {
	opacity: 0.50;
	filter: alpha(opacity=50);
}

.hdr-expanded.process .diagram LI A:hover IMG {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.discussion LI#discussion IMG,
.discovery LI#discovery IMG,
.definition LI#definition IMG,
.design LI#design IMG,
.development LI#development IMG,
.debug LI#debug IMG,
.drive LI#drive IMG {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.discussion  LI#tab-discussion A,
.discovery  LI#tab-discovery A,
.definition  LI#tab-definition A,
.design  LI#tab-design A,
.development  LI#tab-development A,
.debug  LI#tab-debug A,
.drive  LI#tab-drive A {
	color: #363636;
	background-color: #F7F7F7;
	background-position: left -100px;
	border-bottom-color: #F7F7F7;
}

.discussion  LI#step-discussion,
.discovery  LI#step-discovery,
.definition  LI#step-definition,
.design  LI#step-design,
.development  LI#step-development,
.debug  LI#step-debug,
.drive  LI#step-drive {
	display: block;
}

.process .tab-container {
	margin: -55px auto 10px auto;
	width: 736px;
	background-image: url(../tab/tab_shadow_process.gif);
}

.process .overlap .tab-nav {
	background: #000000 url(../tab/tab_shadow_top_right_process.gif) no-repeat right top;
}

.drive  LI#tab-drive A {
	background-position: right -100px;
}

.process .tab-nav LI {
	font-size: 12px;
	font-weight: bold;
}

.process #tab-content {
	width: 732px;
	height: 490px;
}

.process .tab-content {
	display: none;
	width: 698px;
	height: 445px;
	padding: 30px 15px 15px 15px;
	line-height: 22px;
	font-size: 12px;
}

.process .tab-right {
	float: right;
	width: 48%;
	text-align: center;
}

.process .tab-left {
	float: left;
	width: 51%;
	margin-right: 1%;
}

.process .tab-content UL.checklist LI {
	 margin-bottom: 10px;
}


.hdr-expanded.unique .diagram {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 940px;
	height: 180px;
}

.hdr-expanded.unique .diagram LI {
	position: absolute;
}

.hdr-expanded.unique .diagram LI#threesixty {left: 27px; top: 1px; }
.hdr-expanded.unique .diagram LI#blend {left: 188px; top: 8px;}
.hdr-expanded.unique .diagram LI#clientgoals {left: 420px; top: 10px;}
.hdr-expanded.unique .diagram LI#solutions {right: 228px; top: 8px;}
.hdr-expanded.unique .diagram LI#inhouse {right: 19px; top: 20px;}

.hdr-expanded.unique .diagram LI IMG {
	opacity: 0.50;
	filter: alpha(opacity=50);
}

.hdr-expanded.unique .diagram LI A:hover IMG {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.threesixty LI#threesixty IMG,
.blend LI#blend IMG,
.clientgoals LI#clientgoals IMG,
.solutions LI#solutions IMG,
.inhouse LI#inhouse IMG {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.unique .rsn-content {
	display: none;
	padding-top: 10px;
}

.threesixty #rsn-threesixty,
.blend #rsn-blend,
.clientgoals #rsn-clientgoals,
.solutions #rsn-solutions,
.inhouse #rsn-inhouse {
	display: block;
}

.unique .rsn-left {
	float: left;
	width: 58%;
	line-height: 18px;
}

.unique .rsn-bubble {
	float: right;
	width: 42%;
	text-align: center;
}

.unique UL.checklist.cloud {
	width: 545px;
	height: 100px;
	margin: 30px 0px;
	padding: 0px;
	font-weight: bold;
}

.unique .cloud LI#selling {left: 85px; top: 0px;}
.unique .cloud LI#servicing {left: 260px; top: 0px;}
.unique .cloud LI#communicating {left: 375px; top: 0px;}
.unique .cloud LI#networking {left: 171px; top: 39px;}
.unique .cloud LI#educating {left: 29px; top: 61px;}
.unique .cloud LI#advertising {left: 125px; top: 83px;}
.unique .cloud LI#entertaining {left: 268px; top: 67px;}
.unique .cloud LI#promoting {left: 403px; top: 78px;}

.unique .rsn-bubble DIV {
	margin: 28px auto;
	width: 242px;
	height: 36px;
	padding: 60px 19px;
	text-align: center;
	background: transparent url(../symbols/unique_bubble.gif) no-repeat center;
}

/* pricing elements */

.pricing .box {
	margin-bottom: 20px;
}

.pricing .box .boxbody {
	padding: 15px 0px;
}

.pricing .col-left,
.pricing .col-middle,
.pricing .col-right {
	float: left;
	line-height: 18px;
}

.pricing .col-left {width: 307px;}
.pricing .col-middle {width: 289px;}
.pricing .col-right {width: 324px;}

.pricing .box .col-left {
	text-align: center;
	font-weight: bold;
}

.pricing .box .col-right {
	color: #75736b;
}

.pricing .box H2 {
	margin-bottom: 5px;
}

.pricing-hdr {
	margin-bottom: 10px;
}

.pricing-hdr .col-left,
.pricing-hdr .col-middle,
.pricing-hdr .col-right {
	position: relative;
	height: 100px;
}

.pricing-hdr .col-middle H2,
.pricing-hdr .col-right H2 {
	position: absolute;
	margin: 0px;
	height: 60px;
	left: 0px;
	bottom: 0px;
	background: transparent url(../symbols/arrow_down.gif) no-repeat bottom;
}


/* expertise section */


.hdr-expanded.expertise-ov {
	padding-top: 25px;
	min-height: 185px;
	height: auto !important;
	height: 185px;
	background-position: center -10px;
}

.hdr-expanded.expertise-ov H1 {
	margin: 0px 0px 0px 140px;
}

.hdr-expanded.expertise-ov .diagram {
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 923px;
	height: 150px;
	background: transparent url(../symbols/expertise_overview.gif) no-repeat center;
}

.hdr-expanded.expertise-ov .diagram LI {
	position: absolute;
	height: 36px;
	text-align: center;
}

.hdr-expanded.expertise-ov .diagram A,
.hdr-expanded.expertise-ov .diagram LI {
	color: #cc6738;
	text-decoration: none;
}

.hdr-expanded.expertise-ov .diagram A {
	display: block;
	padding-bottom: 68px;
}

.hdr-expanded.expertise-ov .diagram LI SPAN {
	color: #FFFFFF;
}

.hdr-expanded.expertise-ov .diagram #creativity {
	width: 238px;
	left: 2px;
	top: 35px;
}

.hdr-expanded.expertise-ov .diagram #technology {
	width: 226px;
	left: 412px;
	top: 55px;
}

.hdr-expanded.expertise-ov .diagram #software {
	width: 200px;
	left: 722px;
	top: 15px;
}

.hdr-expanded.expertise-ov .diagram #marketing {
	width: 200px;
	left: 715px;
	top: 12px;
}

.expertise-ov .column-wrapper { margin-bottom: 40px; }

.expertise-ov .column {
	padding-left: 25px;
	padding-right: 25px;
}

.expertise-ov .checklist { padding-left: 0px; }
.expertise-ov .checklist li {
	margin: 0px 0px 8px 0px;
	line-height: 20px;
}

.expertise-ov .checklist a { font-size: 14px; }
.expertise-ov p span {
	color: #D06636;
}

.expertise-ov .column.left { padding-left: 0px; }
.expertise-ov .column.right { padding-right: 0px; }
.expertise-ov .column.left { width: 515px; }
.expertise-ov .column.right { width: 370px; }

.exp-sections .column {padding-top: 18px;}
.exp-sections .column.left {width: 597px; padding-right: 23px;}
.exp-sections .column.right {width: 305px; padding-left: 14px;}

.exp-sections .wholesaler-link {
	margin: 70px 0px 0px -20px;
	text-align: center;
}

.exp-sections UL.checklist {
	padding-top: 0px;
}

.exp-sections H1 {
	margin-bottom: 9px;
}

.exp-sections H2 {
	margin-bottom: 6px;
}

.exp-sections .wholesaler-link IMG {
	vertical-align: middle;
	margin: 0px 2px;
}

.exp-sections UL.checklist LI {
	margin: 0px 0px 1px 0px;
	line-height: 17px;
}

.exp-sections .box-bracket { margin-bottom: 30px; }

.exp-sections .box-bracket .fl-left,
.exp-sections .box-bracket .fl-right { margin: 0px; }

.exp-sections .box-bracket .fl-left {width: 370px;}
.exp-sections .box-bracket .fl-right {width: 209px;}

.exp-sections .box-bracket.first { margin-top: 30px; }
.exp-sections .box-bracket.ecom-features .fl-left {width: 300px;}
.exp-sections .box-bracket.ecom-features .fl-right {width: 268px;}

.exp-sections .box-bracket UL.checklist { color: #74726a; margin: -2px 10px 0px 0px; }
.exp-sections .box-bracket .white-fill { padding-bottom: 12px; }

.custom-projects {
	margin: 0px 10px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}

.custom-projects LI {
	margin: 0px;
	padding: 4px 0px 10px 0px;
}

.custom-projects .custom-hdr {
	margin-bottom: 6px;
	background: transparent url(../symbols/bracket_left_expertise.gif) no-repeat left top;
}

.custom-projects .custom-title {
	float: left;
	padding: 0px 8px;
	font-weight: bold;
	line-height: 34px;
	background: transparent url(../symbols/bracket_right_expertise.gif) no-repeat right top;
}

.custom-projects .custom-hdr div.arrow {
	float: right;
	margin-top: 8px;
	padding-bottom: 13px;
	background: transparent url(../symbols/arrow_down_mini.gif) no-repeat bottom;
}

/* sitemap elements */

div.sitemap div.container {
	width: 880px;
	padding-top: 8px;
}

div.sitemap h1 {
	border-bottom: 1px solid #E3E3E1;	
	padding-bottom: .6em;
	margin-bottom: .4em;
}

div.sitemap .column.left {
	width: 240px;
	border: none;
}

div.sitemap .column.middle {
	width: 240px;
	border: none;
}

div.sitemap .column.right {
	width: 300px;
	border: none;
}

div.sitemap dl {
	padding: 0;
	margin: 0 0 2em 0;
}

	div.sitemap dd dl {
		margin: 0 0 .8em 0;
	}

div.sitemap dt {
	padding: 0;
	margin: 0 0 .5em 0;
}

	div.sitemap dt a, div.sitemap dt a:link, div.sitemap dt a:visited {
		color: #984D2A;
		text-decoration: none;
		font-size: 15px;
	}
	
	div.sitemap dt a:hover, div.sitemap dt a:active {
		color: #CC6738;
	}
	
	div.sitemap dd dt {
		margin-bottom: .4em;
	}

		div.sitemap dd dt a, div.sitemap dd dt a:link, div.sitemap dd dt a:visited {
			color: #2A988D;
			text-decoration: underline;
			font-size: 13px;
		}
		
		div.sitemap dd dt a:hover, div.sitemap dd dt a:active {
			color: #33B9AD;
		}
		
div.sitemap dd {
	padding: 2px 0 2px 1.6em;
	margin: 0;
	background: url('/_media/symbols/bullet.gif') 4px 6px no-repeat;
}
	
	div.sitemap dd dd {
		padding-left: 1.2em;
		background: none;
		font-size: 11px;
	}
		
div.sitemap div.show-hide {
	font-size: 11px;
	margin: -1.6em 0 1.6em 1.8em;
}

div.sitemap div.show-hide a, div.sitemap div.show-hide a:link, div.sitemap div.show-hide a:visited  {
	color: #CC6738;
	text-decoration: none;
}

div.sitemap div.show-hide a:hover, div.sitemap div.show-hide a:active {
	text-decoration: underline;	
}

div.sitemap dd div.show-hide  {
	margin: -.4em 0 .8em 1.2em;
}

div.sitemap dd.hide {
	display: none;
}
	
/* common elements */

H1,H2,H3,H4,H5 {margin: 0px 0px 10px 0px;}

H1 span,
H2 span,
H3 span,
H4 span { font-weight: normal; }

H1,
H2.h1 {font-size: 18px; color: #cc6738; margin-bottom: 15px;}
H1.gray,
H2.gray,
H2.h1.gray { color: #74726a; }
H2 {font-size: 14px; color: #984d2a; margin-bottom: 15px;}
H3 {font-size: 13px;}
H4 {font-size: 12px;}

.hdr-expanded H1,
.hdr-expanded H2 { color: #cc6738; }

.news-release H2 {
	font-size: 14px;
	color: #363636;
}

.waveline {
	padding-bottom: 5px;
	background: transparent url(../bkg/waveline.gif) no-repeat left bottom;
}

.waveline.long { background-image: url(../bkg/waveline_long.gif); }

H2.waveline { font-size: 13px; }

H2.waveline,
H3.waveline,
H4.waveline {  color: #984d2a; }


.column-hdg {
	margin-bottom: 10px;
	padding-left: 8px;
	height: 24px;
	background: url(../bkg/column_hdg.gif) no-repeat left top;
}

.column-hdg span {
	display: block;
	padding-right: 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 24px;
	background: url(../bkg/column_hdg.gif) no-repeat right top;
}

.column-hdg em {
	font-style: normal;
	font-weight: bold;
}

.column-hdg.darkgray span,
.column-hdg.darkgray { background-image: url(../bkg/column_hdg_darkgray.gif); }

.column-hdg.darkgray {
	padding-left: 14px;
	height: 28px;
}
.column-hdg.darkgray span {
	padding-right: 14px;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	color: #dad9bb;
}

.box-bracket .column-hdg { margin-bottom: 0px; }

.white-fill { background: #FFFFFF; }

P {margin: 0px 0px 15px 0px;}

P.msg {
	padding: 5px 8px;
	border: 1px solid #E3E3E1;
	line-height: normal;
	font-size: 11px;
}

P.msg.confirm {
	color: #12433E;
	background-color: #DEF6F3;
	border-color: #CDF1ED;
}

P.large {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 25px;
}

A { color: #2a988d; }

A:active,
A:hover {
	color: #33B9AD;
	text-decoration: none;
}

A IMG { border: none; }
A SPAN { cursor: pointer; }
A:focus { outline: none; }

.noline A {text-decoration: none;}
.noline A:hover {text-decoration: underline;}

UL,OL {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
}

UL.dashlist,
UL.checklist {
	list-style: none;
}

UL.dashlist {
	margin: 0px;
	padding: 0px;
}

UL.checklist {
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 1px 15px;
}

UL.checklist.cloud {
	position: relative;
}

UL.checklist.cloud LI {
	position: absolute;
}

UL.checklist LI {
	margin: 0px 0px 13px 0px;
	padding: 0px 0px 0px 18px;
	line-height: 15px;
	background: transparent url(../symbols/checklist.gif) no-repeat left 2px;
}

.arrow-down {
	padding-bottom: 33px;
	background: transparent url(../symbols/arrow_down.gif) no-repeat bottom center;
}

.arrow-right {
	padding-right: 33px;
	background: transparent url(../symbols/arrow_right_small.gif) no-repeat right;
}

IMG.border {border: 1px solid #a1a1a1;}
IMG.border.light {border: 1px solid #e3e3e1;}
.hdr-expanded IMG.border {border: 1px solid #4a4a4a;}

.box {
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: 1px solid #e3e3e1;

}

.box .corner,
.box .boxbody {
	margin: 0px;
	padding: 0px;
}

.box .corner {
	position: absolute;
	width: 5px;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	color: #FFFFFF;
	background-repeat: no-repeat;
}

.box .corner.tl {
	top: -1px;
	left: -1px;
	background-position: left top;
	background-image: url(../bkg/border_curve_top_left.gif);
}

.box .corner.tr {
	top: -1px;
	right: -1px;
	background-position: right top;
	background-image: url(../bkg/border_curve_top_right.gif);
}

.box .corner.bl {
	bottom: -1px;
	left: -1px;
	background-position: left bottom;
	background-image: url(../bkg/border_curve_btm_left.gif);
}

.box .corner.br {
	bottom: -1px;
	right: -1px;
	background-position: right bottom;
	background-image: url(../bkg/border_curve_btm_right.gif);
}

.box .boxbody {
	padding: 15px;
}

.box-bracket {
	background: transparent url(../bkg/border_bracket_btm_right.gif) no-repeat right bottom;
}

/* form elements */

FORM {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.cal-field INPUT {
	float: left;
	margin-right: 8px;
}

.cal-field .calendar {
	margin-top: 1px;
}

.calendar {
	float: left;
	width: 28px;
	height: 30px;
	background: transparent url(../symbols/calendar.gif) no-repeat center;
}

.calendar IMG {
	vertical-align: middle;
}

.form {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.form LI {
	float: left;
	margin: 0px;
	padding: 0px 10px 18px 0px;
}

.form-note {
	font-size: 11px;
	color: #74726a;
}

.form-submit {
	padding-top: 15px;
}

LABEL {
	font-weight: bold;
	color: #1b1b1b;
}

SPAN.required {
	margin-left: 3px;
	color: #c90909;
}

INPUT {
	vertical-align: middle;
}

TEXTAREA,
SELECT,
INPUT[type="text"],
INPUT[type="file"] {
	padding: 8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #984d2a;
	background-color: #f8f7ed;
	border: 1px solid #bec0b6;
}

.error {
	color: #E44545;
}

P.error {
	margin-bottom: 10px;
	text-align: center;
	background-color: #FADADA;
}

.error LI {
	font-size: 11px;
	list-style: square;
}

TEXTAREA.error,
SELECT.error,
INPUT[type="text"].error,
INPUT[type="file"].error,
#ftr INPUT[type="text"].error {
	background-color: #FBD8D8;
	border: 1px solid #D95C5C;
}

#ftr TEXTAREA,
#ftr SELECT,
#ftr INPUT[type="text"],
#ftr INPUT[type="file"] {
	border: 1px solid #86857b;
}

SELECT {height: 34px;}
TEXTAREA {font-weight: normal;}

.form .radios {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.form .radios LI {
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 31px;
}

.form .radios LI.note,
.form .radios LI.arrow-right {
	line-height: normal;
	padding-top: 8px;
}

.form .radios LI.radio {
	float: left;
	padding: 0px 5px;
}

.form .radio INPUT {
	float: left;
}

.form .radio LABEL {
	float: left;
	margin-left: -20px;
	width: 52px;
	line-height: 31px;
	font-weight: normal;
	color: #2a988d;
	background-color: #FFFFFF;
	cursor: pointer;
	text-decoration: underline;
	text-align: center;
}

.form .radio LABEL.selected {
	color: #000000;
	text-decoration: none;
	background-image: url(../bkg/radio_contact.gif);
}

.form .radios .arrow-right {
	padding: 0px 5px;
}

.form .checkboxes {
	margin: 0px;
	padding: 5px 0 0 0;
	list-style: none;
}

.form .checkboxes li {
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px;
	height: 24px;
}

.form .checkboxes label {
	font-weight: normal;
}

.swfu-button {
	float: left;
	margin-top: 5px;
	line-height: 24px;
}


/* printables */

.print-only,
.print-hdr,
.print-ftr {
	display: none;
}


/* overrides */

UL.simple {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

UL.simple LI {
	margin: 3px 0px;
}

UL.nobull {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
}

UL.nobull LI {
	margin: 0px;
}

UL.inline LI {
	float: left;
	margin-right: 10px;
	list-style: none;
}

.none {display: none;}
.hidden {visibility: hidden;}

.nowrap {white-space: nowrap;}

.nomargin {margin: 0px;}

.nopad {padding: 0px;}

.quote {font-style: italic;}

.strike {text-decoration: line-through;}

.bold TD,
.bold {
	font-weight: bold;
}

.valign {vertical-align: middle;}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.fl-left { float: left; }
.fl-left.share { margin-right: 10px; }
.fl-right { float: right; }
.fl-right.share { margin-left: 10px; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.maxwidth {width: 100%;}