/*BASIC FORMATTING TAGS*/
html, body 
{
	height: 100%;
}

/* body and default font etc */
body
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    line-height:16px;
    color:#5e5e5e;
	padding:0;
	margin:0;
}

.body
{
background-color:#eeeeee;
}

hr
{
    margin: 11px 0 11px 0;
    height:1px;
    background-color:#e5e5e5;
    border: none;
}

a 
{
    color:#ec6f44; 
    outline:none;
    outline-style:underline;
}

a:hover 
{
    color:#ec6f44; 
    text-decoration:underline;
    outline-style:none;
}

ul {}
li {}
h1 
{ 
font-size: 20px;
font-family: Verdana; 
color:#5e5e5e;
font-weight:lighter;
}

h2 
{
font-size: 12px;
color:#ff6f23;
font-family:Verdana;
font-weight:bold;

}
h3 {font-size: 11px }
h4 {font-size: 14px }

/* for background images etc. */
.body 
{
      
}

img {
	padding:0;
	margin:0;
	border:none;
}

.img_bordered, .hl_bordered img
{
    border: solid 1px #999999 !important;
}


form {
    padding:0;
    margin:0;
    height: 100%;
}

form select, form input, form textarea {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px; 
}


/* Container */


#container_outer
{
background-color:#fff;
}


#container 
{ 
    background-color:#fff;
    width: 998px;
    overflow: hidden;
    margin: 0 auto;
}



/* Header */
#header
{
    width:998px;
    height:116px;
}


#top_bar
{
    background:transparent url(../images/top_bar_header.gif) center no-repeat;
    height:6px;
}

p
{
line-height:17px;
}


#logo
{
    margin-top:17px;
   
    height:95px;
    width:109px;
    float:left;
}



/* Navigation */

#navigation
{
    width:666px;
    height:32px;
    float:left;
    margin-top:31px;
}

#navigation ul
{ 
    list-style-type:none;
    margin:0;
    padding:0;

}

#navigation ul li
{
    float:left;
    margin:0;
    padding:0;
}

#navigation ul li a
{
    display:block;
    height:32px;
}

li a#work:hover
{ 
    background:transparent url(../images/work.gif) 0 -32px no-repeat;
}

li a#work
{
    background:transparent url(../images/work.gif) top left no-repeat;
    height:32px;
    width:69px;
    
}

    
li a#street:hover
{ 
    background:transparent url(../images/street.gif) 0 -32px no-repeat;
}

li a#street
{
    background:transparent url(../images/street.gif) top left no-repeat;
    height:32px;
    width:201px;
}

    
li a#jeremiah:hover
{ 
    background:transparent url(../images/jeremiah.gif) 0 -32px no-repeat;
}


li a#jeremiah
{
    background:transparent url(../images/jeremiah.gif) top left no-repeat;
    height:32px;
    width:156px;
}

    
li a#jeremiah:hover
{ 
    background:transparent url(../images/jeremiah.gif) 0 -32px no-repeat;
}


li a#photos
{
    background:transparent url(../images/photos.gif) top left no-repeat;
    height:32px;
    width:84px;
}

    
li a#photos:hover
{ 
    background:transparent url(../images/photos.gif) 0 -32px no-repeat;
}



li a#news
{
    background:transparent url(../images/news.gif) top left no-repeat;
    height:32px;
    width:69px;
}

        
li a#news:hover
{ 
    background:transparent url(../images/news.gif) 0 -32px no-repeat;
}

li a#contact
{
    background:transparent url(../images/contact.gif) top left no-repeat;
    height:32px;
    width:87px;
}

        
li a#contact:hover
{ 
    background:transparent url(../images/contact.gif) 0 -32px no-repeat;
}




/* Main Content */

#main_content
{
    width:998px;
    margin:0 auto;
}

#right_bar
{
    float:right;
    width:209px;
    margin:-12px 0 0 27px;
    display:inline-table;
}


#right_bar_text
{
    background:transparent url(../images/production_side.gif) no-repeat;
    width:206px;
    height:185px;
    margin-left:3px;
}

