/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
background: #f1f4f3 url(images/top-background.png) repeat-x top;
font:13px Arial, Helvetica, sans-serif;
color: #666;
}
 
/***** Layout Elements *****/

#top-nav {
height: 54px;
float: left;
margin: 22px 0px 0px 0px;
}
#main-graphic {
width: 635px;
height: 217px;
float: left;
}
a#subhead span{
display: none;
}
#main-headshot{
position: absolute;
margin: 17px 0px 0px 570px;
z-index: -1000;
}
#studio-main-image {
position: absolute;
margin: 17px 0px 0px 580px;
}
#demo-main-image {
position: absolute;
margin: 70px 0 0 610px;
}
#about-main-image {
position: absolute;
margin:-8px 0 0 538px;
}
#main-bar {
float: left;
clear: both;
margin-top: -2px;
}
#buffer {
clear: both;
height: 20px;
}
.features {
width: 230px;
height: 283px;
float: left;
line-height: 17.5px;
padding-right: 15px;
}
.demo-boxes {
width: 100%;
float: left;
padding-bottom: 25px;
}
#studio-list {
width: 210px;
height: 283px;
float: left;
line-height: 20px;
padding-right: 15px;
}

#studio-audio {
width: 210px;
height: 283px;
float: left;
line-height: 17.5px;
padding-right: 25px;
}

#about-list {
width: 190px;
height: auto;
float: left;
line-height: 20px;
padding-right: 15px;
}

#social {
width: 216px;
float: left;
line-height: 17.5px;
padding-right: 20px;
}
#clients {
width: 229px;
float: left;
}
#testimonials {
float: left;
width: 370px;
line-height: 17.5px;
padding-right: 20px
}
#twitter {
width: 316px;
float: left;
line-height: 17.5px;
padding-right: 20px
}
#contact {
float: left;
width: 229px;
line-height: 17.5px;
}
#footer {
margin-top: 30px;
width: 100%;
float: left;
height: 75px;
background: #dedede;
}
#footertext {
font-size: 0.8em;
margin: 0 auto;
text-align: left;
width: 960px;
padding-top: 30px;
}

/***** Custom Text *****/


/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:none;
outline: none;
}

a:link {
color: #af63e9;
outline: none;
}

a:hover {
text-decoration: underline;
outline: none;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}

/***** Image Rollover Classes *****/

a#demo {
margin: 10px 0px 40px 0px;
float: left;
display: block;
height: 41px;
width: 193px;
background-image: url(http://www.catherinesmith.com/images/hear-a-demo-2.png); 
}
a#demo:hover {
background-position: 193px 0;
}
a#demo span {
display: none;
}

a#contact {
margin: 10px 0px 40px 0px;
float: left;
display: block;
height: 41px;
width: 193px;
background-image: url(http://www.catherinesmith.com/images/contact-me-2.png); 
}
a#contact:hover {
background-position: 193px 0;
}
a#contact span {
display: none;
}

a#menu_home {
float: left;
display: block;
width: 53px;
height: 11px;
background-image: url(http://www.catherinesmith.com/images/menu/menu_01.png); 
}
a#menu_home:hover {
background-position: 0 -11px;
}
a#menu_home span {
display: none;
}

a#menu_about {
float: left;
display: block;
width: 149px;
height: 11px;
background-image: url(http://www.catherinesmith.com/images/menu/menu_02.png); 
}
a#menu_about:hover {
background-position: 0 -11px;
}
a#menu_about span {
display: none;
}

a#menu_demo {
float: left;
display: block;
width: 59px;
height: 11px;
background-image: url(http://www.catherinesmith.com/images/menu/menu_03.png); 
}
a#menu_demo:hover {
background-position: 0 -11px;
}
a#menu_demo span {
display: none;
}

a#menu_studio {
float: left;
display: block;
width: 85px;
height: 11px;
background-image: url(http://www.catherinesmith.com/images/menu/menu_05.png); 
}
a#menu_studio:hover {
background-position: 0 -11px;
}
a#menu_studio span {
display: none;
}

a#social_facebook {
float: left;
display: block;
width: 75px;
height: 78px;
background-image: url(http://www.catherinesmith.com/images/social/social_01.png); 
}
a#social_facebook:hover {
background-position: 0 -79px;
}
a#social_facebook span {
display: none;
}

a#social_twitter {
float: left;
display: block;
width: 65px;
height: 78px;
background-image: url(http://www.catherinesmith.com/images/social/social_02.png); 
}
a#social_twitter:hover {
background-position: 0 -79px;
}
a#social_twitter span {
display: none;
}

a#social_linkedin {
float: left;
display: block;
width: 76px;
height: 78px;
background-image: url(http://www.catherinesmith.com/images/social/social_03.png); 
}
a#social_linkedin:hover {
background-position: 0 -79px;
}
a#social_linkedin span {
display: none;
}

a#demo-full {
float: left;
display: block;
margin: 0px 10px 10px 0px;
width: 308px;
height: 163px;
background-image: url(http://www.catherinesmith.com/images/demo-full-demo.png); 
}
a#demo-full:hover {
background-position: 0 -163px;
}
a#demo-full span {
display: none;
}

a#demo-radio {
float: left;
display: block;
margin: 0px 0px 10px 0px;
width: 308px;
height: 163px;
background-image: url(http://www.catherinesmith.com/images/demo-radio.png); 
}
a#demo-radio:hover {
background-position: 0 -163px;
}
a#demo-radio span {
display: none;
}

a#demo-tv {
float: left;
display: block;
margin: 0px 10px 10px 0px;
width: 308px;
height: 163px;
background-image: url(http://www.catherinesmith.com/images/demo-television.png); 
}
a#demo-tv:hover {
background-position: 0 -163px;
}
a#demo-tv span {
display: none;
}

a#demo-narration {
float: left;
display: block;
margin: 0px 10px 0px 0px;
width: 308px;
height: 163px;
background-image: url(http://www.catherinesmith.com/images/demo-narration.png); 
}
a#demo-narration:hover {
background-position: 0 -163px;
}
a#demo-narration span {
display: none;
}

a#demo-on-hold {
float: left;
display: block;
margin: 0px 10px 0px 0px;
width: 308px;
height: 163px;
background-image: url(http://www.catherinesmith.com/images/demo-on-hold.png); 
}
a#demo-on-hold:hover {
background-position: 0 -163px;
}
a#demo-on-hold span {
display: none;
}

a#demo-character {
float: left;
display: block;
width: 308px;
height: 163px;
background-image: url(http://www.catherinesmith.com/images/demo-character.png); 
}
a#demo-character:hover {
background-position: 0 -163px;
}
a#demo-character span {
display: none;
}


 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }