/*-----------------------------------------------------------------------------------------------
[Master Stylesheet]

Project:	farcryinabox
Version:	0.1
Contents:
		1. Global Styles
		2. Wrap /#wrap
			2.1 Accessability / #access
			2.2 Branding / #branding
			2.3 Navigation / #navMain
			2.4 Content / #content
				2.4.1 Primary Content / #primaryContent
				2.4.2 Secondary Content / #secondaryContent
				2.4.3 Extra Content / #extraContent
			2.5 Site Information / #siteInfo
			
-----------------------------------------------------------------------------------------------*/

/*
-------------------------------------------------------------------
GLOBAL STYLES: =global
-------------------------------------------------------------------
*/

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
a { color:#ffc1a5; text-decoration: none; border-bottom: 1px dotted #b18774; }
a:hover { border-bottom: 1px solid #ffc1a5; }

div.containeradmin {
	overflow: hidden;
	clear: both;
	margin: 3px 0 3px;
}
div.ruleadmin {
	overflow: hidden;
	clear: both;
	margin: 3px 0 3px;
}

div.containeradmin .title, div.ruleadmin .title  {
	padding: 5px;
}

.cfdump_query {
	color: #151515;	
}

div.containeradmin div.type {
	color: #AF4624;
	margin: 0 5px 0 0;
}
body .cfdump_struct, body .cfdump_xml, body .cfdump_cfc {
	color: #000;	
}

html {
	text-align: center;
	background: #352C27 url("/wsimages/html.gif") left top repeat;
}

body {
	text-align: left;
	font-size: 14px;
	line-height: 1.3em;
	color: #cacaca;
	background: url("/wsimages/body.gif") repeat-x;
	background-position: 0 -83px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0 0 .6em 14px;
	color: #d0cfd0;
	padding-left: 14px;
	background: url("/wsimages/bulletSoftware.gif") 2px 7px no-repeat;
	list-style: none;
	line-height: 1.3em;
}

body.websites li {
	background: url("/wsimages/bulletWebsites.gif") 2px 7px no-repeat;
}
body.digitalmarketing li {
	background: url("/wsimages/bulletMarketing.gif") 2px 7px no-repeat;
}

strong {
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.2em;
}

p {
	margin: 0 0 1em;
}

hr {
	height: 1px;
	border: none;
	border-bottom: 1px dotted #35312d;
	margin-bottom: 12px;
}

.intro {
	color: #bfe4e4;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 1em;
}
.listIntro {
	font-size: 14px;
	color: #bfe4e4;
	margin: 1.2em 0 .02em;
}

h1 {
	width: 756px;
	margin: 0;
	padding: 14px 18px 15px;
	color: #e2d4a8;
	font-size: 24px;
	background: url("/wsimages/diag.gif") left top;
	letter-spacing: -.02em;
	line-height: 1em;
}

h2 {
	font-size: 16px;
	color: #b4a886;
	margin: 0 0 .4em;
	padding: .6em 0 0;
	letter-spacing: -.02em;
}
h3 {
	font-size: 18px;
	color: #b15635;
	margin: 0 0 .7em;
	padding: .6em 0 0;
	letter-spacing: -.02em;
}
h4 {
	font-size: 16px;
	color: #83afb4;
	margin: 0 0 .7em;
	padding: .6em 0 0;
	line-height: 1.2em;
}

blockquote {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #c5c5c5;
	margin: 0 0 0 20px;
	padding: 26px 37px 8px 41px;
	background: url("/wsimages/icon_quotes.gif") left 26px no-repeat;
	border: none;
	line-height: 1.3em;
	}
	blockquote p {
		font-size: 10px;
		color: #8b8886;
		font-weight: normal;
		font-style: normal;
		padding: 1em 0 0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		blockquote p strong {
			display: block;
			line-height: 1em;
		}

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


/*
-------------------------------------------------------------------
Wrap: =wrap
-------------------------------------------------------------------
*/
#wrap {
	width: 980px;
	position: relative;
	color: #cacaca;
}


/*
-------------------------------------------------------------------
Menu Icons: =iconsWrapper
-------------------------------------------------------------------
*/

#iconsWrapper{
	padding:15px 0 0 67px;
}


	#navMain #iconsWrapper ul{
		clear: both;	
		border: 0;
		margin: 0;
		padding: 0;
		border-top: none;
	}
	
	
		#navMain #iconsWrapper ul li {
			background-image:url(/wsimages/sprite_lhsicons.gif);
			background-repeat: no-repeat;
			width: 16px;
			height: 16px;
			float: left;
			margin:0 6px 0 0;
		}
		
			#navMain #iconsWrapper ul li a{
				display: block;
				background: none;
				width: 16px;
				height: 16px;
				padding: 0;
				margin: 0;
				border: 0;
			}
				#navMain #iconsWrapper ul li a span{
					display: none;
				}
			
			
			
		#navMain #iconsWrapper li#iconAdobePartner{
			background-position:-96px 0;
		}
			#navMain #iconsWrapper li#iconAdobePartner:hover{
			background-position:-112px 0;
			}

		#navMain #iconsWrapper li#iconTwitter{
			background-position:-32px 0;
		}

			#navMain #iconsWrapper li#iconTwitter:hover{
				background-position:-48px 0;
			}

		#navMain #iconsWrapper li#iconYoutube{
				background-position:0 0;
		}

			#navMain #iconsWrapper li#iconYoutube:hover{
				background-position:-16px 0;
			}

		#navMain #iconsWrapper li#iconFlickr{
			background-position:-64px 0;
		}

			#navMain #iconsWrapper li#iconFlickr:hover{
				background-position:-80px 0;
			}
	
/*
-------------------------------------------------------------------
ACCESSABILITY: =access
-------------------------------------------------------------------
*/
ul#access {
	position : absolute;
	display: none;
}


