@import url(reset.css);

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('../fonts/ChunkFive.eot');
	src: local('ChunkFiveRegular'), url('../fonts/ChunkFive.ttf') format('truetype'), url('../fonts/ChunkFive.svg#webfont') format('svg');
}


body {
	background: #1a110b;
	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
}


/*::: General Styles :::*/
a:link, a:active {
	color: #dbd294;
	border-bottom: 1px dashed #dbd294;
	text-decoration: none;
}

a:visited {
	color: #8bc0e3;
	text-decoration: none;
	border-bottom: 1px dashed #8bc0e3;	
}

a:hover {
	color: #8bc0e3;
	border-bottom: none;	
}

.clearFix {
	clear: both;	
}

code {
	color: #c1d6e3;
	font-size: 1.4em;
}



/*::: HEADER :::*/
#header {
	background: #482e1f url(../images/bgHeader.jpg) 0 0 repeat-x;
	height: 160px;
}

#headerLiner {
	background: transparent url(../images/bgHeaderSplatter.png)	45% -20px no-repeat;
}

#branding {
	height: 110px;
	margin: 0 auto;
	width: 980px;
}

#logo {
	background: #1a110b;
	float: left;
	height: 110px;
	width: 374px;
}

#logo a {
	background: transparent url(../images/bgHeaderLogoSplatter.png) 0 bottom no-repeat;
	border: none;
	display: block;
	height: 77px;
	left: -20px;
	padding: 33px 0 0 40px;
	position: relative;
	width: 354px;
}

#tagline {
	color: #000;
	font-size: 1.7em;
	font-style: italic;
	padding: 46px 0 0 394px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.1);
}

#mainNavOuterWrap {
	background: transparent url(../images/bgHeaderNav.jpg) center 0 repeat-y;	
	height: 50px;
}

#mainNavInnerWrap {
	height: 50px;
	margin: 0 auto;	
	position: relative;
	width: 990px;
}

#mainNav {
	background: transparent url(../images/bgHeaderNavBottom.gif) 0 bottom no-repeat;
	clear: both;
	float: left;
	height:	62px;
	position: absolute;
	top: -12px;
	width:990px;
}

#mainNav li {
	background: #8bc0e3;
	float: left;	
}

#mainNav li a {
	border: none;
	display: block;
	height: 50px;
	text-indent: -99999px;
	width: 165px;
}

#navHome a { background: transparent url(../images/mainNav.gif) 0 0 no-repeat; }
#navAbout a { background: transparent url(../images/mainNav.gif) -165px 0 no-repeat; }
#navPortfolio a { background: transparent url(../images/mainNav.gif) -330px 0 no-repeat; }
#navServices a { background: transparent url(../images/mainNav.gif) -495px 0 no-repeat; }
#navLinks a { background: transparent url(../images/mainNav.gif) -660px 0 no-repeat; }
#navContact a { background: transparent url(../images/mainNav.gif) -825px 0 no-repeat; }

#navHome a:hover { background: transparent url(../images/mainNav.gif) 0 -50px no-repeat; }
#navAbout a:hover { background: transparent url(../images/mainNav.gif) -165px -50px no-repeat; }
#navPortfolio a:hover { background: transparent url(../images/mainNav.gif) -330px -50px no-repeat; }
#navServices a:hover { background: transparent url(../images/mainNav.gif) -495px -50px no-repeat; }
#navLinks a:hover { background: transparent url(../images/mainNav.gif) -660px -50px no-repeat; }
#navContact a:hover { background: transparent url(../images/mainNav.gif) -825px -50px no-repeat; }

body#home #navHome a { background: transparent url(../images/mainNav.gif) 0 -100px no-repeat; }
body#about #navAbout a { background: transparent url(../images/mainNav.gif) -165px -100px no-repeat; }
body#portfolio #navPortfolio a { background: transparent url(../images/mainNav.gif) -330px -100px no-repeat; }
body#services #navServices a { background: transparent url(../images/mainNav.gif) -495px -100px no-repeat; }
body#links #navLinks a { background: transparent url(../images/mainNav.gif) -660px -100px no-repeat; }
body#contact #navContact a { background: transparent url(../images/mainNav.gif) -825px -100px no-repeat; }



