body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #6F6A60;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	background: #FFFFFF;
	background-image: url(../_images/harmonicBackground.jpg);
}

h1 {
	font: bold 30px Helvetica, arial, sans-serif;
	font-weight:900;
	color: #EB0A8D;
	letter-spacing: -2px;
}

h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

h3 {
	font-size: 14px;
	letter-spacing: -1px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #6F6A60;
	font-size: 12px;
	line-height: 18px;

}
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #6F6A60;
	font-size: 11px;
	line-height: 18px;
	}

img {
    border: none;
} 

.PSLogo {
	position:absolute;
	top:78px;
	left:56px;
}

.Banner {
	position:absolute;
	top:0px;
	left:322px;
	width:560px;
	height:173px;
	background-color:#c41230;
}

.Navigation {
	width:570px;
}

a.Nav:link, a.Nav:visited {
	font-family:Helvetica, sans-serif, Arial;
	color:#636363;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	background-color:#363636;
	display:block;
	width:186px;
	height:32px;
	border-right:solid 1px #c41230;
	float:left;
	text-indent:17px;
	line-height:40px;
	outline:none;
}		

a.Nav:hover, a.Nav:active {
	color:#FFFFFF;
	outline:none;
}

a.NavOn:link, a.NavOn:visited, a.NavOn:hover, a.NavOn:active {
	font-family:Helvetica, sans-serif, Arial;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	background-color:#363636;
	display:block;
	width:186px;
	height:32px;
	border-right:solid 1px #c41230;
	float:left;
	text-indent:17px;
	line-height:40px;
	outline:none;
}		

.NavContent {
	display:none;
	background-color:#363636;
	width:560px;
	height:140px;
}

.Content {
	position:relative;
	top:0px;
	left:0px;
	width:560px;
	height:350px;
}

.HomeHeader {
	font-weight:bold;
	color:#636363;
	font-size:36pt;
	line-height:normal;
	margin-top:15px;
	margin-bottom:5px;
}

.HomeTxt {
	display:block;
	width:355px;
	font-weight:bold;
	color:#636363;
	font-size:11pt;
	line-height:normal;
}

.HomeNav {
	margin-top:195px; 
	margin-right:17px; 
	margin-bottom:17px;
	text-align:right;
}

a.arrow:link, a.arrow:visited, a.arrow:hover, a.arrow:active {
	font-family:Helvetica, sans-serif, Arial;
	color:#FFFFFF;
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}		

.Yellow {
	color:#fdbf57;
} 

#s1 {
display: block
}

#s1 P {
	margin-bottom:17px;
}

#navNum a { 
	font-family:Helvetica, sans-serif, Arial;
	color:#4d4d4d;
	font-size:8pt;
	float:left;
	display:block;
	width:41px;
	height:25px;
	margin: 0px; 
	padding: 0px; 
	border: 1px solid #363636; 
	background: #4d4d4d; 
	text-decoration: none;
	text-align:center;
	line-height:25px; 
}

#navNum a.activeSlide { 
	color:#fdbf57;
	background: #707070;
}

#navNum a:focus { 
	outline: none; 
}

/* ----- Main Area for Flash ----- */
.homeMain {
width: 867px;
height: 335px;
vertical-align: top;
}

/*------HOME Contact Wrapper ------ */
.homeContent {
padding: 0px 50px 0px 50px;
}


/* ----- Event portfolio icon */

#btnEvent {
	margin: 5px 0px 15px 13px;
	display: inline-block;
	width: 150px;
	height: 163px;
	background: url("../_images/iconEvent_150_f2.png")  no-repeat 0 -163px;}

#btnEvent:hover {
	background-position: 0 0px;
}

#btnEvent span {
	display:none;
	}


/* ----- Interactive portfolio icon */

#btnInteractive {
	margin: 5px 0px 15px 13px;
	display: inline-block;
	width: 150px;
	height: 164px;
	background: url("../_images/iconInteractive_150_f2.png") no-repeat 0 -164px;}

#btnInteractive:hover {
	background-position: 0 0px;
}

#btnInteractive span {
	display:none;
	}

/* ----- Print portfolio icon */

#btnPrint {
	margin: 5px 0px 15px 13px;
	display: inline-block;
	width: 150px;
	height: 164px;
	background: url("../_images/iconPrint_150_f2.png")  no-repeat 0 -164px;}

#btnPrint:hover {
	background-position: 0 0px;
}

#btnPrint span {
	display:none;
	}



