html, body {
	margin: 0px;
	padding: 0px;
}

html {
	background: url(/images/brandnetworks/html_bg.jpg) repeat top center #b5784d;
}

body {
	font-size: 12px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	color: #626161;
}

h1, h2, h3, h4, h5 {
	margin: 0px 0px .7em 0px;
	font-weight: normal;
	line-height: 1.4em;
	padding: 0px;
}

h1 {
	background: url(/images/brandnetworks/h1_bg.jpg) no-repeat left center #1d76cd;
	line-height: 52px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	margin: -1px -26px 1em -26px;
	padding: 0px 26px;
}

h2 {
	line-height: 1.4em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #66ad00;
	font-size: 1.7em;
}

h2 span.title {
	font-size: .55em;
	color: #6f6f6f;
	text-transform: uppercase;
}

h3 {
	color: #666;
	font-size: 1.25em;
	font-weight: bold;
}

a:link,
a:visited,
a:active {
	color: #1d71be;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

p {
	margin: 0px 0px 1.4em 0px;
	padding: 0px;
}

ul {
	list-style-type: none;
	margin: 0px 0px 1.4em 0px;
	padding: 0px;
}

ul li {
	list-style-type: none;
	margin: 0px 0px 0px 1em;
	padding: 0px 0px .6em 16px;
	background: url(/images/brandnetworks/bullet.gif) no-repeat 0px .35em;
	color: #555;
	font-size: 1.1em;
}

	ul li ul {
		list-style-type: none;
		margin: .7em 0px .7em 0px;
		padding: 0px;
	}
	
	ul li ul li {
		list-style-type: none;
		margin: 0px 0px 0px .6em;
		padding: 0px 0px .6em 14px;
		background: url(/images/brandnetworks/smaller_bullet.gif) no-repeat 0px .3em;
		color: #777;
		font-size: 1em;
	}

.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.attention {
	background-color: #CC99CC;
	padding: 10px 20px;
}

#header {
	height: 90px;
	width: 938px;
	position: relative;
	margin: 30px auto 0px auto;
	background: url(/images/brandnetworks/header_bg.jpg) no-repeat top left transparent;
}
	
	#header #brand_networks {
		outline: none;
		text-indent: -9999px;
		width: 250px;
		height: 50px;
		position: absolute;
		top: 20px;
		left: 25px;
	}
	
	#header #brand_networks a {
		display: block;
		outline: none;
		width: 260px;
		height: 60px;
	}
	
	#header ul#main_nav, #header ul#main_nav li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		line-height: 1em;
	}
	
	#header ul#main_nav {
		width: 590px;
		height: 25px;
		position: absolute;
		right: 22px;
		top: 36px;
	}
	
	#header ul#main_nav li {
		float: left;
	}
	
	#header ul#main_nav li a {
		display: block;
		height: 25px;
		text-indent: -9999px;
		outline: none; /* delete this for better accessibility */
	}
	
	#header ul#main_nav li#home a:link,
	#header ul#main_nav li#home a:visited,
	#header ul#main_nav li#home a:active {
		width: 57px;
		background: url(/images/brandnetworks/nav_home.gif) no-repeat top left;
	}
	
	#header ul#main_nav li#our_work a:link,
	#header ul#main_nav li#our_work a:visited,
	#header ul#main_nav li#our_work a:active {
		width: 80px;
		background: url(/images/brandnetworks/nav_our_work.gif) no-repeat top left;
	}
	
	#header ul#main_nav li#social_toolbox a:link,
	#header ul#main_nav li#social_toolbox a:visited,
	#header ul#main_nav li#social_toolbox a:active {
		width: 114px;
		background: url(/images/brandnetworks/nav_social_toolbox.gif) no-repeat top left;
	}
	
	#header ul#main_nav li#services a:link,
	#header ul#main_nav li#services a:visited,
	#header ul#main_nav li#services a:active {
		width: 75px;
		background: url(/images/brandnetworks/nav_services.gif) no-repeat top left;
	}
	
	#header ul#main_nav li#social_application_studio a:link,
	#header ul#main_nav li#social_application_studio a:visited,
	#header ul#main_nav li#social_application_studio a:active {
		width: 185px;
		background: url(/images/brandnetworks/nav_social_application_studio.gif) no-repeat top left;
	}
	
	#header ul#main_nav li#about_us a:link,
	#header ul#main_nav li#about_us a:visited,
	#header ul#main_nav li#about_us a:active {
		width: 79px;
		background: url(/images/brandnetworks/nav_about_us.gif) no-repeat top left;
	}
	
	#header ul#main_nav li#home a:hover,
	#header ul#main_nav li#our_work a:hover,
	#header ul#main_nav li#social_toolbox a:hover,
	#header ul#main_nav li#services a:hover,
	#header ul#main_nav li#social_application_studio a:hover,
	#header ul#main_nav li#about_us a:hover {
		background-position: 0px 50%;
	}
	
	#header ul#main_nav li#home.current_section a:link, #header ul#main_nav li#home.current_section a:visited, #header ul#main_nav li#home.current_section a:active,
	#header ul#main_nav li#our_work.current_section a:link, #header ul#main_nav li#our_work.current_section a:visited, #header ul#main_nav li#our_work.current_section a:active,
	#header ul#main_nav li#social_toolbox.current_section a:link, #header ul#main_nav li#social_toolbox.current_section a:visited, #header ul#main_nav li#social_toolbox.current_section a:active,
	#header ul#main_nav li#services.current_section a:link, #header ul#main_nav li#services.current_section a:visited, #header ul#main_nav li#services.current_section a:active,
	#header ul#main_nav li#social_application_studio.current_section a:link, #header ul#main_nav li#social_application_studio.current_section a:visited, #header ul#main_nav li#social_application_studio.current_section a:active,
	#header ul#main_nav li#about_us.current_section a:link, #header ul#main_nav li#about_us.current_section a:visited, #header ul#main_nav li#about_us.current_section a:active {
		background-position: bottom left;
	}
	
	#header ul#linkup, #header ul#linkup li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		line-height: 1em;
		background: none;
	} 
	
	#header ul#linkup {
		width: 45px;
		height: 213px;
		position: absolute;
		top: 87px;
		right: -40px;
		padding-top: 66px;
		background: url(/images/brandnetworks/linkup_bg.jpg) no-repeat top left;
	} 
	
	#header ul#linkup li {
		margin-bottom: 11px;
	}
	
	#header ul#linkup li a {
		 display: block;
		 text-indent: -9999px;
		 width: 24px;
		 height: 24px;
		 margin-left: 9px;
	}
	