/*::: CONTENT :::*/
#content {
	background: #fff url(../images/bgContentSplatter.gif) 40% -25px no-repeat;	
}

#pageOuterWrap {	
	background: transparent url(../images/bgContentWhite.gif) 3px bottom no-repeat;
	margin: 0 auto;
	position: relative;
	width: 990px;
	z-index: 200;
}

#pageInnerWrap {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	background: transparent url(../images/bgContent.png) 0 0 repeat-y;
	border: 2px solid #1a110b;
	border-top: none;
	margin: 0 3px;
	padding: 58px 20px 20px;
	position: relative;
	width: 940px;
}

#home #pageInnerWrap {
	padding: 8px 20px 20px;
}

#content h2 {
	background-color: rgba(26,17,11,0.5);
	border-top: 1px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	
	color: #46718c;
	height: 106px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 980px;
	z-index: 300;
}

#content h2 span {
	display: block;
	font: 7.2em "ChunkFiveRegular", "Lucida Grande", Arial, Helvetica, sans-serif;	
	height: 79px;
	overflow: hidden;
	padding: 27px 10px 0;
	width: 300px;
}

#banner h3, #main h3 {
	color: #fff;
	font: 2.2em "ChunkFiveRegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

#content h4 {
	background: transparent url(../images/bgContentDivider.gif) 0 0 repeat-x;
	clear: both;
	color: #8bc0e3;
	font-size: 1.8em;
	margin-top: 20px;
	padding: 30px 0 0;
}

#content h4.first {
	background: none;
	margin-top: 0;	
}

#content h4 span {
	background: transparent url(../images/bgBulletSplatters.png) 0 -96px no-repeat;
	padding: 10px 0 10px 45px;	
}

#content h5 {
	border-bottom: 2px solid #482e1f;
	color: #574033;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0 0 2px 2px;
}

#content p {
	font-size: 1.2em;
	letter-spacing: 0.02em;
	line-height: 1.5;
	padding-top: 15px;
}

#content p.summary {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
	
	background: #1a110b;
	color: #aba099;
	font-style: italic;
	margin: 20px 0 0;
	padding: 15px 20px;
}

#content .special {
	color: #99c6e3;
	font-size: 1.4em;
	font-style: italic;
	padding: 15px 10px 0;
}

#content .slant {
	color: #aba099;
	font-style: italic;	
}

#content .disclaimer {
	color: #aba099;
	display: block;
	font-size: 1.1em;
	font-style: italic;
	margin-top: 10px;
	padding: 0 20px;
}


#bannerWrap {
	background-color: #574033;
	border: 1px solid #1a110b;	
	left: -44px;
	margin-bottom: 20px;
	padding: 1px;
	position: relative;
	width: 980px;
}

#banner {
	background: #2c1c13 url(../images/bgContentGradient.jpg) 0 0 repeat-x;
	height: 276px;
	overflow: hidden;
	padding: 18px;	
}

#banner h3 {
	float: right;
	margin: 0 0 10px 20px;
	width: 500px;
}

#intro {
	color: #c1d6e3;
	float: left;
	padding-right: 20px;
	position: relative;
	width: 400px;	
}

#intro .welcome {
	color: #8bc0e3;
	font: 3.5em "ChunkFiveRegular", "Lucida Grande", Arial, Helvetica, sans-serif;	
	letter-spacing: 0.04em;
	padding-top: 0;
}

#intro p {
	padding-top: 10px;	
}

#featured {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-bottom-radius: 10px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	
	background: #482e1f url(../images/bgFeaturedGradient.jpg) 0 0 repeat-x;
	border: 1px solid #1a110b;
	float: right;
	height: 220px;
	margin-left: 20px;
	padding: 10px;
	width: 480px;
}