/*
-------------------------------------------------------------------
BRANDING: =branding
-------------------------------------------------------------------
*/
#branding {
	position: relative;
    height: 109px;
	margin: 0 0 0 188px;
}

#branding span#logo {
	position: absolute;
	top: 8px;
	left: 0;
}
#branding span#logo a {
	border: none;
} 

#featuredMedia {
	margin: 0;
}

body.home #featuredMedia {
	margin: 0 0 19px 0;
    background: #000203;
}

#featuredMedia object {
	display: block;
}

#branding blockquote {
	position: absolute;
	top: 30px;
	left: 97px;
	border: none;
	color: #fff;
	font-size: 16px;
}

#branding  .search {
	width: 225px;
	height: 22px;
	position: absolute;
	top: 40px;
	right: 0;
	background: url("/wsimages/diag.gif") left top;
	padding: 11px 11px;
}
#branding  .search .imgBtn {
	float: left;
	margin: 0;
}
.inputWrapper input {
	background: none;
	width: 198px;
	height: 18px;
	border: none;
	font-size: 12px;
	color: #a6a78e;
	padding: 3px 4px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.inputWrapper {
	float: left;
	display: inline;
	width: 198px;
	height: 22px;
	margin: 0 4px 0 0;
	padding: 0;
	background: url("/wsimages/bg_searchInputText.gif") left top no-repeat;
}

#clientLogin{
	position: absolute;
	display: block;
	width: 117px;
	height: 25px;
	background: url("/wsimages/buttonClientLogin.gif") no-repeat;	
	border:0;
	left:678px;
	top:-3px;
}

	#clientLogin span{
		display: none;
	}
	
#clientLoginForm{
	background: url("/wsimages/body.gif") repeat-x;
	width: 100%;
	height: 16px;
}	

	#clientLoginForm form{
		position: absolute;
		top: -30px;
		left: 325px;
	}
		
		#clientLoginForm label{ 
			color:#aca081;
			font-size: 13px;
			font-weight: bold;
		}
		
		#clientLoginForm input{ 
			background:transparent url(/wsimages/bg_loginForm.jpg) repeat scroll 0 0;
			border:0 none;
			color:#736E70;
			font-size:12px;
		padding:5px 5px 6px;
		width:194px;
			margin:	0 17px 0 10px;
		}
		
		#clientLoginForm input.submit{
			position: absolute;
			right:-50px;
			top:1px;
			background:0;
			border:0 none;
			width:54px;
			padding: 0;
			margin:0;
		} 
		
		#clientLoginForm a{
			position: absolute;
			right:-200px;
			top:1px;
			color:#5b5759;
			font-size: 12px;
			text-decoration: underline;
			border: 0;
		} 

/*
-------------------------------------------------------------------
Navigation: =navMain
-------------------------------------------------------------------
*/
#navMain {
	margin: 0 0 16px;
	width: 164px;
	top: 125px;
	float: left;
}

#navMain ul {	
	border-top: 1px solid #000;
	margin: 0;
	}
	#navMain ul ul{
		border: none;
	}
	#navMain li {
		margin: 0;
		padding: 0;
		font-size: 14px;
		text-align: right;
		background: none;
		}
		#navMain li a {
			display: block;
			color: #a4a6a4;
			text-decoration: none;
			font-weight: bold;
			padding: 6px 14px 6px;
			background: url("/wsimages/navMain.gif") left top repeat-x;
			border-bottom: 1px solid #000;
			text-transform: lowercase;
			width: 136px;
			}
			#navMain li a:hover {
				background: #1A1615 url("/wsimages/bg_navHover.gif") left top repeat-x;
			}
			
			#navMain li.active a {
				color: #e2d4a8;
				background: #000;
			}
	#navMain li.parent ul {
		display: none;
	}
	#navMain li.parent.active ul {
		display: block;
	}
	#navMain li.parent.active a {
		border-bottom: 1px solid #2d2927;
	}
	#navMain li li {
		font-size: 11px;
		color: #ada58f;
		}
		#navMain li.active li a, #navMain li li a {
			color: #ada58f;
			background: #15110f;
			border-bottom: 1px solid #2d2927;
		}
		#navMain li.parent.active a:hover {
			text-decoration: none;
		}
		#navMain li.parent.active li a:hover {
			text-decoration: none;
		}
		#navMain li li a:hover {
			background: #1f1916;
		}
		#navMain li li.active a {
			background: #0a0807;
		}
		
/*
-------------------------------------------------------------------
Breadcrumbs ticker: =breadcrumbs
-------------------------------------------------------------------
*/	

#breadcrumbs {
	width: 768px;
	margin: 0;
	padding: 8px 12px 8px;
	background: #1a1615;
}
#breadcrumbs p {
	margin: 0;
	padding: 0;
	text-align: right;
	color: #656462;
	font-size: 11px;
	text-transform: lowercase;
	}
	#breadcrumbs p a {
		color: #656462;
		border-bottom: 1px solid #656462;
	}


	
/*
-------------------------------------------------------------------
CONTENT: =content
-------------------------------------------------------------------
*/

#main {
	width: 792px;
	float: right;
}

body.portfolioPage #main {
	position: relative;	
}

#bodyWrapper {
	padding: 0 24px 0 18px;
}

#content {
	margin: 0 0 27px 0;
	background: url("/wsimages/content.gif") left top;
	overflow: hidden;
}

body.home  #content {
	background: none;
}

.portal {
	width: 920px;
	background: #E4E4E4;
	border: 1px solid #A7A7A7;
	padding: 23px 23px 27px;
	margin: 0 0 16px;
	clear: both;
	}
	.portal:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
		}
		/* Hides from IE-mac \*/
		* html .portal {height: 1%;}
		/* End hide from IE-mac */
	
	.portal h4 {
		font-size: 18px;
		margin: 0 0 8px;
	}
	.portal p {
		color: #292929;
	}
	
