@charset "UTF-8";
/* CSS Document */

/* border: 1px dashed red; border: 1px solid yellow;*/
body { 
	font: .90em/1.25em "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	background: #688989 url(../gfx/bg.jpg) no-repeat top center;
	margin:0;padding:0;
	text-align:left;
	color: #393c38;
	overflow:-moz-scrollbars-vertical;}
	
/* global primary emphasis color */
h1, h3, h4, .bqstart, .bqend {
	/*color:#77a62e;*/
	color:#ed662c;
}

/* global secondary emphasis color */
h2,h5,  a, .serviceslist li:first-child {
	/*color:#3c6b6f;*/
	color:#2f575a;
}
h1,h2,h3,h4,h5 {
	text-transform:lowercase;
}

h1 {
	font-weight:400;
	font-size:1em;
	margin:0 0 10px 0; padding:12px 0 7px 10px;}
h2 {
	font-weight:700;
	font-size:.85em;
	margin:0 0 5px 0;
	padding:0 0 0 0;}
	
h3 {font-size:.9em;
	padding:0;margin:0;}
.col278 h2 {
	padding:0 0 5px 20px;}

h4 {
	font-size:.8em;
	font-weight:600;
	margin:0;padding:0 0 5px 0; 
}
.col278 h4 {
	padding:0 0 5px 20px;}
.col315 .content {
	padding-top:0;}
h5 {
	font-size:.7em;font-weight:500;margin:0;clear:left;padding-top:5px;}
p { 
	margin:0;padding:0 10px 10px 0;
	font-size:.8em;}
.col278 p {padding:0 20px 0 20px;}

a {	text-decoration:none;
	border-bottom:#2f575a 1px solid;}
a:hover {
	color:#ed662c;
	text-decoration:underline;
	border:none;}

img, a img {
	margin:0;padding:0; border:none;}
ul {
	list-style:none;
	margin:0;padding:0;
	font-size:0.9em;
	float:left;}
li {
	float:left;
	text-indent:0;}
dl {
	font-size:.8em;
	width:415px;
	float:left;
	margin:0 0 20px 0;}
	
	
#songanddance {
	width:850px; 
	background-color:#ffffff;
	border:#a7b6b4 1px solid;
	margin:10px 0 10px 0;
}
.workbox {
	padding:15px 5px 0 15px;
	width:415px;
	font-size:.9em;
	line-height:1.25em;
	float:left;
	margin:0 0 5px 0;
}
.workbox img {
	padding:0;margin-right:10px;margin-bottom:20px; border:#2f575a 1px solid;float:left;}
.workbox a:hover img {
	padding:0;border:#ed662c 1px solid; border-left:#ed662c 10px solid; }
.workbox p {
	padding-top:8px;
}
dt {padding:10px 0 0 8px;
	cursor:pointer;
	vertical-align:text-top;
}
dt img {
	padding:0;margin-right:10px;margin-bottom:20px; border:#2f575a 1px solid;float:left;}
dt a:hover img {
	padding:0;border:#ed662c 1px solid; border-left:#ed662c 10px solid; }
dd {
	padding:5px;margin-bottom:10px;height:50px;}
.testimonial {
	font-style:italic}
/* HEADER --------------------------------------------------*/
#header {
	width:914px;
	height:175px;
	margin:0;padding:0;
	position:relative;}
#flashcontent {
	background:url(../gfx/header_bg_illus.jpg) no-repeat;
	width:914px;
	height:175px;
	position:absolute;
	margin:0;
	padding:0;
	z-index:1;
	left:0px;}
#menu {
	z-index: 2;
	position:absolute;
	top:144px;
	width:auto;
	margin:0 0 0 15px;padding:0;
	overflow: visible;}
#menu li, #trigger {
	margin-right:4px;
	width:116px;}
#tart {
	margin-left:10px;
}
#menu a.nav, #trigger {
/*filter:alpha(opacity=50);*/   /* Internet Explorer       */
   /*-moz-opacity:0.5;*/           /* Mozilla 1.6 and below   */
  /* opacity:.5; */
	background:url(../gfx/menu_bg.png) top left no-repeat;
	display:block;
	height:31px;
	padding:8px 0 0 10px;
	text-decoration:none;
	text-transform:lowercase;
	font-size:.8em;
	font-weight:600;
	color:#364c3f;}
#menu a.nav:hover, #menu a#selected, #trigger:hover {
	background-color:#ffffff;
	background-image:none;
	z-index:50;
	color:#ed662c;}
#menu li a, #trigger {
	border:none;}
#trigger {
	position:relative; top:-31px; right:10px; float:right; z-index:3}
.toggle_container {
	display:none;
	width:920px;
	float:right;
	background-color:#e6ecea;
	border:#a7b6b4 1px solid;
	margin-bottom:10px;}

