/*
Christopher Lee Design Global CSS Document
Author: Christopher Lee
Redistribution without consent is prohibited

COLORS:
Text: #f2f2f2
Text on white: #252525
Background: #000000

CONTENTS:
1. RESET
2. DEFAULTS
3. HEADER
4. NAVIGATION
5. BANNER
6. FRONT PAGE
7. BLOG
8. PORTFOLIO
9. ABOUT
10. FOOTER
11> 404
*/

/* -- 1. RESET -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, col {
	background: transparent no-repeat 0 0;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline;
	}
em { font-style: italic; }
input, textarea { margin: 0; padding: 0; }
object { display: block; }
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; width: 100%; }

/* -- 1.DEFAULTS --*/
html {
	background:#f4f4f4;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#252525;
}
body {
	overflow:auto;
}
.wrapper {
	position:relative;
	margin:0 auto;
	width:1000px;
}
.wrapper960 {
	position:relative;
	margin:0 auto;
	width:960px;
}
p {
	margin:10px 0;
	font-size:1.2em;
	line-height:1.6em;
}
h1 {
	font-size:2.8em;
}
h3 {
	font-size:2.4em;
}
h4 {
	font-size:2em;
}
ol#postList li h5 {
	font-size:1.8em;
}
strong {
	font-weight:900;
}
em {
	font-style:italic;
}
blockquote {
	border-left:5px solid #c4c4c4;
	margin:10px;
	padding:5px;
	quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
	color:#252525;
	content:open-quote;
	font-size:3.5em;
	line-height:1em;
	margin-right:5px;
}
blockquote p {
	display:inline;
}
cite {
	margin:10px 0;
	display:block;
	color:#999;
	font-size:1.2em;
}
strike {
	color:#696969;
	font-style:italic;
	text-decoration:line-through;
}
a {
	color:#1c4769;
}
a:hover {
	color:#252525;
}
ol.validation {
	display:block;
	margin:0;
}
ol.validation li {
	float:left;
	display:inline;
	margin:0;
	padding:0 15px;
	background-image:url(images/check.png);
	background-repeat:no-repeat;
	background-position:left;
}
ol.validation li a {
	text-decoration:none;
}
pre { 
	font-size:1.2em;
}

pre.brush	 { 
	font-size:1.2em;
}
/* -- 2.HEADER --*/
#header {
	margin:0;
	padding:0;
	height:100px;
	background:url(images/header-background.gif) repeat-x top left;
	border-bottom:1px solid #333;
}

/* -- 3.NAVIGATION --*/
ul.main-navigation {
	margin:0 auto;
	width:1000px;
}
ul.main-navigation li {
	float:left;
	display:inline;
	padding:0 0 0 40px;
	line-height:100px;
	font-size:1.2em;
	text-transform:uppercase;
}
ul.main-navigation li:first-child {
	padding:0;
}
ul.main-navigation li a {
	color:#696969;
	text-decoration:none;
}
ul.main-navigation li.active a {
	padding:0 0 5px 0;
	color:#f2f2f2;
	border-bottom:1px solid #696969;
}
ul.main-navigation li a:hover{
	padding:0 0 5px 0;
	color:#f2f2f2;
	border-bottom:1px solid #696969;
}
ul.main-navigation li img {
	padding-top:45px;
}
/*Wordpress class for current page item (mirrors li.active a)*/
.current_page_item {
	padding:0 0 5px 0;
	color:#f2f2f2;
	border-bottom:1px solid #696969;	
}