#featured div {
	border-bottom: 1px solid #624b3f;
	height: 190px;
	position: relative;
	width: 480px;
}

#featured a {
	border: none;
	display: block;	
}

#featured strong {
	bottom: -30px;
	color: #aba099;
	font-size: 1.4em;
	font-style: italic;
	left: 5px;
	position: absolute;	
}

#featured a.viewMore {
	color: #1a110b;
	display: inline;
	float: right;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
	padding: 15px 5px 0;
	text-align: right;
	text-shadow: 0 1px 0 rgba(255,255,255,0.1);
}

#featured a.viewMore:hover {
	color: #aba099;
}

#featured img {
	border: 1px solid #1a110b;
	display: block;	
}


#mainWrap {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	
	background-color: #574033;
	border: 1px solid #1a110b;
	float: right;
	padding: 1px;
	position: relative;
	width: 636px;
	z-index: 400;
}

#main {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	
	background: #2c1c13 url(../images/bgContentGradient.jpg) 0 0 repeat-x;
	color: #fff;
	min-height: 500px;
	padding: 15px 18px 18px;
	position: relative;
}

.newsPost {
	background: transparent url(../images/bgContentDivider.gif) 0 0 repeat-x;
	margin-top: 25px;
	padding-top: 35px;
	position: relative;
}

.firstPost {
	background: none;
	margin-top: 0;
	padding-top: 25px;
}

#content .newsPost h4 {
	background-color: #482e1f;
	background-image: none;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 -17px 0 20px;
	padding:  3px 0 3px 50px;
}

.newsPost cite {
	background: transparent url(../images/bgBulletSplatters.png) 0 0 no-repeat;
	color: #246489;
	display: block;
	height: 50px;
	left: 0;
	overflow: hidden;
	padding: 9px 0 0;
	position: absolute;	
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	top: 24px;
	width: 65px;
}

.firstPost cite {
	top: 14px;	
}

.newsPost cite .month {
	display: block;	
	font-size: 1.1em;
	padding: 0 25px 0 12px;
	text-align: center;
}

.newsPost cite .day {
	display: block;
	font-size: 1.7em;
	line-height: 0.8em;
	padding: 0 25px 0 5px;
	text-align: center;
}

.newsPost p {
	padding: 20px 10px 0 10px;	
}


.bioPhoto {
	background: #482e1f;
	border: 1px solid #574033;
	float: right;
	margin: 10px 10px 10px 15px;
	padding: 4px;
}

.tidbits {
	background: none;
	float: left;
	margin: 15px 0 20px;
	padding: 0 20px;
	width: 260px;
}

.tidbits ul {
	font-size: 1.2em;
	padding: 15px 10px 10px;	
}

.tidbits li {
	background: transparent url(../images/bgBulletSprites.png) 0 -144px no-repeat;
	padding: 0.3em 25px;	
}

.quickMessage {
	color: #dbd294;
	font-style: italic;
	padding: 10px 40px 20px;
}

#main .contactInfo {
	background: transparent url(../images/bgContentDivider.gif) 0 0 repeat-x;
	font-size: 1.5em;
	font-style: normal;
	padding: 30px 20px 10px;
}

a.downloadResume {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	
	color: #aba099;
	background: #574033;
	border: 1px solid #1a110b;
	padding: 10px 15px;
	position: absolute;
	right: 15px;
	top: 15px;
}

a.downloadResume:hover {
	color: #fff;	
}

.education {
	font-size: 1.2em;
	padding: 0 10px;
}

.education dt {
	float: left;
	margin-top: 15px;	
}

.education dd {
	float: left;
	padding: 15px 0 0 10px;
}

.education .degree {
	clear: both;
	color: #99c6e3;
	float: none;
	font-size: 1.2em;
	padding: 3px 0;	
}

