/*-----------------------------------------------------------------------------

    Falken Creative : V.2 Stylesheet

    author:    Ben Falk
    email:     info(at)falkencreative.com
    website:   www.falkencreative.com
    
    Falken Creative : V.2 was designed and hand-coded using Photoshop and Coda.

    colors:    Primary Red:   b60d26
               Dark Red:      781014
               Light Tan:     f5f3f0
               Tan:           DAC9AF
               Lt Brown:      947261
               
    widths:    Full:          998px
               Left:          293px
               Right:         705px
               Right Gutter:  19px
               
    Height:    Index Footer:  80px
               
    Fonts:     font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;                     

------------------------------------------------------------------------------*/

   

/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a:link, a:visited { color: #b60d26; border-bottom: 1px dotted #b60d26; text-decoration: none; }
	a:hover, a:active, a:focus { color: #781014; border-bottom: 1px solid #781014; text-decoration: none; }
	
	.no-ext { background: none !important; padding-right: 0 !important; }
	.external { background: url(../images/icons/icon-external.gif) center right no-repeat; padding-right: 12px; }
	
	
/*  GENERIC STYLES 
	--------------------------------------------------------------------------*/

	html { height: 100%; font-size:62.5%; overflow-y: scroll; } 
	body { height: 100%; text-align: center; 
		font: 1.2em Arial, Verdana, sans-serif; line-height: 1.6em; }
		
	.float_left { float: left; }
	.float_right { float: right; }
	.hidden { visibility: hidden; }
	.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
	
	.icon { margin: 0 1px -3px 0; }
	p { margin-bottom: 14px; }
	abbr { border-bottom: 1px dotted #000000; cursor: help; }
	
	#top { display: none; }
	
/*  WRAPPERS
	--------------------------------------------------------------------------*/

	#wrapper { 
		position:relative;
		min-height: 100%;
		background: url(../images/bg-mainbg-repeat.jpg) 0 0 repeat-x;
		text-align: left;
	}
	* html #wrapper { height: 100%; } /* IE6 Hack */
	
	#wrapper-inner { 
		width: 998px;
		margin: 0 auto;
		padding-bottom: 150px; 
		background: url(../images/bg-headerbg.jpg) 0 0 no-repeat; 
	}
	
	.index #wrapper-inner { background: url(../images/bg-headerbg-home.jpg) 0 0 no-repeat; }
	

/*  CLIENT LOGIN STYLES 
	--------------------------------------------------------------------------*/

	#client {
		background: url(../images/bg-clientdropbg-repeat.jpg) 0 0 repeat-x;
		background-color: #B60E27;
		display: none; }
	#client #client_inner {
		width: 990px; 
		height: 100px;
		margin: 0px auto;
		background: url(../images/bg-clientdropbg.jpg) no-repeat;
		text-align: right; 
		color: #ffffff; }	
		
	#client #client_left { 
		float: right;
		margin: 14px 0 0 0;
		padding: 6px 20px 0 0;
		text-align: right;
		border-right: 1px solid #ffffff; }	
	#client #client_right {
		float: right;
		margin: 18px 12px 0px 20px;
		text-align: left; }
		
	#client h4 { font-size: 1.5em; letter-spacing: 1px; }
	#client p { margin-bottom: 10px; }
	#client_right p { padding: 0; margin: 0; }
	
	#client .error { color: #ffffff; font-size: 11px; color: yellow; letter-spacing: 1px; }
	#client .no_error { color: #ffffff; font-size: 11px; letter-spacing: 1px; }