/*------ Contact Column -----*/
.homeCol1Icon {
background: url("../_images/iconEvent_150.png") top center no-repeat;

}

.homeCol1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: center;
line-height: 21px;
font-weight: bold;
color: #6F6A60;
/* background: url("../_images/iconEvent_150.png") top center no-repeat;*/
width: 225px;
height: 320px;
display: inline;
float: left;
margin: 0px 20px 0px 20px;
padding: 2px 20px 0px 40px;
border-right: dotted 1px #e1e1e1;
 }

/*------ Services Column ------ */
.homeCol2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 21px;
text-align: center;
color: #6F6A60;
/* background: url("../_images/iconInteractive_150.png") top center no-repeat; */
font-weight: bold;
width: 225px;
height: 320px;
display: inline;
float: left;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;

 }

/*------ Recent Info Column ------ */
.homeCol3 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 21px;
text-align: center;
color: #6F6A60;
/* background: url("../_images/iconPrint_150.png") top center no-repeat; */
font-weight: bold;
width: 225px;
height: 320px;
display: inline;
float: right;
margin: 0px 20px 0px 20px;
padding: 2px 40px 0px 20px;
border-left: dotted 1px #e1e1e1;


}

#prSection {
text-align: center;
padding: 30px 100px 0 100px;
}

#prPhone {
text-align: center;
font-size: 18px;
margin: -10px 0 30px 0;
letter-spacing: -1px;
font-weight: bold;
}

#prText {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
position: relative;
width: 600px;
text-align: left;
padding: 10px 20px 10px 40px;
border: 1px solid #e1e1e1;
background-color: transparent

}

#prText ul {
width: 500px;
	list-style: outside;
	margin: 0px 0 0 15px;
	padding: 0 0 0 15px;
	border: none;
}

#prText ul li{
	list-style:circle;
}

/* ------ PR bottom ------ */
#prBottom {
margin: 0px 0px 0 0px;
width: 600px;
text-align: center;
vertical-align:top;
background-color: transparent;
} 



#prFooter {
width: auto;
font-size: 14px;
line-spacing: 14px;
letter-spacing: -1px;
height: 122px;
padding: 70px 0 10px 0;

}

#prFooterLeft{
width: 49%;
height: 122px;
display: inline;
float: left;
border: none;
}


#prFooterRight {
border: none;
width: 49%;
display:inline-block;
padding: 100px 0 0 0;
}



/* ------ Footer ------ */
.footer {

 } 
 
 



.lowercontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6F6A60;
	padding: 15px 0 15px 0;
	width: 867px;
	vertical-align:top;
	}

.lowercontent a {
	color: #FF0000;
	text-decoration: none;	
}

.lowercontent a:link {
	color: #00b4f0;
	text-decoration: none;
}

.lowercontent a:hover {
	color: #00b4f0;
	border-bottom: dotted 1px #999999;
}




/* - Home Body Text ------------------------------------ */
.homeBody {
	font-size:11.5px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	width: 800px;
	margin: 10px 0px 0px 0px;
}


/* - Interior Body Text ------------------------------------ */
.interiorBody {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #6F6A60;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	width: 610px;
	margin: 10px 0px 0px 5px;
}

/* - Interior Box Body Text ------------------------------------ */
.boxBody {
	width: 420px;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin: 10px 10px 0px 0px;
	color: #6F6A60;
	padding-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}

/* - Resource Body Text ------------------------------------ */
.resourceBody {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #6F6A60;
	font-size: 11px;
	line-height:20px;
	font-weight: normal;
	width: 610px;
	margin: 10px 0px 0px 0px;
	vertical-align: middle;
}

/* - Interior Box Head ------------------------------------ */
.boxHeader{
	width: 420px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 10px 10px 0px 0px;
	color: #00ABF0;
	padding-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}

/* - Interior Box Body Text ------------------------------------ */
.boxQuote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18;
	font-style: italic;
	font-weight: normal;
	width: 420px;
	margin: 10px 10px 0px 0px;
	color: #6F6A60;
}

/* - Portfolio Body Text ------------------------------------ */
.portfolioBody {
	width: 860px;
	margin: 10px 0px 0px 0px;
}

/*- Secondary Internal Navigation--------------------------- */

.portfolioSideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 220px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	padding: 0px 0 0px 0px;
	vertical-align: middle;


}

	
.sideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 220px;
	margin: 5px 0px 5px 0px;
	border-style: solid;
	border-color: #D6D4D1;
	border-size: 0px;
	border-width: 0px;
	border-bottom: 0px;
	border-top: solid #D6D4D1;
	font-weight: bold;
	padding: 0px 0 0px 0px;
	vertical-align: middle;
}
	
