/* -----------------------------------------------------------------------
General
----------------------------------------------------------------------- */

body {
	background-color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.clear {
	clear:both;
	height:0;
}

#wrapper {
	padding-bottom:35px;
}

.link_email a,
.link_map a,
.link_directions a {
	padding-left:32px;
	background-repeat:no-repeat;
	background-position:left center;
}

.link_email a {
	background-image:url(../../images/icon_email.png);
}

.link_map a {
	background-image:url(../../images/icon_map.png);
}

.link_directions a {
	background-image:url(../../images/icon_directions.png);
}

/* -----------------------------------------------------------------------
Left Column
----------------------------------------------------------------------- */

#col_navigation {
	width:283px;
	padding:10px;
	position:fixed;
	left:0px;
	top:0px;
	z-index:10;
}

#branding a{
	display:block;
	height:80px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:48px;
}

/* -----------------------------------------------------------------------
Main Nav
----------------------------------------------------------------------- */

#main_nav {
	margin-left:20px;
}

#main_nav li {
	float:left;
	clear:both;
}

#main_nav li a {
	display:block;
	width:99px;
	height:22px;
	overflow:hidden;	
	text-indent:-9999px;
	background-image:url(../../images/nav_main_1.png);
	background-repeat:no-repeat;	
}

#main_nav .nav_home a			{ background-position:0px    0px; }
#main_nav .nav_work a			{ background-position:0px  -22px; }
#main_nav .nav_clients a	{ background-position:0px  -44px; }
#main_nav .nav_about_us a	{ background-position:0px  -66px; }
#main_nav .nav_we_are a		{ background-position:0px  -88px; }
#main_nav .nav_skimmer a		{ background-position:0px -110px; }
#main_nav .nav_contact a	{ background-position:0px -132px; }
#main_nav .nav_blogs a	{ background-position:0px -154px; }

#main_nav .nav_home a:hover			{ background-position:-100px    0px; }
#main_nav .nav_work a:hover			{ background-position:-100px  -22px; }
#main_nav .nav_clients a:hover	{ background-position:-100px  -44px; }
#main_nav .nav_about_us a:hover	{ background-position:-100px  -66px; }
#main_nav .nav_we_are a:hover		{ background-position:-100px  -88px; }
#main_nav .nav_skimmer a:hover		{ background-position:-100px -110px; }
#main_nav .nav_contact a:hover	{ background-position:-100px -132px; }
#main_nav .nav_blogs a:hover	{ background-position:-100px -154px; }

#main_nav .nav_home a.active			{ background-position:-100px    0px; }
#main_nav .nav_work a.active			{ background-position:-100px  -22px; }
#main_nav .nav_clients a.active		{ background-position:-100px  -44px; }
#main_nav .nav_about_us a.active	{ background-position:-100px  -66px; }
#main_nav .nav_we_are a.active		{ background-position:-100px  -88px; }
#main_nav .nav_skimmer a.active		{ background-position:-100px -110px; }
#main_nav .nav_contact a.active		{ background-position:-100px -132px; }
#main_nav .nav_blogs a.active		{ background-position:-100px -154px; }

#main_nav ul ul {
	display:none;
	position:absolute;
	top:138px;
	left:129px;
}

/* -----------------------------------------------------------------------
Content Column
----------------------------------------------------------------------- */

#col_content {
	margin-left:303px;
	position:relative;
	z-index:20;
}

/* -----------------------------------------------------------------------
General Homepage Sections
----------------------------------------------------------------------- */

.row_full {
	position:relative;
	float:left;
	clear:both;
}

.row_full .col_left,
.row_full .col_right {
	float:right;
}

.row_full .col_right {
	position:relative;
	height:187px;
}

.row_full .col_right .inner {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:30px;
	padding-right:30px;
}

.row_full .col_left img {
	display:block;
}

#recent_work,
#recent_news,
#recent_post,
#latest_tweet {
	height:187px;	
}

#section_home .col_left .inner {
	padding-top:26px;
	padding-left:29px;
}

.details {
	font-size:11px;
	font-style:italic;
	line-height:1.9;
}

#recent_work {
	background-color:#DBD8CD;
}

#recent_news {
	background-color:#E7E5DD;
}

#recent_post {
	background-color:#F3F2EE;
}

#latest_tweet {
	background-color:#ffffff;
}

/* -----------------------------------------------------------------------
Titles for Homepage Sections
----------------------------------------------------------------------- */

.col_right h1 {
	width:74px;
	height:7px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(../../images/titles_homepage.png);
	background-repeat:no-repeat;
	position:absolute;
	left:28px;
	top:30px;
}

