/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
}
body {
	font: 14px arial, verdana, helvetica, sans-serif;
	background: #FCFBF7;
}
#container {
	width: 1000px;
	margin: 0 auto -573px;
	background: #FCFBF7;
	position: relative;
}
p {
	color: #264D5F;
}
a {
	outline: none;
}
a:link, a:visited {
	color: #264D5F;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	color: #264D5F;
	text-decoration: underline;
}
img {
	border: none;
}
span {
	display: none;
}



/************************* Begin Header *************************/
#header h1 {
	width: 1000px;
	height: 215px;
	background: url(images/slice-header.jpg) no-repeat;
}
#header h1 a {
	display: block;
	height: 285px;
}



/************************* Begin Main Navigation *************************/
#nav {
	width: 1000px;
	height: 39px;
	background: url(images/slice-nav.jpg) no-repeat;
	margin: 0 0 30px 0;
}
#nav ul li#nhome {
	margin-left: 110px;
}
#nav ul li#nportfolio {
	margin-left: 57px;
}
#nav ul li#nresume {
	margin-left: 57px;
}
#nav ul li#ncontact {
	margin-left: 57px;
}
#nav ul li {
	list-style-type: none;
	display: inline;
	float: left;
}
#nav ul li a {
	height: 39px;
	display: block;
}

#nav ul li#nhome a:link,
#nav ul li#nhome a:visited {
	width: 148px; /* width of each button */
}
#nav ul li#nhome a:hover,
#nav ul li#nhome a:active {
	background: url(images/slice-nav.jpg) -110px -39px; /* X-postion // height */
}
#nav ul li#nportfolio a:link,
#nav ul li#nportfolio a:visited {
	width: 148px; /* width of each button */
}
#nav ul li#nportfolio a:hover,
#nav ul li#nportfolio a:active {
	background: url(images/slice-nav.jpg) -315px -39px; /* X-postion // height */
}
#nav ul li#nresume a:link,
#nav ul li#nresume a:visited {
	width: 148px; /* width of each button */
}
#nav ul li#nresume a:hover,
#nav ul li#nnresume a:active {
	background: url(images/slice-nav.jpg) -520px -39px; /* X-postion // height */
}
#nav ul li#ncontact a:link,
#nav ul li#ncontact a:visited {
	width: 148px; /* width of each button */
}
#nav ul li#ncontact a:hover,
#nav ul li#ncontact a:active {
	background: url(images/slice-nav.jpg) -725px -39px; /* X-postion // height */
}

/*************** Main Navigation On-Page ***************/
#home #nav ul li#nhome a:link,
#home #nav ul li#nhome a:visited,
#home #nav ul li#nhome a:hover {
	background: url(images/slice-nav.jpg) -110px -39px; /* X-postion // height */
}
#portfolio #nav ul li#nportfolio a:link,
#portfolio #nav ul li#nportfolio a:visited,
#portfolio #nav ul li#nportfolio a:hover {
	background: url(images/slice-nav.jpg) -315px -39px; /* X-postion // height */
}
#portfolio-print #nav ul li#nportfolio a:link,
#portfolio-print #nav ul li#nportfolio a:visited,
#portfolio-print #nav ul li#nportfolio a:hover{
	background: url(images/slice-nav.jpg) -315px -39px; /* X-postion // height */
}
#portfolio-web #nav ul li#nportfolio a:link,
#portfolio-web #nav ul li#nportfolio a:visited,
#portfolio-web #nav ul li#nportfolio a:hover {
	background: url(images/slice-nav.jpg) -315px -39px; /* X-postion // height */
}
#portfolio-flash #nav ul li#nportfolio a:link,
#portfolio-flash #nav ul li#nportfolio a:visited,
#portfolio-flash #nav ul li#nportfolio a:hover {
	background: url(images/slice-nav.jpg) -315px -39px; /* X-postion // height */
}
#resume #nav ul li#nresume a:link,
#resume #nav ul li#nresume a:visited,
#resume #nav ul li#nresume a:hover {
	background: url(images/slice-nav.jpg) -520px -39px; /* X-postion // height */
}
#contact #nav ul li#ncontact a:link,
#contact #nav ul li#ncontact a:visited,
#contact #nav ul li#ncontact a:hover {
	background: url(images/slice-nav.jpg) -725px -39px; /* X-postion // height */
}



