@charset "utf-8";
/* CSS Document */

html{
	padding:0 0 30px;
	margin:0;
}

body{
	width:982px;
	margin:0 auto;
	padding:24px 0 0;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#000;
}

h1, h2, h3, h4, h5, h6, ul, li{
	margin:0;
	padding:0;
}

ul, li{
	list-style:none;
}

p{
	line-height:20px;
	margin-bottom:15px;
}

a{
	color:#367bad;
	text-decoration:underline;
	cursor:pointer;
}

a:hover{
	text-decoration:none;
}

.mainContainer{
	width:800px;
	overflow:hidden;
	float:right;
}

#homePage a, #secondaryNav a{
	text-decoration:none;
	color:#000;
}

#secondaryNav a:hover{
	text-decoration:underline;
}

a img{
	border:0;
}

.textReplace{
	text-indent:-9999em;
	overflow:hidden;
	text-align:left;
}


.container{
	margin:9px 0 0;
	background:#fdfdfd url(/images/contentbox-bot-bg.png) repeat-x bottom;
}

.container .inner1{
	background:url(/images/contentbox-left-bg.png) repeat-y left;
}

.container .inner2{
	background:url(/images/contentbox-right-bg.png) repeat-y right;
}

.container .inner3{
	background:url(/images/contentbox-bot-left-bg.png) no-repeat bottom left;
}

.container .inner4{
	background:url(/images/contentbox-bot-right-bg.png) no-repeat bottom right;
	padding:0 0 14px;
}

.container h2, .container h3, .container h4{
	background:url(images/contentbox-header-bg.png) repeat-x;
	font-weight:normal;
	font-size:15px;
	line-height:16px;
	padding:9px 12px 11px;
	border:1px solid #e0e0e0;
	border-bottom:0;
	text-transform:lowercase;
}

.container a{
	display:inline-block;
	padding:4px 0;
	margin:4px 20px;
	line-height:12px;
	text-decoration:none;
}

.container a:hover{
	text-decoration:underline;
}





/* ---- Begin Sidebar CSS  -------------------------------- */
#primaryNav{
	float:left;
	width:172px;
	overflow:hidden;
	position:fixed;
}

#primaryNav .inner{
	margin:0 25px 0 15px;
}

a#wesruv{
	display:block;
	width:131px;
	text-decoration:none;
	color:#000;
}

a#wesruv:hover{
	color:#367bad;
}

a#wesruv h1{
	text-indent:-9999em;
	overflow:hidden;
	display:inline-block;
	width:131px;
	height:22px;
	background:url(images/wesruv.png) no-repeat;
	margin:0;
	padding:0;
}

#logo h2{
	text-align:center;
	font-size:13px;
	font-weight:normal;
	margin:3px 0 10px;
	padding:0;
}

#primaryNav ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	width:126px;
}

#primaryNav ul li{
	margin:0 0 1px 3px;
	padding:0;
	display:block;
	width:126px;
}

#primaryNav ul li a{
	display:block;
	height:36px;
	font-size:16px;
	color:#5c5c5c;
	text-decoration:none;
}

#primaryNav ul li a:hover{
	color:#367bad;
}

#primaryNav ul li a div{
	display:block;
	font-size:16px;
	padding:8px 0 0 30px;
	margin:0;
	overflow:hidden;
}

#primaryNav ul li a:hover{
	background:transparent;
}

#primaryNav ul li a span{
	font-size:10px;
	vertical-align:2px;
}

#navResume a{
	background:url(images/menu-doc-bg.png) top center no-repeat;
}

#navResume{
	background:url(images/menu-doc-hover-bg.png) top center no-repeat;
}

#navAbout a{
	background:url(images/menu-info-bg.png) top center no-repeat;
}

#navAbout{
	background:url(images/menu-info-hover-bg.png) top center no-repeat;
}

#navContact a{
	background:url(images/menu-email-bg.png) top center no-repeat;
}

#navContact{
	background:url(images/menu-email-hover-bg.png) top center no-repeat;
}





/* ---- Begin secondary Nav CSS  -------------------------------- */
#secondaryNav{
    overflow:hidden;
}

#secondaryNav ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:16px;
	line-height:16px;
    border:1px solid #a8cce6;
    float:left;
}