.portal .thumbnail {
	margin: 0 12px 0 0;
	float: left;
}

#contentPrimary {
	padding: 18px 0 20px 0px;
}

body.home #contentPrimary {
	padding: 0;	
}


.cols2 #contentPrimary {
	width: 408px;
	float: left;
	padding: 20px 0px 45px 0px;
}

.searchResults h3 {
	margin:15px 0 10px 0;
}

.searchResults a {
	font-size:18px;
	text-decoration: none;
}

.searchResults .summary {
	margin-bottom: 15px;
}

.searchResults .score {
	color: #373737;
}

.teaser h4 {
	color: #000;
	font-size: 18px;
	padding: 0 0 8px;
	margin: 28px 0 5px;
	border-bottom: 1px dotted #B5B9B9;
}
.teaser p {
	margin: 0 0 2px;
}
.teaser a {
	font-size: 14px;
}

.publishDate {
	color: #2C2C2C!important;
	padding: 6px 0 4px;
	margin: 0 0 8px;
	border-top: 1px dotted #B5B9B9;
	border-bottom: 1px dotted #B5B9B9;
}
.publishDate p {
	font-size: 12px!important;
}

#contentSecondary.cols2 {
	float:right;
	width: 384px;
	padding: 20px 0 0;
}

#contentSecondary.cols2 .crop{
	overflow: hidden;
	border: 3px solid #171012;
	width: 360px;
	margin: 2px 0 22px;
}
#contentSecondary img {
}
#contentSecondary .contactDetails {
	}
	#contentSecondary .contactDetails h3 {
		color: #bfe4e4;
		font-size: 18px;
		border-bottom: 1px dotted #3d3835;
		margin: 10px 30px 0 0;
		padding: 0 8px .6em;
		}
	#contentSecondary .contactDetails ul {
			padding: 0 30px 0 0;
		}
		#contentSecondary .contactDetails li {
			margin: 0;
			padding: .5em 8px .5em;
			background: none;
			font-size: 14px;
			line-height: 16px;
			color: #cacaca;
			border-bottom: 1px dotted #3d3835;
		}
		#contentSecondary .contactDetails li strong {
			color: #bfe4e4;
		}
		#contentSecondary .contactDetails li.address1 strong {
			display: block
		}
		
		.thankyouMsg {
			padding: 20px 30px 0 8px;
			}
			.thankyouMsg strong {
				display: block;
				color: #BFE4E4;
				margin: 0 0 4px;
			}

#containersBottom {
	padding: 0 24px 0 18px;
}

#containersBottom h4 {
	font-size: 16px;
	color: #b4a886;
	margin: 1.3em 0 0.7em;
	padding: 1em 0 0;
	border-top: 1px dotted #35312d;
}

.ourProjects {
	background: url("/wsimages/diag3.gif") left top;
	width: 366px;
	padding: 9px 0;
	margin: 0 0 22px 1px;
	overflow: hidden;
	}
	#contentPrimary .ourProjects a {
		display: block;
		float: left;
		margin-left: 8px;
		border: none;
		display: inline;
		}
	.ourProjects img {
		border: 3px solid #171012;
		width: 75px;
		height: 75px;
	}
	.ourProjects .ruleadmin img, .ourProjects .containeradmin img {
		width: auto;
		height: auto;
	}

.rhsContainer {
	background: #e4e4e4;
	border: solid 1px #a7a7a7;
	margin: 0 0 16px 0;
}

.rhsContainer h3 {
	background:#d3d3d3;
	color:#171717;
	font-size:18px;
	border-bottom: solid 1px #a7a7a7;
	padding: 14px 16px;
}

 h4.rhsTitle {
	font-size: 16px;
	color: #b4a886;
	margin: 0 18px .9em 0;
}

.secondaryContainer {
	margin: 0 0 28px 0;
}

.bulletRHS {
	margin: 0 18px 7px 0;
	background: url(/wsimages/diag2.gif) left top;
	}
	.bulletRHS a {
		display: block;
		font-size: 16px;
		text-decoration:none;
		padding: 11px 0 11px 38px;
		background: url("/wsimages/defaultIconSoftware.gif") 11px 50% no-repeat;
		color: #ced4d3;
		border: none;
		font-weight: bold;
		width: 328px;
		
	}

	.bulletRHS a.websites {
		background: url("/wsimages/defaultIconWebsites21x21.gif") 11px 50% no-repeat;
	}
	
	.bulletRHS a.customsoftware {
		background: url("/wsimages/defaultIconSoftware21x21.gif")  11px 50% no-repeat;
	}
	.bulletRHS a.general{
		background: url("/wsimages/defaultIconGeneral21x21.gif")  11px 50% no-repeat;
	}
	.bulletRHS a.digitalstrategy{
		background: url("/wsimages/defaultIconDigiStrat21x21.gif")  11px 50% no-repeat;
	}

	.bulletRHS a.searchmarketing{
		background: url("/wsimages/defaultIconSearchMar21x21.gif") 11px 50% no-repeat;
	}

	.bulletRHS a.brandinganddesign{
		background: url("/wsimages/defaultIconBranding21x21.gif")  11px 50% no-repeat;
	}
	
	
	
	.bulletRHS a:hover {
		background-color: #0f0c0b;
	}
	.bulletRHS a:hover {
		border: none;
	}
	
.buttonRHS {
	width: 365px;
	background: #000 url("/wsimages/buttonRHStop.gif") left top no-repeat;
	}
	.buttonRHS a {
		color: #496a6f;
		font-size: 16px;
		text-decoration:none;
		display: block;
		width: 365px;
		background: url("/wsimages/buttonRHSbot.gif") left bottom no-repeat;
		font-weight: bold;
		line-height: 1.2em;
		border: none;
	}
	.buttonRHS a:hover {
		border: none;
	}
	.buttonRHS a em {
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
	}
	.buttonRHS a span {
		display: block;
		padding: 16px 0 16px 50px;
	}
	.buttonRHS a.pdf span {
		background: url("/wsimages/buttonRHS-pdf.gif") 11px 50% no-repeat;
	}
	