/*  HEADER
	--------------------------------------------------------------------------*/	
		
	#header { height: 184px; padding-left: 7px; }	
	.index #header { height: 182px; }
		
	/* Header Left */			
	#header_left { float:left; }	
	.nav_clients a { 
		float: left; display: block; margin-left: 0px; height: 23px; width: 81px; 
		background: url(../images/nav-clientsopen.jpg) 0 0 no-repeat;
		overflow: hidden; text-indent: -999px;
		text-decoration: none;
		cursor: pointer; }
	.nav_clients a.selected { background: url(../images/nav-clientsclose.jpg) no-repeat; }
	.nav_clients a:hover, .nav_clients a:focus, .nav_clients a.selected:hover, .nav_clients a.selected:focus { 
		background-position: 0 -23px; border:0; }
	
	.logo { padding: 70px 0 0 8px; text-indent: -999px; overflow: hidden; clear: both; float: left; }
	.logo a { display: block; background: url(../images/falkencreative.gif) no-repeat; height: 45px; width: 200px; text-decoration: none; border: 0; }
	.logo a:hover, .logo a:focus { background-position: 0 -45px; outline:0; }	
	
	/* Header Right */
	#header_right { height: 56px; float: right; text-align: right; }
	#header ul { margin: 0; padding: 18px 10px 58px 0; }
	#header li { display: inline; }
	#header li a {
		padding: 5px 12px 15px 12px;
		font-weight: bold;
		font-size: 1.333em;
		outline:0; }
	
	#header li a:link, #header li a:visited { color: #000000; text-decoration: none; border: 0; }
	#header li a:hover, #header li a:active, #header li a:focus { color: #B90B26; text-decoration: underline; border: 0; }
	
	/* Header Nav Selected */		
	body.index #header li.nav_home a:link,
	body.index #header li.nav_home a:visited,
	body.index #header li.nav_home a:hover,
	body.index #header li.nav_home a:active,
	
	body.about #header li.nav_about a:link,
	body.about #header li.nav_about a:visited,
	body.about #header li.nav_about a:hover,
	body.about #header li.nav_about a:active,
	
	body.portfolio #header li.nav_portfolio a:link,
	body.portfolio #header li.nav_portfolio a:visited,
	body.portfolio #header li.nav_portfolio a:hover,
	body.portfolio #header li.nav_portfolio a:active,
	
	body.resources #header li.nav_resources a:link,
	body.resources #header li.nav_resources a:visited,
	body.resources #header li.nav_resources a:hover,
	body.resources #header li.nav_resources a:active,
	
	body.journal #header li.nav_journal a:link,
	body.journal #header li.nav_journal a:visited,
	body.journal #header li.nav_journal a:hover,
	body.journal #header li.nav_journal a:active,
	
	body.contact #header li.nav_contact a:link,
	body.contact #header li.nav_contact a:visited,
	body.contact #header li.nav_contact a:hover,
	body.contact #header li.nav_contact a:active  
		{ background: url(../images/nav-navbg.gif) center top no-repeat; color: #ffffff; text-decoration: none; border: 0; }
		
	.header_text { padding: 0 22px 0 0; text-align: right; font-size: 1.166em; line-height: 1.4em; }
	.header_text span { font-size: 1.714em; font-weight: bold; }
	.header_text span.sml { font-size: .78em; color: #b60d26; }

/*  SIDEBAR
	--------------------------------------------------------------------------*/	
	
	#sidebar { 
		width: 293px; float: left;
		background: url(../images/bg-contentbg-left.jpg) 0 0 no-repeat; }
		
	#sidebar h1 {
		margin: 16px 38px 60px 0;
		text-align: right;
		color: #ffffff;
		font-size: 2.33em;
		font-weight: normal;
		letter-spacing: 2px;
	}	
	#sidebar p { 
		padding:0 38px 0 20px;  font-size: 1.083em; line-height: 1.35em; }
		
	#sidebar h4 {
		font-size: 1.083em; font-weight: bold;
		color: #b60d26;
		margin: 30px 0 14px 20px;
		text-transform: uppercase;
	}	
	#sidebar ul { margin: 0; padding: 0; }
	#sidebar li { padding: 0 38px 6px 36px;
		background: url(../images/bullet-blk-sml.gif) 24px 7px no-repeat;
		line-height: 1.35em; font-size: 1.083em; }

	.subpage #sidebar h1 {
		margin-bottom: 22px; }
	#sidebar .divider { text-align: left; line-height: 1px; font-size: 1px; padding: 8px 0 0 7px; }
	
	#sidebar ul.subnav { padding: 14px 0 0 0; }
	#sidebar ul.subnav li {
		padding: 4px 0 10px 26px;
		background: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 1.166em;
		font-weight: bold;
		color: #ffffff; }
	#sidebar ul.subnav li:last-child { padding-bottom: 4px; }
	
	#sidebar ul.subnav li.current { background: url(../images/nav-subnavbg.gif) 7px 0 no-repeat; }
	#sidebar .subnav a:link, #sidebar .subnav a:visited { color: #603f2f; text-decoration: none; border: 0; }
	#sidebar .subnav a:hover, #sidebar .subnav a:active, #sidebar .subnav a:focus { color: #603f2f; text-decoration: underline; border: 0; }
	
	#sidebar .subnav .current a:link, #sidebar .subnav .current a:visited,
	#sidebar .subnav .current a:hover, #sidebar .subnav .current a:active, #sidebar .subnav .current a:focus { 
		color: #ffffff; text-decoration: none; border: 0; }
	
	.subpage #sidebar li { padding-bottom: 3px; }
	.subpage #sidebar p { font-size: 1em; margin-bottom: 0; line-height: 1.45em; }
	
	/* Twitter */
	.twitter_time { font-size: .916em; color: #b60d26; }
	#sidebar .twitter img { margin: 10px 0 0 0; }
	.subpage #sidebar a.twitter:link, .subpage #sidebar a.twitter:visited, 
	.subpage #sidebar a.twitter:hover, .subpage #sidebar a.twitter:active  { border:0; }	
	
	/* Availability */
	#sidebar .availability-green { 
		background: url(../images/icons/icon-guage-green.gif) center left no-repeat;
		margin:0 0 0 20px; padding:10px 38px 14px 60px;}
	#sidebar .availability-yellow { 
		background: url(../images/icons/icon-guage-yellow.gif) center left no-repeat; margin-left:14px;
		margin:0 0 0 20px; padding:10px 38px 14px 60px;}
	#sidebar .availability-red { 
		background: url(../images/icons/icon-guage-red.gif) center left no-repeat;
		margin:0 0 0 20px; padding:10px 38px 14px 60px;}
		
	/* Contact */
	#sidebar p.icon-phone { background: url(../images/icons/icon-talk.gif) 16px center no-repeat; padding: 0 0 6px 45px; }
	#sidebar p.icon-email { background: url(../images/icons/icon-mail.gif) 16px -5px no-repeat; padding: 0 0 6px 45px; }
	#sidebar p.icon-location { background: url(../images/icons/icon-location.gif) 17px -2px no-repeat; padding-left: 45px; }