.education cite {
	color: #aba099;	
}

.employer {
	margin: 15px -17px 5px 0;	
}

.experience {
	font-size: 1.2em;
}

.experience address {
	color: #aba099;
	float: left;
	font-style: normal;
	padding-right: 10px;
}

.experience cite {
	color: #aba099;
}

.experience dl {
	padding: 10px;
}

.experience dl.last {
	padding-bottom: 0;	
}

.experience dt {
	color: #99c6e3;	
	font-size: 1.2em;
	padding: 3px 0;
}

.experience dd {
	background: transparent url(../images/bgBulletSprites.png) 0 -144px no-repeat;
	padding: 0.3em 25px;	
}

.generalSkills {
	font-size: 1.2em;	
	padding: 10px;
}

.generalSkills li {
	background: transparent url(../images/bgBulletSprites.png) 0 -144px no-repeat;
	padding: 0.3em 25px;
}

.services {
	padding: 5px 20px 0;
}

.services dt {
	color: #99C6E3;
	font-size: 1.4em;
	margin-top: 15px;
}

.services dd {
	background: transparent url(../images/bgBulletSprites.png) 0 -144px no-repeat;
	padding: 0.3em 25px;
	font-size: 1.2em;
}


.sharedLinks {
	font-size: 1.2em;
	margin: 5px 20px 0;
}

.sharedLinks dt {
	font-size: 1.1em;
	margin-top: 10px;	
}

.sharedLinks dd {
	padding: 3px 0;	
}



/*: Portfolio Presentation :*/
#content .gallery h4, #content .showcase h4 {
	background: transparent url(../images/bgContentDivider.gif) 0 0 repeat-x;
	clear: both;
	padding: 30px 0 15px 0;
}

#content .gallery h4 {
	margin-top: 10px;	
}

#content .showcase h4 {
	margin-top: 20px;	
}

#content .gallery h4.first, #content .showcase h4.first {
	background: none;
	margin-top: 10px;
}

.gallery li {
	float: left;
}

.gallery a, .showcase a {
	border: none;
	background-color: #574033;
	display: block;
	margin: 10px;
	padding: 4px;
	text-decoration: none;
}

.gallery a {
	position: relative;	
}

.showcase a {
	margin-right: 20px;
	float: left;	
}

.gallery img, .showcase img {
	border: 1px solid #1a110b;
	display: block;	
}

.gallery li span {
	background-color: rgba(0,0,0,0.7);
	bottom: 5px;
	color: #fff;
	display: block;
	font-style: italic;
	height: 40px;
	left: 5px;
	padding-top: 20px;
	position: absolute;
	text-align: center;
	visibility: hidden;
	width: 170px;
}

.gallery a:hover, .showcase a:hover {
	background-color: #8bc0e3;	
}

.gallery a:hover span {
	visibility: visible;	
}


.showcase .projectInfo {
	float: right;
	width: 290px;
}

.showcase h5 {
	margin: 15px -17px 0 0;
}

.showcase .projectInfo p {
	padding-bottom: 10px;	
}

.showcase .projectInfo ul {
	font-size: 1.2em;
	padding: 15px 10px 10px;
}

.showcase .projectInfo li {
	background: transparent url(../images/bgBulletSprites.png) 0 -144px no-repeat;
	padding: 0.3em 25px;
}

.showcase .siteLink {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	
	background: #574033;
	border: 1px solid #1a110b;
	clear: left;
	color: #aba099 /*#fff*/;
	font-size: 1.1em;
	margin: 10px 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 258px;
}

.showcase a.siteLink:hover {
	color: #fff;
	background: #246489;	
}

.showcase .offline {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
	
	background: #1a110b;
	clear: left;
	color: #574033;
	display: block;
	float: left;
	font-size: 1.1em;
	margin: 10px 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 258px;
}


/*: Sidebar :*/
#sidebar {
	width: 260px;
	margin-left: 10px;
	padding-top: 58px;
}