#content {
	width: 938px;
	margin: 0px auto;
	background: url(/images/brandnetworks/content_bg.png) repeat-y top center transparent;
	_background: url(/images/brandnetworks/content_bg_ie6.gif) repeat-y top center transparent; /* use this .gif for IE6 */
}

	#homepage_columns {
		margin-left: 33px;
		padding: 27px 0px 40px 0px;
	}
	
	#homepage_columns #facebook_col,
	#homepage_columns #twitter_col,
	#homepage_columns #blog_col,
	#homepage_columns #press_col {
		width: 197px;
		background: url(/images/brandnetworks/homepage_col_bg.gif) repeat-x top left #cdcdcd;
		margin-right: 28px;
		float: left;
		border-bottom: solid 1px #9c9c9c;
		height: 21em;
		text-align: center;
		position: relative;
	}
	
	#homepage_columns #press_col ul{
		background: none;
		margin: 0;
		padding: 0;
	}
	#homepage_columns #press_col li{
		background: none;
		margin: 0;
		padding: 0 11px;
		font-size: 1.2em;
	}
	
	#homepage_columns #facebook_col img.callout {
		margin-bottom: 15px;
		display: block;
	}
	
	#homepage_columns #twitter_col ul.tweet li {
		font-size: 1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #5f5f5f;
		font-style: italic;
		line-height: 1.3em;
		margin: 0px;
		padding: 0px 10px;
		margin-bottom: .5em;
		background: none;
	}
	
	#homepage_columns #twitter_col ul.tweet li a {
		font-size: .85em;
		color: #9b9b9b;
		font-style: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
		display: block;
		padding-top: 5px;
	}
	
	#homepage_columns #twitter_col ul.tweet li span a {
		font-size: 1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		display: inline;
		padding: 0px;
		color: #0c6bb8;
	}
	
	#homepage_columns #twitter_col p.details {
		font-size: .85em;
		color: #9b9b9b;
		font-style: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	#homepage_columns #press_col {
		margin-right: 0px
	}
	
	#homepage_columns h2 {
		font-size: 1.2em;
		line-height: 40px;
		color: #fff;
		margin: 0px;
		padding: 0px;
		font-family: "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif
	}	
	
	#homepage_columns h3 {
		color: #0c6bb8;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: .25em;
	}
	
	#homepage_columns p {
		padding: 0px 12px;
		line-height: 1.35em;
	}
	
	#homepage_columns .button img {
		position: absolute;
		bottom: 18px;
		left: 50px;
		display: block;
		margin-bottom: 0px;
	}
	