/* -- 4.BANNER --*/
#banner { 
	position:relative;
	height:498px;
	background:url(images/spotlightBG.gif) repeat-x top left #f4f4f4;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.anythingSlider { 
	position: relative;
	margin: 20px auto; 
	width:1068px;
	height:432px;
	background:url(images/olItemsBG.png) no-repeat top left;
}
.anythingSlider .wrapper { 
	position:absolute;
	top:1px;
	left:15px; 
	margin:5px 45px;
	width:948px;
	height:407px;
	overflow:auto;
}
.anythingSlider .wrapper ul { 
	position: absolute; 
	top: 0; 
	left: 0; 
	margin:0; 
	width:99999px; 
	list-style: none; 
	background:#ddd;
}
.anythingSlider ul li { 
	float: left; 
	display: block; 
	overflow:hidden;
	padding:0; 
	height:397px; 
	width:948px; 
	margin: 0; 
}
#thumbNav { 
	position: relative; 
	top: 420px;
	left:55px; 
}
#thumbNav a {
	display: inline-block;
	margin: 0 5px 0 0; 
	padding:0;
	width:15px;
	height:15px;
	background:url(images/slideSelect.png) no-repeat;
	text-indent:-9999px; 
}
#thumbNav a:hover { 
	background:url(images/currentSlide.png) no-repeat; 
}
#thumbNav a.cur { 
	background:url(images/currentSlide.png) no-repeat;
}
#start-stop { 
	position: absolute;
	top: 409px; 
	right:55px;  
	padding: 2px 5px; 
	width:40px;
	background:green; 
	background-image: url(images/cellshade.png); 
	background-repeat: repeat-x; 
	color: white;
	font-size:1em; 
	text-align:center;
	text-decoration:none;
	text-transform:uppercase; 
}
#start-stop.playing { 
	background-color:#950001; 
}
#start-stop:hover { 
	background-image: none; 
}
.anythingSlider .arrow { 
	display:none; 
}
/* FOR ADDED NAVIGATIONAL ARROWS - NOT CURRENTLY USED 
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }
*/

/*#spotlight {
	position:relative;
	margin:0 auto;
	width:1036px;
	height:432px;
	background:url(images/olItemsBG.png) no-repeat top left;
}
#spotlight .items {
	margin-left:59px;
	height:432px;
	padding-top:5px;
	overflow: hidden;
    position: relative;
	z-index: 1;
}
#spotlight .item {
    float: left;
	height: 399px;
	overflow: hidden;
	width:950px;
	}
div.pager {
	position:absolute;
	left:878px;
	margin:0;
	padding:0;
	width:100%;
	height:15px;
	bottom:0;
}
div.pager ol {
	position:relative;
	margin:0 auto;
	width:1000px;
}
div.pager ol li {
	float:left;
	display:inline;
	padding:0 0 0 10px;
}
div.pager ol li:first-child a {
	cursor:pointer;
}
div.pager a {
	display:block;
	width:15px;
	height:15px;
	background:url(images/slideSelect.gif) no-repeat top left;
	text-indent:-9999px;
}
div.pager .on a {
	background:url(images/activeSlide.gif) no-repeat top left; 
	cursor: default; 
}
div.pager ol a:hover {
	background:url(images/activeSlide.gif) no-repeat top left;
}
div.pager .on a span{
	color: #999; 
}
div.pager ol li a span {
	float:left;
	margin:-9px 5px 0 0;
	font-size:2.4em;
	font-weight:bold;
	color:#333;
}*/

/*-- 5.FRONT PAGE --*/
#frontPage {
	overflow:auto;
	width:100%;
	background:#191919;
	border-top:1px solid #000;
}
#frontPage ol {
	margin:0 auto;
	width:960px;
	min-height:106px;
	background:url(images/frontPageOl.gif) no-repeat top left;
}
#frontPage ol li {
	float:left;
	margin:0;
	padding:40px 0 40px 40px;
	width:293px;
	color:#f4f4f4;
}
#frontPage ol li:first-child {
	margin:0;
	padding:40px 0;
}
#frontPage ol li h2.concept {
	margin:0;
	padding:0;
	background:url(images/concept.png) no-repeat top left;
	text-indent:-9999px;
}
#frontPage ol li h2.develop {
	margin:0;
	padding:0;
	background:url(images/develop.png) no-repeat top left;
	text-indent:-9999px;
}
#frontPage ol li h2.optimize {
	margin:0;
	padding:0;
	background:url(images/optimize.png) no-repeat top left;
	text-indent:-9999px;
}
#frontPage ol li h2 {
	margin:0 0 10px 0;
	font-size:2.4em;
	font-weight:lighter;
}
#frontPage ol li img {
	margin:10px 0 0 0;
	padding:0;
}