.sideNav li a {
	height: 18px;
	text-decoration: none;
	padding: 6px 0 0 20px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #d6d4d1;
	vertical-align: middle;
	}	
	
.sideNav li a:link, .sideNav li a:visited {
	color: #656556;
	display: block;
	background:  #FFFFFF;
	padding: 6px 0 8px 20px;
	margin: 0px 0 0px 0;
	vertical-align: middle;

	}
	
.sideNav li a:hover {
	color: #00b4f0;
	background:  url(sideNav2.gif) center left no-repeat;
	padding: 6px 0 8px 20px;
	margin: 0px 0 0px 0;
	vertical-align: middle;

	}

/*===================================================== */
/* SERVICES PIC 1 */
#gallery1 {
	position: relative;
	border: 3px solid #999;
	display:inline;
	width: 183px;
	height: 133px;
	margin: 0 6px 0 6px;
	padding: 0 0px 0 0px;

}

/*===================================================== */
/* SERVICES PIC 2 */
#gallery2 {
	border: 3px solid #999;
	display:inline;
	width: 183px;
	height: 133px;
	margin: 0 6px 0 6px;
	padding: 0 0px 0 0px;

}

/*===================================================== */
/* SERVICES PIC 3 */
#gallery3 {
	border: 3px solid #999;
	display:inline;
	width: 183px;
	height: 133px;
	margin: 0 0px 0 6px;
	padding: 0 0px 0 0px;
}

/*===================================================== */
#galleryOpen {
	position: relative;
	padding: -10px 0 0 0;
	margin: -10px 0px 0px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}

/*===================================================== */




/*===================================================== */
/* Divider */

.divider {
border-bottom: dotted 1px #d6d4d1;
margin: 0px 0 12px 0;
height: 10px;
}



/*===================================================== */



.HarmonicBody {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #00ABF0;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100px;
	margin: 0px;
}


.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6F6A60;
	text-decoration: none;
}

a:link {
	color: #6F6A60;
}
a:visited {
	color: #B0B0B0;
}
a:hover {
	color: #00b4f0;
}
a:active {
    color: #6F6A60;
}

.alpha-shadow {
  float: left;
  background: url(shadow1.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  background-color: #CCCCCC;
  border: 1px solid #a9a9a9;
}

.alpha-shadow div {
  background: url(shadow2.png) no-repeat left top !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}

	
/* ----------- stylized ----------- */
#contactBox{
	width: 210px;
	height: 410px;
	background: url("../_images/loginBox.jpg") no-repeat; 
	margin-top: 25px;
	padding: 40px 5px 5px 15px;
}
#contactBox h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#contactBox p{
font-size:11px;
line-height: 14px;
font-weight: normal;
color:#666666;
margin:0 15px 25px -5px;
/* border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;*/
}
#contactBox label{
display:block;
font-weight:bold;
text-align:left;
width:60px;
float:left;
margin-bottom: 10px;
}

#contactBox input{
position: relative;
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
font-weight:bold;
padding:4px 2px;
border:solid 1px #999999;
background: url('../_images/textfield_bg.jpg') no-repeat; 
width:125px;
height: 24px;
margin:-25px 30px 25px -5px;
}

#contactBox .small{
font:Arial, Helvetica, sans-serif
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:180px;
margin: -5px 5px 5px -2px;
border-top:solid 1px #b7ddf2;
}

#contactBox textarea {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 10px;
line-height: 16px;
padding: 5px;
border: solid 1px #999999;
background:  url('../_images/textfield_bg.jpg') no-repeat; 
height: 80px;
margin: 25px;
}

#contactsHolder {
width: 640px;
border-top: #999999 dotted 1px;
}

#contactsList{
font-size: 11px;
line-spacing: 10px;
width: 380px;
display: inline;
float: left;
}


#contactAddress {
font-size: 11px;
line-spacing: 10px;
width: 250px;
display: inline;

}

.button { 
clear:both;
margin:-45px 40px 0px 0px;
float: right;
width:123px;
height:35px;
border: solid 0px #FFFFFF;
background:url('../_images/loginBtn.jpg') no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.strip {
position: absolute;
width: 58px;
height: 796px;
background: url(../_images/VisualMediaSolutions.png) no-repeat;
float: right;
margin: 0px 0px 0px 890px;
}

.stripPortfolio {
position: absolute;
width: 58px;
height: 796px;
background: url(../_images/VisualMediaSolutions.png) no-repeat;
float: right;
margin: 0px 0px 0px 890px;
}

.stripHome {
position: absolute;
width: 58px;
height: 796px;
background: url(../_images/VisualMediaSolutions.png) no-repeat;
float: right;
margin: 0px 0px 0px 918px;
}

 #phone {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: 848077;
	letter-spacing: -1px;
	float:right;
	display:inline;
	height: 32px;
	margin: 0px 0px 30px 100px;
	vertical-align:top;
}


 #socialFooter {
    height: 16px;
	float:right;
	display:inline;
}

/* SOCIAL MEDIA ICONS */
/* YouTube icon */
#icoYouTubeBig {
	width: 32px;
	height: 32px;
	display: inline;
	float:left;
	margin: 3px 5px 0 0px;
	background: url("../_images/youtube_32.jpg") no-repeat;
}

#icoYouTubeBig:hover {
	background: url("../_images/youtube_32_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoYouTubeBig span {
	display:none;
	}
	
#icoYouTubeSmall {
	width: 16px;
	height: 16px;
	display: inline;
	float:left;
	margin: 0px 5px 0 0px;
	background: url("../_images/youtube_16.jpg") no-repeat;
}

#icoYouTubeSmall:hover {
	background: url("../_images/youtube_16_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoYouTubeSmall span {
	display:none;
	}
	
	
/* Facebook icon */
#icoFacebookBig {
	display:inline;
    float:left;
	width: 32px;
	height: 32px;
	margin: 3px 5px 0px 0;
	background: url("../_images/facebook_32.jpg") no-repeat;
}

#icoFacebookBig:hover {
	background: url("../_images/facebook_32_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoFacebookBig span {
	display:none;
	}
	
#icoFacebookSmall {
	display:inline;
    float:left;
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0;
	background: url("../_images/facebook_16.jpg") no-repeat;
}

#icoFacebookSmall:hover {
	background: url("../_images/facebook_16_f2.jpg") no-repeat;
	text-decoration:none;
}

#icoFacebookSmall span {
	display:none;
	}
	
	
		
/* RSS icon */
#icoRSSBig {
	display:inline;
    float:left;
	width: 32px;
	height: 32px;
	margin: 3px 5px 0px 0;
	background: url("../_images/rss_32.jpg") no-repeat;
}

#icoRSSBig:hover {
	background: url("../_images/rss_32_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoRSSBig span {
	display:none;
	}	
	
#icoRSSSmall {
	display:inline;
    float:left;
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0;
	background: url("../_images/rss_16.jpg") no-repeat;
}

#icoRSSSmall:hover {
	background: url("../_images/rss_16_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoRSSSmall span {
	display:none;
	}		


#icoSpecialsBig {
	display:inline;
    float:left;
	width: 61px;
	height: 32px;
	margin: 0px 5px 0px 0;
	background: url("../_images/specials_32.jpg") no-repeat;
}

#icoSpecialsBig:hover {
	background: url("../_images/specials_32_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoSpecialsBig span {
	display:none;
	}	
	
	
#icoSpecialsSmall {
	display:inline;
    float:left;
	width: 31px;
	height: 16px;
	margin: 0px 5px 0px 0;
	background: url("../_images/specials_16.jpg") no-repeat;
}

#icoSpecialsSmall:hover {
	background: url("../_images/specials_16_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoSpecialsSmall span {
	display:none;
	}		
		
	
#icoHarmoniBlog {
	display:inline;
    float:left;
	width: 32px;
	height: 32px;
	margin: 3px 5px 0px 0;
	background: url("../_images/icoHarmonic_32.jpg") no-repeat;
}

#icoHarmoniBlog:hover {
	background: url("../_images/icoHarmonic_32_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoHarmoniBlog span {
	display:none;
	}			
	
#icoHarmoniBlogSmall {
	display:inline;
    float:left;
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0;
	background: url("../_images/icoHarmonic_16.jpg") no-repeat;
}

#icoHarmoniBlogSmall:hover {
	background: url("../_images/icoHarmonic_16_f2.jpg") no-repeat;
	text-decoration:none;
	
}

#icoHarmoniBlogSmall span {
	display:none;
	}		
	
#specialsTag {
font-size: 10px;
color: #666666;
text-align: right;
margin: -2px 10px 5px 0;
}