/* DIV block styles --------------------------------------------------*/
#wrapper { 
	width: 920px;
	margin: 8px auto; padding:20px 20px 15px;
	background-color:#ffffff;}

.container {
	width:914px;
	float:left;
/*	background:#f4f4ef url(../gfx/content_bg_full.gif) top left no-repeat;
	border-bottom:#D2D2CD 1px solid;*/
	background-color:#e6ecea;
	border:#a7b6b4 1px solid; 
	padding:0;
	margin-bottom:20px;}
#promocontainer {
	/*clear:left;*/
	float:left;
	width:100%;
	margin:0 0 10px 0;padding:0;}
.promo {
	float:left;
	width:auto;
	/*height:auto;*/
	position:relative;
	margin:0; padding:0;}
	
.promo img{
	margin-right:10px;}

.promopara {
	margin:0 20px; 
	padding:0;
	/*clear:left;*/
}
.promopara+p {
clear:left;
font-size:.7em;
padding:0 0 10px 20px;margin:0;}

.col278 {
	width:278px;
	padding:20px 0 0 0; 
	margin:0 3px 0 0; background:url(../gfx/content_bg_278.gif) top left no-repeat;
	border-bottom:#a7b6b4 1px solid;}
.col278 p {padding:0 20px 15px 20px;}
.col315 {
	width:315px;
	float:left;
	padding:20px 0 0 0; 
	margin:0 3px 0 0; 
	background:url(../gfx/content_bg_315.gif) top left no-repeat;
		border-bottom:#a7b6b4 1px solid;}
.col315b {
	width:315px;
	float:left;
	padding:20px 0 0 0; 
	margin:0 3px 0 0; 
	background:url(../gfx/content_bg_315b.gif) top left no-repeat;
		border-bottom:#a7b6b4 1px solid;}
.onecol {
	width:300px; margin-right:4px;
	background-color:#e6ecea;
	border:#a7b6b4 1px solid;} 
.twocol {
	width:633px;margin-top:0;padding-top:0;
	background:url(../gfx/content_bg_twocol.gif) top left no-repeat;
	/*background-color:#e6ecea;*/
	border-bottom:#a7b6b4 1px solid;}
.twocolplain {
	width:611px;margin-top:0;padding-top:0;
	background-color:#e6ecea;
	border:#a7b6b4 1px solid;}
.leader {
	float:left;
	display:inline;
	width:278px;	
	margin:15px 0 5px 20px;padding:0;}	
.content {
	width:auto;
	/*width:880px;*/
	float:left;
	margin:0;
	padding:12px 20px 15px 20px;
}
.content img {float:left;}
/* Header Navigation styles--------------------------------------------------*/

/* TOOLTIPS --------------------------------------------------*/
a.tooltip {
	color:inherit;
	cursor:pointer;
	margin:0;padding:2px 3px;
	border:1px dotted #bbcdbb;}
a.tooltip:hover {
	text-decoration:none;
	background-image:none;
} 
a.tooltip span {display:none;}

a.tooltip:hover span {
	margin-top:-30px; padding:8px;
	display:inline;
	position:absolute;
	width:19em;
	font-size:.8em;
	line-height:1.5em;
	z-index:200;
	border:#99370d 1px solid;
	color:#ffffff;
	background-color:#ed662c;
	text-decoration:none;
	text-indent:0;
}
/* tooltips*/


/* Custom text formatting --------------------------------------------------*/
.alert {
	color:#FF0000;
}.title {
	font-size:.7em;
	margin:0;padding:0 0 20px 0;
	color:#3d6b6f;
}
blockquote {
	padding: 0;
	margin:0;
	width:auto;
	font-size:0.8em;
}
.title2{
	font-size:.7em;
	margin:10px 10px 0 0;
	color:#3d6b6f;
	float:right;
	text-align:right;
line-height:1.3em;
}
/*blockquote+.title{
float:right;
margin:10px 10px 0 0;
text-align:right;
line-height:1.3em;
}*/
.bqstart {
     position:absolute;
	 top:35px;
	 left:5px;
     font-size: 3.5em;
	 padding-top:20px;
 }

 .bqend {
     position:absolute;
	 top:70px;
	 padding-top:20px;
	 right:5px;
	font-size: 3.5em;
 }
 .peoplelinks {
 	float:right;
	width:335px;
	padding:0 10px;
 }
 
 .peoplelinks p {
 font-size:.7em;
 line-height:1.4em;
 }

h2+.leader {
	margin-left:20px;
}

.phpinclude {
	float:left; width:190px; font-size:.8em; text-decoration:underline; border:none
}

/* Work page styles --------------------------------------------------*/
.thumb  {
	width:67px;
	float:left;
	font-size:.75em;
	padding:0;
	}
.thumb a {
	font-size:.85em;
}
.thumb a img {
	padding:0;
	margin:0;
	display:block;
	opacity:.6;filter:alpha(opacity=60);
	border:#757666 2px solid;
}
.thumb a:hover img{
	opacity:1;filter:alpha(opacity=100);
	border:#ed662c 2px solid;
}

a.iconsprite{ text-decoration:none; border:#a8a89d 2px solid; display:block; width:60px; height:60px;  overflow:hidden;}
a.iconsprite:hover {background-position:0 0; text-decoration:none; border:#77a62e 2px solid;}
.radiosprite {
	background:transparent url(../gfx/icon_radio.gif) 0 -60px no-repeat;
}
.tvsprite {
	background:transparent url(../gfx/icon_tv.gif) 0 -60px no-repeat;
}

/* Popbox styles*/
.PopBoxImageSmall
{
	border: #757666 1px solid;
	margin:5px 0 0 20px;
	cursor: url("../gfx/popbox/magplus.gif"), pointer;
}
.PopBoxImageLarge
{
	border: #757666 3px solid;
	cursor: url("../gfx/popbox/magminus.gif"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("../gfx/popbox/magminus.gif"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}
#nextprevious {
	float:left;width:100%;
	position:relative;
	margin-top:5px;padding:0;
	font-size:.7em;
}
#nextprevious #next {
	display:inline;
	clear:none;
	float:right;
/*	right:0;*/
	text-align:right;}
	
#nextprevious #next img, .linkarrow{
	vertical-align:middle;
	border:none;
	text-decoration:none;}
	

/* POPUP styles --------------------------------------------------*/
#mediabg {
	background:none;
	font-size:.8em;
	padding:15px;
}
#mediabg h1 {
padding:0;margin:0 0 5px 0;}

#mediabg a {font-size:.8em; float:left;}

/* Services page styles --------------------------------------------------*/

.serviceslist li {
	margin-right:30px;
	float:none;
	font-size:.9em;
	padding-bottom:4px;
	text-indent:7px;
}

.serviceslist li:first-child {
	text-indent:0;
}
/* ABOUT page  --------------------------------------------------*/

/* slider styles--------------------------------------------------*/
#slider {
    width: 870px;
    margin:8px auto 20px auto;
    position:relative;}

.scroll {
    width: 870px;
	padding-bottom:10px;
	left:0;
    position: relative;}

.scrollContainer div.panel {
    padding:0 0 0 5px;
	width:871px;}

.panel img, .leader img{
    padding:0 10px 0 0;
	margin-top:0;
	clear:left;
	float:left;
}

.panel .secondicon {padding-bottom:40px;}

ul.navigation li a {
	padding:0;
	margin:0 10px 5px 0;
	font-size:.9em;}

.scrollButtons {
    position:absolute;
	z-index:200;
   	bottom:0;
	margin-bottom:-25px;
/*	padding:0;*/
    cursor: pointer;	
	height:24px;}

.scrollButtons.left {
	left: -21px;
}

.scrollButtons.right {
	right: -36px;
}
.hide {
    display: none;
}
/* COMMUNITY page --------------------------------------------------*/
.communityblocks {
	width:260px;
	padding:0;
	margin-right:20px;
	float:left;}
.newline {clear:both
}
.required {font-style:italic; font-size:.7em; color:#666666;padding:0; margin-left:.5em}
#asterisk {font-style:normal;font-size:1.2em}
form {
	float:left; width:570px; margin:15px 0 10px 0;padding-bottom:10px; border:#3c6b6f 1px solid}
label
{
width: 6.5em;
float: left;
clear:left;
font-size:.8em;
text-align: right;
margin:7px 0 0 .5em;
display: block
}
fieldset {border:none; padding:10px 20px; width:auto;}
legend {font-size:.8em; color:#3c6b6f;}
select {float:left; margin:7px 0 10px .5em; padding:0;}
textarea, submit {
	width:300px;
	padding:3px;
	margin-left:.5em;
	font: .80em/1.2em "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}
input {
	margin:7px 0 0 .5em; background-color:#f6e4a5;/*#ccec9a;*/} 

/* scroll more --------------------------------------------------*/
#scrollMore {
	position: fixed;
	z-index: 100;
	bottom: 0;
	font-size:.75em;
	right:15px;
	padding:0.2em 0.35em; background: #ed662c; color: #ffffff; text-decoration: none; border-bottom: 1px solid #99431d;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;}
#warningMessage {display: none;}

/* Footer Area styles--------------------------------------------------*/
#footer {
	position:relative;
	padding:0;margin:20px 0 0;
	font-size:.9em;
	line-height:1.2em;
	color:#3d6b6f}
#footer h4{
	display:inline;
	padding:0 .5em .5em 0;
	float:left}
#footer p {
		padding:0; }
.clearfloat {
	clear:both;
    height:0;
    line-height: 0px;}