#sidebar p {
	padding-top: 0;	
}

#home #sidebar {
	padding-top: 0;	
}

#subNav {
	border-bottom: 1px solid rgba(255,255,255,0.15);
	margin: 0 -30px 0;
}

#subNav li a {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	border-top: 1px solid rgba(255,255,255,0.15);
	color: #2c1c13;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	text-decoration: none;
}

#subNav li a span {
	background: transparent url(../images/bgBulletSprites.png) 0 4px no-repeat;
	padding: 3px 0 3px 24px;	
}

#subNav li a:hover span {
	background: transparent url(../images/bgBulletSprites.png) 0 -46px no-repeat;
	color: #fff;
}

#subNav li.selected a span {
	background: transparent url(../images/bgBulletSprites.png) 0 -98px no-repeat;
	color: #8bc0e3;
}

/*: General Modules :*/
.mod {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	background: #3f7da1;
	margin: 20px 0 0;
	padding: 0 2px;
}

.mod h3 {
	color: #173f57;
	font: 1.8em "ChunkFiveRegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 8px 20px 4px;
}

#content .mod .slant {
	color: #173f57;
	font: .7em	"Lucida Grande", Arial, Helvetica, sans-serif;
	font-style: italic;
}

.modContent {
	border-top: 1px solid rgba(255,255,255,0.15);
	padding: 19px;	
}


/*: Skills Module :*/
#skills .modContent {
	padding-top: 9px;
}

#skills .skillWrap {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.3);
	
	background: #246489;	
}

#skills h4 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
	
	background: none;
	clear: none;
	font-size: 1.5em;
	margin-top: 10px;
	padding: 5px 10px;
}

#skills h4.closed {
	background: transparent url(../images/bgSidebarMods.png) 10px -541px no-repeat;
	cursor: pointer;
	padding-left: 23px;
}

#skills h4.closed:hover {
	background: transparent url(../images/bgSidebarMods.png) 10px -591px no-repeat;
	color: #fff;	
}


#skills h4.open {
	background: transparent url(../images/bgSidebarMods.png) 8px -641px no-repeat;
	cursor: pointer;
	padding-left: 23px;
}

#skills h4.open:hover {
	background: transparent url(../images/bgSidebarMods.png) 8px -691px no-repeat;
	color: #fff;	
}

#skills ul {
	padding: 0 2px 10px;
}

#skills li {
	color: #fff;
	font-size: 1.1em;
	padding: 0 10px 5px;
}

#skills .first {
	border-top: 2px solid #3f7da1;
	padding-top: 5px;
}

#skills li span {
	display: block;	
}

#skills .level1 { background: transparent url(../images/bgSidebarMods.png) right -848px no-repeat; }
#skills .level2 { background: transparent url(../images/bgSidebarMods.png) right -823px no-repeat; }
#skills .level3 { background: transparent url(../images/bgSidebarMods.png) right -798px no-repeat; }
#skills .level4 { background: transparent url(../images/bgSidebarMods.png) right -773px no-repeat; }
#skills .level5 { background: transparent url(../images/bgSidebarMods.png) right -748px no-repeat; }


/*: Twitter Module :*/
#twitter {
	background: none;
	padding: 0 0 117px;
	position:	relative;
}

#twitter h3 {
	background: transparent url(../images/bgSidebarMods.png) 0 -421px no-repeat;
	border: none;
	bottom: 0;
	height: 117px;
	left: -77px;
	padding: 0;
	position: absolute;
	text-indent: -99999px;
	bottom: 0;
	width: 136px;
}

#twitter blockquote {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	background: #c1d6e3 url(../images/bgSidebarMods.png) 6px -346px no-repeat;
	padding: 20px 10px;
}

#twitter p {
	color: #246489;
	font-size: 1.1em;
	font-style: italic;
	padding: 0;	
}

#twitter a {
	color: #1a110b;
	border-bottom-color: #1a110b;
}