#right_bar_news
{
    background: transparent url(../images/news_main.gif) right no-repeat;
    width:103px;
    height:16px;
    margin: 18px 0 14px 106px;
}


#news updates 
{
    width:209px;
}

#news_updates ul
{
    list-style-type:none;
    text-align:left;
    padding:0;
    margin:0;
}

#news_updates ul li
{
    margin:0;
    border-bottom:solid 1px #e5e5e5;
    padding: 12px 0 12px 0;
}


#news_updates ul li:hover 
{
    background:transparent url(../images/updates_hover2.gif) top center no-repeat;
   
    color:#6fa7ce;

}

#communication_links
{
    float:right;
    width:209px;
    height:82px;
 
}


#communication_links p
{
    margin-top:17px;
}


#facebook
{
    width:32px;
    height:36px;
    float:right;
    display:inline-table;
    margin-top:-19px;
    margin-right:5px;
 
}

#twitter
{   
    float:right;
    display:inline-table;
    margin-top:-19px;
    margin-left:5px; 
}


#communication_links p
{
margin-left:10px;
font-weight:bold;
position:relative;
top:10px;
width:110px;
}

#bottom
{
    width:998px;
    height:25px;
    margin-top:14px;
    border-top:solid 1px #bcbcbc;
    clear:both;
}

#bottom_links
{
    background:transparent url(../images/bottom.gif) top right no-repeat;
    width:422px;
    height:24px;
    float:right;
    display:inline-table;
}


#bottom_links ul
{
    list-style:none;
    height:21px;
    margin-top:3px;
    float:right;
}


#bottom_links ul li
{
    float:right;
    height:21px;
    margin:0 0 0 0;
    padding:0;
}

#bottom_links ul li.home
{
    width:58px;
}

#bottom_links ul li.sitemap
{
    width:76px;
}

#bottom_links ul li.privacy
{
    width:131px;
}

#bottom_links ul li.terms
{
    margin:0;
    width:154px;
}

#bottom_links ul li a
{
    display:block;
    line-height:21px;
    text-align:center;
    width:100%;
    font-size:9px;
    font-family:Verdana;
    text-transform:uppercase;
    color:#6f6f6f;
    text-decoration:none;
}
 #footer
 {
    border-top:solid 3px #bbbbbb;
    width:998px;
    margin:0 auto;
 }
 
#footer_outer
{
  
    background-color:#eeeeee;
    width:100%;
}

#footer_links ul
{
    float:left;
    list-style-type:none;
}

#footer_links ul li
{
    float:left;
    padding:19px;
}


#footer_divider
{
    margin-top:30px;
    background:transparent url(../images/footer_divider.gif) no-repeat;
    width:513px;
    height:1px;
    margin-bottom:8px;
}



#copyright
{
    float:left;
    display:inline-table;
    width:240px;
}

.date
{
    text-align:right;
}

.date:hover
{
    color:#6fa7ce;
    text-align:right;
}

#interior_gray
{
    background:transparent url(../images/interior_bg.gif) repeat-x;
    width:642px;    
    float:right;
    margin:-12px 0 0 13px;
}


#interior_placeholder
{
    width:642px;
    margin:0 auto;
    height:361px;
    background:url(../images/flash_bg.gif) top center no-repeat;
}

#interior_content
{
    padding: 12px 0 0 15px;
}

.video_thumb
{
    margin:10px;
    width:642px;
}

.video_thumb ul
{
    list-style-type:none;
    padding:0;
}

.video_thumb ul li
{
    margin:31px 10px 0 0;
    padding:0;
    float:left;
    width:118px;
    height:219px;
    text-align:center;
}

.video_thumb ul li img
{
    height:112px;
    width:112px;
    border:solid 3px #8c8c8c;
}

.video_thumb ul li:hover
{
    background:#ff6f23;
    color:#ffffff;
    padding:3px 2px 6px 2px;
    height:210px;
    width:114px;
}

.video_thumb ul li:hover a
{
    color:#ffffff;
}

.video_thumb ul li:hover img
{
    border:0;
    margin-bottom:3px;
}

