body {

	background: #382A27 url(../images/newhome/amber.jpg) repeat top left;
	color: #fff;
	margin-top: 30px;
	text-align: center;
}

/* P, List */
p,
li {
	font: 12px/1.3em helvetica, arial, sans-serif;
	color: #452423;
}

p strong {
	font-weight: bold;
}

/* Links */
a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font: 15px/1.3em helvetica, arial, sans-serif;
	color: #333;
}

/* Blockquote */
blockquote {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/* ------------------------------------------------------------------------
## @GLOBAL LAYOUT
-------------------------------------------------------------------------*/
/* Wrapper */
#wrapperglobal {
	margin: 0 auto;
	width: 840px;
	text-align: left;
}

/* Header */
#header {
	width: 840px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}

#header #nav {
	float: left;
	padding-top: 8px;
}

#header #nav img {
	margin-top: 8px;
}

/* HR */
hr {
	display: none;
}

/* Footer */
#footer {
	clear: both;
	z-index: 150;
	padding-top: 10px;
	padding-left: 250px;
	width: 550px;
}

#footer #footerimg {
	float: left;
	margin-top: -15px;
	z-index: 150;
}

#footer table {
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

#footer a {
	text-decoration: none;
}

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

#footer span {
	padding: 0px 3px;
}



/* ------------------------------------------------------------------------
## @HOMEPAGE
-------------------------------------------------------------------------*/
/* TOP of Homepage */
#hpcontainertop {
	width: 772px;
	margin: 0;
	padding: 0;
	margin-top: 12px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#hpcontainertop #flash {
	width: 514px;
	height: 324px;
	float: left;
	text-align:left;
	position:relative;
	margin-left:-3px;
}

.floatleft {
	float: left;
	margin: 1px 0 0 0;
}

#spotlight {
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 14px;
}

/* BOTTOM of Homepage */
#hpcontainerbottom {
	clear: both;
	width: 870px;
	margin: 0;
	min-height: 230px;
	height: auto !important;
	height: 230px;
	padding-bottom: 50px;
}

#actioncolumn {
	float: left;
	width: 182px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

/* Info Column */
#infocolumn {
	float: left;
	width: 240px;
	z-index: 100;
}

#beige1 {
	width: 680px;
	height: 20px;
	background: url(../../musicplayer/beige.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	margin-top: 12px;
}

#beige2 {
	position: relative;
	width: 680px;
	background: url(../../musicplayer/images/beigeb.gif) no-repeat left bottom !important;
	height: 240px;
	padding: 10px 0 0 0;
}

#column1 {
	float: left;
	width: 350px;
	min-height: 50px;
	height: auto !important;
	padding: 0 15px 0 32px;
}

#column1 p {
	font-size: 14px;
	line-height: 1.4em;
	color:#5A412E;
}

#column2 {
	float: left;
	width: 164px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	background: url(../../musicplayer/images/line1.gif) repeat-y top left;
	padding: 0 0 0 18px;
}

#column2 ul {
	padding-top: 10px;
}

#column2 ul li {
	padding-bottom: 8px;
	line-height: 1.3em;
	font-size: 11px;
}

#column2 ul li a {
	color:#3C6B99;
}

#start {
	float: right;
}



/* ------------------------------------------------------------------------
## @INTERIOR PAGE
-------------------------------------------------------------------------*/
#interior {
	clear: both;
	width: 840px;
	height: auto;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

#intsidebar {
	float: left;
	width: 158px;
	height: auto;
	margin-right: 8px;
}

#intmain-grant {
	position: relative;
	float: left; /*width: 520px;*/
	width: 584px; /*padding: 30px 40px 0px 30px;*/
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background: #f3f7db url(../../musicplayer/styles/none) no-repeat left bottom !important;
}

#intmain-grant .article_seperator { display: none; }

#intmain {
	position: relative;
	float: left; /*width: 520px;*/
	width: 560px; /*padding: 30px 40px 0px 30px;*/
	padding: 15px 0px 0px 30px;
	background: #f3f7db url(../../musicplayer/images/bg-intMainEdges.png) no-repeat left bottom !important;
	background-image: none; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=templates/freerange/images/bg-intMainEdges.png,sizingMethod='scale');*/
}

#intmain p {
	padding-bottom: 15px;
}

#intmain a {
	color: #4a668b;
	text-decoration: none;
	font-weight: bold;
}

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

* html #intmain {
	background-image:url(../../musicplayer/images/bg-intMainEdges.jpg);
}

#sproutContainer {
	position: relative;
	height: auto;
	width: 670px;
	float: left;
	padding-bottom: 50px;
}

#container {
	position: relative;
	height: auto;
	width: 670px;
	float: left;
	padding-bottom: 50px;
}

#sprout {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 126px;
	height: 100px;
	background:url(../../musicplayer/images/sprout.png) no-repeat!important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=templates/freerange/images/sprout.png, sizingMethod='scale');
	overflow: visible;
	z-index: 100;
}

#footerinterior {
	clear: left;
	padding: 0px 0 35px 250px;
	width: 550px;
}

#footerinterior table {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

#footerinterior a {
	text-decoration: none;
}

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

#footerinterior span {
	padding: 0px 3px;
}

/*
#interior h1 {
	font-size: 14px;
	color: #452423;
	font-weight: bold;
}

#interior h2 {
	font-size: 12px;
	font-weight: bold;
	color: #36809F;
}

#interior h3 {
	font: #452423 12px bold Georgia, "Times New Roman", Times, serif;
	padding-bottom: 20px;
}
*/



/* ------------------------------------------------------------------------
## @MODULE: News on Homepage
-------------------------------------------------------------------------*/
#actioncolumn #news {
	/*width: 162px;*/
	background-color: #764D3A;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	margin: 0;
	padding: 0;
	margin: 13px 0 13px 0;
	padding: 12px 4px 10px 16px;
}

#actioncolumn #news p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	word-spacing: -1px;
	padding-top: 4px;
}

#actioncolumn #news #email {
	width: 120px;
	border: 1px solid #757575;
	padding: 4px 0 4px 3px;
	font-size: 11px;
	margin-bottom: 1px;
	vertical-align: top;
}



/* ------------------------------------------------------------------------
## @MODULE: Featured Projects on Homepage
-------------------------------------------------------------------------*/
#hpcontainertop #featured {
	width: 249px;
	float: left;
	background: #3c6b99;
	min-height: 308px;
	height: auto !important;
	/*height: 308px;*/
	height: 324px;
	margin: 0 0 0 10px;
	/*padding: 12px 14px 4px 15px;*/
	padding: 12px 0px 4px 0px;
	max-height: 306px;
	overflow: hidden;
}

#hpcontainertop #featured p {
	color: #fff;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 8px;
}

.feature {
	/*width: 215px;*/
	min-height: 60px;
	height: auto !important;
	height: 60px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 14px;
}

.feature img {
	border: 1px solid #fff;
}

.feature h2 {
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	font-weight: bold;
}

.feature a {
	font-size:11px;
	line-height:12px;
}

.feature p a {
	letter-spacing: 0px;
}

.feature h2,
.feature p {
	padding-left: 70px;
}

.feature h2 {
	font-size: 12px;
}



/* ------------------------------------------------------------------------
## @MODULE: Sub Navigation on Interior Pages
-------------------------------------------------------------------------*/
#intnav,
.moduletable-intnav {
	margin: 0;
	padding: 0;
	width: 159px;
	background-color: #1C4284;
	margin-bottom: 8px;
}

.moduletable-intnav {
	padding: 10px 0px 5px 0px;
}

/* These are from original static template
#intnav ul {
	padding: 10px 0 5px 8px;
}

#intnav ul li {
	padding-bottom: 5px;
}

#intnav ul li a {
	text-decoration: none;
	padding: 0 0 10px 15px;
}

#intnav ul li a#active {
	background:url(../images/arrow.png) no-repeat 0 2px;
	color: #e1ea75;
	padding: 0 0 10px 15px;
}

#intnav ul li a:hover {
	color: #e1ea75;
}
*/