.teaser {
	padding: 0 24px 18px 24px;
	cursor: pointer;
	border-top:1px solid #C5C7C7;
}


#contentPrimary .teaser h3 {
	padding:17px 0 12px;
	margin: 0;
}

#indexPageContent {
	border-bottom: 0;
}

#indexPageContent .teaser {
	padding:0 14px 14px;
	border: 0;
}

	#indexPageContent .teaser.last{
		padding:0 14px 0px 14px;
	}

#indexPageContent .teaser div {
	padding: 11px 0 18px 0!important;
	background:#181412 url(/wsimages/searchResults.gif) repeat-x scroll left top;
	clear:both;
	color:#CACACA !important;
}

#contentPrimary #indexPageContent .teaser h3 {
	background:transparent url(/wsimages/defaultIconGeneral21x21.gif) no-repeat scroll 13px 0;
	border:medium none;
	color:#BFE4E4;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	padding:0 160px 0 45px;
}
#contentPrimary #indexPageContent .teaser p.tags{
	border-bottom:1px dotted #3A3632;
	color:#848888;
	font-size:12px;
	margin:0 0 6px 45px;;
	padding:0 0 4px 0;
}

#contentPrimary #indexPageContent .teaser p.summary{
	color:#CACACA !important;
	font-size:14px !important;
	margin:0 0 6px !important;
	padding:0 160px 0 45px !important;
}

#contentPrimary #indexPageContent .teaser a.readmore{
	border-color:-moz-use-text-color -moz-use-text-color #8B6A5B;
	border-style:none none dotted;
	border-width:medium medium 1px;
	color:#FFC1A5;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:12px;
	font-style:italic;
	line-height:14px;
	margin:0 0 0 45px;
}

		
		#contentPrimary #indexPageContent .teaser h3.websites {
			background: url("/wsimages/defaultIconWebsites21x21.gif") no-repeat scroll 13px 0;
		}
		#contentPrimary #indexPageContent .teaser h3.customsoftware {
			background: url("/wsimages/defaultIconSoftware21x21.gif") no-repeat scroll 13px 0;
		}
		#contentPrimary #indexPageContent .teaser h3.general{
			background: url("/wsimages/defaultIconGeneral21x21.gif") no-repeat scroll 13px 0;
		}
		#contentPrimary #indexPageContent .teaser h3.digitalstrategy{
			background: url("/wsimages/defaultIconDigiStrat21x21.gif") no-repeat scroll 13px 0;
		}

		#contentPrimary #indexPageContent .teaser h3.searchmarketing{
			background: url("/wsimages/defaultIconSearchMar21x21.gif") no-repeat scroll 13px 0;
		}

		#contentPrimary #indexPageContent .teaser h3.brandinganddesign{
			background: url("/wsimages/defaultIconBranding21x21.gif") no-repeat scroll 13px 0;
		}
		
#indexPageContent .teaser div.hover {
	background: #0e0c0b url("/wsimages/bg_default_hover.gif") 0 0 repeat-x;
	cursor: pointer;
}


/*/////////////// news rotator */

.addRotator{
	position: relative;
	clear: both;
	min-height: 100px;
	overflow: hidden;
	font-size: 62.5%;
	}
	
#container1{
	font-size: 1em !important;
	}	
.results{
	font-size: 16px;
	}	
	
.catScroller{
	font-size: 16px;
	}	
#catScroller{
	font-size: 62.5%;
	}	
	#catScroller ul{
		font-size: 1em;
	}
ul.portalBlock{
	font-size: 16px !important;
	}
	ul#container1{
		font-size: 62.5% !important;
		}	
		li.teaser2{
			font-size: 1.6em;
		}
		* html li.teaser2{
			font-size: 1.25em;
		}	
		/*IE7 hack*/
		:first-child + html li.teaser2{
			font-size: 1.25em;
		}
#relatedContent{
	font-size: 16px;
	}
	ul#relatedBlock{
		font-size: 1em;
	}	
	/*IE7 hack*/
	:first-child + html #viewFrame{
		font-size: 61.9%;
	}		
	
.paginator a {
	display:block;
	float:left;
	height:19px;
	margin-left:3px;
	width:19px;
}

.paginator a.prev.prevActive{
	background: url("/wsimages/prev_active.gif") top left no-repeat;
}

.paginator a.next.nextActive{
	background: url("/wsimages/next_active.gif") top left no-repeat;
}

.paginator a.prev.prevInActive{
	background: url("/wsimages/bg_prevInactive.gif") top left no-repeat;
	cursor: auto;
}

.paginator a.next.nextInActive{
	background: url("/wsimages/bg_nextInactive.gif") top left no-repeat;
	cursor: auto;
}

.paginator a span {
	display:none;
}
	
a.anchorSubmit, a.button {
	background:transparent url(/wsimages/bg_button_a.gif) no-repeat scroll right top;
	color:#DDDDDD !important;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin:1px 0 0 0;
	padding:0 8px 0 0;
	text-decoration:none !important;
}

a.anchorSubmit span, a.button span {
	background:transparent url(/wsimages/bg_button_span.gif) no-repeat scroll 0 0;
	display:block;
	line-height:14px;
	padding:4px 0 4px 8px;
}

.topicSort {
	border: solid 1px #848484;
	float:left;
	margin: 1px 0 0 16px;
	font-size:11px;
}

.searchUtility .paginator {
	float:right;
	position:static;
	margin-top: 3px;
}