/*PORTFOLIO DISPLAY*/
#frontPortfolio {
	overflow:auto;
	padding:55px 0 40px 0;
	background:url(images/portfolioDisplay.gif) repeat-x top left;
	border-top:1px solid #fff;
}
#frontPortfolio ol {
	position:relative;
	margin:0 auto;
	width:960px;
}
#frontPortfolio ol li {
	float:left;
	display:inline;
	margin:0 0 0 40px;
	width:293px;
}
#frontPortfolio ol li:first-child {
	margin:0;
}
#frontPortfolio ol li img {
	border:3px solid #696969;
}
#frontPortfolio ol li h3 {
	margin:10px 0;
	font-size:1.4em;
}
#frontPortfolio ol li a {
	margin:0;
	padding:0;
	font-size:1.2em;
	text-decoration:none;
}
#frontPortfolio ol li a:hover {
	color:#252525;
}
#frontPortfolio ol li span {
	position:absolute;
	padding:9px 9px 9px 14px;
	top:13px;
	background:#fa5b0f;
	border:1px solid #ff822e;
	color:#f2f2f2;
	font-size:1.2em;
	font-weight:900;
	text-transform:uppercase;
}

/* -- 7. BLOG --*/
#blogBody {
	float:left;
	width:624px;
}
#blogHeader {
	margin:0;
	padding:30px;
	width:564px;
	height:240px;
	background:url(images/blogHeader.gif) repeat-x top left #191919;
}
#blogHeader ul {
	margin:45px 0 0 0;
}
#blogHeader ul li {
	float:left;
	display:inline;
	padding:0 0 0 40px;
	font-size:1.2em;
	text-transform:uppercase;
}
#blogHeader ul li:first-child {
	padding:0;
}
#blogHeader ul li a {
	color:#696969;
	text-decoration:none;
}
#blogHeader ul li.active a {
	padding:0 0 5px 0;
	color:#f2f2f2;
	border-bottom:1px solid #696969;
}
#blogHeader ul li a:hover{
	padding:0 0 5px 0;
	color:#f2f2f2;
	border-bottom:1px solid #696969;
}
#blogHeader span {
	position:absolute;
	top:230px;
	left:465px;
	color:#333;
	font-size:4.8em;
	font-weight:900;
	text-transform:uppercase;
}
/*BLOG FRONT PAGE*/
ol#postList {
	margin:0;
	padding:30px;
	width:562px;
	background:#fafafa;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
ol#postList li {
	margin:0 0 50px;
	padding:0 0 10px 0;
}
ol#postList span.date {
	position:absolute;
	left:-95px;
	width:95px;
	height:40px;
	background:#1c4769;
	border-top:1px solid #307bb5;
	border-bottom:1px solid #307bb5;
	border-left:1px solid #307bb5;
	line-height:40px;
	color:#f2f2f2;
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center;
}
ol#postList img {
	margin:10px 0;
	max-width:552px;
	overflow:hidden;
	padding:5px;
	border:1px solid #c4c4c4;
}
h2.postTitle a {
	margin:0;
	color:#252525;
	font-size:1.4em;
	text-decoration:none;
}
h2.postTitle a:hover {
	margin:0;
	color:#696969;
	font-size:1.4em;
	text-decoration:none;
}
ol#postList ul.subHead {
	margin:0 0 30px 0;
}
ol#postList ul.subHead li {
	float:left;
	display:inline;
	margin:0;
	padding:0 5px;
	border-left:1px solid #999;
	border-bottom:none;
	color:#696969;
	font-size:1.2em;
	font-style:normal;
	text-transform:uppercase;
}
ol#postList ul.subHead li:first-child {
	padding:0 5px 0 0;
	border:none;
}
ol#postList ul.subHead li a {
	text-decoration:none;
	color:#1c4769;
}
ol#postList ul.subHead li a:hover {
	color:#696969;
}
a.postFooter {
	display:inline-block;
	margin:10px 0;
	padding:10px 10px;
	background:#ddd;
	border:1px solid #c4c4c4;
	font-size:1.4em;
	text-transform:uppercase;
	text-decoration:none;
}
a.postFooter:hover {
	background:#ebebeb;
}
/*BLOG FRONT PAGE GENERAL*/
ol#postList li ul {
	margin:10px 10px;
	padding:0;
	list-style:disc inside;
}
ol#postList li ul li {
	margin:0;
	padding:5px 0;
	color:#252525;
	font-size:1.2em;
	font-style:italic;
}
ol#postList ol {
	margin:10px 10px;
	padding:0;
	list-style:decimal-leading-zero inside;
}
ol#postList ol li {
	margin:0;
	padding:5px 0;
	color:#252525;
	font-size:1.2em;
	font-style:italic;
}
ol#postList li h2 {
	font-size:2.6em;
}
/*BLOG PAGINATION*/
#pagination {
	padding:0 30px;
	height:40px;
	line-height:40px;
	background:#000;
}
/*BLOG SIDEBAR*/
#sidebar {
	float:right;
	margin-top:300px;
	width:336px;
}
p.blogIntro {
	margin:0 0 40px 0;
	font-size:1.4em;
}
form#search {
	margin:0;
	padding:10px;
	background:#ddd;
}
form#search input {
	padding:5px;
	width:270px;
	border:1px solid #999;
	text-transform:uppercase;
	font-family:'Myriad Pro', Helvetica, Arial, sans-serif;
}
form#search button {
	margin-left:5px;
	width:26px;
	height:26px;
	background:url(images/searchButton.png) no-repeat center left;
	text-indent:-9999px;
	cursor:pointer;
}
form#search button:hover {
	background:url(images/searchButtonHover.png) no-repeat center left;
}
ul.archives {
	float:left;
	margin:40px 40px 0 0;
	width:146px;
}
ul.archives li {
	padding:5px;
	width:100%;
	border-bottom:1px solid #c4c4c4;
	font-size:1.2em;
}
ul.archives li:first-child {
	font-size:1.4em;
	text-transform:uppercase;
	letter-spacing:.4em;
}
ul.archives li:first-child:hover {
	background:none;
}
ul.archives li a {
	text-decoration:none;
	color:#252525;
}
ul.archives li:hover {
	background:#ddd;
}

