body {
background: #151219;
margin:0;
padding:0;
font-family: Calibri, helvetica, sans-serif;
color: #303030;
font-size: 13px;
line-height: 1.3em;
}

#mainWrapper {
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #1b0929 url(../images/bg_body.gif) no-repeat;
background-position: bottom;
}

#header {
height: 389px; /*Height of top section*/
background: url(../images/bg_header.jpg) no-repeat;
}

#contentWrapper {
float: left;
width: 100%;
}

#index #contentColumn {
margin-left: 366px; /*Set left margin to LeftColumnWidth*/
margin-right: 4px;
background: #efefef url(../images/bg_home-right-col.gif) no-repeat;
background-position: bottom;
padding-bottom: 25px;
}

#index #leftColumn {
float: left;
width: 366px; /*Width of left column*/
margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/
}

#contentColumn {
margin-left: 254px; /*Set left margin to LeftColumnWidth*/
margin-right: 4px;
background: #efefef url(../images/bg_content.gif) no-repeat;
background-position: bottom;
padding-bottom: 25px;
}

#leftColumn {
float: left;
width: 254px; /*Width of left column*/
margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/
}

#pageBottom {
clear: all;
height: 7px;
width: 100%;
}

#footerWrapper {
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#copyRight {
float: right;
color: #d7d7d7;
padding: 0 7px 15px 0;
font-size: 11px;
}

#footerNav {
float: left;
color: #d7d7d7;
padding: 0 0 15px 261px;
font-size: 11px;
}

#index #footerNav {
float: left;
color: #d7d7d7;
padding: 0 0 15px 373px;
font-size: 11px;
}

.cushion {
margin: 0 35px 35px 35px; /*Margins for inner DIV inside each column (to provide padding)*/
}


#homeQuote {
height: 135px;
padding: 0 20px;
}

#soundSamples {
font-size: 12px;
line-height: 1.2em;
width: 175px;
height: 110px;
background: url(../images/bg_sound.gif) no-repeat;
float: left;
margin-left: 5px;
}

#caseStudies {
font-size: 12px;
line-height: 1.2em;
width: 175px;
height: 110px;
background: url(../images/bg_cases.gif) no-repeat;
margin-left: 5px;
float: left;
}

.twoCol {
float: left;
width: 300px;
vertical-align: top;
}

#sideContact {
margin: 150px 20px 0 20px;
color: #7f7685;
font-size: 11px;
line-height: 1.1em;
}



/***** Fonts & Styles *****/

#contentColumn p {
padding: 0;
margin: 0 0 12px 0;
}

.small {
font-size: 11px;
line-height: 1.2em;
}

#contentColumn p.testQuote {
	padding: 25px 0 0 0;
margin: 25px 6px 10px 6px;
text-indent: -6px;
font-style: italic;
border-top: solid 1px #7622b2;
}

#contentColumn blockquote {
padding: 25px 0 0 0;
margin: 25px 6px 10px 6px;
/* text-indent: -6px; */
font-style: italic;
border-top: solid 1px #7622b2;
}

#contentColumn p.testSource {
padding: 0;
margin: 0 6px 10px 6px;
text-indent: 0;
font-style: italic;
}

#contentColumn p.testSource,
#contentColumn cite {
padding: 0;
margin: 0 6px;
display: block;
}



/* Headers */

h1 {
clear: both;
display: block;
font-size: 24px;
line-height: 36px;
font-family: tahoma, geneva, sans-serif;
color: #513271;
margin: 0 0 5px 0;
padding: 15px 0 0 0;
font-weight: normal;
}

h1#home-logo {
	clear: none;
}

h2 {
font-size: 18px;
line-height: 1.2em;
font-family: Calibri, helvetica, sans-serif;
color: #0084af;
margin: 0;
padding: 20px 0 5px 0;
font-weight: normal;
}

h3 {
font-size: 16px;
line-height: 1.2em;
font-family: Calibri, helvetica, sans-serif;
color: #49176d;
margin: 0;
padding: 20px 0 5px 0;
font-weight: normal;
}