/************************* Begin Content *************************/
#content {
	position: relative;
	z-index: 9;
	min-height: 900px;
}
/*************** Begin Left Column ***************/
#home #content #leftcol {
	background: url(images/slice-feather.jpg) no-repeat;
	width: 400px;
	height: 663px;
	float: left;
}
#portfolio #content #leftcol {
	width: 477px;
	float: left;
}
#portfolio-print #content #leftcol {
	width: 477px;
	float: left;
}
#portfolio-web #content #leftcol {
	width: 477px;
	float: left;
}
#portfolio-flash #content #leftcol {
	width: 477px;
	float: left;
}
#contact #content #leftcol p {
	background: url(images/slice-resume.jpg) no-repeat;
	width: 400px;
	height: 286px;
	float: left;
	display: block;
}
#contact #content #leftcol p a {
	width: 130px;
	height: 45px;
	margin-top: 103px;
	margin-left: 168px;
	display: block;
}
#sitemap #content #leftcol {
	background: url(images/slice-organic.jpg) no-repeat;
	width: 400px;
	height: 447px;
	float: left;
}

/*************** Sub-navigation ***************/
#sub-nav {
	background: url(images/slice-sub-nav.jpg) no-repeat;
	width: 477px;
	height: 199px;
	margin: 0px;
	padding: 0px;
}
#sub-nav ul li#sprint {
	width: 150px;
	height: 45px;
	margin-left: 236px;
	display: block;
}
#sub-nav ul li#sweb {
	width: 150px;
	height: 45px;
	margin-left: 198px;
	display: block;
}
#sub-nav ul li#sflash {
	width: 150px;
	height: 45px;
	margin-left: 269px;
	display: block;
}
#sub-nav ul li {
	list-style-type: none;
	display: inline;
	float: left;
}
#sub-nav ul li a {
	height: 45px;
	display: block;
}

#sub-nav ul li#sprint a:link,
#sub-nav ul li#sprint a:visited {
	height: 45px; /* height of each button */
}
#sub-nav ul li#sprint a:hover,
#sub-nav ul li#sprint a:active {
	background: url(images/slice-sub-nav.jpg) -713px -0px; /*width // Y-position*/
}
#sub-nav ul li#sweb a:link,
#sub-nav ul li#sweb a:visited {
	height: 45px; /* height of each button */
}
#sub-nav ul li#sweb a:hover,
#sub-nav ul li#nsweb a:active {
	background: url(images/slice-sub-nav.jpg) -675px -45px; /*width // Y-position*/
}
#sub-nav ul li#sflash a:link,
#sub-nav ul li#sflash a:visited {
	height: 45px; /* height of each button */
}
#sub-nav ul li#sflash a:hover, #sub-nav ul li#sflash a:active {
	background: url(images/slice-sub-nav.jpg) -746px -90px; /*width // Y-position*/
}

/********** Sub-navigation On-Page **********/
#portfolio-print #sub-nav ul li#sprint a:link,
#portfolio-print #sub-nav ul li#sprint a:visited,
#portfolio-print #sub-nav ul li#sprint a:hover {
	background: url(images/slice-sub-nav.jpg) -713px -0px; /*width // Y-position*/
}
#portfolio-web #sub-nav ul li#sweb a:link,
#portfolio-web #sub-nav ul li#sweb a:visited,
#portfolio-web #sub-nav ul li#sweb a:hover {
	background: url(images/slice-sub-nav.jpg) -675px -45px; /*width // Y-position*/
}
#portfolio-flash #sub-nav ul li#sflash a:link,
#portfolio-flash #sub-nav ul li#sflash a:visited,
#portfolio-flash #sub-nav ul li#sflash a:hover {
	background: url(images/slice-sub-nav.jpg) -746px -90px; /*width // Y-position*/
}