ul.categories {
	float:left;
	margin:40px 0 0 0;
	width:146px;
}
ul.categories li {
	padding:5px;
	width:100%;
	border-bottom:1px solid #c4c4c4;
	font-size:1.2em;
}
ul.categories li:first-child {
	font-size:1.4em;
	text-transform:uppercase;
	letter-spacing:.4em;
}
ul.categories li:first-child:hover {
	background:none;
}
ul.categories li a {
	text-decoration:none;
	color:#252525;
}
ul.categories li:hover {
	background:#ddd;
}
/*BLOG FOOTER*/
#blogFooter {
	position:relative;
	float:left;
	margin:0;
	padding:40px 30px 10px;
	width:562px;
	background:#fafafa;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#blogFooter ul {
	float:left;
	margin:0 0 0 40px;
	width:160px;
	overflow:hidden;
}
#blogFooter ul:first-child {
	margin:0;
}
#blogFooter ul li {
	padding:5px 0;
	font-size:1.2em;
	border-bottom:1px solid #c4c4c4;
}
#blogFooter ul li:first-child {
	border:none;
	font-size:1.2em;
	font-weight:900;
	text-transform:uppercase;
}
#blogFooter ul li a {
	color:#252525;
	text-decoration:none;
}
#blogFooter ul li a:hover {
	color:#999;
}
#blogFooter ul li ul#twitter_update_list {
	margin:0;
	padding:0;
	width:160px;
}
#blogFooter ul li ul#twitter_update_list li {
	width:160px;
	border-bottom:1px solid #c4c4c4;
	font-size:1em;
	font-weight:normal;
}
#blogFooter cite {
	padding:20px 0 0 0;
	clear:both;
}
/*BLOG SHARE*/
div.blogShare {
	position:absolute;
	display:none;
	padding:5px;
	width:290px;
	background:#f2f2f2;
	border:1px solid #999;
}
div.blogShare ul {
	margin:0;
	padding:0;
}
div.blogShare p {
	margin:0;
}
div.blogShare ul li {
	float:left;
	margin:0;
	padding:0 0 5px 0;
	width:135px;
	list-style:none;
	vertical-align:text-top;
}
div.blogShare ul li a {
	display:block;
	text-decoration:none;
}
ol#postList div.blogShare img {
	margin:0;
	padding:0 5px 0 0;
	border:none;
}
/*BLOG ENTRY*/
#blogEntry {
	margin:0;
	padding:30px;
	width:562px;
	background:#fafafa;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#blogEntry h3 {
	margin:20px 0 0 0;
}
#blogEntry h4 {
	margin:20px 0 0 0;
}
#blogEntry h5 {
	margin:20px 0 0 0;
}
#blogEntry span.date {
	position:absolute;
	left:-95px;
	width:95px;
	height:40px;
	background:#1c4769;
	border-top:1px solid #307bb5;
	border-bottom:1px solid #307bb5;
	border-left:1px solid #307bb5;
	line-height:40px;
	color:#f2f2f2;
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center;
}
#blogEntry img {
	margin:10px 0;
	max-width:552px;
	overflow:hidden;
	padding:5px;
	border:1px solid #c4c4c4;
}
#blogEntry h2.postTitle a {
	margin:0;
	color:#252525;
	font-size:1.4em;
	text-decoration:none;
}
#blogEntry h2.postTitle a:hover {
	margin:0;
	color:#696969;
	font-size:1.4em;
	text-decoration:none;
}
#blogEntry ul.subHead {
	margin:0 0 30px 0;
}
#blogEntry ul.subHead li {
	float:left;
	display:inline;
	margin:0;
	padding:0 5px;
	border-left:1px solid #999;
	border-bottom:none;
	color:#696969;
	font-size:1.2em;
	font-style:normal;
	text-transform:uppercase;
}
#blogEntry ul.subHead li:first-child {
	padding:0 5px 0 0;
	border:none;
}
#blogEntry ul.subHead li a {
	text-decoration:none;
	color:#1c4769;
}
#blogEntry ul.subHead li a:hover {
	color:#696969;
}
/*#blogEntry span.postFooter {
	margin:10px 0;
	padding:10px 0;
	border-top:1px solid #c4c4c4;
}
#blogEntry ul.postFooter li {
	float:left;
	display:inline;
	margin:0;
	padding:0 5px;
	border-left:1px solid #c4c4c4;
	font-size:1.4em;
	font-style:normal;
	text-transform:uppercase;
}
#blogEntry ul.postFooter li a {
	text-decoration:none;
	color:#1c4769;
}
#blogEntry ul.postFooter li a:hover {
	color:#696969;
}
#blogEntry ul.postFooter li:first-child {
	padding:0 5px 0 0;
	border-left:none;
}*/
/*BLOG ENTRY PAGE GENERAL*/
#blogEntry ul {
	margin:10px 10px;
	padding:0;
	list-style:disc inside;
}
#blogEntry ul li {
	margin:0;
	padding:5px 0;
	color:#252525;
	font-size:1.2em;
	font-style:italic;
}
#blogEntry ol {
	margin:10px 10px;
	padding:0;
	list-style:decimal-leading-zero inside;
}
#blogEntry ol li {
	margin:0;
	padding:5px 0;
	color:#252525;
	font-size:1.2em;
	font-style:italic;
}
#blogEntry h2 {
	font-size:2.6em;
}
/*BLOG COMMENTS*/
h2.comments {
	clear:both;
	margin:40px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #c4c4c4;
}
ol#comments {
	margin:0;
	list-style:none;
}
ol#comments li {
	clear:both;
	overflow:hidden;
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #c4c4c4;
	font-size:1em;
}
ol#comments li div {
	float:left;
	margin:0 40px 0 0;
	width:140px;
	font-size:1.2em;
	font-style:normal;
	text-align:right;
}
ol#comments li div p {
	float:none;
	width:100%;
	color:#999;
	font-size:100%;
	font-weight:900;
	font-style:normal;
}
ol#comments li div a.reply {
	display:block;
	margin:10px 0 0 98px;
	padding:5px 0;
	width:42px;
	background:#ddd;
	border:1px solid #c4c4c4;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