#secondaryNav ul li{
	margin:0;
	padding:0;
	float:left;
	background:url(images/top-menu-bg.png);
}

#secondaryNav ul li a{
	display:block;
	background:url(images/top-menu-left-bg.png) no-repeat;
}

#secondaryNav ul li a:hover{
    text-decoration:none;
    color:#367bad;
}

#secondaryNav ul li a div{
	padding:11px 20px 12px 32px;
	background:url(images/top-menu-right-bg.png) no-repeat right;
}








/* ---- Home Page CSS  -------------------------------- */
a.quadrant{
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #aaa;
	width:390px;
	height:140px;
	display:block;
}

a.quadrant div{
	color:#286999;
}

a.quadrant:hover div{
	color:#13486f;
}

a.quadrant:hover{
	border:1px solid #ddd;
}

#qInterface, #qIdentity{
	margin-right:0;
}



#qInteractive{
	background:url(images/interactive-bg.png) no-repeat;
}

#qInterface{
	background:url(images/interface-bg.png) no-repeat;
}

#qIconography{
	background:url(images/iconography-bg.png) no-repeat;
}

#qIdentity{
	background:url(images/identity-bg.png) no-repeat;
}




a.quadrant div{
	padding:19px 0 21px 38px;
	font-size:22px;
	margin:0px 0 0;
}



#tagLine{
	font-weight:normal;
	font-size:24px;
	line-height:29px;
	margin:0;
	padding:0;
	clear:both;
	background: url(/images/footer-bg.png) no-repeat;
	color:#fff;
	border:1px solid #d4d4d4;
	height:48px;
}

#tagLine strong{
	clear:left;
	color:#7b7b7b;
	display:inline-block;
	padding:8px 7px 0 25px;
	color:#6492b3;
}

#tagLine span{
	font-size:21px;
	color:#a0a0a0;
	font-size:23px;
}







/* ---- About Page CSS  -------------------------------- */

#aboutPage{
	background:url(/images/hr-down.png) no-repeat top center;
	padding:60px 0 100px;
	margin:100px 0 0;
}

#aboutSidebar{
	width:290px;
	margin:0 0 0 38px;
	float:left;
}

#aboutPage h2{
	color:#367bad;
	font-size:22px;
	line-height:27px;
	margin-top:25px;
}

#aboutPage h2 span{
	font-weight:normal;
	display:block;
}

#aboutPage h2, #aboutPage p{
	margin-left:25px;
	margin-right:20px;
}


#aboutSidebar{
	margin-top:15px;
	float:right;
}

#aboutSidebar h4{
	background:url(images/gray-pin-stripe-bg.png) 2px 0;
	text-align:right;
	padding:3px 8px;
	font-weight:normal;
	color:#353535;
}

#steelyVeneer{
	border-top:0px;
}

#aboutSidebar .container{
	margin:30px 20px 0;
}

#aboutSidebar .container ul{
	margin-top:4px;
}






/* ---- Gallery Pages CSS  -------------------------------- */

#galleryPage{
    width:810px;
}

#gallery{
    clear:both;
    background:url(/images/gallery/gallery-container-bg.png);
    margin:11px 0;
}

#gallery .inner1{
    background:url(/images/gallery/gallery-container-top-bg.png) no-repeat;
}

#gallery .inner2{
    background:url(/images/gallery/gallery-container-mid-bg.png) no-repeat 0 436px;
}

#gallery .inner3{
    background:url(/images/gallery/gallery-container-bot-bg.png) no-repeat bottom;
    padding:10px;
    overflow:hidden;
}

#galleryTitle{
    margin:0;
    background:#9c9c9c url(/images/gallery/header-bar-bg.png);
    height:45px;
    border:1px solid #aaa;
}

#galleryTitle h3{
    font-size:22px;
    text-align:center;
    font-weight:normal;
    color:#fff;
    line-height:40px;
}

#galleryTitle a.previous, #galleryTitle a.next{
    background:url(/images/gallery/project-prev-bg.png);
    display:block;
    text-decoration:none;
    height:45px;
    width:153px;
    color:#464444;
    float:left;
    font-size:14px;
    text-align:center;
    line-height:44px;
}

#galleryTitle a.previous:hover, #galleryTitle a.next:hover{
    color:#000;
}

