*
{
font-family: myriad, verdana, sans-serif;
color: #fff
}

body
{
font-size: 62.5%;
}


html
{
background:#958f88 url('../_images/bg_graph.gif');
}

p
{
padding-bottom:1em;
font-size:1.1em
}

#site_container
{
width:980px;
margin: 0 auto
}

#site_container h1
{
display:none
}

#header
{
height:74px; /* top plus nav*/
background-color: #cec8c1
}

#header_logo
{
float:right;
width:198px;
height:74px;
background:#cec8c1 url('../_images/logo_sd_header.gif') no-repeat top right
}

#page_title
{
margin-top:5px
}

#page_title h2
{
margin-left:20px;
letter-spacing:.1em;
}

.bar_titles
{
padding:0;
font-size:1.4em;
padding-top:.40em;
font-weight:bold
}

#banner_graphic
{
width:980px;
height:170px;
background-repeat:no-repeat;
background-color: #cec8c1
}

#content_body
{
margin-top:5px;
padding-bottom:30px;
background-color:#7c7873
}

#content h3
{
font-weight:bold;
padding-bottom:.5em;
font-size:2.4em
}

#content.casestudies h3
{
font-weight:bold;
padding-bottom:.5em;
font-size:1.6em;
}

#content_body h4
{
font-weight:bold;
padding-bottom:.5em;
font-size:1.2em;
}


.col_container
{
padding-top:20px
}

.wide_panel
{
width:100%;
height:260px;
margin-bottom:20px;
background-color:#52504d
}

.wide_panel_photo
{
width:380px;
height:260px;
background-repeat:none;
background-color:#52504d
}

/* NAVIGATION */

#main_nav
{
height:29px
}

#main_nav ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#main_nav li
{
float: left;
} 

#main_nav span
{
display:none
}

.homebutton, .aboutbutton, .teambutton, .servicesbutton, .casestudiesbutton, .holographicsbutton, .environmentbutton, .contactbutton,
.homebuttonactive, .aboutbuttonactive, .teambuttonactive, .servicesbuttonactive, .casestudiesbuttonactive, .holographicsbuttonactive, .environmentbuttonactive, .contactbuttonactive
{
float:left;
height:29px;
background-image:url(../_images/nav_main.gif);
background-repeat:no-repeat
}

a.homebutton, a.homebuttonactive
{
margin-left:10px;
width:64px;
background-position: -10px 0;
}

a.homebutton:hover, a.homebuttonactive
{
background-position: -10px -29px
}

a.aboutbutton, a.aboutbuttonactive
{
width:63px;
background-position:-71px 0
}

a.aboutbutton:hover, a.aboutbuttonactive
{
background-position:-71px -29px
}


a.teambutton, a.teambuttonactive
{
width:82px;
background-position:-134px 0
}

a.teambutton:hover, a.teambuttonactive
{
background-position:-134px -29px
}


a.servicesbutton, a.servicesbuttonactive
{
width:78px;
background-position: -214px 0
}

a.servicesbutton:hover, a.servicesbuttonactive
{
background-position: -214px -29px
}

a.casestudiesbutton, a.casestudiesbuttonactive
{
width:107px;
background-position:-290px 0;
}

a.casestudiesbutton:hover, a.casestudiesbuttonactive
{
background-position:-290px -29px
}
a.holographicsbutton, a.holographicsbuttonactive
{
width:107px;
background-position:-290px 0;
}

a.holographicsbutton:hover, a.holographicsbuttonactive
{
background-position:-290px -29px
}


a.environmentbutton, a.environmentbuttonactive
{
width:108px;
background-position: -395px 0
}

a.environmentbutton:hover, a.environmentbuttonactive
{
background-position: -395px -29px
}

a.contactbutton, a.contactbuttonactive
{
width:76px;
background-position:-501px 0
}

a.contactbutton:hover, a.contactbuttonactive
{
background-position:-501px -29px
}

/* HOME */

#video_panel_container
{
width:980px;
height:244px;
background-color: #000
}

#video_panel .noflash
{
width:980px;
height:244px;
background: url('../_images/title_noflash.jpg') no-repeat top right
}

.home .thumbnail
{
background-repeat:none;
width:140px;
height:91px
}

.home .thumbnail a
{
display:block;
width:140px;
height:91px;
background:url('../_images/thumb_overlay_home.png') no-repeat top right
}

.home .thumbnail a span
{
display:none
}