#contentPrimary .paginator p.screenNumber {
	color:#000000;
	float:left;
	font-size:11px;
	margin: 0 5px 0 0;
}

#topicControls, .searchUtility.bottom {
	background: #d5d5d5;
	padding: 12px 24px 0 24px;
	border-top: solid 1px #a7a7a7;
	border-bottom: solid 1px #a7a7a7;
	height: 38px;
}

.searchUtility.bottom {

}

.subLineLarge h4{
	color:#B8BFC1;
	font-size:38px;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:40px;
	margin:0;
	padding:24px 0 0;
}


/*
-------------------------------------------------------------------
Blogs Wrapper: =blogsWrapper
-------------------------------------------------------------------
*/

.blogsWrapper{
	position: relative;
	width: 792px;	
	padding-top: 0.4em;
}
	img#tweetieBird{
		position: absolute;
		top: -0.3em;
		right: 0.4em;
	}

	.blogsInnerWrapper{
		background: url(/wsimages/bg_blogsWrapper.gif) repeat-x;	
		width: 792px;
		overflow: hidden;
		clear: both;
	}
	
		.blogWrapper{
			float:left;
			padding:1.0em 1.3em 0.6em;
			width:232px;
		}
		
		.blogWrapper.last{
			padding-right:0;
		}
		
		.blogWrapper h3{
			color: #D0C29B;	
			border-bottom: 1px dotted #3D3635;
			padding-bottom: 0.5em;
			text-transform:lowercase;
			font-size: 18px;
			padding-top: 0;
			margin-bottom:0.5em;
			
		}

			.blogWrapper h3 a{
				color: #D0C29B;	
				text-decoration: none;
				border-bottom: none;
			}
		
		.blogWrapper li{
			background: none;
			padding: 0 0 0.5em 0;
			font-size: 12px;
			line-height: 1.2em;
		}		
		
			.blogWrapper li a{
				color: #99E4E4;
				text-decoration: none;
				border-bottom: none;
			}
		
			.blogWrapper li.alt a{
				color: #679C8F;
			}
			
		.blogWrapper p{
			color:#99E4E4;
			font-family:georgia;
			font-size:14px;
			font-style:italic;
			line-height:1.2em;
			margin-bottom:0;
			padding-right:1.8em;
		}
		
		.blogWrapper a.twitterlink{
			color: #679C8F;
			font-size: 11px;
			text-decoration: underline;
			border-bottom: none;
		}
		
			

/*
-------------------------------------------------------------------
Get In Touch: =getInTouch
-------------------------------------------------------------------
*/
.getInTouch {
	width: 792px;
	clear: both;
	background: #120f0f url("/wsimages/getInTouch.gif") left top repeat-x;
	margin: 0 0 54px 0;
	border-top: 1px solid #000;
	overflow: hidden;
	}
	.getInTouch h3 {
		margin: 0;
		text-transform: uppercase;
		color: #e2d4a8;
		font-size: 14px;
		padding: 9px 18px 9px;
		cursor: pointer;
		letter-spacing: 0;
	}
	.getInTouch h3.active {
		background-position: 772px -18px;
	}
	.getInTouch  .inner {
		width: 756px;
		padding: 4px 18px 18px;
		overflow: hidden;
		}
		.getInTouch #locationMap {
			width: 365px;
			height: 220px;
			float: left;
			margin: 0 22px 0 0;
		}
		.getInTouch .contactForm, #contentSecondary .contactForm {
			width: 366px;
			float: right;
			margin: 0 0 0;
			font-size: 11px;
			}
			.getInTouch .contactForm ul, #contentSecondary .contactForm ul {
				margin: 0;
				padding: 0 12px 0 0;
			}
			.getInTouch .contactForm li, #contentSecondary .contactForm li {
				margin: 0 0 7px 0;
				padding: 0;
				background: none;
				float: left;
			}
			.getInTouch .contactForm label, #contentSecondary .contactForm label {
				font-weight: bold;
				padding: 5px 0 1px 8px;
				width: 116px;
				display: block;
				float: left;
				color: #d0c29b;
				}
				.getInTouch .contactForm label span.required, #contentSecondary .contactForm span.required {
					color: #9d3f20;
				}
			.getInTouch .contactForm .buttons, #contentSecondary .contactForm .buttons {
				padding: 4px 0 0 123px;
				margin: 0;
			}
				
			.getInTouch .contactForm .textField, #contentSecondary .contactForm .textField {
				width: 220px;
				border: 1px solid #000;
				background: #ccc;
				height: 16px;
				padding: 4px 4px 2px;
				float: left;
				font-size: 11px;
				}
				* html #contentSecondary .contactForm .textField, * html .getInTouch .contactForm .textField {
				height: 18px;
				padding: 2px 4px 0;
				}
			.getInTouch .error .textField, #contentSecondary .contactForm .error .textField {
				border: 1px solid #9d3f20;
			}
			.getInTouch .contactForm .message, #contentSecondary .contactForm .message {
				background: #ccc;
				font-size: 11px;
				width: 220px;
				border: 1px solid #000;
				padding: 2px 4px 0;
				float: left;
				margin: 0;
				height: 72px;
			}
			.getInTouch .contactResult, #contentSecondary .contactForm .contactResult {
				color: #D0C29B;
				font-size: 14px;
				margin: 0 0 6px;
				padding: 10px 10px 10px 13px;
			}
			.getInTouch label.error, #contentSecondary .contactForm label.error {
				clear: both;
				color: #9d3f20;
				font-size: 11px;
				font-weight: normal;
				padding: 5px 5px 4px 117px;
				width: 210px;
				}
			.getInTouch label.error {
				padding: 5px 5px 4px 127px;
			}
			
		#contentSecondary .contactForm {
			float: none;
			padding-top: 3em;
			}
			#contentSecondary .contactForm li {
				background: #0e0c0b;
			}
			#contentSecondary .contactForm li.buttons {
				background: none;
			}
			#contentSecondary .contactForm label.error {
				padding: 5px 5px 6px 127px;
			}