#featured h1			{ background-position: 0px   0px; }
#recent_work h1		{ background-position: 0px  -7px; }
#recent_news h1		{ background-position: 0px -14px; }
#recent_post h1		{ background-position: 0px -21px; }
#latest_tweet h1	{ background-position: 0px -28px; }

/* -----------------------------------------------------------------------
"Powered By ..." Sprite for Homepage
----------------------------------------------------------------------- */

.powered_by {
	position:absolute;
	right:30px;
	bottom:20px;
	width:160px;
	height:7px;
	overflow:hidden;
	background-image:url(../../images/powered_by.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#featured .flickr							{ background-position:0px   0px; }
#featured .youtube						{ background-position:0px  -7px; }
#featured .flickr_youtube			{ background-position:0px -14px; }

#recent_work .flickr					{ background-position:0px -21px; }
#recent_work .youtube					{ background-position:0px -28px; }
#recent_work .flickr_youtube	{ background-position:0px -35px; }

#recent_post .blogger					{ background-position:0px -42px; }

#latest_tweet .twitter				{ background-position:0px -49px; }

/* -----------------------------------------------------------------------
Featured Section on Homepage
----------------------------------------------------------------------- */

#featured {
	background-color:#cfcbbc;
	background-repeat:no-repeat;
	overflow:hidden;
}

#featured .col_left embed,
#featured .col_left object {
	width:468px;
	height:263px;
}

#featured h2 {
	margin-top:62px;
	margin-left:-3px;
	color:#53514b;
	font-size:24px;
}

#featured h2 a {
	color:#53514b;
	text-decoration:none;
}

#featured h2 a:hover {
	color:#33FF00; /* TODO: Need hover styles */
}

#featured .details {
	color:#a6a296;
	margin-top:-1px;
}

#featured .col_left .inner,
#recent_work .col_left .inner {
	padding:0px;
}

/* -----------------------------------------------------------------------
Recent Work Section on Homepage
----------------------------------------------------------------------- */

#recent_work .col_left .inner {
	padding:0px;
}

#recent_work h2 {
	margin-top:32px;
	color:#585652;
	font-size:24px;
}

#recent_work h2 a {
	color:#585652;
	text-decoration:none;
}

#recent_work h2 a:hover {
	color:#33FF00; /* TODO: Need hover styles */
}

#recent_work .details {
	color:#afada4;
	margin-top:-3px;
}

/* -----------------------------------------------------------------------
Recent News Section on Homepage
----------------------------------------------------------------------- */

#recent_news .col_left .inner {
	padding-top:39px;
}

#recent_news .date,
#recent_news .headline {
	float:left;
	margin-bottom:10px;
}

#recent_news .date {
	color:#b9b7b1;
	font-style:italic;
	width:80px;
}

#recent_news .headline {
	color:#8b8985;
	font-style:normal;
}

#recent_news .headline a {
	color:#8b8985;
	text-decoration:none;
}

#recent_news li {
	clear:both;
}

#recent_news .headline a:hover {
	color:#33ff00; /* TODO: Need hover styles */
}

#recent_news .first .headline a {
	color:#61615f;
}

#recent_news .first .headline a:hover {
	color:#33FF00; /* TODO: Need hover styles */
}

#recent_news .first .headline,
#recent_news .first .date {
	margin-bottom:8px;
}

#recent_news .first .headline {
	font-weight:bold;
	margin-left:-2px;
}

/* -----------------------------------------------------------------------
Recent Post Section on Homepage
----------------------------------------------------------------------- */

#recent_post h2 {
	font-size:16px;
	margin-bottom:11px;
}

#recent_post h2 a {
	color:#61615f;
	text-decoration:none;
}

#recent_post h2 a:hover {
	color:#33FF00; /* TODO: Need hover styles */
}

#recent_post .details {
	color:#c2c2be;
	margin-top:32px;
	margin-right:40px;
}

#recent_post p {
	color:#92918f;
	line-height:1.9;
}

/* -----------------------------------------------------------------------
Latest Tweet Section on Homepage
----------------------------------------------------------------------- */

#latest_tweet .details {
	color:#cccccc;
}

#latest_tweet p {
	font-size:16px;
	margin-bottom:16px;
	color:#61615F;
	font-weight:bold;
}

/* -----------------------------------------------------------------------
Subpage Header Area
----------------------------------------------------------------------- */

#site_section {
	height:100px;
	position:relative;
	background-color:#cfcbbc;
	background-image:url(../../images/grain_page_title.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#site_section h1 {
	width:98px;
	height:18px;
	position:absolute;
	left:30px;
	top:52px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../../images/titles_sections.png);
	background-repeat:no-repeat;
}

#section_our_work #site_section h1	{ background-position:0px   0px; }
#section_clients #site_section h1		{ background-position:0px -18px; }
#section_about_us #site_section h1	{ background-position:0px -36px; }
#section_we_are #site_section h1		{ background-position:0px -54px; }
#section_contact #site_section h1		{ background-position:0px -72px; }

