/*PAGES - These styles are specific to pages*/
	
#portfolio #content {margin-top: 32px;}
#portfolio-item #content {padding-top: 50px;}
	#portfolio-item #content img {float: left; margin: 0 10px 0 0;}
	#portfolio-item #content * * img {float: none; margin: 20px 0 0 0;}
	#portfolio-item #content h3 {margin: 0;}
	#portfolio-item #content p {clear: left;}
		

/*REGIONS - These are standard parts of a page (IDs) */

html {margin: 0; padding: 0; font-family: trebuchet ms, arial, helvetica; background: url(../images/body_bg.gif) top center repeat-y;}
body {margin: 0; padding: 0; background: url(../images/body_top_bg.jpg) top center no-repeat; text-align: left;}	
	body:before {content: "Nate Shaw Film and Television Composer"; font-size: 130%; padding-left: 13px;}	
#heading {width: 739px; margin: 0 auto; text-align: left;}
	#heading:before {content: "441 Warren Street Brooklyn, NY 11217"; font-size: 80%; padding-left: 15px;}
	#heading table {margin: 30px 0 0 13px; width: 739px; text-align: left;}
	#heading td {font-size: 65%}
#main {width: 739px; margin: 0 auto; text-align: left;}
	#main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content {float: left; width: 739px; text-align: left; padding: 0 40px 15px 15px;}
#globalnav {display: none;}
#footer {display: none;}
#media {clear: left; position: absolute; background: url(../images/media_bg.gif) bottom left  no-repeat; width: 390px; margin: 57px 0 0 0 !important; margin: 0 0 0 0; padding: 0;}
#logos {margin: 0; padding: 0; }
	#logos li {list-style-type: none; display: inline; margin: 0 25px 0 0;}
	#logos img {height: 45px}
#info {display: none;}

	
/*BUILDING BLOCKS - These are used everywhere (redefined html tags), possibly used in different contexts*/

h1 {display: none;}
h2 {display: none;}
h3 {font-family: helvetica, sans-serif, verdana; font-weight: normal; letter-spacing: .1em !important; letter-spacing: .08em; text-transform: uppercase; color: black; padding-top: 7px; margin: 9px 0 5px 0; font-size: 70%; height: auto !important; height: 13px}
	h3:after {content: url(../images/subhead_icon.gif)}	
	h3.client {font-size: 9px; background: url(../images/clientbox_rt.gif) top right no-repeat; margin: 0 0 0 3px; padding: 2px 2px 2px 0; color: white; display: inline;}
	h3.client:after {content: "";}
h4 {display: none;}
h5 {margin: 0; padding: 0; color: #819153; font-size: 60%; text-transform: uppercase; font-weight: normal; letter-spacing: .15em !important; letter-spacing: .2em;}
img {border: 0;}
a:link {color: black}
a:visited {color: black}
p {padding: 0; color: #819153; line-height: 1.3em; margin: 10px 0 7px 0; font-size: 70%}
hr {background: transparent; border-bottom: 1px dashed #D2D2C7; border-top: none; border-left: 0; border-right: 0; margin: 0 !important; margin: 6px 0 0 0; padding: 15px 0 0 0 !important; padding: 0; height: 1px;}
th, td {margin: 0; padding: 0; border-bottom: 1px dashed #D2D2C7; vertical-align: top; text-align: left}
td {padding-bottom: 5px; color: #84421C;}
embed {margin: 25px 0 17px 14px;}
	
	
/*COMPONENTS - These are specialized objects (classes) that may be repeated more than once on a page. May also be used in different contexts*/
	
/**GALLERY**/
	
ul.gallery {margin: 10px 0 0 0; padding: 0; clear: right;}	
ul.gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul.gallery li {display: -moz-inline-box; display: inline-block; width: 145px; vertical-align: top; margin: 0 20px 0 0 !important; padding: 0; list-style-type: none;	float: left; background: white url(../images/thumb_top_bg.gif) top left repeat-y; font-size: 65%}
ul.gallery li img {border: 0; display: block; margin-bottom: 5px !important; margin-bottom: 0;}
ul.gallery li p {padding: 0 10px 0 0; margin: 0; font-size: 65%}
html*ul.gallery li {[float: left; float: left; ]float: none;}
* html ul.gallery li {height: 1px; display: inline;}
ul.gallery a {display: block; text-decoration: none !important; padding: 0 10px 10px 0; background: url(../images/thumb_bot_bg.gif) bottom left no-repeat;}
* html ul.gallery {height: 1px;}
* html ul.gallery a span {width: 110px;	w\idth: 110px;}
* html>body ul.gallery a {width: 110px;}