/*
-------------------------------------------------------------------
PORTFOLIO LIST
-------------------------------------------------------------------
*/

	#portfolioBody {
		 padding: 0 54px 0 22px;
		 margin: 0 0 16px;
	}
	
	#portfolioFooter {
		padding: 0 18px;
		}
		#portfolioFooter p {
			padding: 0;
			margin: 0;
			}
			#portfolioFooter p.linkURL {
				border-top: 1px dotted #3a3632;
				border-bottom: 1px dotted #3a3632;
				padding: 8px 4px 9px;
				margin: 0 0 16px;
				color: #a9826f;
				font-size: 12px;
				}
				#portfolioFooter p.linkURL a {
					color: #a9826f;
					border: none;
				}
				#portfolioFooter p.linkURL a:hover {
					color: #d3a089;
				}
				
			 a.viewmorework {
				width: 122px;
				height: 23px;
				display: block;
				background: url("/wsimages/buttonViewMoreWork.gif") 0 0 no-repeat;
				text-indent: -9999px;
				border: none;
				position: absolute;
				top: 49px;
				right: 18px;
				}
				a.viewmorework:hover {
					border: none;
				}
				
			#portfolioFooter a.viewmorework {
				width: 122px;
				height: 23px;
				display: block;
				background: url("/wsimages/buttonViewMoreWork.gif") 0 0 no-repeat;
				text-indent: -9999px;
				border: none;
				position: relative;
				top: 0;
				left: 0;
				}
				#portfolioFooter a.viewmorework:hover {
					border: none;
				}

	#contentPrimary ul.portfolioList{
		margin: 0;
		padding: 0 18px;
		list-style: none;
		background: none;
		}
		#contentPrimary ul.portfolioList li {
			background: #181412 url("/wsimages/bg_default.gif") 0 0;
			margin: 0 0 12px;
			list-style: none;
			clear: both;
			color: #cacaca;
			padding: 0;
			height: 145px;
			}
		#contentPrimary ul.portfolioList li:hover, #contentPrimary ul.portfolioList li div.hover {
			background: #0e0c0b url("/wsimages/bg_default_hover.gif") 0 0 repeat-x;
			cursor: pointer;
		}
		
		ul.portfolioList div.teaser{
			border: 0;
			overflow: hidden;
			padding: 0;
			width: 756px;
		}
		
		ul.portfolioList div.teaser h3 {
				font-size: 16px!important;
				color: #c00!important;
				margin: 0 0 4px!important;
				padding: 12px 0 0 0!important;
				color: #bfe4e4!important;
				border: none!important;
				float: right;
				width: 592px;
			}
			ul.portfolioList div.teaser li h3 a{
			}
			
			#contentPrimary ul.portfolioList div.teaser p{
				width: 592px;
				float: right;
				line-height: 1.3em;
			}
			
			ul.portfolioList div.teaser p.groupTag {
				border-bottom: 1px dotted #322e2c;
				padding: 0 0 4px!important;
				margin: 0 0 6px!important;
				color: #848888;
				font-size: 12px!important;
			}
			ul.portfolioList div.teaser p.groupTag strong {
				color: #848888;
				font-weight: normal!important;
				}
				
			ul.portfolioList div.teaser a.morelink {
				float: left;
				border-bottom: 1px dotted #8b6a5b;
				color: #FFC1A5 ;
				font-family: Georgia,Times New Roman,Times,serif ;
				font-size: 12px ;
				font-style: italic;
				padding: 0;
				line-height: 14px;
				}
				ul.portfolioList div.hover a.morelink, ul.portfolioList div.teaser a.morelink:hover, ul.portfolioList div.teaser:hover a {
					border-bottom: 1px solid #FFC1A5;
				}
			
			
			ul.portfolioList div.teaser p.summary {
				margin: 0 0 6px!important;
				color: #cacaca!important;
				font-size: 12px!important;
				padding: 0 20px 0 0!important;
				width: 572px!important;
				}
				
			ul.portfolioList div.teaser span.thumbnail{
				float:left;
				margin-right: 20px;
				display: block;
			}

			ul.portfolioList div.teaser span.thumbnail a{
				border-bottom: none !important;
			}
				
			ul.portfolioList li a:visited img{
				filter:alpha(opacity=30);
				opacity: 0.3;
				-moz-opacity:0.3;
			}
			
			ul.portfolioList li:hover a:visited img{
				filter:alpha(opacity=100) !important;
				opacity: 1 !important;
				-moz-opacity:1 !important;
			}
			
			
	#contentPrimary ul.portfolioBox{
		margin: 0;
		padding: 0 18px;
		list-style: none;
		background: none;		
		position:relative;
		width:765px;		
	}
			
		#contentPrimary ul.portfolioBox li{
			position:relative;
			list-style: none;
			padding: 0 9px 9px 0;
			height: 144px;
			width: 144px;
			float: left;
			overflow: hidden;
			background: none;
		}

		#contentPrimary ul.portfolioBox li a.teaserImgWrap{
			display: block;
		}
		
		#contentPrimary ul.portfolioBox li a.teaserImgWrap:visited img{
			filter:alpha(opacity=30);
			opacity: 0.3;
			-moz-opacity:0.3;
		}

		#contentPrimary ul.portfolioBox li:hover img{
			filter:alpha(opacity=100) !important;
			opacity: 1 !important;
			-moz-opacity:1 !important;
		}

		#contentPrimary ul.portfolioBox li a{
			border: 0;
		}
		

		#contentPrimary ul.portfolioBox li div.teaser{
			height: 116px;
			width: 116px;
			position: absolute;
			left: -200px;
			top: 0;
			border: 0;
			padding: 14px;
			background:url(/wsimages/bg_portfolioData.png) no-repeat;
		}
			#contentPrimary ul.portfolioBox li:hover div.teaser{
				left: 0px;
			}
			
			#contentPrimary ul.portfolioBox li div.teaser h3{
				padding:0 0 6px 0;
				color: #ffffff;
				font-size: 14px;
			}
				#contentPrimary ul.portfolioBox li div.teaser h3 a{
					color: #ffffff;
				}
			#contentPrimary ul.portfolioBox li div.teaser a.morelink{
				position: absolute;
				bottom: 10px;
				left: 14px;
				font-size: 12px;
				color: #FBF2C9;
				font-style: italic;
				font-family: georgia;
				text-decoration: none;
				border: 0;
			}
			
			#contentPrimary ul.portfolioBox li div.teaser a.morelink:hover{
				/*text-decoration: underline;*/
			}
			
	#portfolioDisplayOptions{
		margin-top:-57px;
		position:absolute;
		right:20px;
	}
	
		#portfolioDisplayOptions h5{
			float: left;
			font-size: 10px;
			text-transform: uppercase;
			padding-top:5px;
			color: #918B7D;
		}
			
		#portfolioDisplayOptions a{
			float: left;
			display: block;
			width: 23px;
			height: 23px;
			margin-left: 7px;
			border: 0;
		}
					
			#portfolioDisplayOptions a span{
				display: none;
			}
		
			#portfolioDisplayOptions .listIcon{
				background:url(/wsimages/icon_list.gif) no-repeat;
			}
				
			#portfolioDisplayOptions .listIcon.active{
				background:url(/wsimages/icon_list_on.gif) no-repeat;
			}
			
			#portfolioDisplayOptions .boxIcon{
				background:url(/wsimages/icon_box.gif) no-repeat;
			}

			#portfolioDisplayOptions .boxIcon.active{
				background:url(/wsimages/icon_box_on.gif) no-repeat;
			}