ol#comments li div a.reply:hover {
	background:#ebebeb;
}
ol#comments li p {
	float:right;
	width:382px;
	margin:0;
	padding:0;
}
ol#comments li img { 
	float:left;
	margin-right:20px;
	width:50px;
	height:50px;
	border:none;
	vertical-align:text-top;
}
ol#comments li ul {
	margin:0;
	padding:0;
	list-style:none;
}
ol#comments li ul li {
	display:inline-block;
	margin:10px 0 0 40px;
	padding:5px;
	width:512px;
	overflow:auto;
	background:#f4f4f4;
	border-top:3px solid #999;
	border-bottom:none;
}
ol#comments li ul li div p {
	float:none;
	width:100%;
	color:#999;
	font-size:100%;
	font-weight:900;
	font-style:normal;
}
ol#comments li ul li p {
	float:right;
	width:312px;
	margin:0;
	padding:0;
}
/*BLOG COMMENTS FORM*/
form#comment-form {
	margin:20px 0 0 0;
}
form#comment-form label {
	display:block;
	margin:0 0 5px 0;
	font-size:1.4em;
	font-weight:900;
}
form#comment-form input {
	margin:0 0 10px 0;
	padding:5px;
	width:270px;
	border:1px solid #999;
	font-family:'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:1.2em;
}
form#comment-form textarea {
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #999;
	font-family:'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:1.2em;
}
form#comment-form cite {
	margin:-5px 0 10px 0;
	color:#252525;
}
/*BLOG BREADCRUMBS*/
#breadcrumbs {
	padding:0 30px;
	height:40px;
	background:#000;
}
#breadcrumbs ul {
	margin:0;
	line-height:40px;
}
#breadcrumbs ul li {
	float:left;
	display:inline;
	padding:0 5px;
	color:#f2f2f2;
	font-size:1.2em;
	text-transform:uppercase;
}
#breadcrumbs ul li a {
	color:#e29e1f;
	text-decoration:none;
}
#breadcrumbs ul li a:hover {
	color:#696969;
}