/*************** Begin Right Column ***************/
#content #rightcol p {
	margin: 0 100px 20px 75px;
	padding: 0;
}
#content #rightcol p.first {
	margin-top: 125px;
}
#home #content #rightcol {
	width: 600px;
	height: 447px;
	background: url(images/slice-home.jpg) no-repeat;
	float: left;
}
#portfolio #content #rightcol {
	width: 523px;
	height: 585px;
	background: url(images/slice-portfolio.jpg) no-repeat;
	float: left;
}
#portfolio-print #content #rightcol {
	width: 523px;
	height: 585px;
	background: url(images/slice-portfolio-print.jpg) no-repeat;
	float: left;
}
#portfolio-web #content #rightcol {
	width: 523px;
	height: 585px;
	background: url(images/slice-portfolio-web.jpg) no-repeat;
	float: left;
}
#portfolio-flash #content #rightcol {
	width: 523px;
	height: 585px;
	background: url(images/slice-portfolio-flash.jpg) no-repeat;
	float: left;
}
#contact #content #rightcol {
	width: 600px;
	height: 447px;
	background: url(images/slice-contact.jpg) no-repeat;
	float: left;
}
#sitemap #content #rightcol {
	width: 600px;
	height: 620px;
	background: url(images/slice-sitemap.jpg) no-repeat;
	float: left;
}


/*************** Begin Portfolio ***************/
#portfolio #content #rightcol p#polaroid {
	margin: 110px 0 10px 50px;
}
#portfolio-print #content #rightcol p#volcom {
	margin: 120px 0 10px 30px;
}
#portfolio-print #content #rightcol p#global {
	margin-left: 50px;
}
#portfolio-web #content #rightcol p#nbs {
	margin: 140px 0 20px 150px;
}
#portfolio-web #content #rightcol p#aai {
	margin-left: 30px;
}
#portfolio #content #rightcol p#polaroid-flash {
	margin-left: 150px;
}
#portfolio-flash #content #rightcol p#tbs {
	margin: 120px 0 10px 50px;
}



/*************** Begin Contact Page Form ***************/
#contact #form {
	color: #264D5F;
	margin-top: 20px; 
}
#contact #form #formtable td.leftcol {
	text-align: right;
	width: 200px;
}
#contact #form #formtable td.leftcoltop {
	text-align: right;
	vertical-align: top;
	width: 200px;
}
#contact #form #formtable td.rightcol {
	text-align: left;
	width: 200px;
}
#contact #form #formtable td.rightcol input.formstyle1 {
	margin: 0;
	text-align: left;
	width: 200px;
}
#contact #form #formtable td.rightcol textarea.formstyle1 {
	margin: 0;
	text-align: left;
	width: 200px;
}
#contact #form #formtable input#submit {
	background: url(images/slice-submit.jpg) no-repeat;
	width: 99px;
	height: 25px;
}



/*************** Begin Site Map ***************/
#sitemap #rightcol ul li {
	margin-left: 50px;
}
#sitemap #rightcol ul li.first {
	margin: 240px 0 0 50px;
}
#sitemap #rightcol ul li.sitemap {
	margin-left: 75px;
}
#sitemap #rightcol ul li { 
	background: transparent url("images/slice-bullet.jpg") 0px 6px no-repeat;
	list-style-type: none;
	padding-left: 10px;
	line-height: 25px;
}



/************************* Begin Footer *************************/
#footer {
	width: 1000px;
	height: 187px;
	margin: 0 auto;
	bottom: 0;
	clear: both;
	position: fixed;
	z-index: 999;
}
#footer #bird {
	background: url("images/slice-bird.png") no-repeat scroll 0 0 transparent;
	width: 325px;
	height: 303px;
	margin: 0;
	top: -303px;
	position: relative;
	z-index: 900;
}
#footer #branch {
	background: url("images/slice-footer.jpg") no-repeat scroll 0 0 transparent;
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	bottom: -13px;
	position: absolute;
	z-index: 900;
}
#footer #branch-portfolio {
	background: url("images/slice-footer-portfolio.jpg") no-repeat scroll 0 0 transparent;
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	bottom: -13px;
	position: absolute;
	z-index: 900;
}

/*************** Footer Navigation ***************/
#footer #footer-nav {
	background: transparent url(images/slice-footer-nav.jpg) no-repeat scroll 0 0;
	height: 85px;
	margin: 0;
	padding: 0;
	bottom: 0;
	position: absolute;
	top: 116px;
	z-index: 999;
}
#footer #footer-nav ul li#fsitemap {
	margin-left: 365px;
}
#footer #footer-nav ul li#fhome {
	margin-left: 245px;
}
#footer #footer-nav ul li {
	list-style-type: none;
	display: inline;
	float: left;
}
#footer #footer-nav ul li a {
	height: 85px;
	display: block;
}