#galleryTitle a.next{
    background:url(/images/gallery/project-next-bg.png);
    float:right;
}




#imgContainer{
    border:1px solid #aaa;
    border-top:0;
    background:#ebebeb url(/images/gallery/gallery-bg.png);
    height:384px;
    overflow:hidden;
}

#imgContainer .previous div, #imgContainer .next div{
    width:71px;
    height:384px;
    background:url(images/gallery/pic-prev-bg.png) no-repeat;
}

#imgContainer .previous{
    background:url(images/gallery/pic-prev-hover-bg.png) no-repeat;
	display:block;
    float:left;
    border-right:1px dashed #cacaca;
}

#imgContainer .previous div:hover, #imgContainer .next div:hover{
    background:transparent;
}

#imgContainer .next{
    background:url(images/gallery/pic-next-hover-bg.png) no-repeat;
	display:block;
    float:right;
    border-left:1px dashed #cacaca;
}

#imgContainer .next div{
    background:url(/images/gallery/pic-next-bg.png) no-repeat;
    border-right:0;
}




#imgGallery{
    overflow:hidden;
}

#imgGallery .image{
    width:644px;
    text-align:center;
    display:block;
    margin:30px 0 0;
}

#imgGallery a{
    display:inline-block;
    margin:auto;
    background:url(/images/gallery/crop-mark-tl.png) no-repeat;
}

#imgGallery a .inner1{
    display:inline-block;
    background:url(/images/gallery/crop-mark-tr.png) no-repeat top right;
}

#imgGallery a .inner2{
    display:inline-block;
    background:url(/images/gallery/crop-mark-bl.png) no-repeat bottom left;
}

#imgGallery a .inner3{
    display:inline-block;
    padding:9px;
    background:url(/images/gallery/crop-mark-br.png) no-repeat bottom right;
}

#imgGallery a img{
    border:1px solid #cbcbcb;
}


#galleryDescription{
    clear:left;
    width:500px;
    margin:14px 24px 0;
    padding:10px 0 0;
}

#galleryIndicators{
    margin:0 0 0 88px;
    padding:0;
    list-style:none;
}

#galleryIndicators li{
    margin:0;
    padding:0;
    display:inline-block;
}

#galleryIndicators a{
    display:inline-block;
    width:17px;
    height:25px;
    background:url(/images/gallery/indicator.png) no-repeat 3px 6px;
}

#galleryIndicators a:hover{
	background-position:-49px 6px;
}

#galleryIndicators a.current{
	background-position:-23px 6px;
	cursor:default;
}

#galleryDescription{
    float:left;
	margin-bottom:10px;
}

#galleryDescription h3{
    color:#367bad;
    font-size:22px;
    margin:0;
    padding:4px 0 0;
}

#galleryDescription h4{
    font-weight:normal;
    font-size:16px;
    padding:5px 0 0;
    margin:0;
    color:#474747;
}

#relatedWork{
    float:right;
    width:231px;
	background:none;
}

#relatedWork h3{
	font-size:14px;
}

#relatedWork a{
	display:block;
	padding:6px 0;
	margin:4px 20px;
	line-height:12px;
}








/* ---- Coming Soon Pages CSS  -------------------------------- */

#comingSoon{
	background:url(/images/coming-soon/myself.png) no-repeat right 20px;
	height:400px;
}

#comingSoonHeader{
	background:url(/images/coming-soon/coming-soon-header.png) top left no-repeat;
	width:233px;
	height:36px;
	margin-top:25px;
}

#comingSoon p{
	font-size:14px;
	line-height:22px;
	display:block;
	margin-right:330px;
	margin-bottom:20px;
}

#comingSoon .container{
	float:left;
	width:240px;
	margin-right:15px;
}

#comingSoon .container ul{
	margin-bottom:8px;
}

#comingSoon .container li{
	margin-bottom:5px;
}

#comingSoon .container a{
	padding-bottom:0;
	margin-bottom:0;
}

#comingSoon .container span.description{
	margin: 0 20px 0;
	font-size:10px;
	display:block;
	line-height:10px;
}

#progressLink{
	display:block;
	float:left;
	clear:left;
	margin-top:30px;
	text-decoration:none;
}






#footer{
	clear:both;
	text-align:right;
	padding:20px 10px;
	font-weight:11px;
	color:#888;
}