/* -- 8. PORTFOLIO -- */
#portfolioBanner {
	margin:0;
	padding:0;
	width:100%;
	height:200px;
	background:url(images/portfolioBanner.gif) repeat top left;
	border-top:1px solid #fff;
}
#portfolioBanner h1 {
	position:relative;
	margin:80px auto 0 auto;
	width:1000px;
	height:36px;
	background:url(images/work.png) no-repeat top left;
	text-indent:-9999px;
}
#portfolioBanner p {
	position:relative;
	margin:10px auto;
	width:1000px;
	font-size:1.4em;
}
#portfolioDisplay {
	overflow:auto;
	padding:57px 0 40px 0;
	background:url(images/portfolioDisplay.gif) repeat-x top left;
	border-top:1px solid #fff;
}
#portfolioDisplay ol {
	position:relative;
	margin:0 auto;
	width:960px;
}
#portfolioDisplay ol li {
	float:left;
	display:inline;
	margin:0 0 40px 40px;
	width:293px;
}
#portfolioDisplay ol li:first-child {
	margin:0;
}
#portfolioDisplay ol li img {
	border:3px solid #696969;
}
#portfolioDisplay ol li h3 {
	margin:10px 0;
	font-size:1.4em;
}
#portfolioDisplay ol li a {
	margin:0;
	padding:0;
	font-size:1.2em;
	text-decoration:none;
}
#portfolioDisplay ol li a:hover {
	color:#252525;
}
#portfolioDisplay ol li span {
	position:absolute;
	padding:9px 9px 9px 14px;
	top:13px;
	background:#fa5b0f;
	border:1px solid #ff822e;
	color:#f2f2f2;
	font-size:1.2em;
	font-weight:900;
	text-transform:uppercase;
}