/*  CONTENT
	--------------------------------------------------------------------------*/	

	/* Index */
	.index #content { padding-bottom: 30px; }
	
	.index #content .intro { width:967px; margin:0 auto; height: 80px; background: url(../images/bg-intro.png) 0 0 no-repeat; }
		.index #content .intro .mail { display:block; float: right; background: url(../images/icon-mail.png) 0 0 no-repeat; height: 26px; width: 25px;
			text-indent: -9999px; overflow: hidden; border:0; position: relative; top: 28px; left: -40px; }
		.index #content .intro .mail:hover { background-position: bottom left; }	
		.index #content .intro .twitter { display:block; float: right; background: url(../images/icon-twitter.png) 0 0 no-repeat; height: 26px; width: 34px;
			text-indent: -9999px; overflow: hidden; border:0; position: relative; top: 28px; left: -24px; padding: 0; }
		.index #content .intro .twitter:hover { background-position: bottom left; }
		
	.index #content .banner { width:967px; margin:0 auto; position: relative; overflow: hidden; padding-bottom: 10px; }
	
		.index .banner .slidenav { width: 43px; height: 20px; position: absolute; top: 53px; left:452px; z-index: 99; }
			.index .slidenav #slide-navleft { width: 21px; height: 20px; background: url(../images/home-featured-buttons.png) top left no-repeat;
				text-indent: -9999px; overflow: hidden; float: left; cursor: pointer; }
			.index .slidenav #slide-navleft:hover { background-position: bottom left; }
			.index .slidenav #slide-navright { width: 21px; height: 20px; background: url(../images/home-featured-buttons.png) top right no-repeat;
				text-indent: -9999px; overflow: hidden; float: right; cursor: pointer; }
			.index .slidenav #slide-navright:hover { background-position: bottom right; }
	
		.index .banner { background: url(../images/home-banner-bg.jpg) 0 0 no-repeat; height:305px; }	
		.index .banner .bannerleft { width: 715px; float: left; }
		.index .banner .bannerright { width: 252px; float: right; }
		
		.index .banner .bannerright h3 { padding: 34px 0 0 0; color: #ffffff; font-size: 1.4em; }
		.index .banner .bannerright h4 { padding: 0; color: #ecdecb; font-size: .9em; font-weight:normal; }
		.index .banner .bannerright p { padding: 14px 20px 0 0; color: #ffffff; line-height:1.4em; }
		.index .banner .bannerright p a { color:#ffffff; border-bottom: 1px dotted #ffffff; }
		.index .banner .bannerright p a:hover { color:#ecdecb; border-bottom: 1px solid #ecdecb; }
		
		.index .banner .bannerright p.viewproject { margin:0; padding:0; position:absolute; top:198px; z-index: 99; }
		.index .banner .bannerright p.viewproject a { border: 0; }
		
		.index .banner .bannerright p.viewportfolio { float:left; margin:0 0 0 120px; padding:0; position:absolute; top:202px; z-index: 99; }
		.index .banner .bannerright p.viewportfolio a { border:0 none; font-size: .9em; color:#FFFFFF; border-bottom: 1px dotted #fff; }
		.index .banner .bannerright p.viewportfolio a:hover { color:#ecdecb; border-bottom: 1px solid #ecdecb; }
		
	.index #content .home-content { padding-left: 15px;	}
	.index #content img { padding-bottom: 10px; }	
		/* Left */
		.index #content .left { float:left; width: 336px; }	
			.index #content .left h2 { padding: 0 0 0 8px; }	
			.index #content .left-inner { padding: 0 40px 0 8px; line-height:1.5em; }
			.index #content .left-inner img { padding-bottom: 10px; }
			.index #content .left-inner .button img { padding:0; }
			
			.left-inner ul { padding:0; margin: 0; }
			.left-inner li { background: url(../images/bullet-blk.gif) 0 5px no-repeat; padding: 0 0 10px 10px; }
			
		/* Right*/	
		.index #content .right { float:left; width: 311px; }
			.index #content .right h2 { padding: 0 0 0 8px; }		
			.index #content .right-inner { padding: 0 20px 0 10px; line-height:1.5em; }
					
		/* Center */	
		.index #content .center { float:left; width: 336px; }
			.index #content .center h2 { padding: 0 0 0 8px; }		
			.index #content .center-inner { padding:0 20px 0 8px; }
			.index #content .center-inner h2 { padding: 0; }
		
			/* news */
			.index #content .center ul { margin: -14px 24px 0 0; padding: 0; }
			.index #content .center li { 
				padding: 14px 30px 14px 0;
				border-top: 1px solid #ECDECB;
				background: url(../images/bullet-brn.gif) 260px center no-repeat;
				line-height: 1.4em; }
			.index #content .center li:first-child { border-top: none; }
			* html .index #content .center li { border:0; }
			
			.index #content .center li span { font-size: .9em; color: #9b7660; }
			.index #content .center li a:link, .index #content .center li a:visited { color:#000000; text-decoration: none; border:none; }
			.index #content .center li a:hover, .index #content .center li a:active, .index #content .center li a:focus { 
				text-decoration: underline; border:none; }
			.index #content .center li span a:link, .index #content .center li span a:visited { color: #b60d26; border-bottom: 1px dotted #b60d26; text-decoration: none; }
			.index #content .center li span a:hover, .index #content .center li span a:active { color: #781014; border-bottom: 1px solid #781014; text-decoration: none; }	
			
		.button { padding-top: 10px; }	
		.button a { background: #b60d26; display:block; border: 0; height: 22px; width:97px; padding: 0; margin: 0; }
		.button a:link, .button a:visited { border:0; }
		.button a:hover { background: #781014; border: 0; }
		
		.button2 a { background: #b60d26; display:inline-block; border: 0; padding: 5px 10px 4px; color:#fff; font-size: 11px; }
		.button2 a:link, .button2 a:visited { border:0; }
		.button2 a:hover { background: #781014; border: 0; }
		
		.indent { padding-left:30px; }
		
	/* Subpages --------------------------------------------------- */	
	.subpage #content {
		width: 705px; float: right;
		background: #ffffff url(../images/bg-contentbg-right.jpg) top right no-repeat;
		padding-top: 5px;
	}
		
	.subpage #content .banner { line-height: 0; }
	.subpage .subpage-content {
		padding: 35px 50px 60px 30px;
		font-size: 1.166em;
		line-height: 1.45em;
	}
	
	.subpage-content h2 { color: #947261; font-size: 1.333em; margin: 0 0 14px 0; text-transform: uppercase; }
	.subpage-content h3 { color: #b60d26; font-size: 1.0166em; margin: 14px 0 10px 0; }
	
	.subpage-content p { padding-right: 10px; }	
	.subpage-content ul { padding:0 0 16px 30px; margin: 0; }
	.subpage-content li { background: url(../images/bullet-red.gif) left center no-repeat; padding: 0 0 4px 20px; }
	.subpage .subpage-content .br { border-top: 1px dashed #DAC9AF; padding-top: 26px; margin-top: 24px; }

	.resources .subpage-content ul.list { padding-bottom: 22px; }	
	.resources .subpage-content ul.list li { background: url(../images/bullet-red.gif) 0 7px no-repeat; padding: 0 0 4px 20px; }
		
		/* Portfolio */
		.portfolio .subpage-content { padding: 35px 50px 10px 30px; }
		.portfolio-item { padding: 0 30px 50px 10px; }
		
		.portfolio-item .thumbs { width: 488px; float: left; }
		.portfolio-item .thumbs img { float: left; }
		.portfolio-item .thumbs .thumb-first { margin-left: 12px; }
		.thumb-lrg, .thumb-sml { float:left; }
		
		.thumb-lrg .zoom  { 
			background: url(../images/zoom-lrg.png) 0 0 no-repeat; 
			position: absolute; display: block; height: 32px; width: 100px; margin:105px 0 0 195px;  }
		.thumb-sml .zoom  { 
			background: url(../images/zoom-sml.png) 0 0 no-repeat; 
			position: absolute; display: block; height: 32px; width: 32px; margin: 38px 0 0 42px; }	
		.zoom:hover { cursor: pointer; }		
		
		.portfolio-item .text { width: 160px; float: left; padding-top: 30px; line-height: 1.3em; }
		.portfolio-item .text h3 { color: #b60d26; margin-bottom: 16px; font-size: 1.35em; line-height: 1.2em; }
		
		.portfolio-item .text .button-viewsite { }
		.portfolio-item .text .button-viewsite a { display: block; padding: 4px 0; width: 100px; border: 0;
			background: #b60d26; outline: 0; color:#fff; text-align: center; text-transform: uppercase; font-size: .7em; }
		.portfolio-item .text .button-viewsite a:hover, .portfolio-item .text .button-viewsite a:active, .portfolio-item .text .button-viewsite a:focus  {
			background: #781014; border: 0; }
			
		.portfolio-divider { clear: both; padding: 0 50px 0px 0; text-align: right; }	
		.portfolio-divider img { margin: 14px 0 0 0; }	
		.portfolio-divider a { border:0; }
		.portfolio-footer { clear: both; padding: 50px 0 0 0; }				
		
		/* Sitemap */
		.subpage-content ul.sitemap { padding:0 0 16px 0; margin: 0; }
		.subpage-content .sitemap li { background: url(../images/bullet-red.gif) 0 7px no-repeat; padding: 0 0 12px 20px; }
		.subpage-content .sitemap li strong a:link, .subpage-content .sitemap li strong a:visited { 
			color: #b60d26; border-bottom: 1px dotted #b60d26; text-decoration: none; }
		.subpage-content .sitemap li strong a:hover, .subpage-content .sitemap li strong a:active, .subpage-content .sitemap li strong a:focus { 
			color: #781014; border-bottom: 1px solid #781014; text-decoration: none; }
		.subpage-content .sitemap li a:link, .subpage-content .sitemap li a:visited { 
			color: #000000; border-bottom: 1px dotted #000000; text-decoration: none; }
		.subpage-content .sitemap li a:hover, .subpage-content .sitemap li a:active { 
			color: #000000; border-bottom: 1px solid #000000; text-decoration: none; }
		
		/* Resources */
		.resources .subpage-content ul { padding-bottom: 0; }
		.resources .subpage-content ul li {
			background: url(../images/bullet-blk.gif) left 7px no-repeat; padding-bottom: 16px; }
		
		/* Blog */
		.subpage div.singlepost { padding-bottom: 0; }
		div.singlepost .post h3 { margin-top: 4px; }
		
		div.post { padding-bottom: 20px; clear: both; }
		div.post ul { padding-bottom: 16px; }
		div.post ul li { background-position: 0 7px; padding-bottom: 6px; }
		div.post h3 { 
			font-size: 2.14em; font-weight: normal; margin-bottom: 4px; line-height:1.2em;
			border-top: 2px solid #B60D26; margin-top: 24px; padding-top: 10px; }
		div.post h3 a { border:0; }
		div.post h4 { font-size: .857em; font-weight: normal; margin-bottom: 16px; color: #947261; }
		
		a.button-readmore { border:0; }
		
		.singlepost .blog-thumbs { margin-bottom: 16px; overflow: hidden; }
		.singlepost .blog-thumbs a { border:0; float: left; }
		.singlepost .blog-thumbs img { float: left; }
		.singlepost .blog-thumbs .zoom  { background: url(../images/zoom-sml.png) 0 0 no-repeat; 
			position: absolute; display: block; height: 32px; width: 32px; margin:38px 0 0 42px;  }		
			
		.quote { border-top:1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 14px; padding:14px; font-family: Georgia, Times New Roman, serif;
			font-size:1.6em; line-height:1.3em; color:#999; }	
		
		/* Blog Comments */
		#comments { margin-bottom: 4px; page-break-before:always; overflow: auto; padding-left: 3px;
			border-top: 2px solid #B60D26; margin-top: 24px; padding-top: 10px; }
		#comments h4 { 
			font-size: 1.4em; font-weight: bold; color: #B60D26; text-transform: uppercase; margin-bottom: 16px; }
		
		#comments .comment, #comments .comment-admin { padding-bottom: 15px; overflow: auto; }
		#comments .left { float:left; width: 160px; background: url(../images/comment-bg.gif) top right no-repeat; clear: both; font-weight: bold; font-size: 1em; color: #B60D26; }
		#comments .left span { font-weight: normal; font-size: .8em; color: #000; }
		#comments .right { float:left; width: 421px; padding: 10px 20px 10px 20px; background: url(../images/comment-bg2.gif) top left repeat-y; border:1px solid #e6dad2; border-left: 0; }
		
		#comments .comment-admin .left { background: url(../images/comment-bg-admin.gif) top right no-repeat; }
		#comments .comment-admin .right { background: url(../images/comment-bg-admin2.gif) 0 0 no-repeat; border:1px solid #B7917A; border-left: 0; }
		
		/* Comments Form */
		.comments-form { margin-bottom: 4px;
			border-top: 2px solid #B60D26; margin-top: 44px; padding-top: 10px; padding-left: 3px; }
		.comments-form h4 { 
			font-size: 1.4em; font-weight: bold; color: #B60D26; text-transform: uppercase; margin-bottom: 16px; }
		.comments-form label { width: 160px; display: block; clear: both; float: left; padding-top: 2px; }
		.comments-form input { width: 451px; padding: 4px 4px 3px 4px; vertical-align: middle; float: left;
			margin-bottom: 4px; border: 1px solid #B7917A;  font-size: .97em;  }
		.comments-form textarea { width: 453px; height: 120px; padding: 3px; float: left; margin-bottom: 3px;
			margin-bottom: 4px; border: 1px solid #B7917A;  font-size: 1em; 
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
		.comments-form p { float:right; padding-top: 14px; font-size: .8em; }	
		.comments-form input:focus, .comments-form textarea:focus { border: 1px solid #b60d26; }
		
		.comments-form input.submit {
			clear:both; height:23px; width:104px; margin:10px 0 0 160px;
			background:transparent url(../images/button-submit.jpg) no-repeat scroll 0 0; border:0 none;
			text-align:center; font-size: .785em; color:#FFFFFF; }
		.comments-form input.submit:hover { 
			background-position: bottom left;
			border:0;
			cursor: pointer; }	
				
		
		/* Alerts */
		#content .alert-success {
			margin: 0 0 30px 0;
			padding: 9px 0 9px 52px;
			background: #f5f3f0 url(../images/icons/alert-success.gif) 10px 5px no-repeat;
			border-top: 1px solid #eee7d9;
			border-bottom: 1px solid #eee7d9;
			color: #228F00;
			font-size: .857em; }	
		#content .alert-warning {
			margin: 0 0 30px 0;
			padding: 9px 0 9px 52px;
			background: #FFFBCF url(../images/icons/alert-yellow.gif) 14px center no-repeat;
			border-top: 1px solid #ffe56f;
			border-bottom: 1px solid #ffe56f;
			color: #b60d26;
			font-size: .857em; }
		#content .alert-error {
			margin: 0 0 30px 0;
			padding: 9px 0 9px 52px;
			background: #f5f3f0 url(../images/icons/alert-error.gif) 10px 2px no-repeat;
			border-top: 1px solid #eee7d9;
			border-bottom: 1px solid #eee7d9;
			color: #b60d26;
			font-size: .857em; }	
	
	
	
/*  FOOTER STYLES 
	--------------------------------------------------------------------------*/

	#footer { position: relative; margin-top: -150px; text-align: left; overflow: hidden; 
		background: url(../images/bg-footerbg-repeat.jpg) 0 0 repeat-x; width:100%; }
	#footer-inner { height: 150px; width:978px; margin:0 auto;
		background: url(../images/bg-footerbg.jpg) 0 0 no-repeat; }		
		
	#footer #copyvalid { margin: 0; padding: 0 0 0 12px; float: left; }
	#footer #copyvalid li { list-style: none; font-size: .916em; }
	
	#footer #availability { float:right; padding: 72px 25px 0 0; }
	#footer #availability p { font-size:0.916em; height:40px; line-height:1.5em; margin:0; padding:0; width:254px; }	
	
	#footer_nav { padding: 42px 0 28px; width: 670px; float: left; }
	#footer_nav li { display: inline; color: #000000; float: left; }
	#footer_nav li.utility { font-weight: normal; float:right; }
	#footer li.nav_index { margin-left: 5px; }
	
	#footer #footer_nav li a { padding: 4px 7px 3px 7px; border: 0; font-weight: bold; }
	#footer #footer_nav li.utility a { padding: 4px 3px 3px 3px; font-weight: normal; }
	
	#footer_nav a:link, #footer_nav a:visited { color: #000000; text-decoration: none; font-weight: bold; } 
	#footer_nav a:hover, #footer_nav a:active, #footer_nav a:focus { color: #B90B26; text-decoration: underline; }
	#footer_nav li.utility a:link, #footer_nav li.utility a:visited { text-decoration: underline; } 
		
	/* Footer Nav Selected */	
	body.index #footer li.nav_index a:link,
	body.index #footer li.nav_index a:visited, 
	body.index #footer li.nav_index a:hover, 
	body.index #footer li.nav_index a:active, 
		
	body.about #footer li.nav_about a:link,
	body.about #footer li.nav_about a:visited,
	body.about #footer li.nav_about a:hover,
	body.about #footer li.nav_about a:active,
	
	body.portfolio #footer li.nav_portfolio a:link,
	body.portfolio #footer li.nav_portfolio a:visited,
	body.portfolio #footer li.nav_portfolio a:hover,
	body.portfolio #footer li.nav_portfolio a:active,
	
	body.resources #footer li.nav_resources a:link,
	body.resources #footer li.nav_resources a:visited,
	body.resources #footer li.nav_resources a:hover,
	body.resources #footer li.nav_resources a:active,
	
	body.journal #footer li.nav_journal a:link,
	body.journal #footer li.nav_journal a:visited,
	body.journal #footer li.nav_journal a:hover,
	body.journal #footer li.nav_journal a:active,
	
	body.contact #footer li.nav_contact a:link,
	body.contact #footer li.nav_contact a:visited,
	body.contact #footer li.nav_contact a:hover,
	body.contact #footer li.nav_contact a:active  
		{ background-color: #B90B26; color: #ffffff; text-decoration: none; }	
	
	


/*  FORM STYLES 
	------------------------------------------------------------------------- */
	
	/* Contact forms */
	.form_required { color: #B90B26; }
	.form_p { clear: both; padding: 12px 0 0 180px; font-size: .857em; line-height: 1.4em; }	
	.form_spacer { padding-bottom: 14px; }
	
	.contact label { display: block; width: 180px; padding-top:2px; float: left; clear: both; color: #947261; }
	.contact input { float: left; width: 300px; height: 18px; padding: 2px; border: 1px solid #B7917A; margin-bottom: 6px; font-size: 1em; }
	.contact textarea { 
		float: left; width: 300px; height: 140px; padding: 4px 2px 4px 2px; margin-bottom: 6px; border: 1px solid #B7917A;
		font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;    font-size: 1em; }	
	.contact select { float: left; width: 306px; padding: 2px; border: 1px solid #B7917A; margin-bottom: 6px; font-size: 1em; }	
		
		
	.contact input:focus, .contact textarea:focus, .contact select:focus { border: 1px solid #b60d26; }	
		
	.contact input.submit {
		clear:both; height:23px; width:104px; margin:10px 0 0 180px; padding-bottom:2px;
		background:transparent url(../images/button-submit.jpg) no-repeat scroll 0 0; border:0 none;
		text-align:center; font-size: .785em; color:#FFFFFF; }
	.contact input.submit:hover { 
		background-position: bottom left;
		border:0;
		cursor: pointer; }

	/* User Login */
	#client .txt_username {
		width: 175px;
		height: 16px;
		padding: 2px;
		border: 0;
		background: #ffffff url(../images/txt-username.gif) 0 2px no-repeat; }
	#client .txt_password {
		margin: 4px 0 6px 0;
		width: 175px;
		height: 16px;
		padding: 2px;
		border: 0;
		background: #ffffff url(../images/txt-password.gif) 0 2px no-repeat; }
	#client .txt_username:focus, #client .txt_password:focus { background-image: none; background-color: #ffffff; }
		
	#client .login_button {
		width: 74px;
		height: 19px;
		padding: 0px;
		background-color: #690511;
		border: 1px solid #3F0008;
		color: #ffffff;
		font-size: .833em;
		}
	#client .login_button:hover { background-color: #3F0008; 
		cursor: pointer; }
	
/*  TEXT STYLES 
	------------------------------------------------------------------------- */
	
	.kern1 { letter-spacing: 1px; }
	.kern2 { letter-spacing: 2px; }
	.kern3 { letter-spacing: 3px; }