h4 {
font-size: 14px;
line-height: 1.2em;
font-family: Calibri, helvetica, sans-serif;
color: #49176d;
margin: 0;
padding: 5px 0;
font-weight: normal;
}

#sideContact h2 {
font-size: 16px;
line-height: 1.2em;
font-family: Calibri, helvetica, sans-serif;
color: #dbd1e2;
margin: 0;
padding: 20px 0 0 0;
font-weight: normal;
}


#index h2.quote {
font-family: georgia, times new roman, serif;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #d7d7d7;
text-indent: -6px;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
line-height: 1.4em;
}

#index h2.quoteSource {
font-family: georgia, times new roman, serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: right;
color: #d7d7d7;
text-indent: -6px;
margin: 0;
padding: 10px 0 0 0;
line-height: 1.4em;
}


h2.quote, div#leftColumn blockquote {
font-family: georgia, "times new roman", serif;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #d7d7d7;
text-indent: -6px;
margin: 50px 15px 0 15px;
padding: 0;
line-height: 1.4em;
}

h2.quoteSource, div#leftColumn cite {
font-family: georgia, "times new roman", serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #d7d7d7;
text-indent: 0;
margin: 10px 15px 0 15px;
padding: 0;
line-height: 1.3em;
display: block;
}

div#leftColumn div#homeQuote cite {
	text-align: right;
}


#sampleTable h3 {
font-size: 16px;
line-height: 1.2em;
font-family: Calibri, helvetica, sans-serif;
color: #0084af;
margin: 10px 0 0 0;
padding: 10px 0 5px 0;
font-weight: normal;
border-top: solid 1px #0080b2;
}

#sampleTable td {
padding: 5px 0;
}

.audioSample {
float: right;
width: 300px;
margin: 0 0 0 10px;
}


/* List Styles */

#contentColumn .cushion ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none;
line-height: 1.2em;
}

#contentColumn .cushion ul li {
margin: 0 0 5px 5px;
padding: 0 0 0 17px;
background: url(../images/bullet_purple.gif) no-repeat;
background-position: 7px 7px;
}

#contentColumn .cushion ul li ul {
margin: 5px 0 5px 0;
padding: 0;
list-style-type: none;

}

#contentColumn .cushion ul li ul li {
margin: 0 0 3px 5px;
padding: 0 0 0 17px;
background: url(../images/bullet_teal.gif) no-repeat;
background-position: 7px 7px;
}



/***** Link Styles *****/

a:link, a:visited {
color: #631e95;
}

a:hover, a:active {
color: #8f18e5;
}

#footerNav a:link, #footerNav a:visited {
color: #d7d7d7;
}

#footerNav a:hover, #footerNav a:active {
color: #0084af;
}


#sideContact a:link, #sideContact a:visited {
color: #7f7685;
}

#sideContact a:hover, #sideContact a:active {
color: #0084af;
}

/* AltNav */

#altNav {
float: right;
font-size: 11px;
margin: 20px 10px 0 0;
}

#altNav ul {
margin: 0 15px 0 0;
padding: 0;
list-style-type: none;
}

#altNav ul li {
display: inline;
}

#altNav ul li a:link, #altNav ul li a:visited {
padding: 3px 5px;
background: #efefef;
color: #303030;
text-decoration: none;
}

#altNav ul li a:active, #altNav ul li a:hover {
padding: 3px 5px;
background: #c9dde8;
color: #303030;
text-decoration: none;
}


/* SubNav */

#subNav {
float: left;
font-size: 13px;
margin: 20px 0 0 15px;
}

#subNav ul {
margin: 0 0 0 15px;
padding: 0;
list-style-type: none;
}

#subNav ul li {
display: inline;
}

#subNav ul li a:link, #subNav ul li a:visited {
padding: 3px 5px;
background: #efefef;
color: #303030;
text-decoration: none;
}

#subNav ul li a:active, #subNav ul li a:hover {
padding: 3px 5px;
background: #c9dde8;
color: #303030;
text-decoration: none;
}



/***** Form Styles *****/

.cssform p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
height: 1%;
}

.cssform label{
float: left;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: right;
padding: 2px 5px 0 0;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.cssform textarea {
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
margin-left: 3px;
}