/* Typography
---------------------------------------------------------------------------------
*/
body {
 text-align: center;
 color: #333;
 font: 14px Helvetica, arial, sans-serif;
 background: #f6f6f6 url(img/bg.jpg) top center repeat-x;
 }
a, a:link, a:active{
 color: #372765;
 background: transparent;
 text-decoration: none;
 font-weight: bold;
 }
	a:hover {
	 color: #6294d1;
	 }

	h1, h2, h3{
	 letter-spacing: -0.5px;
	 padding: 0 0 10px 0;
	 margin: 0 0 10px 0;
	 }
		h1 {
		 font-size: 30px;
		 border-bottom: 1px solid #ddd;
		 }
			h1 strong {
			color: #504c5a;
			font-size: 72px;
			letter-spacing: -2px;
			}
		h2 {
		 text-align: center;
		 color: #504c5a;
		 font-size: 24px;
		 font-weight: bold;
		 }

	
p {
 line-height: 24px;
 margin: 0 0 10px 0;
 }
small {
 font: 10px Arial, sans serif;
 line-height: 14px;
 }
ol, ul {
 width: 250px;
 list-style: none;
 border-top: 1px solid #ddd;
 }
	ul li {
	 padding: 5px 0;
	 border-bottom: 1px solid #ddd;
	 margin: 5px 0;
	 }


.highlight {
 background: #fff;
 padding: 2px;
 margin: -2px;
 }
.amp {
 color: #bdb0e5;
 font-family: Book Antiqua, georgia, serif;
 font-weight: bold;
 font-style: italic;
 }
 
/* Page Content
---------------------------------------------------------------------------------
*/

#content-wrapper {
 text-align: center;
 width: 100%;
 padding: 20px 0 0 0;
 background: transparent url(img/bg-masthead.jpg) top center no-repeat;
 margin: 0 auto;
 color: #444;
 }
	#content {
	 text-align: left;
	 width: 525px;
	 margin: 0 auto;
	 }

#header {
 height: 22px;
 background: transparent url(img/hr-header.gif) top center repeat-x;
 }

#masthead {
 padding: 0 0 20px 0;
 border-bottom: 1px solid #c5c1cf;
 margin: 0 0 17px 0;
 }
	#masthead h1 {
	 width: 250px;
	 margin: 0 0 10px 0;
	 }
	#masthead img {
	 float: left;
	 margin: 0 25px 0 0;
	 }
	#masthead p {
	 font-size: 18px;
	 }
		#masthead #tab-hello{
		 z-index: 30;
		 }
		#masthead #tab-work {
		 z-index: 20;
		 }
		#masthead #tab-play {
		 z-index: 10;
		 }
		.tab {
		 float: right;
		 width: 250px;
		 height: 260px;
		 }
			.tab ul li {
			 text-align: center;
			 padding: 5px 0;
			 }
		
		#masthead .ui-tabs-panel{  
		 width:250px; 
		 height:260px;  
		 position:relative;  
		 overflow:hidden;  
		 }  
		#masthead .ui-tabs-hide{  
		 display:none;  
		 }  
#footer {
 clear: both;
 padding: 0 0 81px 0;
 background: transparent url(img/hr-footer.gif) bottom center no-repeat;
 }
	#footer .col-left {
	 width: 250px;
	 float: left;
	 margin: 0 25px 0 0;
	 }
	#footer .col-right {
	 width: 250px;
	 float: left;
	 }
	#footer ul li a {
	 background-image: url(img/icons_sprite.gif);
	 padding: 0 0 0 30px;
	 margin: 0 0 0 10px;
	 }
		a#icon-twitter {
		 background-position: 0px center;
		 }
			a:hover#icon-twitter {
			 background-position: -300px center;
			 }
		a#icon-flickr {
		 background-position: -600px center;
		 }
			a:hover#icon-flickr{
			 background-position: -900px center;
			 }
		a#icon-delicious {
		 background-position: -1200px center;
		 }
			a:hover#icon-delicious {
			 background-position: -1500px center;
			 }
		a#icon-vcard {
		 background-position: -1800px center;
		 }
			a:hover#icon-vcard {
			 background-position: -2100px center;
			 }
		a#icon-email {
		 background-position: -2400px center;
		 }
			a:hover#icon-email{
			 background-position: -2700px center;
			 }
		a#icon-phone {
		 background-position: -3000px center;
		 }
			a:hover#icon-phone {
			 background-position: -3300px center;
			 }