.home .thumbnail a:hover
{
background-position:0 -91px
}

.home div.thumb_title
{
padding:10px 0 0 7px;
height:4em;
background-color:#66635f
}

.home div.thumb_title p
{
line-height:1.4em;
color:#fff
}

.col1, .col2, .col3, .col4, .col5
{
display:inline; /* for ie6 */
float:left;
margin: 0 0 0 20px
}

.home .col1
{
width:300px;
}

.home .col2, .home .col3, .home .col4, .home .col5
{
width:140px
}


#footer
{

}

#footer p
{
line-height:2.7em;
text-align:right;
margin-right:1em
}

/* ABOUT */

.about #banner_graphic
{
background-image: url('../_images/banner_about.jpg')
}

.about .col1
{
width:540px
}

/* TEAM */

/* .team .col1
{
background-color: #cec8c1;
width:380px
} */

.team .col1, .team .col2
{
width:480px;
padding-top:20px
}

.team_panel
{
width:100%;
padding-bottom:20px;
margin-bottom:20px;
background-color:#52504d
}

/* SERVICES */

.services .col1
{
width:460px;
padding-top:20px
}

.services .col2
{
background-color: #cec8c1;
margin-left:100px;
width:380px
}

/* CASE STUDIES INDEX */

.casestudies .col1
{
width:460px
}

.casestudies .col2
{
width:460px
}

.casestudies .preview
{
width:460px;
height:210px;
margin-top:20px;
background-color:#5f5c58
}

.casestudies .preview p, .casestudies .preview h3
{
width:280px
}

.casestudies .preview .thumbnail
{
background-color: #cec8c1;
width:460px;
height: 120px;
background-repeat:no-repeat
}

.casestudies .preview .thumbnail a
{
display:block;
width:460px;
height:120px;
z-index:10;
background:url('../_images/thumb_overlay_casestudies.png') no-repeat top right
}

.casestudies .preview .thumbnail a:hover
{
background-position: 0 -120px
}

.casestudies .preview .thumbnail a span
{
display:none
}

.casestudies .preview .info
{
height:120px;
padding:20px 0 0 20px
}

.casestudies .preview .link
{

height:29px;
width:100%;
line-height:2.6em;
padding-left:20px
}


/* CASE STUDIES SINGLE */

#page_title a
{
text-decoration:none;
color:#fff
}

#page_title a:hover
{
color:#7c7873
}

#page_title h2
{
float:left
}

.casestudies_single .col1
{
width:460px;
}

.casestudies_single .col2
{
width:460px
}

#slideshow
{
width:460px;
height:330px
}

#slideshow img
{
display: block;
background-color:#5f5c58
}

#slideshow img.hidden
{
display: none;
}

#image_nav_bar
{
height:29px;
width:100%;
background-color:#5f5c58;
line-height:2.6em
}

#image_nav
{
float:left;
height:29px;
margin-left:10px
}

#image_nav a
{
color:#fff;
text-decoration:none;
font-weight:bold
}

#image_nav a:hover
{
text-decoration:underline;
}

#image_info
{
float:right;
margin-right:10px;
}

/* ENVIRONMENT */

#banner_graphic
{
background-image: url('../_images/banner_environment.jpg')
}

.environment .col1
{
width:540px
}

/* CONTACT */

.contact .col2
{
margin-left:310px
}

#map_box
{
width:460px;
height:270px;
background: #cec8c1 url('../_images/google_map.gif') no-repeat left top
}

#map_box a
{
display:block;
width:460px;
height:270px;
}

#map_box span
{
display:none
}

.contact #address_box
{
margin-bottom:1.4em;
}

.contact address
{
font-size:1.4em;
}

/* MISC */

object { display:block; }

#content ul
{
padding-bottom:1em
}

#content li
{
list-style-type: disc;
list-style-position: inside
}

a:link {font-weight:bold}
a:visited {color:#dddddd}
a:active {}
a:hover {text-decoration: none}

.group:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

#pagination-container
{
padding: 20px 20px 0 20px
}

#pagination
{
width:100%;
height:24px;
background-color:#5f5c58;
text-align:right;
line-height:2.2em
}

.bold
{
font-weight:bold
}

.italic
{
font-style:italic
}
 
.group {
display: inline-block;
}
 
html[xmlns] .group {
display: block;
}

.black_bar
{
width:100%;
height:29px;
background-color: #000
}