#page_title {
	height:65px;
	background-color:#dbd8cd;
}

#page_title h2,
#page_title ul,
#page_title li,
#page_title li a {
	float:left;
	line-height:65px;
	color:#88837b;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
}

#page_title h2 {
	border-right:1px solid #d0cdc3;
}

#page_title li a:hover,
#page_title li a.active {
	color:#4a433e;
}

#page_title h2 {
	line-height:65px;
}

/* -----------------------------------------------------------------------
Work
----------------------------------------------------------------------- */

#section_work #wrapper {
	padding-bottom:0px;
}

#content_work img {
	display:block;
}

#section_work.page_featured_work #main_nav .nav_featured_work a	{ background-position:-100px   0px; }

#section_work .nav_work ul {
	display:block;
}

#section_work .nav_work li a{
	background-image:url(../../images/nav_work.png);
}

#section_work #main_nav .nav_work .nav_featured_work a	{ background-position:0 0; }

#section_work #main_nav .nav_work .nav_featured_work a:hover	{ background-position:-100px 0; }

#section_work #main_nav .nav_work .nav_featured_work a.active	{ background-position:-100px 0; }

#section_work .nav_work ul ul {
	position:relative;
	top:0;
	left:0;
	margin-top:22px;
}

#section_work .nav_work li li a {
	background-image:none;
	width:172px;
}

#section_work #main_nav .nav_work .nav_featured_work li a:hover {
	background-position:-172px 0;
}

#section_work #main_nav .nav_work .nav_featured_work li a.active {
	background-position:-172px 0;
}

/* -----------------------------------------------------------------------
About Us
----------------------------------------------------------------------- */

#section_about_us .nav_about_us ul {
	display:block;
}

#section_about_us .nav_about_us li a{
	background-image:url(../../images/nav_about.png);
}

#section_about_us #main_nav .nav_about_us .nav_about_fallon a { background-position:0px   0px; }
#section_about_us #main_nav .nav_about_us .nav_management a		{ background-position:0px -22px; }
#section_about_us #main_nav .nav_about_us .nav_locations a		{ background-position:0px -44px; }
#section_about_us #main_nav .nav_about_us .nav_news_room a		{ background-position:0px -66px; }
#section_about_us #main_nav .nav_about_us .nav_books a				{ background-position:0px -88px; }

#section_about_us #main_nav .nav_about_fallon a:hover { background-position:-100px   0px; }
#section_about_us #main_nav .nav_management a:hover		{ background-position:-100px -22px; }
#section_about_us #main_nav .nav_locations a:hover		{ background-position:-100px -44px; }
#section_about_us #main_nav .nav_news_room a:hover		{ background-position:-100px -66px; }
#section_about_us #main_nav .nav_books a:hover				{ background-position:-100px -88px; }

#section_about_us #main_nav .nav_about_fallon a.active	{ background-position:-100px   0px; }
#section_about_us #main_nav .nav_management a.active		{ background-position:-100px -22px; }
#section_about_us #main_nav .nav_locations a.active			{ background-position:-100px -44px; }
#section_about_us #main_nav .nav_news_room a.active			{ background-position:-100px -66px; }
#section_about_us #main_nav .nav_books a.active					{ background-position:-100px -88px; }

#content_management,
#contact_locations,
#contact_news {
	background-color:#4c4c4c;
	position:relative;
	color:#b7b7b7;
	line-height:1.9;
}

#content_management .col_left,
#contact_locations .col_left,
#contact_news .col_left {
	position:absolute;
	top:37px;
	left:39px;
}

#content_management h3,
#contact_locations h3,
#contact_news h3 {
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	margin-bottom:6px;
}

/* -----------------------------------------------------------------------
About Us - Management Bios
----------------------------------------------------------------------- */

#section_about_us #media_block,
#section_about_us #media_block img {
	display:block;
	clear:both;
}

#content_management .col_left {
	width:184px;
}

#content_management .col_right {
	padding-top:25px;
	padding-bottom:37px;
}

#content_management h4 {
	color:#949494;
	line-height:1.9;
	font-weight:normal;
	font-style:italic;
}

#content_management p {
	margin-bottom:21px;
}

/* -----------------------------------------------------------------------
About Us - Locations
----------------------------------------------------------------------- */

#contact_locations,
#contact_news {
	height:160px;
}

#contact_locations a,
#contact_news a {
	color:#b7b7b7;
	text-decoration:none;
}

#contact_locations a:hover,
#contact_news a:hover {
	color:#33ff00; /* TODO: Need hover styles */
}

#contact_locations .col_left,
#contact_news .col_left {
	width:150px;
}

