/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 10px; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* BODY */
body{
background:#0e0e0e url(../images/bg.jpg) center top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.homebody{
visibility:none;
margin:0;
padding:0;
height:0;
font-size:0;
}

.homebody img{
height:0;
width:0;
}





img, div, a, h1, li {
	behavior: url(iepngfix.htc)
}

a {
   outline: none;
}

h2{
font-size:22px;
font-weight:bold;
color:#ffa2f3;
display:block;
text-transform:uppercase;
margin-bottom:20px;
}

p{
font-size:14px;
color:#fff;
line-height:24px;
text-align:left;
}

p span{
font-size:12px;
color:#ffe18d;
text-align:left;
}



/* Header */

.container, .footer_container, .video_section, .ip_content {
margin:0 auto;
width:960px;
}


.header_container{
width:960px;
float:left;
padding:28px 0 28px 0;
}

.header_container{
float:left;

}


.awards {
margin:0 auto;
width:838px;
height:58px;
background:url(../images/logoa.png) left top no-repeat;
}

.awards a{
margin:0 auto;
width:290px;
height:58px;
display:block;
text-indent:-9999px;
}

.navigation, .navigation ul{
width:960px;
height:46px;
float:left;
}

.navigation li{
float:left;
}

.navigation li a{
background:url(../images/navigation.gif) left top no-repeat;
height:46px;
display:block;
}

.navigation li a.home{
width:124px;
}

.navigation li a.the_spencers{
width:177px;
background-position:-124px 0;
}

.navigation li a.the_show{
width:142px;
background-position:-301px 0;
}

.navigation li a.residency{
width:155px;
background-position:-443px 0;
}

.navigation li a.presenter_info{
width:224px;
background-position:-598px 0;
}

.navigation li a.contact{
width:138px;
background-position:-822px 0;
}

.navigation li a:hover.home{
width:124px;
background-position:0 -46px;
}

.navigation li a:hover.the_spencers{
width:177px;
background-position:-124px -46px;
}

.navigation li a:hover.the_show{
width:142px;
background-position:-301px -46px;
}

.navigation li a:hover.residency{
width:155px;
background-position:-443px -46px;
}

.navigation li a:hover.presenter_info{
width:224px;
background-position:-598px -46px;
}

.navigation li a:hover.contact{
width:138px;
background-position:-822px -46px;
}


.navigation li a:active.home, .navigation li a.selected_home{
width:124px;
background-position:0 -92px;
}

.navigation li a:active.the_spencers, .navigation li a.selected_the_spencers{
width:177px;
background-position:-124px -92px;
}

.navigation li a:active.the_show, .navigation li a.selected_the_show{
width:142px;
background-position:-301px -92px;
}

.navigation li a:active.residency, .navigation li a.selected_residency{
width:155px;
background-position:-443px -92px;
}

.navigation li a:active.presenter_info, .navigation li a.selected_presenter_info{
width:224px;
background-position:-598px -92px;
}

.navigation li a:active.contact, .navigation li a.selected_contact{
width:138px;
background-position:-822px -92px;
}

.center_graphic{
width:960px;
float:left;
}

.video_container{
float:left;
width:100%;
padding-top:24px;
padding-bottom:26px;
background:url(../images/video_section_bg.png) left top repeat-x;
}



.videos{
float:left;
}

.image_container, .image_container2{
float: left;
width: 225px;
height: 150px;
background-image: url(../images/border.gif);
background-repeat: no-repeat;
position: relative;
}

.image_container{
margin-right: 20px;
}

.image_container img, .image_container2 img{
margin:1px 0 0 1px;
}

.image_container span, .image_container2 span {
width: 223px;
height: 148px;
display: block;
position: absolute;
top: 1px;
left: 1px;
}

.image_container span a.p1, .image_container2 span a.p1 {
background: url(../images/1.png) no-repeat left bottom;
width: 203px;
height: 26px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:122px 10px 0 10px;
display: block;
}

.image_container span a.p2, .image_container2 span a.p2{
background: url(../images/2.png) no-repeat left bottom;
width: 203px;
height: 26px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:122px 10px 0 10px;
display: block;
}



.footer{
width:960px;
float:left;
padding-top:20px;
padding-bottom:40px;
}

.footer_links{
width:440px;
float:left;
color:#8b8b8b;
}

.footer_links a{
padding:3px;
margin:0 1px;
color:#8b8b8b;
text-decoration:none;
}