#twitter a:hover {
	color: #fff;
	border-bottom-color: #fff;
}


/*: Artboard Module :*/
#artboard {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	background: none;
	padding: 0;
	
}

#artboard h3 {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	
	color: #1a110b;
	background: #574033;
	border: 1px solid #1a110b;
	border-bottom: 1px solid rgba(26,17,11,0.7);
}

#artboard .modContent {
	background: #aba099 url(../images/bgSidebarArtboardGrad.jpg) 0 0 repeat-x;
	border-left: 1px solid #1a110b;
	border-right: 1px solid #1a110b;
	border-top: none;
	padding-top: 25px;
	padding-bottom: 5px;

}

#artboard a.artLink {
	background-color: rgba(0,0,0,0.15);
	border: none;
	display: block;
	height: 123px;
	margin: 0 auto;
	padding: 6px;
	width: 172px;
}

#artboard img {
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	
	border: 1px solid #645e59;
	border-bottom-color: #b8b2ad;
	border-top-color: #494441;
	display: block;
}

#artboard a.viewMore {
	color: #69625e;
	background: transparent url(../images/bgSidebarArtboardBottom.gif) 0 bottom no-repeat;
	border: none;
	display: block;
	font-style: italic;
	font-size: 1.1em;
	font-weight: bold;
	height: 23px;
	padding: 8px 40px 0 38px;
	text-align: right;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

#artboard a.viewMore:hover {
	color: #1a110b;	
}


/*: Hire Module :*/
#hire p {
	color: #173f57;
	font-size: 1.15em;
	padding-bottom: 10px;
}

#hire a.button {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	
	background: #246489;
	border: 1px solid #1a110b;
	color: #8bc0e3;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	padding: 15px 10px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.7);
	text-transform: uppercase;
}

#hire a.button:hover {
	color: #fff;	
}


/*: Elsewhere Module :*/
#elsewhere .modContent {
	padding-top: 10px;	
}

#elsewhere li {
	background: #1d5270 url(../images/bgSidebarMods.png) 0 0 repeat-x;
	border: 1px solid #1a110b;
	height: 28px;
	margin: 10px 0 0;
	overflow: hidden;
}

#elsewhere li a {
	color: #8bc0e3;
	border: 1px solid rgba(139,192,227,0.4);
	display: block;	
	font-weight: bold;
	font-size: 1.1em;
	height: 26px;
	letter-spacing: 0.1em;
	line-height: 26px;
	padding-left: 85px;
	text-decoration: none;
	text-transform: uppercase;
}

#elsewhere a:hover {
	color: #fff;	
}

#elsewhere .twitter a { background: transparent url(../images/bgSidebarMods.png) 0 -51px no-repeat; }
#elsewhere .facebook a { background: transparent url(../images/bgSidebarMods.png) 0 -151px no-repeat; }
#elsewhere .linkedin a { background: transparent url(../images/bgSidebarMods.png) 0 -251px no-repeat; }

#elsewhere .twitter a:hover { background: transparent url(../images/bgSidebarMods.png) 0 -101px no-repeat; }
#elsewhere .facebook a:hover { background: transparent url(../images/bgSidebarMods.png) 0 -201px no-repeat; }
#elsewhere .linkedin a:hover { background: transparent url(../images/bgSidebarMods.png) 0 -301px no-repeat; }




/*::: FOOTER :::*/
#footer {
	background: rgb(26,17,11);
	border-top: 10px solid rgb(139,192,227);
	color: #246489;
	font-size: 1.1em;
	height: 60px;
	padding: 70px 0 0;
	position: relative;
	top: -60px;
	z-index: 100;
}

#footerLiner {
	margin: 0 auto;
	width: 980px;
}

#footer address {
	float: right;
	padding-left: 20px;
	width: 586px;
}

#footer address a {
	color: #246489;	
	border-bottom-color: #246489;
}

#footer address a:hover {
	color: #8bc0e3;	
}