#contact_locations .col_middle,
#contact_news .col_middle {
	padding-top:34px;
	padding-left:249px;
}

#contact_locations .col_middle,
#contact_news .col_middle {
	width:418px;
}

#contact_locations .col_right,
#contact_news .col_right {
	width:200px;
	position:absolute;
	top:34px;
	right:83px;
}

/* -----------------------------------------------------------------------
About Us - News Room List
----------------------------------------------------------------------- */

#content_news_list {
	background-color:#fff;
	padding-left:249px;
}

#content_news_list li {
	border-bottom:1px solid #e5e5e5;
	width:100%;
	line-height:38px;
	height:38px;
	position:relative;
}

#content_news_list li a {
	color:#7f7f7f;
	text-decoration:none;
	display:block;
	position:relative;
	z-index:2;
}

#content_news_list li .date {
	color:#cccccc;
	position:absolute;
	top:0px;
	left:450px;
	z-index:1;
}

#content_news_list li .headline {
	white-space:nowrap;
}

#content_news_list li .headline a:hover {
	color:#33ff00; /* TODO: Need hover styles */
}

#contact_news {
	margin-top:-1px;
}

/* -----------------------------------------------------------------------
About Us - News Room Article
----------------------------------------------------------------------- */

#content_news_article {
	background-color:#fff;
	line-height:2.1;
	padding-top:36px;
	padding-bottom:28px;
	padding-left:249px;
	padding-right:100px;
}

#content_news_article h3 {
	color:#ee3224;
	font-size:16px;
	margin-bottom:2px;
}

#content_news_article h4 {
	color:#b2b2b2;
	font-weight:normal;
	font-style:italic;
	margin-bottom:25px;
}

#content_news_article h4 .location {
	text-transform:uppercase;
}

#content_news_article p,
#content_news_article ul,
#content_news_article ol {
	color:#7f7f7f;
	margin-bottom:23px;
}

#content_news_article ul,
#content_news_article ol,
#content_news_article blockquote {
	margin-left:4em;
	margin-right:4em;
}

#content_news_article ul		{
	list-style-type:decimal;
}

#content_news_article ul ul	{
	list-style-type:lower-alpha;
	margin-bottom:0px;
}

#content_news_article ul ul	ul {
	list-style-type:lower-roman;
}

#content_news_article ol {
	list-style-type:disc;
}

#content_news_article ol ol {
	list-style-type:square;
	margin-bottom:0;
}

#content_news_article ol ol ol {
	list-style-type:circle;
}

/* -----------------------------------------------------------------------
About Us - Books
----------------------------------------------------------------------- */

#content_books .col_left,
#content_books .col_right {
	float:left;
	background-color:#fff;
	color:#7f7f7f;
	overflow:hidden;
}

#content_books .book_image {
	overflow:hidden;
	text-align:center;
}

#content_books .inner {
	padding-top:36px;
	padding-left:39px;
	padding-right:39px;
	line-height:1.9;
}

#content_books h3 {
	color:#666666;
	font-size:16px;
	margin-bottom:24px;
}

#content_books .footer {
	height:69px;
	line-height:69px;
	background-color:#4c4c4c;
	padding-left:39px;
	padding-right:39px;
}

#content_books .footer a {
	color:#cacaca;
	text-decoration:none;
}

#content_books .footer a:hover {
	color:#33ff00; /* TODO: Need hover styles */
}

/* -----------------------------------------------------------------------
We Are
----------------------------------------------------------------------- */

#section_we_are #wrapper {
	padding-bottom:0px;
}

/* -----------------------------------------------------------------------
We Are - Subpage
----------------------------------------------------------------------- */

#section_we_are.page_sub #branding a {
	width:100px;
	background-image:url(../../images/logo_fallon_small.png);
}

#section_we_are.page_sub #col_navigation {
	width:100px;
	overflow:hidden;
}

#section_we_are.page_sub #main_nav a {
	width:80px;
}

#section_we_are.page_sub #col_content {
	margin-left:423px;
	width:574px;
}

#content_we_are_main img,
#content_we_are_main embed,
#content_we_are_main object {
	height:800px;
}

/* -----------------------------------------------------------------------
We Are - Blog
----------------------------------------------------------------------- */

.blog {
	background-color: #333;
	background-repeat: repeat-y;
}

#blog_content a {
	color:  #929292;
	text-decoration: underline;
}

#blog_content a:hover {
	color:  #666666;		/* TODO: Need hover styles */
	text-decoration: underline;
}

#blog_content h2 {
	font-size: 20px;
}

#blog_content h3 {
	font-size: 14px;
	margin-top: 20px;
}

#blog_content h2 a,
#blog_content h2 a:hover {
	text-decoration: none;
	color: #2b2b2b;
}

