* { padding: 0; margin: 0; } 
body { background: #fff; background: transparent url(http://www.redspine.com/system/templates/images/redline.png) repeat-x 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #666; }
p { margin: 0; padding: 5px 0; margin-top: 5px; }

a { color: #999; text-decoration: none; outline: none; }
a:hover { text-decoration: none; color : #a82735; }

img {  border: none; }
	img.centered { display: block; margin-left: auto; margin-right: auto; }
	img.alignright { padding: 4px; margin: 0 0 2px 4px; display: inline; }
	img.alignleft { padding: 4px; margin: 0 4px 2px 0; display: inline; }

input, textarea { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.center { text-align: center; }

#wrap { margin: 0 auto; width: 960px; }

#header { height: 111px; position: relative; }

#header h1 { font-size: 50px; font-weight: 100; background: transparent url(http://www.redspine.com/system/templates/images/logo.png) no-repeat 0 0; height: 111px; width: 341px; text-indent: -9999px; position: absolute; top: 0; left: 28px; }
	#header h1 a { color: #a82735; text-decoration: none; }
	#header h1 a:hover { text-decoration: underline; }

#header h2 { color: #a82735; font-size: 19px; font-weight: normal; padding: 0; background: transparent url(http://www.redspine.com/system/templates/images/tagline.png) no-repeat 0 0; height: 37px; width: 350px; position: absolute; top: 4px; right: 16px; text-indent: -9999px; }

/* Menu */

#menu { width: 670px; height: 30px; color: #999; position: absolute; top: 72px; left: 290px; }
	#menu ul { margin: 0; padding: 0; list-style: none; }
		#menu li { display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: .1em;}

	#menu a { position: relative; display: block; margin: 0 15px 0 0; text-decoration: none; font-size: 1em; float: left; font-weight: normal; color: #999; height: 16px; background: #fff url(http://www.redspine.com/system/templates/images/menu_labels.png) no-repeat 0 0; text-indent: -9999px; }
	#menu a:hover { background-color: #fff; color: #a82735; text-decoration: none; }

	#navBranding a    { background-position: 0 1px; width: 66px; }
	#navPackaging a   { background-position: 0 -16px; width: 72px; }
	#navAdvertising a { background-position: 0 -32px; width: 84px; }
	#navWebDesign a   { background-position: 0 -49px; width: 79px; }
	#navIdentity a    { background-position: 0 -65px; width: 60px; }
	#navTidbits a     { background-position: 0 -81px; width: 50px; }
	#navBio a         { background-position: 0 -98px; width: 22px; }
	#navContact a     { background-position: 0 -114px; width: 56px; }
	
	body.branding #menu #navBranding a,
		#menu #navBranding a:hover    { background-position: -100px 1px; }
	body.packaging #menu #navPackaging a,
		#menu #navPackaging a:hover   { background-position: -100px -16px; }
	body.advertising #menu #navAdvertising a,
		#menu #navAdvertising a:hover { background-position: -100px -32px; }
	body.webdesign #menu #navWebDesign a,
		#menu #navWebDesign a:hover   { background-position: -100px -49px; }
	body.identity #menu #navIdentity a,
		#menu #navIdentity a:hover    { background-position: -100px -65px; }
	body.tidbits #menu #navTidbits a,
		#menu #navTidbits a:hover     { background-position: -100px -81px; }
	body.Bio #menu #navBio a,
		#menu #navBio a:hover         { background-position: -100px -98px; }
	body.Contact #menu #navContact a,
		#menu #navContact a:hover     { background-position: -100px -114px; }
	#menu .active a { background-color: #fff; color: #a82735; }
		
#submenu { float:left; width: 235px; margin: 40px 0 0 0; padding-left: 50px; } /* padding instead of margin because of IE */
#submenu ul { list-style-type: none; padding: 0; }
#submenu ul ul{ margin:0.1667em 0; padding:0 0 0 15px; }
	#submenu li { margin-bottom: 0.4em; }
	#submenu li.active a { color: #a82735; }

#content { padding: 10px 0; position: relative; }
#content a img {  }
#content a img:hover {  }

.work { margin: 0 65px 0 285px; }
	.work h1 { font-family: "Times New Roman", serif; color: #666; }

.portfolio { height: 460px; text-align: center; margin-right: 90px; }

.imgInfo { position: absolute; top: 380px; left: 0; width: 180px; margin-left: 50px; padding-left: 12px; background: transparent url(http://www.redspine.com/system/templates/images/bracket.png) no-repeat 0 0; }

.imgPagination { font-family: "Times New Roman", serif; letter-spacing: 1px; font-size: 1.4em; margin-top: 10px; }	
	.imgPagination span { font-size: 10px; }
	.imgPagination a { color: #a82735; text-decoration: none; }

		.pageNumber { float: left; color: #999; }
		.imgPagination a.prev { float: left; margin: .4em 0 0 10px; display: block; height: 8px; width: 12px; background: transparent url(http://www.redspine.com/system/templates/images/page_arrows.png) no-repeat 0 -8px; text-indent: -9999px; overflow: hidden; }
		.imgPagination a.next { float: left; margin: .4em 0 0 3px; display: block; height: 8px; width: 12px; background: transparent url(http://www.redspine.com/system/templates/images/page_arrows.png) no-repeat -15px -8px; text-indent: -9999px; overflow: hidden; }
	
		.imgPagination.first a.prev { color: #999; background-position: 0 0; }
		.imgPagination.last a.next { color: #999; background-position: -15px 0;}

#footer { clear: left; text-align: center; color: #999; font-size: 9px; padding: 0 0 10px 0; margin-top: 50px; }


body.Bio .work,
body.Contact .work { margin-left: 293px; } 
body.Bio .work h1 { height: 13px; width: 34px; background: transparent url(http://www.redspine.com/system/templates/images/txt_bio.png) no-repeat 0 0; text-indent: -9999px; }
body.Contact .work h1 { height: 15px; width: 90px; background: transparent url(http://www.redspine.com/system/templates/images/txt_contact.png) no-repeat 0 0; text-indent: -9999px; }

body.Contact .work input { width: 250px; }
body.Contact .work textarea { width: 252px; height: 200px; }