/* -- 9. ABOUT -- */
#aboutBanner {
	margin:0;
	padding:75px 0;
	width:100%;
	background:url(images/portfolioBanner.gif) repeat top left;
	border-top:1px solid #fff;
}
#aboutBanner h1 {
	position:relative;
	margin:0 auto 30px auto;
	width:1000px;
	height:38px;
	background:url(images/about.png) no-repeat top left;
	text-indent:-9999px;
}
#aboutBanner p {
	position:relative;
	margin:0 auto;
	width:580px;
	padding-right:420px;
	font-size:1.4em;
}
#aboutBreak {
	margin:0;
	height:73px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:url(images/aboutBreak.gif) repeat-x top left;
}
#aboutBreak ul {
	margin:0 auto;
	width:1000px;
}
#aboutBreak ul li {
	float:left;
	display:inline;
	padding:0 100px 0 0;
}
#aboutBreak ul li a {
	display:block;
	color:#f4f4f4;
	font-size:2.4em;
	font-weight:900;
	text-decoration:none;
}
#aboutBreak ul li a:hover {
	color:#696969;
}
#aboutBreak ul li a.pdf {
	margin:14px 0 0 0;
	padding:0 0 0 55px;
	height:45px;
	line-height:48px;
	background:url(images/pdfIconLarge.png) no-repeat center left;
}
#aboutBreak ul li a.linkedin {
	margin:14px 0 0 0;
	padding:0 0 0 55px;
	height:45px;
	line-height:48px;
	background:url(images/linkedinIconLarge.png) no-repeat center left;
}
#aboutCopy {
	padding:55px 0 40px 0;
	background:url(images/portfolioDisplay.gif) repeat-x top left;
}
#aboutCopy p {
	position:relative;
	margin:0 auto 20px auto;
	width:580px;
	padding-right:420px;
}
#aboutCopy div.background {
	position:relative;
	margin:30px auto;
	padding-right:420px;
	width:580px;
}
#aboutCopy div.background ul {
	float:left;
	margin:0 0 20px 0;
	padding:0;
}
#aboutCopy div.background ul li {
	padding:5px 0;
	width:260px;
	font-size:1.2em;
}
#aboutCopy div.background ul li:first-child {
	padding:0;
	margin:0;
	font-size:1.4em;
	font-weight:900;
	text-transform:uppercase;
}
#aboutCopy div.background ul li.company {
	padding:5px 0 0 0;
	font-style:italic;
	text-transform:uppercase;
}
/* -- 10. FOOTER -- */
#footer {
	clear:both;
	overflow:auto;
	padding:40px 0;
	background:url(images/footerBorder.gif) repeat-x top left #191919;
}
#footer ol {
	position:relative;
	margin:0 auto;
	width:960px;
}
#footer ol li {
	float:left;
	display:inline;
	margin:0 0 0 40px;
	width:293px;
}
#footer ol li:first-child {
	margin:0;
}
#footer ol li.legal {
	display:block;
	margin:40px 0 0 0;
	width:100%;
	color:#696969;
}
#footer ol li img {
	border:3px solid #696969;
}
#footer ol li h4 {
	margin:0;
	font-size:1.2em;
	color:#f2f2f2;
	text-transform:uppercase;
}
#footer ol li a {
	margin:0;
	padding:0;
	font-size:1.2em;
	text-decoration:none;
}
#footer ol li a:hover {
	color:#252525;
}
#footer ol li ul {
	margin:20px 0;
}
#footer ol li ul li {
	margin:0;
	padding:4px 0;
	line-height:1.8em;
	border-bottom:1px solid #333;
	font-size:1.2em;
	color:#696969;
}
#footer ol li ul li:first-child {
	padding:0 0 10px 0;
	border:none;
}
#footer ol li ul li img {
	border:none;
}
#footer ol li ul li a {
	display:block;
	color:#696969;
	font-size:1em;
}
#footer ol li ul li p {
	margin:0;
	padding:0;
	font-size:1em;
}
#footer ol li ul li a:hover {
	color:#999;
}
#footer ol li ul li ul {
	margin:0;
	padding:0;
}
#footer ol li ul li ul li {
	font-size:1em;
}
#footer ol.validation {
	margin:0 auto;
	width:960px;
}
#footer ol.validation li {
	margin:20px 0 0 0;
	width:auto;
}
#footer ol.validation li a:hover {
	color:#696969;
}

/* -- 11. 404 -- */
#banner404 {
	margin:0;
	padding:75px 0;
	width:100%;
	background:url(images/portfolioBanner.gif) repeat top left;
	border-top:1px solid #fff;
}
#banner404 h1 {
	position:relative;
	margin:0 auto 30px auto;
	width:1000px;
	height:38px;
	background:url(images/404.png) no-repeat top left;
	text-indent:-9999px;
}
#banner404 p {
	position:relative;
	margin:0 auto;
	width:580px;
	padding-right:420px;
}