#col_submenu {
	position: fixed;
	top: 0px;
	left: 120px;
	width: 303px;
	background-color: #cfcbbc;
	background-image: url(../images/logo_grain.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#col_submenu #sub_title {
	background-image: url(../images/weare.png);
	background-repeat: no-repeat;
	background-position:30px 58px; 
	height:95px;
	font-size: 22px;
	color: #fff;
	text-indent: -10000px;
}

#col_submenu #meet_us a {
	background-image: url(../images/meetus.png);
	background-repeat: no-repeat;
	background-position:30px 31px;
	height: 76px;
	font-size: 12px;
	color: #fff;
	display:block;
	text-indent:-9999px;
}

#col_submenu #meet_us_pic {
	background-image: url(../images/meetus_pic1.jpg);
	background-repeat: no-repeat;
	width: 303px;
	height: 123px;
}

#col_submenu #location {
	background-color: #e7e5dd;
	padding-left: 30px;
	padding-top: 28px;
	padding-bottom: 26px;
}

#col_submenu #location h2 {
	background-image: url(../images/location_minneapolis.png);
	background-repeat: no-repeat;
	width: 108px;
	height: 8px;
	font-size: 12px;
	color: #fff;
	text-indent: -10000px;
	display: block;
}

#col_submenu #blog_links a:link,
#col_submenu #blog_links a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#col_submenu #blog_links a:hover {
	color: #2b2b2b;
}

#col_submenu #blog_links ul {
	font-size: 10px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 26px;
}

#col_submenu #blog_links ul li {
	padding-bottom: 8px;
}

#col_blog {
	background-color:#fff;
}

#col_blog #header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	height: 95px;
	position:relative;
}

#col_blog #blog_content {
	float: left;
	margin-top: 33px;
}

#col_blog #blog_content #blog_content_inner {
	margin-left: 35px;
	margin-right: 35px;
}

#blog_content .info {
	margin-top: 14px;
	margin-bottom: 22px;
}

#blog_content .info .byline {
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color:#2b2b2b;
	margin-bottom:4px;
}

#blog_content .info .posted {
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color:#2b2b2b;
}

#blog_content .entry {
	color: #929292;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 25px;
}

#blog_content .entry p {
	margin-bottom: 18px;
}

#blog_content .entry .info_bottom {
	margin-bottom: 24px;
}

#blog_content .entry .info_bottom {
	margin-top: 24px;
	margin-bottom: 24px;
}

#blog_content .entry .social {
	color: #2b2b2b;
}

#blog_content .entry .social a,
#blog_content .entry .postmetadata a {
	color: #2b2b2b;
	text-decoration: underline;
}

#blog_content .entry .social a:hover,
#blog_content .entry .postmetadata a:hover {
	color: #000000;				/* TODO: Need hover styles */
}

#blog_content .entry .postmetadata {
	color: #929292;
	font-size: 11px;
	margin-bottom: 25px;
}

#blog_content .entry .postmetadata a {
	color: #929292;
	text-decoration: underline;
}

#blog_content .entry .social .comments {
	margin-bottom: 24px;
}

#col_blog #header h1 {
	display: block;
	position: absolute;
	right: 24px;
	top: 52px;
	overflow: hidden;
}

#col_blog #header h1 a {
	color: #ea3525;
	font-size: 26px;
	text-indent: -10000px;
	display: block;
	width: 122px;
	height: 23px;
	background-image: url(../images/blog_title.png);
	background-repeat: no-repeat;
}


#col_blog #sidebar {
	float: left;
	width: 166px;
	margin-top: 34px;
	font-size: 12px;
}

#col_blog #sidebar li {
	background-color: #f4f4f0;
	margin-bottom: 6px;
}

#col_blog #sidebar li ul {
	margin-top: 11px;
	padding-bottom: 8px;
}

#col_blog #sidebar li li {
	margin-left: 14px;
	margin-right: 14px;
	line-height: 22px;
	padding-bottom: 3px;
	color: #2b2b2b;
}

#col_blog #sidebar li a {
	color: #2b2b2b;
	text-decoration: underline;
}

#col_blog #sidebar li a:hover {
	color: #000000;
	text-decoration: underline;
}

#col_blog #sidebar h2 {
	padding-left: 15px;
	padding-right:15px;
	background-color: #c9c6b5;
	color:#2b2b2b;
	font-size: 11px;
	text-transform: uppercase;
	height:38px;
	line-height:38px;
}

#col_blog #sidebar div.search {
	height: 22px;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #c9c6b5;
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: top;
}

#col_blog #comment {
	width: 500px;
}

#col_blog #sidebar div.search #s {
	border: none;
	background-color: #fff;
	color: #2b2b2b;
	width: 95px;
	float: left;
	margin-right: 3px;
	vertical-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#col_blog .archive_titles li {
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 3px;
}