#head_title
{
    width:207px;
    height:37px;
}

.breakpoint 
{
    background:transparent url(../images/footer_divider.gif) no-repeat;
    width:513px;
    height:1px;
    margin: 14px 0 14px 0;
}


.image_popup
{
    margin-top:10px;
    text-align:center;
}


.photo_table img
{
    border:solid 3px #8c8c8c;
    margin:0 auto;
}

.photo_table img:hover
{
    border:solid 3px #ff6f23;
}

.photo_table ul
{
    margin-left:35px;
    list-style-type:none;

}

.photo_table ul li
{
    margin:10px 0 10px 0;
    padding:0;
    float:left;
    padding: 0 10px 0 10px;
}

#main_img
{
    margin-left:10px;
}

#homepage_movie_area
{
    width:642px;    
   
    
    background: url(../images/flash_bg.gif) top center no-repeat;
}


   #homepage_container
   { float:right;
    display:inline-table;
    background:url(../images/interior_bg.gif) top center repeat-x;
 margin:-12px 0 0 13px;
    height:100px;
    width:642px !important;
   }
    
    
#homepage_flash_movie
{
    width:604px;
    height:361px;
}

#homepage_flash_cycle
{
    width:615px;
    max-width:615px;
    height:180px;
    overflow:hidden;
    position:relative;
}

#homepage_flash_cycle #cycle_list
{
    list-style-type:none;
    padding:0 0 0 11px;
    margin:0;
    overflow:hidden;
    width:3000px;
    position:absolute;
}

#homepage_flash_cycle #cycle_list div
{   
    margin:0 11px 0 0;
    padding:0;
    float:left;
    display:block;
    width:140px;
    height:180px;
    text-align:center;
    background:url(../images/arrow_blank.png) top left no-repeat #ffffff;
}

#homepage_flash_cycle #cycle_list div img
{
    height:99px;
    width:134px;
    margin:4px auto 0 auto;
}

#homepage_flash_cycle #cycle_list div a
{
    font-weight:bold;
}

#homepage_flash_cycle #cycle_list div:hover
{
    color:#ffffff;
    padding:3px 2px 6px 2px;
    height:171px;
    width:136px;
}

#homepage_flash_cycle #cycle_list .cycle_blue img
{
    border:solid 3px #006fbd;
}

#homepage_flash_cycle #cycle_list .cycle_blue:hover
{
    background:url(../images/arrow_blue.png) center top no-repeat #006fbd;
}

#homepage_flash_cycle #cycle_list .cycle_green img
{
    border:solid 3px #4ba087;
}

#homepage_flash_cycle #cycle_list .cycle_green:hover
{
    background:url(../images/arrow_green.png) center top no-repeat #4ba087;
}

#homepage_flash_cycle #cycle_list .cycle_orange img
{
    border:solid 3px #ff6f23;
}

#homepage_flash_cycle #cycle_list .cycle_orange:hover
{
    background:url(../images/arrow_orange.png) center top no-repeat #ff6f23;
}

#homepage_flash_cycle #cycle_list .cycle_yellow img
{
    border:solid 3px #f5ca00;
}

#homepage_flash_cycle #cycle_list .cycle_yellow:hover
{
    background:url(../images/arrow_yellow.png) center top no-repeat #f5ca00;
}

#homepage_flash_cycle #cycle_list div:hover a
{
    color:#ffffff;
}

#homepage_flash_cycle #cycle_list div:hover img
{
    border:0;
    margin-bottom:3px;
}

#cycle_left
{
    margin:4px 0 0 0;
    padding:0;
    width:13px;
    height:105px;
    float:left;
    clear:left;
    background:url(../images/cycle_left.png) top left no-repeat;
}

#cycle_right
{
    margin:-176px 0 0 -3px;
    padding:0;
    width:13px;
    height:105px;
    float:right;
    background:url(../images/cycle_right.png) top left no-repeat;
}

.normalList
{
    position:relative;
    left:30px;
}  

.normalList
{
    margin:5px 0 5px 0;
}