#footer {
	width: 938px;
	margin: 0px auto;
	padding: 20px 0px 50px 0px;
	background: url(/images/brandnetworks/footer_bg.png) no-repeat top center transparent;
	_background: none;
}

	#footer ul#footer_nav {
		position: relative;
		right: 3px;
		float: left;
	}
	
	#footer ul#footer_nav, #footer ul#footer_nav li {
		margin: 0px;
		padding: 0px;
		line-height: 1em;
		list-style-type: none;
		background: none;
	}
	
	#footer ul#footer_nav li {
		float: left;
		border-right: solid 1px #cc9672;
	}
	
	#footer ul#footer_nav li a:link,
	#footer ul#footer_nav li a:visited,
	#footer ul#footer_nav li a:active {
		float: left;
		display: block;
		padding-right: 7px;
		padding-left: 7px;
		text-decoration: none;
		color: #eeeae7;
	}
	
	#footer ul#footer_nav li a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	#footer ul#footer_nav li.rss {
		border: none;
		padding-left: 7px;
	}
	
	#footer ul#footer_nav li.rss a {
		text-indent: -9999px;
		background: url(/images/brandnetworks/rss_icon.gif) no-repeat left center transparent;
		width: 18px;
		height: 18px;
		margin-top: -3px;
		_margin-top: 0px;
	}
	
	#footer #copyright {
		color: #fff;
		float: right;
		line-height: 1em;
		padding-right: 3px;
	}
	
	#footer #copyright span {
		color: #efb792;
	}
	
/* interior pages */

#interior_content {
	margin: 0px auto;
	background: url(/images/brandnetworks/interior_bg.jpg) no-repeat top center transparent;
	padding: 30px 32px 27px 33px;
}

#interior_columns {
	margin: 0px auto;
	border: solid 1px #969696;
	background: url(/images/brandnetworks/interior_columns_bg.jpg) no-repeat bottom left #fff;
}

	#interior_columns #nav_column {
		float: left;
		width: 185px;
		background-color: #eaeaea;
	}
	
	#interior_columns #content_column {
		float: right;
		width: 635px;
		padding: 0px 25px 30px 25px;
	}
	
	#interior_columns #nav_column ul, #interior_columns #nav_column ul li {
		margin: 0px;
		padding: 0px;
		line-height: 1em;
		list-style-type: none;
		font-size: 1em;
	}
	
	#interior_columns #nav_column ul li {
		width: 185px;
	}
	
	#interior_columns #nav_column ul li a:link,
	#interior_columns #nav_column ul li a:visited,
	#interior_columns #nav_column ul li a:active {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		display: block;
		line-height: 1em;
		padding: 10px;
		background-color: #fff;
		border-bottom: solid 1px #bfbfbf;
		color: #1e73c3;
		text-decoration: none;
		width: 165px;
	}
	
	#interior_columns #nav_column ul li a.first:link,
	#interior_columns #nav_column ul li a.first:visited,
	#interior_columns #nav_column ul li a.first:active {
		font-weight: bold;
	}
	
	#interior_columns #nav_column ul li a:hover {
		background-color: #e7f1f9;
	}
	
	#interior_columns #nav_column ul li.current_page a:link,
	#interior_columns #nav_column ul li.current_page a:visited,
	#interior_columns #nav_column ul li.current_page a:active,
	#interior_columns #nav_column ul li.current_page a:hover {
		background: url(/images/brandnetworks/subnav_current.jpg) repeat-x left center #ff820a;
		color: #fff;
	}
	
	#content_column {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	.large_left {
		width: 370px;
		float: left;
	}
	
	.small_right {
		width: 235px;
		float: right;
		position: relative;
	}
	
.bio_photo {
	position: absolute;
	top: -63px;
	left: -7px;
}

.small_right.has_bio_photo {
	padding-top: 250px;
}

.action a:link span, 
.action a:visited span, 
.action a:active span {
	color: #5c9c00;
}

.action a:hover span {
	
}

.follow, .connect, .friend, .view_blog {
	padding-left: 35px;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 20px;
	margin: 0px 0px .8em 0px;
}

.follow {
	background-image: url(/images/brandnetworks/icons/twitter.gif);
}

.connect {
	background-image: url(/images/brandnetworks/icons/linkedin.gif);
}

.friend {
	background-image: url(/images/brandnetworks/icons/facebook.gif);
}

.view_blog {
	background-image: url(/images/brandnetworks/icons/wordpress.gif);
}

#interior_columns #content_column.full_page {
	width: 821px;
	float: none;
	background-color: #fff;
}

.work_images img, img.wood_border {
	display: block;
	padding: 14px;
	border: solid 1px #a7a7a7;
	margin: 0px 0px 15px 0px;
	background: url(/images/brandnetworks/interior_bg.jpg) no-repeat top left #fff;
}

.half_left {
	float: left;
	width: 300px;
}

.half_right {
	float: right;
	width: 303px;
}

.location {
	display: block;
	margin-bottom: 1.4em;
}

.twitter_logo {
	float: right;
	margin: 0px 0px 1.4em 40px;
}
.womma_logo {
	float: right;
	margin: 0px 0px 1.4em 40px;
}