#col_blog .noentries {
	font-size: 12px;
	color: #2b2b2b;
	margin-top: 20px;
	
}

/* -----------------------------------------------------------------------
Skimmer
----------------------------------------------------------------------- */

#section_skimmer #site_section {
	background-color:#191919;
	background-image:none;
}

#section_skimmer .nav_skimmer ul {
	display:block;
}

#section_skimmer .nav_skimmer li a{
	background-image:url(../../images/nav_skimmer.png);
}

#section_skimmer #main_nav .nav_skimmer .nav_skimmer_home a 		{ background-position:0px    0px; }
#section_skimmer #main_nav .nav_skimmer .nav_features a				{ background-position:0px  -22px; }
#section_skimmer #main_nav .nav_skimmer .nav_screenshots a		{ background-position:0px  -44px; }
#section_skimmer #main_nav .nav_skimmer .nav_faq a						{ background-position:0px  -66px; }
#section_skimmer #main_nav .nav_skimmer .nav_support a				{ background-position:0px  -88px; }
#section_skimmer #main_nav .nav_skimmer .nav_privacy_policy a	{ background-position:0px -110px; }
#section_skimmer #main_nav .nav_skimmer .nav_download a				{ background-position:0px -132px; }

#section_skimmer #main_nav .nav_skimmer .nav_skimmer_home a:hover 		{ background-position:-100px    0px; }
#section_skimmer #main_nav .nav_skimmer .nav_features a:hover				{ background-position:-100px  -22px; }
#section_skimmer #main_nav .nav_skimmer .nav_screenshots a:hover		{ background-position:-100px  -44px; }
#section_skimmer #main_nav .nav_skimmer .nav_faq a:hover						{ background-position:-100px  -66px; }
#section_skimmer #main_nav .nav_skimmer .nav_support a:hover				{ background-position:-100px  -88px; }
#section_skimmer #main_nav .nav_skimmer .nav_privacy_policy a:hover	{ background-position:-100px -110px; }
#section_skimmer #main_nav .nav_skimmer .nav_download a:hover				{ background-position:-100px -132px; }

#section_skimmer #main_nav .nav_skimmer .nav_skimmer_home a.active 		{ background-position:-100px    0px; }
#section_skimmer #main_nav .nav_skimmer .nav_features a.active				{ background-position:-100px  -22px; }
#section_skimmer #main_nav .nav_skimmer .nav_screenshots a.active			{ background-position:-100px  -44px; }
#section_skimmer #main_nav .nav_skimmer .nav_faq a.active							{ background-position:-100px  -66px; }
#section_skimmer #main_nav .nav_skimmer .nav_support a.active					{ background-position:-100px  -88px; }
#section_skimmer #main_nav .nav_skimmer .nav_privacy_policy a.active	{ background-position:-100px -110px; }
#section_skimmer #main_nav .nav_skimmer .nav_download a.active				{ background-position:-100px -132px; }

#section_skimmer h1 {
	background-image:url(../../images/titles_skimmer.png);
	width:88px;
	height:16px;
	left:30px;
	top:54px;	
}

#section_skimmer #page_title {
	background-color:#333;
}

#section_skimmer h2 {
	border-right:0px none;
	color:#858585;
}

/* -----------------------------------------------------------------------
Skimmer - Home
----------------------------------------------------------------------- */

#section_skimmer.page_skimmer_home #site_section h1 {
	left:0;
	top:0;
}

#content_skimmer_home {
	background-color:#4c4c4c;
	padding-top:32px;
	padding-bottom:39px;
	position:relative;
}

#content_skimmer_home h2,
#content_skimmer_home h3,
#content_skimmer_home a.btn_download {
	position:absolute;
	left:40px;
}

#content_skimmer_home h2 {
	color:#cacaca;
	text-transform:uppercase;
	top:32px;
}

#content_skimmer_home h3 {
	color:#949494;
	font-style:italic;
	font-weight:normal;
	top:55px;
}

#content_skimmer_home p {
	color:#949494;
	line-height:2.1;
	margin-left:357px;
	margin-right:90px;
}

#content_skimmer_home a.btn_download {
	display:block;
	width:236px;
	height:42px;
	text-indent:-9999px;
	background-image:url(../../images/btn_download.png);
	background-repeat:no-repeat;
	background-position:left top;
	top:88px;
}

#content_skimmer_home a.btn_download:hover {
	background-position:left bottom;
}

#buckets_skimmer_home li {
	float:left;
	border-left:1px solid #d9d9d9;
	background-color:#fff;
	position:relative;
}

#buckets_skimmer_home li.first {
	border-left:0px none;
}