/* ------------------------------------------------------------------------
## @MODULE: Featured Work on Interior Pages
-------------------------------------------------------------------------*/
#intfeatured,
.moduletable-intfeatured {
	margin: 0;
	padding: 0;
	width: 138px;
	padding: 15px 10px 15px 10px;
	margin-bottom: 8px;
	background: #838E31;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg-mt-intfeaturedEdge.png, sizingMethod='scale');
}

.moduletable-intfeatured img {
	margin-bottom: 7px;
}

#intfeatured p,
.moduletable-intfeatured p {
	color: #fff;
	line-height: 1.1em;
}

#intfeatured a,
.moduletable-intfeatured a {
	color: #eed376;
}

#intfeatured a:hover,
.moduletable-intfeatured a:hover {
	color: #fff;
}


/* ------------------------------------------------------------------------
## @SCROLLER
-------------------------------------------------------------------------*/
#scroller {
	clear: both;
	padding: 5px 30px 0 0px;
	margin: 0;
	height: 220px;
	z-index: 500;
}

#hrint {
	clear: both;
	border-top: 1px solid #A8B18B;
}

#scroller p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #44767d;
	text-transform: uppercase;
	font-weight: bold;
}



/* ------------------------------------------------------------------------
## @IMAGE REPLACEMENTS
-------------------------------------------------------------------------*/
#logo {
	float: left;
	width: 352px;
	padding-bottom: 5px;
}

h1#logo a span {
	display: block;
	width: 285px;
	height: 29px;
	background: url(../../musicplayer/images/free_range.png) no-repeat !important;
	background-image: none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.freerangegraphics.com/templates/freerange/images/free_range.png, sizingMethod='scale');
	text-indent: -5000px;
	cursor: pointer;
}

#featuredprojects span {
	display: block;
	width: 135px;
	height: 18px;
	background: url(../../musicplayer/images/featured_projects.png) no-repeat left bottom !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(  src=templates/freerange/images/featured_projects.png, sizingMethod='image');
	margin-bottom: 5px;
	text-indent: -5000px;
}

#enews span {
	display: block;
	width: 115px;
	height: 31px;
	background: url(../../musicplayer/images/enews_signup.png) no-repeat left bottom !important;
	background-image: none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(  src=templates/freerange/images/enews_signup.png, sizingMethod='image');
	margin-bottom: 5px;
	text-indent: -5000px;
}



/* ------------------------------------------------------------------------
## @MAIN NAVIGATION (from original static template)
-------------------------------------------------------------------------*/
/*
#nav,
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 10px;
	margin: 0;
}

#nav {
	float: right;
	height: 10px;
}

#nav li,
#nav li a.menu {
	display: block;
}

#nav li a.menu {
	height: 10px;
}

a.menu {
	text-indent: -9999px;
}

li#about,
li#about2 {
	float: left;
	width: 78px;
}

li#about a.menu {
	background: transparent url(../images/nav/about.gif);
}

li#about2 a.menu {
	background: transparent url(../images/nav/about.gif) 0 -10px;
}

li#services,
li#services2 {
	float: left;
	width: 83px;
}

li#services a.menu {
	background: transparent url(../images/nav/services.gif);
}

li#services2 a.menu {
	background: transparent url(../images/nav/services.gif) 0 -10px;
}

li#gallery,
li#gallery2 {
	float: left;
	width: 80px;
}

li#gallery a.menu {
	background: transparent url(../images/nav/gallery.gif);
}

li#gallery2 a.menu {
	background: transparent url(../images/nav/gallery.gif) 0 -10px;
}

li#clients,
li#clients2 {
	float: left;
	width: 75px;
}

li#clients a.menu {
	background: transparent url(../images/nav/clients.gif);
}

li#clients2 a.menu {
	background: transparent url(../images/nav/clients.gif) 0 -10px;
}

li#resources,
li#resources2 {
	float: left;
	width: 90px;
}

li#resources a.menu {
	background: transparent url(../images/nav/resources.gif);
}

li#resources2 a.menu {
	background: transparent url(../images/nav/resources.gif) 0 -10px;
}

li#about a.menu:hover,
li#about:hover a.menu,
li#about.over a.menu,
li#services a.menu:hover,
li#services:hover a.menu,
li#services.over a.menu,
li#gallery a.menu:hover,
li#gallery:hover a.menu,
li#gallery.over a.menu,
li#clients a.menu:hover,
li#clients:hover a.menu,
li#clients.over a.menu,
li#resources a.menu:hover,
li#resources:hover a.menu,
li#resources.over a.menu {
	background-position: 0 -10px;
}
*/

