/* Start - Tag Selectors */
	
html
	{
	height:100%; 
	max-height:100%; 
	width:100%; 
	max-width:100%; 
	padding:0;
	margin:0; 
	border:0; 
	background-color:#ccc;
	}

body
	{
	height:100%; 
	max-height:100%; 
	width:100%; 
	max-width:100%; 
	padding:0;
	margin:0; 
	border:0; 
	background-color:#ccc;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	}

p
	{
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	background-color:transparent;
	margin:0;
	padding:0;
	line-height:1.5em;
	}

a:link,
a:visited,
a:active
	{
	text-decoration:underline;
	color:#0066cc;
	}

a:hover
	{
	text-decoration:none;
	background-color:#867DB4;
	color:#FFF;
	}

h1
	{
	font-size:18px;
	margin:0;
	padding:0;
	} 

h2
	{
	font-size:16px;
	margin:0;
	padding:0;
	}

h3
	{
	font-size:14px;
	margin:0;
	padding:0;
	}

h4
	{
	font-size:12px;
	margin:0;
	padding:0;
	}

h5
	{
	font-size:10px;
	margin:0;
	padding:0;
	}

h6
	{
	font-size:9px;
	margin:0;
	padding:0;
	}

h4.indent, h5.indent, h6.indent
	{
	margin:0;
	padding:0 0 0 10px;
	}
	
h1,h2,h3,h4,h5,h6 {
color:#2F1767;
}	

img
	{
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
	}

img.alignleft {
margin: 0 15px 0 0;
float: left;
clear: left;
}

img.alignright {
margin: 0 3px;
float: left;
clear: left;
}

a.img:link,
a.img:visited,
a.img:active,
a.img:hover
	{background-color:transparent;}

div
	{
	marging:0;
	padding:0;
	}

form
	{
	margin:0;
	padding:0;
	}

select
	{
	font:normal 13px Verdana, Arial, Helvetica, sans-serif !important;
	margin:0;
	padding:0;
	}

input
	{
	font:normal 13px Verdana, Arial, Helvetica, sans-serif !important;
	margin:0;
	padding:0;
	}

table
	{
	margin:0;
	padding:0;
	border-collapse:collapse;
	}

th,
td,
tr
	{font-size:13px !important;}
	
td
	{
	vertical-align:top;
	}

ul,
ol
	{
	margin-top:0;
	margin-bottom:2px;
	font-size:13px !important;
	color:#555;
	}

fieldset
	{margin:3px;}

legend
	{
	color:#000;
	padding-left:0;
	padding-right:4px;
	margin-bottom:1px;
	}
	
legend.heading
	{
	color:#000;
	padding-left:0;
	padding-right:4px;
	padding-top:0;
	padding-bottom:1px;
	font-size:12px;
	font-weight:bold;
	}
	
hr
	{
	margin:10px 0;
	}
	
/* End - Tag Selectors */

/* Start - Common Classes */
.text1
	{font-size:16px !important;} 

.text2
	{font-size:14px !important;}

.text3
	{font-size:12px !important;}

.text4
	{font-size:11px !important;}

.text5
	{font-size:9px !important;}

.text6
	{font-size:8px !important;}

.text7
	{font-size:7px !important;}

.text1,
.text2,
.text3,
.text4,
.text5,
.text6,
.text7
	{ font-weight:normal !important;}

.defaultLineHeight
	{line-height:normal;}

.underline
	{text-decoration:underline !important;}

.bold
	{font-weight:bold !important;}
	
.italics
	{font-style:italic !important;}
	
.gray
	{color:#999;}

.red
	{color:red !important;}
	
.purple
	{color:#867DB4 !important;}
	
.floatleft
	{float:left;}

.floatright
	{float:right;}

.clearboth
	{clear:both;}

.clearleft
	{clear:left;}
	
.clearright
	{clear:right:}

.alignright
	{text-align:right}

.alignleft
	{text-align:left;}

.aligncenter
	{text-align:center;}

.hide
	{display:none;}

.invisible
	{visibility:hidden;}

.pad-top5
	{padding-top:5px;}

.pad-top10
	{padding-top:10px;}

.pad-top15
	{padding-top:15px;}

.pad-top20
	{padding-top:20px;}

.pad-top30
	{padding-top:30px;}
	
.pad-bottom5
	{padding-bottom:5px;}

.pad-bottom10
	{padding-bottom:10px;}

.pad-bottom15
	{padding-bottom:15px;}

.pad-bottom20
	{padding-bottom:20px;}

.pad-bottom30
	{padding-bottom:30px;}
	
.no-border
	{border:none !important;}

/*	IE 5-6 fix to display PNG files with alpha channel	*/
.png
	{behavior:url(iepngfix.htc);} 
/* End - Common Classes */

/* Start - Page Wrapper */
#wrapper
	{
		width:980px;
		position:relative;
		margin:10px auto 30px;
		border:1px solid #8a867a;
		background-color:#fff;
	}
/* End - Page Wrapper */

/* Start - Header Styles */
#header
	{
	margin:0;
	padding:0;
	width:100%;
	background-color:#fff;
	overflow:hidden;
	}

#hdrContent
	{
	margin:0;
	padding:0;
	font-size:0;
	border:0;
	}

#hdrBlurb
	{
	z-index:35;
	position:absolute;
	top:12px;
	right:20px;
	}

#hdrBrand
	{
	z-index:30;
	top:0;
	left:0;
	margin:0;
	padding:0;
/*	background:#fff url(bgWhiteTexture.jpg) top left repeat; */
	}

#hdrExtension
	{
	width:100%;
	margin:0;
	padding:0;
	}
	
#hdrExtension div.rule
	{
	margin:0;
	padding:0;
	width:100%;
	height:4px;
	background:#867DB4 url(bgBeveledRule.gif) center left repeat-x;
	font-size:1px;
	}

#nav
	{
	width:100%;
	height:20px;
	margin:0;
	padding:2px 5px 1px;
	background-color:#867db4;
	}
	
#nav div.itemSelected
	{
	margin:0;
	padding:0 10px;
	color:#F9C668;
	font-weight:bold;
	border:1px solid #867db4;
	cursor:default;
	float:left;
	}

#nav div.itemUnselected
	{
	margin:0;
	padding:0;
	font-weight:bold;
	border:1px solid #867db4;
	float:left;
	}

#nav div.itemUnselected a:link,
#nav div.itemUnselected a:visited,
#nav div.itemUnselected a:active
	{
	margin:0;
	padding:0 10px;
	text-decoration:none;
	color:#ccc;
	}

#nav div.itemUnselected a:hover
	{
	text-decoration:none;
	color:#fff;
	}
/* End - Header Styles */

/* Start - Body Content Styles */	
#bodyContent div.columnSingle
	{
	width:335px;
	margin-bottom:30px;
	float:left;
	}
	
#bodyContent div.columnDouble
	{
	width:668px;
	margin-bottom:30px;
	float:left;
	}
	
#bodyContent div.columnSplitDouble
	{
	width:334px;
	float:left;
	}
#bodyContent div.columnSingle div.content,
#bodyContent div.columnDouble div.content
	{
	margin:13px 50px 0 30px;
	padding:0;
	}

#bodyContent div.columnSingle div.content ul,
#bodyContent div.columnDouble div.content ul
	{
	margin:0;
	padding:3px 0;
	}

#bodyContent div.columnSingle div.content ul li,
#bodyContent div.columnDouble div.content ul li
	{
	list-style-type:none;
	background: transparent url(../images/bltLines.png) 0 6px no-repeat;
	padding:0 0 0 16px;
	}

#bodyContent div.columnSplitDouble div.content
	{
	margin:0 50px 0 30px;
	padding:0;
	}
	
#bodyContent p.dateStamp
	{
	color:#999;
	}

#bodyContent div.box
	{
	position:relative;
	top:13px;
	width:277px;
	border:1px solid #ccc;
	margin-bottom:50px;
	float:left;
	}
	
#bodyContent div.box div.content
	{
	margin:0;
	padding:3px 10px 10px 10px;
	}

#bodyContent div.box div.content ul
	{
	margin:0;
	padding:3px 0;
	}
	
#bodyContent div.box div.content ul li
	{
	list-style-type:none;
	background: transparent url(../images/bltLines.png) 0 60% no-repeat;
	padding:0 0 0 16px;
	}
	
#bodyContent div.box div.content div.boxHR
	{
	clear:both;
	margin:0;
	padding:10px 0;
	}

#bodyContent div.box div.content div.group
	{
	float:left;
	clear:both;
	height:40px;
	}

#bodyContent div.box div.content div.group img
	{
	float:left;
	padding:0 10px 0 0;
	}

#bodyContent div.box div.content div.group p
	{
	float:left;
	line-height:normal;
	}

#bodyContent div.box div.content div.group p span.LinkedIn
	{
	font-size:10px;
	color:#999;
	}


#quotations
	{
	clear:both;
	}

#bodyContent div.quoteMark
	{
	position:relative;
	top:40px;
	left:-13px;
	width:9px;
	height:9px;
	background:transparent url(../css/bgBlockQuote.gif) no-repeat;
	}

#bodyContent p.quoteClientName
	{
	color:#ff6600;
	}
	
#bodyContent p.quoteClientTitle
	{
	font-style:italic;
	color:#999;
	}
	
#bodyContent div.thumbnail
	{
	width:256px;
	height:290px;
	margin:20px 40px 10px 30px;
	padding:0;
	border-bottom:1px dashed #ccc;
	float:left;
	overflow:hidden;
	}

#bodyContent div.featured a img,
#bodyContent div.thumbnail a img
	{
	border:1px solid #ccc;
	}

#bodyContent div.featured a img:hover,
#bodyContent div.thumbnail a img:hover
	{
	border:1px solid #999;
	}

#bodyContent div.thumbnail p
	{
	padding:0 0 10px 0;
	}

#bodyContent div.featured p.project,
#bodyContent div.featured p.samples,
#bodyContent div.featured p.services,
#bodyContent div.thumbnail p.project,
#bodyContent div.thumbnail p.samples,
#bodyContent div.thumbnail p.services
	{
	padding:0;
	color:#999;
	font-size:10px;
	line-height:normal;
	}
/* End - Body Content Styles */	

/* Start - Portfolio Content Styles */
#portfolioPage
	{
	top:20px !important;
	}

div.portfolioContent
	{
	width:980px;
	padding-bottom:40px;
	clear:left;
	float:left;
	}

div.portfolioContent div.column
	{
	width:628px;
	float:left;
	}
	
div.portfolioContent div.column div.content
	{
	margin:13px 50px 0 30px;
	padding:0;
	}

div.portfolioContent div.siderail
	{
	position:relative;
	top:13px;
	width:322px;
	float:left;
	}

div.portfolioContent div.siderail div.content
	{
	margin:0;
	padding:0 10px;
	}

div.portfolioContent div.siderail div.content div.copy
	{
	text-align:left;
	padding-bottom:20px;
	}

div.portfolioContent div.siderail div.content div.copy ul
	{
	margin:0;
	padding:3px 0;
	}
	
div.portfolioContent div.siderail div.content div.copy ul li
	{
	list-style-type:none;
	background:transparent url(../images/bltLines.png) 0 6px no-repeat;
	padding:0 0 0 16px;
	}
	
div.portfolioContent div.siderail div.content div.image
	{
	text-align:center;
	padding-bottom:20px;
	}

div.portfolioContent div.siderail div.content p
	{
	font-size:11px;
	line-height:1.5em;
	color:#777;
	}

div.portfolioContent div.siderail div.content ul li
	{
	font-size:11px;
	color:#777;
	}
/* End - Portfolio Content Styles */

/* Start - Nav Footer Styles */
#nav-toIndex
	{
	position:absolute;
	top:70px;
	right:0;
	margin-right:10px;
 	}

#nav-toIndex a
	{
	color:#fff;
	}

#nav-toIndex p.toIndex
	{
	display:inline;
	padding:3px 0 3px 20px;
	background:transparent url(bgReturnToIndex2.gif) left center no-repeat;
	}

#nav-footer
	{
	clear:both;
	margin:0 0 8px 0;
	padding:0;
	text-align:center;
	}

#nav-footer p.toIndex
	{
	display:inline;
	padding:3px 0 3px 20px;
	background:transparent url(bgReturnToIndex.gif) left center no-repeat;
	}

#nav-footer p.toTop
	{
	display:inline;
	padding:3px 20px 3px 0;
	background:transparent url(bgBackToTop.gif) right center no-repeat;
	}
/* End - Nav Footer Styles */

/* Start - Footer Styles */
#footer
	{
	margin:0 10px;
	padding:3px 0 8px 0;
	clear:both;
	border-top:1px solid #999;
	text-align:center;
	}

#footer p
	{
	font-size:11px;
	color:#999;
	}
/* End - Custom Content Styles */

/* Start - Custom Content Styles */
#portfolioHeader
	{
	margin:0 28px 0 30px;
	padding:10px 30px 0 0;
	height:30px;
	font-size:24px;
	color:#ff6600;
	}

div.quoteSelf
	{
	width:920px;
	margin:10px 0 0 30px;
	padding:0;
	background:transparent url(bgFeaturedQuoteLeft.png) top left no-repeat;
	}
	
div.quoteSelf p
	{
	margin:0;
	padding:15px 40px;
	background:transparent url(bgFeaturedQuoteRight.png) bottom right no-repeat;
	font-size:24px;
/*	color:#867db4;  */
	color:#ff6600;
	}

/* End - Page Content Styles */	

/* Start - Custom Home Page Styles */
#btnLearnMore
	{
	position:absolute;
	top:250px;
	left:420px;
	width:auto;
	border:1px solid #FAB85F;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fab85f;
	}

#btnLearnMore a:link,
#btnLearnMore a:visited,
#btnLearnMore a:active
	{
	margin:0;
	padding:0 10px;
	text-decoration:none;
	color:#fab85f;
	}

#btnLearnMore a:hover
	{
	text-decoration:none;
	background-color:#fab85f;
	color:#fff;
	}
/* End - Custom Home Page Styles */