#buckets_skimmer_home h2 {
	color:#4c4c4c;
	text-transform:uppercase;
	font-size:12px;
	padding-bottom:2px;
}

#buckets_skimmer_home p {
	font-style:italic;
	color:#7f7f7f;
	line-height:1.5;
}

#buckets_skimmer_home a {
	color:#7f7f7f;
}

#buckets_skimmer_home a:hover {
	color:#33ff00; /* TODO: Need hover styles */
}

#buckets_skimmer_home li img {
	position:absolute;
	left:0;
	bottom:0;
}

/* -----------------------------------------------------------------------
Skimmer - Features
----------------------------------------------------------------------- */

#top_features {
	background-color:#fff;
	border-bottom:1px solid #e5e5e5;
}

#top_features h3 {
	color:#666;
	font-weight:normal;
	font-style:italic;
	font-size:15px;
	padding-top:36px;
	padding-bottom:34px;
	padding-left:39px;
}

#content_features {
	background-color:#fff;
	padding-bottom:40px;
}

#content_features h3 {
	color:#666;
	font-style:italic;
	font-size:16px;
	padding-top:40px;
	padding-bottom:28px;
	padding-left:58px;
	background-repeat:no-repeat;
	background-position:left 30px;
}

#content_features h3.title_slideshow {
	background-image:url(../../images/icon_feature_slideshow.png)
}

#content_features h3.title_upload {
	background-image:url(../../images/icon_feature_upload.png)
}

#content_features p {
	color:#7f7f7f;
	line-height:1.8;
}

#content_features .col_left,
#content_features .col_right {
	float:left;
	padding-top:40px;
}

#content_features .col_left {
	padding-left:39px;
	padding-right:52px;
}

#content_features .col_right {
	padding-left:52px;
	padding-right:39px;
}

/* -----------------------------------------------------------------------
Skimmer - Screenshots
----------------------------------------------------------------------- */

.page_screenshots h2 {
	border-right:1px solid #3d3d3d !important;
}

.page_screenshots #media_block {
	position:relative;
}

.page_screenshots #media_block,
.page_screenshots #media_block img {
	width:950px;
	height:531px;
	display:block;
	overflow:hidden;
}

.page_screenshots .slideshow_count {
	float:left;
	margin-left:15px;
	padding-left:21px;
	color:#858585;
	line-height:65px;
	font-size:10px;
	background-image:url(../../images/icon_slideshow.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.page_screenshots .btn_previous a,
.page_screenshots .btn_next a {
	display:block;
	width:25px;
	height:27px;
	background-image:url(../../images/nav_screenshots.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:253px;
}

.page_screenshots .btn_previous a {
	left:30px;
	background-position:left top;
}

.page_screenshots .btn_previous a:hover {
	background-position:left bottom;
}

.page_screenshots .btn_next a {
	right:30px;
	background-position:right top;
}

.page_screenshots .btn_next a:hover {
	background-position:right bottom;
}

#content_screenshots {
	background-color:#4c4c4c;
	color:#b7b7b7;
	padding-top:22px;
	padding-bottom:23px;
	padding-left:40px;
	padding-right:40px;
}

#content_screenshots p {
	line-height:2.1;
}

#content_screenshots a {
	color:#cacaca;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	margin-left:10px;
	margin-right:10px;
	white-space:no-wrap;
}

#content_screenshots a:hover {
	color:#33ff00; /* TODO: Need hover styles */
}

/* ----------------------------------------------------------------------
Skimmer - FAQ
----------------------------------------------------------------------- */

#content_faq {
	background-color:#fff;
	padding-top:36px;
	padding-bottom:1px;
	margin-bottom:-1px;
}

#content_faq dt,
#content_faq dd {
	padding-left:250px;
	padding-right:150px;
	background-repeat:no-repeat;
	background-position:30px 8px;
}

#content_faq dt {
	color:#4c4c4c;
	font-size:16px;
	font-style:italic;
	margin-bottom:3px;
	background-image:url(../../images/title_question.png);
}

#content_faq dd {
	color:#999;
	line-height:2.1;
	padding-bottom:33px;
	margin-bottom:36px;
	border-bottom:1px solid #e5e5e5;	
	background-image:url(../../images/title_answer.png);
}

/* -----------------------------------------------------------------------
Skimmer - Privacy Policy
----------------------------------------------------------------------- */

#content_privacy_policy {
	background-color:#fff;
	color:#999;
	padding-top:36px;
	padding-bottom:16px;
	padding-left:40px;
}

#content_privacy_policy h3 {
	color:#191919;
	font-size:16px;
	margin-bottom:22px;
}

#content_privacy_policy p {
	line-height:2.1;
	margin-bottom:23px;
}
/* -----------------------------------------------------------------------
Contact
----------------------------------------------------------------------- */

