body
{
	background-image: url(images/tile-2.gif);
	background-repeat: repeat-y;
	background-color: rgb(36,175,202);
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
}
h1
{
	color: rgb(31,144,166);
	margin: 0 0 0 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif;
	font-style: bold;
	font-size: 2.8em;
	line-height: 2.8em;
	text-align: center;
}
	h1 img {
		margin-bottom: .6em;
	}

h2
{
	color: rgb(0,0,0);
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif;
	font-size: 1.5em;
	line-height: 1.5em;
	text-align:left;
}

h3
{
	color: rgb(0,0,0);
	margin: 0 0 15px;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

h5
{
	color: rgb(31,144,166);
	margin: 0 0 0 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif;
	font-style: bold;
	font-size: 1.8em;
	line-height: 2.2em;
}

p
{
	font-size: 1em;
	line-height: 1.25em;
	margin: 6px 0 10px  0;
}
a {
	color: rgb(173,214,75);
}
ol
{
	margin: 0 18px;
	padding: 0 18px;
	list-style-type: decimal;
}
li {
	font-size: 1em;
	line-height: 1.25em;
}

/***************************************************************
	Utility Classes
***************************************************************/
.replace
{
	position: absolute;
	left: -10000px;
}
.pnlError
{
	margin: 16px 0;
	padding: 16px 20px;
	border: 1px solid #ff4a12;
	background-color: #FFFFB0;
	color: #000;
}
	.pnlError ul
	{
		margin: 0 20px;
		padding: 0 20px;
		list-style-type: square;
	}
/***************************************************************
	Page Layout Classes
***************************************************************/

.methodology, .personalities, .programming, .webdesign, .jinglewriters, .home, .designforprint, .contact {
	color: #666;
}
.methodology p, .methodology li, 
.personalities p, .personalities li, 
.programming p, .programming li, 
.webdesign p, .webdesign li,
.designforprint p, .designforprint li 
.jinglewriters p, .jinglewriters li,
.home p, .home li,
.contact p, .contact li {
	font-size: 15px;
	line-height: 20px;
}
.methodology p em, .personalities p em, 
.programming p em, .webdesign p em, 
.jinglewriters p em, .home p em, 
.designforprint p em, .contact p em {
	font-size: 1.3em;
}
span.firstletter {
	font-size: 2em;
}

.quotebox {
	border-top: 5px double #888;
	border-bottom: 5px double #888;
	padding: 8px 16px 18px;
	color: rgb(31,144,166);
	font-size: 21px;
	line-height: 28px;
	margin: 20px 110px;
}
	.quotebox span {
		color: #000;
	}
	.quotebox em {
		font-style: italic;
		font-weight: bold;
	}
	.quotebox #line2 {
		padding-left: 2.05em;
	}
	.quotebox #line3 {
		padding-left: 4.3em;
	}
	.quotebox .quote1 {
		font-size: 1.8em;
	}
	.quotebox .quote2 {
		font-size: 1.4em;
	}
	.quotebox .strong {
		font-size: 2.2em;
		position: relative;
		top: .25em;
		letter-spacing: .08em;
	}
	p.action {
		font-size: 1.25em;
	}
	p.action span {
		color: rgb(31,144,166);
	}

/***************************************************************
	Layout
***************************************************************/
#sitewrapper
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(images/tile.gif);
	background-repeat:repeat-y;
}

#pagewrap
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(images/green-bar.gif);
	background-repeat: repeat-x;
}
#page
{
	width: 994px;
	overflow: hidden;
}
#masthead
{
	background-image: url(images/masthead.gif);
	background-repeat: no-repeat;
	height: 146px;
	margin-top: 5px;
}
#logo
{
	width: 332px;
	padding: 4px 0 0 0;
}
#content
{
	width: 735px;
	float: right;
	margin: 0 5px 0 0;
}
#sidebar
{
	width: 250px;
	float: right;
	margin: 40px 4px 0 0;
}

#movie1
{
	width: 460px;
	height: 192px;
	margin: 22px 0 0 108px;
}

#musicplayer
{
	width: 620px;
	height: 443px;
	margin: 22px 0 30px 48px;
}
.sitewrapper
{
	width: 735px;
	margin: 0;
	padding: 0 0 20px 0;
	overflow: hidden;
}	
	.sitewrapper .about
	{
		width: 308px; 
		float: left;
		text-align: center;
	}
		.sitewrapper .about img
		{
			margin: 5px auto 20px;
		}
		.sitewrapper .about p
		{
			text-align: justify;
		}

	.sitewrapper .website
	{
		width: 387px;
		float: left;
		padding:0 0 30px 40px;
		border-style: hidden;
		margin: 0;
	}
		.sitewrapper .website p
		{
			text-align: center;
		}

.form
{
	padding: 10px 60px;
}
	.form .field,
	.form fieldset	
	{
		margin-left: 40px;
		font-size: 15px;
		line-height: 23px;
		font-weight: normal;
	}
	.form .field 
	{
		margin-bottom: 18px;
	}
		.form .field label,
		.form fieldset legend
		{
			color: rgb(31,144,166);
		}
		.form .field input,
		.form fieldset ul li .subfield input,
		.form .field textarea
		{
			border: 2px solid rgb(173,214,75);
			font-size: 20px;
			line-height: 26px;
		}
		.form fieldset ul
		{
			margin: 10px 20px;
			padding: 0 20px;
		}
			.form fieldset ul li
			{
				font-size: 14px;
				line-height: 24px;
				font-weight: normal;
			}
				.form fieldset ul li .subfield
				{
					margin: 0 0 0 40px;
					font-size: 14px;
					line-height: 24px;
					font-weight: normal;
				}
	.form .submit
	{
		text-align: center;
	}
		.form .submit button
		{
			padding: 2px 8px 4px;
		}



#footer
{
	overflow: hidden;
	position: relative;
	top: 50px;
}

	#footer .vcard
	{
		margin: 0;
		width: 205px;
		text-align: center;
		float: left;
	}
		#footer .vcard .fn
		{
			color: #fff;
			font-size: 1.3em;
			line-height: 1.4em;
		}
		#footer .vcard .tel
		{
			color: #fff;
			font-size: 2.35em;
			line-height: 1.1em;
		}
		#footer .vcard a.email
		{
			color: rgb(199, 246, 62);
			text-decoration: none;
			font-size: 1.1em;
			line-height: 1.4em;
		}
		#footer .vcard .adr
		{
			color: #fff;
			font-size: 1em;
			line-height: 1.1em;
		}

		#footer #legal
		{
			margin: 69px 90px 0;
			float: left;
			font-size: .94em
		}
#foot
{
	position: inherit;
	height: 135px;
	background-image: url(images/bottom-bar.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: -80px 0 0 708px;
	padding: 0;
	overflow: hidden;
}

/***************************************************************
	Menu
***************************************************************/
#menu {
	width: 486px;
	background: #eee;
	position: absolute;
	top: 101px;
	left: 240px;
	z-index: 100;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu a {
	display: block;
	margin: 0;
	padding: 0;
	color: rgb(0, 141, 167);
	background: rgb(185, 230, 238);
	text-decoration: none;
	border: 1px solid rgb(50, 190, 213);
	border-top: none;
	text-align: center;
	height: 22px;
	line-height: 22px;
}
	#menu a span
	{
		font-size: 1.25em;
	}
#menu img {
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}


#menu a:hover {
	background: #fff;
}
#menu li { 
	position: relative; 
	width: 162px;
}
#menu li.tab
{
	width: 162px;
	float: left;
}
#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}