/* ------------------------------------------------------------------------
## @CLEAR FLOTES, ETC.
-------------------------------------------------------------------------*/
#bodywrapper:after,
#beige2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#bodywrapper:after,
#beige2:after {
	display: inline-block;
	_height: 1%;
}

/* Hides from IE-mac \*/
#bodywrapper:after,
#beige2:after {
	display: block;
}
/* End hide from IE-mac */

.toggleview {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}



/* ------------------------------------------------------------------------
## @PAGE: Clients
-------------------------------------------------------------------------*/
.moduletable_clients_spacer {
	margin-bottom: 8px;
}



/* ------------------------------------------------------------------------
## @PAGE: Awards
-------------------------------------------------------------------------*/
#awardtable,
#awardtable tr,
#awardtable tr td,
#awardtable tr td p {
	vertical-align:middle !important;
	vertical-align:middle;
}

#awardtable p {
	padding:0px;
}



/* ------------------------------------------------------------------------
## @PAGE: Gratitude Grant
-------------------------------------------------------------------------*/
#gratitude {
	font-family:Georgia, "Times New Roman", Times, serif !important;
	margin:-15px 0 0 -30px;
	position:relative;
}

#gratitude p {
	font-size:14px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#gratitude a {
	color: #003082;
	font-weight:bold;
}

#gratitude * .mainarea {
	min-height:509px;
	background:url(http://www.freerangestudios.com/gratitude/images/grat_grant_splash_02.jpg) bottom center no-repeat;
	padding:0 40px 0 40px;
	margin:0px;
}

#gratitude * h1 {
	color: #990000;
	font-weight: bold;
	font-size: 18px;
	margin:0px;
	padding:0px;
}

#gratitude * h1 span {
	font-size:22px;
}

#intmain-grant p {
	font-family: georgia;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: normal;
}

#intmain-grant br {
	font-size: 0px;
}

div.grantBg {
	width: 584px;
	height: 509px;
	background: url(../../musicplayer/images/grat_grant_splash_02.jpg) no-repeat center bottom;
}

#intmain-grant blockquote {
	font-family: georgia;
	margin: 0px 34px 0px 34px;
}

#intmain-grant .style2 {
	font-family: georgia;
}
#intmain-grant .style3 {
	color:#000000;
	font-size:14px;
	font-family: georgia;
}
#intmain-grant .style4 {
	color:#990000;
	font-size:x-large;
	font-weight:bold;
	font-family: georgia;
	margin: 0 0 20px 0;
}
#intmain-grant .style10 {
	font-size:24px;
	font-family: georgia;
	margin: 0px;
	padding: 0px;
}
#intmain-grant a {
	color:#003082;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#intmain-grant .style12 {
	font-size:18px;
	font-family: georgia;
}
#intmain-grant a:link {
	text-decoration:none;
}
#intmain-grant a:visited {
	text-decoration:none;
}
#intmain-grant a:hover {
	text-decoration:underline;
}
#intmain-grant a:active {
	text-decoration:none;
}


#staff_flash {
	padding-bottom: 20px;
}

#reviewbg {
background-image:url(../images/reviews/reviews_r4_c5.jpg);
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000033;

}
#reviewbg a{
color:#669966;
text-decoration:none;
}
#reviewbg a:hover{
color:#669966;
text-decoration:underline;
}