.footer_links a:hover{
background:#5d0b27;
color:#fff;
}

.copyright{
width:300px;
text-align:right;
float:right;
color:#8b8b8b;
}

.copyright span{
color:#fff;
}

.inner_page_content_container{
background:url(../images/bg_inner_content.jpg) center top repeat-y;
float:left;
padding-bottom:30px;
border-bottom:1px solid #111111;
width:100%;
}

.testimonial{
width:960px;
float:left;
padding:30px 0 70px 0;
text-align:center;
background:url(../images/testi_line.png) center bottom no-repeat;
}

.content_left{
width:690px;
float:left;
padding-right:40px;
padding-top:30px;
}



.content_left div.image1{
float:right;
margin-left: 20px;
}

.content_left a{
font-size:14px;
color:#ffe18d;
text-decoration:underline;
}

.content_left a:hover{
font-size:14px;
color:#fff;
text-decoration:none;
}

.content_left ul{
margin:30px 0;
padding-left:5px;
}

.content_left li{
background:url(../images/bullet.gif) left 8px no-repeat;
font-size:14px;
line-height:24px;
padding-left:17px;
color:#fff;
}

.content_left li span{
color:#ffe18d;
font-weight:bold;
}

.content_right{
width:200px;
float:left;
padding-top:30px;
padding-left:30px;
background:url(../images/content_bg.png) left 50% no-repeat;
}

.video_cont{
float: left;
width: 197px;
height: 155px;
position: relative;
border:1px solid #fff;
margin-bottom:20px;
}


.video_cont span{
width: 197px;
height: 155px;
display: block;
position: absolute;
top:0px;
left:0px;
}

.video_cont span a.play1{
background: url(../images/play.png) no-repeat left bottom;
width: 177px;
height: 20px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:134px 10px 0 10px;
display: block;
}

.video_cont span a.play2{
background: url(../images/play1.png) no-repeat left bottom;
width: 177px;
height: 20px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:134px 10px 0 10px;
display: block;
}

.image_cont{
float: left;
width: 197px;
height: 155px;
border:1px solid #fff;
margin-bottom:20px;
}

h3{
font-size:16px;
font-weight:bold;
color:#ffe18d;
display:block;
text-transform:uppercase;
margin-bottom:15px;
}

h3 span{
font-weight:normal;
text-transform:none;
}

h3 a{
text-decoration:underline;
text-transform:none;
font-weight:normal;
}

h4{
font-size:16px;
font-weight:bold;
color:#fff;
display:block;
text-transform:uppercase;
margin-bottom:15px;
}


a.more{
background:#e7e7e7;
padding:6px 6px;
float:left;
font-size:15px;
color:#000;
text-decoration:none;
}

a:hover.more{
background:#fff;
padding:6px;
font-size:15px;
color:#000;
text-decoration:none;
}

.short_links{
margin-left:10px;
width:590px;
margin-top:0px;
margin-bottom:10px;
float:left;
font-size:13px;
color:#fff;
line-height:20px;
}

.short_links a{
padding:6px;
font-size:13px;
margin-bottom:2px;
color:#6f0061;
background:#e2c77d;
display:block;
text-decoration:none;
}

.short_links a:hover{
background:#ffe18d;
color:#6f0061;
font-size:13px;
}



.presenter_info_links{
width:600px;
float:left;
}

.technical{
padding:8px;
margin-bottom:2px;
background:#4e0044;
width:584px;
border-bottom:1px dashed #2f0029;
float:left;
font-size:15px;
display:block;
color:#fff;
text-decoration:none;
}

.presenter_info_links a{
padding:8px;
background:#4e0044;
border-bottom:1px dashed #2f0029;
margin-bottom:10px;
font-size:15px;
display:block;
color:#fff;
text-decoration:none;
}

.presenter_info_links a:hover{
background:#6f0061;
font-size:15px;
}

.pics_page{
width:690px;
float:left;
margin-bottom:20px;
}

.pics_page .ipp{
border:1px solid #ffe18d;
padding:1px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

.pics_page .ipp .ipptext{
font-size:12px;
color:#fff;
background:#000;
padding:5px;
}

.contact_info p{
font-size:18px;
}

.contact_info a{
font-size:18px;
}

.contact_info a:hover{
font-size:18px;
}

.content_left img.team{
float:right;
margin-left:10px;
margin-bottom:10px;
}