#footer #footer-nav ul li#fsitemap a:link,
#footer #footer-nav ul li#fsitemap a:visited {
	width: 55px; /* width of each button */
}
#footer #footer-nav ul li#fsitemap a:hover,
#footer #footer-nav ul li#fsitemap a:active {
	background: url(images/slice-footer-nav.jpg) -365px -85px; /* X-postion // height */
}
#footer #footer-nav ul li#fhome a:link,
#footer #footer-nav ul li#fhome a:visited {
	width: 77px; /* width of each button */
}
#footer #footer-nav ul li#fhome a:hover,
#footer #footer-nav ul li#fhome a:active {
	background: url(images/slice-footer-nav.jpg) -665px -85px; /* X-postion // height */
}
#footer #footer-nav ul li#fportfolio a:link,
#footer #footer-nav ul li#fportfolio a:visited {
	width: 90px; /* width of each button */
}
#footer #footer-nav ul li#fportfolio a:hover,
#footer #footer-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav.jpg) -742px -85px; /* X-postion // height */
}
#footer #footer-nav ul li#fresume a:link,
#footer #footer-nav ul li#fresume a:visited {
	width: 87px; /* width of each button */
}
#footer #footer-nav ul li#fresume a:hover,
#footer #footer-nav ul li#fresume a:active {
	background: url(images/slice-footer-nav.jpg) -832px -85px; /* X-postion // height */
}
#footer #footer-nav ul li#fcontact a:link,
#footer #footer-nav ul li#fcontact a:visited {
	width: 80px; /* width of each button */
}
#footer #footer-nav ul li#fcontact a:hover,
#footer #footer-nav ul li#fcontact a:active {
	background: url(images/slice-footer-nav.jpg) -919px -85px; /* X-postion // height */
}

/********** Footer Navigation On-Page **********/
#sitemap #footer #footer-nav ul li#fsitemap a:link,
#sitemap #footer #footer-nav ul li#fsitemap a:visited,
#sitemap #footer #footer-nav ul li#fsitemap a:hover,
#sitemap #footer #footer-nav ul li#fsitemap a:active {
	background: url(images/slice-footer-nav.jpg) -365px -85px;
}
#home #footer #footer-nav ul li#fhome a:link,
#home #footer #footer-nav ul li#fhome a:visited,
#home #footer #footer-nav ul li#fhome a:hover,
#home #footer #footer-nav ul li#fhome a:active {
	background: url(images/slice-footer-nav.jpg) -665px -85px;
}
#portfolio #footer #footer-nav ul li#fportfolio a:link,
#portfolio #footer #footer-nav ul li#fportfolio a:visited,
#portfolio #footer #footer-nav ul li#fportfolio a:hover,
#portfolio #footer #footer-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav.jpg) -742px -85px;
}
#portfolio-print #footer #footer-nav ul li#fportfolio a:link,
#portfolio-print #footer #footer-nav ul li#fportfolio a:visited,
#portfolio-print #footer #footer-nav ul li#fportfolio a:hover,
#portfolio-print #footer #footer-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav.jpg) -742px -85px;
}
#portfolio-web #footer #footer-nav ul li#fportfolio a:link,
#portfolio-web #footer #footer-nav ul li#fportfolio a:visited,
#portfolio-web #footer #footer-nav ul li#fportfolio a:hover,
#portfolio-web #footer #footer-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav.jpg) -742px -85px;
}
#portfolio-flash #footer #footer-nav ul li#fportfolio a:link,
#portfolio-flash #footer #footer-nav ul li#fportfolio a:visited,
#portfolio-flash #footer #footer-nav ul li#fportfolio a:hover,
#portfolio-flash #footer #footer-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav.jpg) -742px -85px;
}
#resume #footer #footer-nav ul li#fresume a:link,
#resume #footer #footer-nav ul li#fresume a:visited,
#resume #footer #footer-nav ul li#fresume a:hover,
#resume #footer #footer-nav ul li#fresume a:active {
	background: url(images/slice-footer-nav.jpg) -832px -85px;
}
#contact #footer #footer-nav ul li#fcontact a:link,
#contact #footer #footer-nav ul li#fcontact a:visited,
#contact #footer #footer-nav ul li#fcontact a:hover,
#contact #footer #footer-nav ul li#fcontact a:active {
	background: url(images/slice-footer-nav.jpg) -918px -85px;
}

/*************** Porftolio Footer Navigation ***************/
#footer #foot-nav {
	background: transparent url(images/slice-footer-nav-portfolio.jpg) no-repeat scroll 0 0;
	height: 85px;
	margin: 0;
	padding: 0;
	bottom: 0;
	position: absolute;
	top: 116px;
	z-index: 999;
}
#footer #foot-nav ul li#fsitemap {
	margin-left: 365px;
}
#footer #foot-nav ul li#fhome {
	margin-left: 245px;
}
#footer #foot-nav ul li {
	list-style-type: none;
	display: inline;
	float: left;
}
#footer #foot-nav ul li a {
	height: 85px;
	display: block;
}

#footer #foot-nav ul li#fsitemap a:link,
#footer #foot-nav ul li#fsitemap a:visited {
	width: 55px; /* width of each button */
}
#footer #foot-nav ul li#fsitemap a:hover,
#footer #foot-nav ul li#fsitemap a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -365px -85px; /* X-postion // height */
}
#footer #foot-nav ul li#fhome a:link,
#footer #foot-nav ul li#fhome a:visited {
	width: 77px; /* width of each button */
}
#footer #foot-nav ul li#fhome a:hover,
#footer #foot-nav ul li#fhome a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -665px -85px; /* X-postion // height */
}
#footer #foot-nav ul li#fportfolio a:link,
#footer #foot-nav ul li#fportfolio a:visited {
	width: 90px; /* width of each button */
}
#footer #foot-nav ul li#fportfolio a:hover,
#footer #foot-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -742px -85px; /* X-postion // height */
}
#footer #foot-nav ul li#fresume a:link,
#footer #foot-nav ul li#fresume a:visited {
	width: 87px; /* width of each button */
}
#footer #foot-nav ul li#fresume a:hover,
#footer #foot-nav ul li#fresume a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -832px -85px; /* X-postion // height */
}
#footer #foot-nav ul li#fcontact a:link,
#footer #foot-nav ul li#fcontact a:visited {
	width: 80px; /* width of each button */
}
#footer #foot-nav ul li#fcontact a:hover,
#footer #foot-nav ul li#fcontact a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -919px -85px; /* X-postion // height */
}

/********** Portfolio Footer Navigation On-Page **********/
#sitemap #footer #foot-nav ul li#fsitemap a:link,
#sitemap #footer #foot-nav ul li#fsitemap a:visited,
#sitemap #footer #foot-nav ul li#fsitemap a:hover,
#sitemap #footer #foot-nav ul li#fsitemap a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -365px -85px;
}
#home #footer #foot-nav ul li#fhome a:link,
#home #footer #foot-nav ul li#fhome a:visited,
#home #footer #foot-nav ul li#fhome a:hover,
#home #footer #foot-nav ul li#fhome a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -665px -85px;
}
#portfolio #footer #foot-nav ul li#fportfolio a:link,
#portfolio #footer #foot-nav ul li#fportfolio a:visited,
#portfolio #footer #foot-nav ul li#fportfolio a:hover,
#portfolio #footer #foot-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -742px -85px;
}
#portfolio-print #footer #foot-nav ul li#fportfolio a:link,
#portfolio-print #footer #foot-nav ul li#fportfolio a:visited,
#portfolio-print #footer #foot-nav ul li#fportfolio a:hover,
#portfolio-print #footer #foot-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -742px -85px;
}
#portfolio-web #footer #foot-nav ul li#fportfolio a:link,
#portfolio-web #footer #foot-nav ul li#fportfolio a:visited,
#portfolio-web #footer #foot-nav ul li#fportfolio a:hover,
#portfolio-web #footer #foot-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -742px -85px;
}
#portfolio-flash #footer #foot-nav ul li#fportfolio a:link,
#portfolio-flash #footer #foot-nav ul li#fportfolio a:visited,
#portfolio-flash #footer #foot-nav ul li#fportfolio a:hover,
#portfolio-flash #footer #foot-nav ul li#fportfolio a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -742px -85px;
}
#resume #footer #foot-nav ul li#fresume a:link,
#resume #footer #foot-nav ul li#fresume a:visited,
#resume #footer #foot-nav ul li#fresume a:hover,
#resume #footer #foot-nav ul li#fresume a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -832px -85px;
}
#contact #footer #foot-nav ul li#fcontact a:link,
#contact #footer #foot-nav ul li#fcontact a:visited,
#contact #footer #foot-nav ul li#fcontact a:hover,
#contact #footer #foot-nav ul li#fcontact a:active {
	background: url(images/slice-footer-nav-portfolio.jpg) -918px -85px;
}