/*
-------------------------------------------------------------------
FLICKR GALLERY
-------------------------------------------------------------------
*/

#galleryBox{
	background: #090608;
	padding: 16px 0 14px;
	overflow: hidden;
	width: 756px;
	margin: 0 auto 15px;
	}
	#galleryBox #main_image {
		height: 402px;
	}
	#galleryBox a {
		background: url("/wsimages/galleryPaginator.gif") 0 0 no-repeat;
		border: none;
		padding: 0;
		}
	.imgStyle{
		width: 727px;
		margin-bottom: 14px;
		text-align: center;
		padding: 0 14px;
		height: 402px;
		}
	.gallery{
		padding: 0 !important;
	}	

	#slideWrapper .galleryList li{
		padding: 0 12px 5px 0;
		margin: 0;
		background: none;
		border: none;
		line-height: normal;
		float: left;	
	}	

	#slideWrapper{
		overflow: hidden;
		width: 756px;
		}

		#galleryBox #slideWrapper a#prev{
			width: 24px;
			height: 75px;
			display: block;
			float: left;
			margin: 0 12px 0 0;
			padding: 0;
			background-position: 0 -75px;
			}
			#galleryBox #slideWrapper a#prev:hover {
				background-position: 0 0;
			}

			#galleryBox #slideWrapper a#prev.inactive, #galleryBox #slideWrapper a#prev.inactive:hover {
				background-position: 0 -150px;
				cursor: text;
			}

		#galleryBox #slideWrapper a#next{
			width: 24px;
			height: 75px;
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			background-position: -48px -75px;
			}
			#galleryBox #slideWrapper a#next:hover {
				background-position: -48px 0;
			}	

			#galleryBox #slideWrapper a#next.inactive, #galleryBox #slideWrapper a#next.inactive:hover {
				background-position: -48px -150px;
				cursor: text;
			}	

		#slideWrapper a span{
			display: none;
		}

	.thumbnails{
		width: 696px;
		height: 75px;
		float: left;
		position: relative;
		overflow: hidden;
		}

		.galleria{
			list-style:none;
			float: left;
			width: auto;
			height: 75px;
			position: absolute;
			top: 0;
			left: 0;
			}

			.galleria li{
				display:block;
				overflow:hidden;
				width: 75px;
				height: 75px;
				padding: 0 12px 5px 0;
				}

				.galleria li a{
					display:none;
				}

				.galleria li div{
					position:absolute;
					display:none;
					top:0;
					left:180px;
				}

				.galleria li div img{
					cursor:pointer;
				}

				.galleria li.active div img,
				.galleria li.active div{;
					display:block
				}

				.galleria li img.thumb{
					cursor:pointer;
					top:auto;
					left:auto;
					display:block;
					width:auto;
					height:auto;
					margin: 0 !important;
					padding: 0 !important;
				}

			.galleria li .caption{
				display: none;
				padding-top:.5em;
			}

			/* MSIE bug */
			* html .galleria li div span{
				width:400px;
			} 





.caption{
	color:#FFF; 
	display: none; 
	width: 712px; 
	text-align: center; 
	padding: 10px 0 12px;
	font-size: 1.4em;
	}



/*
-------------------------------------------------------------------
SITE INFO: =siteInfo
-------------------------------------------------------------------
*/