#section_contact #media_block img {
	display:block;
}

#section_contact .link_email a {
	background-image:url(../../images/icon_email_light.png);
	text-decoration:none;
	color:#999;
}

#section_contact .link_email a:hover {
	color:#33ff00; /* TODO: Need hover styles */
}

/* -----------------------------------------------------------------------
Contact - General Inquiries
----------------------------------------------------------------------- */

#content_general_inquiries {
	background-color:#fff;
	color:#999;
	line-height:1.9;
	position:relative;
}

#content_general_inquiries h2 {
	color:#666666;
	font-size:16px;
}

#content_general_inquiries .col_left {
	position:absolute;
	top:37px;
	left:39px;
	width:175px;
}

#content_general_inquiries .col_middle {
	padding-left:249px;
	padding-top:34px;
	padding-bottom:33px;
}

#content_general_inquiries .col_right {
	position:absolute;
	top:34px;
	width:200px;
}

/* -----------------------------------------------------------------------
Contact - New Business
----------------------------------------------------------------------- */

#content_new_business {
	background-color:#fff;
	color:#999;
	line-height:1.9;
	position:relative;
}

#content_new_business h2 {
	color:#666666;
	font-size:16px;
}

#content_new_business .col_left {
	position:absolute;
	top:37px;
	left:39px;
	width:350px;
}

#content_new_business .col_middle {
	padding-top:34px;
	padding-bottom:33px;
}

#content_new_business .col_right {
	position:absolute;
	top:34px;
	width:200px;
}


/* -----------------------------------------------------------------------
Contact - Press Inquiries
----------------------------------------------------------------------- */

#content_press_inquiries {
	background-color:#fff;
	color:#999;
	line-height:1.9;
	position:relative;
}

#content_press_inquiries h2 {
	color:#666666;
	font-size:16px;
}

#content_press_inquiries .col_left {
	position:absolute;
	top:37px;
	left:39px;
	width:150px;
}

#content_press_inquiries .col_middle {
	padding-left:249px;
	padding-top:34px;
	padding-bottom:33px;
}

#content_press_inquiries .col_right {
	position:absolute;
	top:34px;
	width:200px;
}

/* -----------------------------------------------------------------------
Contact - Copyright
----------------------------------------------------------------------- */

#content_copyright {
	background-color:#fff;
	color:#999;
	line-height:1.9;
	position:relative;
}

#content_copyright .inner {
	padding-top:36px;
	padding-bottom:13px;
	padding-left:40px;
	width:470px;
}

#content_copyright h2 {
	color:#f04639;
	font-size:16px;
	margin-bottom:24px;
}

#content_copyright p {
	margin-bottom:21px;
}

#content_copyright .col_left {
	position:absolute;
	top:37px;
	left:39px;
	width:150px;
}

#content_copyright .col_middle {
	padding-left:249px;
	padding-top:34px;
	padding-bottom:33px;
}

#content_copyright .col_right {
	position:absolute;
	top:34px;
	width:200px;
}

/* -----------------------------------------------------------------------
Contact - Employment
----------------------------------------------------------------------- */

#content_employment {
	background-color:#fff;
	color:#999;
	line-height:1.9;
	position:relative;
}

#content_employment h2 {
	color:#666666;
	font-size:16px;
	margin-bottom:17px;
}

#content_employment .col_left {
	width:380px;
	padding-top:36px;
	padding-left:40px;
	padding-bottom:33px;
}

#content_employment .col_right {
	position:absolute;
	top:34px;
	width:200px;
}

/* -----------------------------------------------------------------------
Footer
----------------------------------------------------------------------- */

#footer {
	background-color:#333333;
	width:100%;
	height:35px;
}

/* -----------------------------------------------------------------------
No Flash
----------------------------------------------------------------------- */
#recent_work .col_left .noflash,
.noflash {
    background-color: #212121;
    width: 100%;
}
#recent_work .col_left .noflash {
    height: 187px;
}
#section_work #col_content .noflash,
#section_client #col_content .noflash {
    height: 300px;
}
#recent_work .col_left .noflash img,
.noflash img {
    height: auto !important;
    width: auto !important;
    display: block;
    padding-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
/* ---------------------------------------
 * Blog Fixes
 * ---------------------------------------*/

#post-1282 .entry div .social .comments {
	margin-bottom:0px !important;
}

/* -----------------------------------------------------------------------
TAG CLOUD
----------------------------------------------------------------------- */

#tag_cloud {
	padding-left:14px;
	padding-right:14px;
	padding-bottom:17px;
}

#tag_cloud h2 {
	margin-left:-14px;
	margin-right:-14px;
	margin-bottom:15px;
}

.navigation {
	margin-bottom:25px;
}