#siteInfo  {
	width: 100%;
	background: #000 url("/wsimages/siteInfo.gif") left top repeat-x;
	color: #696969;
	font-size: 11px;
	text-align: left;
	position: relative;
	clear: both;
	border-top: 1px solid #000;
	padding: 20px 0 0;
	}
	#siteInfo .inner {
		width: 792px;
		position: relative;
		clear:both;
		overflow:hidden;
		padding: 9px 0 30px 0;
		margin: 0 0 0 188px
	}
	#siteInfo .copyright {
		width: 50%;
		float: left;
		color: #4b4e4e;
	}
	
	#siteInfo #fcbFooter {
		margin: 0 auto 10px auto;
		clear: both;
		overflow: hidden;
		width: 792px;
		margin: 0 0 0 188px;
		padding-bottom: 32px;
		border-bottom: dotted 1px #1e1d1d;
	}
	
	#fcbFooter .fcbNavCol {
		float: left;
		margin-right:18px;
		width:144px;
	}
		#fcbFooter .fcbNavCol.last {
			margin-right: 0;
		}
	
	#fcbFooter ul {
		margin: 0;
		padding: 0;
	}
	
	#fcbFooter li {
		font-size: 12px;
		margin: 0 0 3px;
		padding: 0;
		background: none;
		border-top:1px solid #231D22;
	}
	
	#fcbFooter h3 {
		margin: 0;
		padding: 0 0 7px 0;
		font-size: 13px;
		color: #b7b7b7;
		text-transform: uppercase;
		letter-spacing: 0;
	}
	
	#fcbFooter a {
		display: block;
		line-height: 23px;
		padding: 0;
	}
	
		#fcbFooter h3 a:hover,#footerNav a:hover{
			
			color: #ccbd92!important;
		}
	
	
#footerNav {
	float: right;
	margin: 0 20px 0 0;
	display: inline;
	text-transform: lowercase;
	}
	#footerNav li {
		float: left;
		padding: 0 10px 0;
		height: 14px;
		background: none;
	}
	#footerNav li a, #fcbFooter li a {
		color: #4b4e4e;
		text-decoration: none;
		border: none;
		}
	
	#fcbFooter .fcbNavCol h3 a{	
		border: 0;
		line-height: inherit;
	}
		
	#fcbFooter .fcbNavCol.item1 h3 a,#fcbFooter .fcbNavCol.item1 h3{
		color: #31726B;
		}
	#fcbFooter .fcbNavCol.item1 a,#fcbFooter .fcbNavCol.item1 li{
			color: #709089;
			line-height:23px;
	}
		
	#fcbFooter .fcbNavCol.item2 h3 a,#fcbFooter .fcbNavCol.item2 h3{
		color: #8B223F
		}
	#fcbFooter .fcbNavCol.item2 a,#fcbFooter .fcbNavCol.item2 li{
			color: #AF596F;
			line-height:23px;
	}
		
	#fcbFooter .fcbNavCol.item3 h3 a,#fcbFooter .fcbNavCol.item3 h3{
		color: #AF4624
		}
	#fcbFooter .fcbNavCol.item3 a,#fcbFooter .fcbNavCol.item3 li{
			color: #BF783F;
			line-height:23px;
	}
		
	#fcbFooter .fcbNavCol.item4 h3 a,#fcbFooter .fcbNavCol.item4 h3{
		color: #255C7B;
		}

	#fcbFooter .fcbNavCol.item4 a,#fcbFooter .fcbNavCol.item4 li{
			color: #54788C;
			line-height:23px;
	}

	#fcbFooter .fcbNavCol.item5 h3 a,#fcbFooter .fcbNavCol.item5 h3{
		color: #496334;
		}

	#fcbFooter .fcbNavCol.item5 a ,#fcbFooter .fcbNavCol.item5 li{
			color: #718C61;
			line-height:23px;
	}



		

#siteInfo a.toTop {
	position: absolute;
	top: 12px;
	right: 0;
	width: 9px;
	height: 6px;
	display: block;
	background: url("/wsimages/topTop.gif") left top no-repeat;
	border: none;
}
#siteInfo a.toTop span {
	display: none;
}

/*
-------------------------------------------------------------------
SITEMAP: =sitemap
-------------------------------------------------------------------
*/
ul#sitemapNav,
ul#sitemapNav ul,
ul#sitemapNav ul ul,
ul#sitemapNav ul ul ul{
	padding: 0 0 2px;
	margin: 0;
	}
	
ul#sitemapNav {
	margin: 0;
	}
	
	ul#sitemapNav li{
		border: none;
		background: none;
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	ul#sitemapNav ul ul ul {
		padding-left: 20px;
	}
	ul#sitemapNav ul ul ul ul{
		padding-left: 20px;
	}
	ul#sitemapNav li a{
		color: #bfe4e4;
		font-size: 14px;
		display: block;
		background: #181412 url("/wsimages/bg_default.gif") 0 0;
		padding: 8px 7px 8px 12px;
		text-decoration: none;
		margin: 0 0 6px;
		border: none;
		}
		ul#sitemapNav li a:hover{
			text-decoration: underline;
		}
	ul#sitemapNav li.parent a{
		margin: 0 0 4px;
	}	
	ul#sitemapNav li li {
		background: url("/wsimages/bulletSoftware.gif") no-repeat 22px 13px;
		border-top: 1px solid #191613;
	}
	ul#sitemapNav li li.first{
		border: none;
	}
	ul#sitemapNav li li a{
		font-weight: bold;
		background: none;
		padding: 8px 7px 4px 35px;
		font-size: 12px;
		color: #cacaca;
	}
	ul#sitemapNav li  li ul {
		padding: 0 0 0 34px;
		margin: 0 0 8px;
	}
	ul#sitemapNav li li.parent a{
		border: none;
	}	
	ul#sitemapNav li li li {
		border: none;
		background: url("/wsimages/bulletLevel2.gif") no-repeat 13px 7px;
	}
	ul#sitemapNav li li li a{
		border: none;
		padding: 2px 7px 2px 26px;
		font-weight: normal;
	}
	ul#sitemapNav li li li li {
	}
	
#locationMap {
	width: 364px;
	height: 515px;
	border: 1px solid #100c0b;
	margin: 4px 0 0 18px;
	}

.getInTouch #locationMap {
	width: 365px;
	height: 220px;
	float: left;
	margin: 0 22px 0 0;
}