/* topiary productions dot com cascade ---------- */
/* rev 0.1 ------------------------------- */

/* ---------------------------------------------------------- CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} input, select {margin:0; padding:0;}

/* ---------------------------------------------------------- GLOBALS */

body {
background:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.2em;
height:100%;
color:#595959;
}

#wrapper {
width:840px;
height:auto;
min-height:650px;
margin:20px auto;
}

a:link, a:visited {color:#5a5f6b; text-decoration:none;}
a:hover, a:active {color:#aeaeae; text-decoration:underline;}

h1 {
float:left;
font-size:32px;
line-height:35px;
font-weight:bold;
margin:0 10px 0 0;
}

h2 {
font-size:24px;
color:#999999;
}

#wrapper h3 {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:10px 0 8px 0;
}

em{font-style:italic;}
strong{font-weight:bold;}

.spaced {
padding:30px 0 8px 0;
}

.active {
border-bottom:solid 1px #FFFF99;
}

.active_link {
color:#000000 !important;
}

.active_block {
padding:1px 5px 1px 5px;
background-color:#000000 !important;
color:#ffffff !important;
}

.green_text {
color:#ad9f01;
}

#content {
clear:both;
}

#nav_bar {
clear:both;
width:840px;
height:90px;
background:url(../img/bar_bg.jpg);
}

#nav_bar img{
width:240px;
height:60px;
margin:15px 0 0 30px;
}


/* ---------------------------------------------------------- HEADER */


#header_left {
float:left;
width:350px;
height:50px;
margin:0 0 10px 20px;
}

#header_right {
float:right;
text-align:right;
font-size:18px;
color:#000;
margin:35px 20px 0 0;
}

#header_right a:link, #header_right a:visited {color:#898989; text-decoration:none;}
#header_right a:hover, #header_right a:active {color:#aeaeae; text-decoration:none;}

/* ---------------------------------------------------------- HOME */

#slideshow {
width:840px;
height:550px;
}

.slideshow_images {
width:840px;
height:550px;
overflow:hidden;
}

/* ---------------------------------------------------------- CONTACT */

#info {
width:838px;
height:548px;
background:#e6e7e8;
border:1px solid #dadddf;
}

#company {
float:left;
margin:10px 0 0 20px;
width:820px;
height:220px;
font-size:16px;
line-height:20px;
}



#company img{
border:#000000 solid 1px;
float:left;
margin:0 30px 0 0;
}

#profile_container{
clear:both;
width:838px;
height:448px;
background:#e6e7e8;
border:1px solid #dadddf;
}

#profile_holder{
width:798px;
height:410px;
background:#FFFFFF;
margin:15px 0 0 20px;
}

.profile_box {
float:left;
width:360px;
margin:10px 10px 0 25px;
font-size:14px;
line-height:18px;
}

.profile_box a, .profile_box a:hover, .profile_box a:visited {
float:right;
color:#004080;
}

#contact_holder{
width:798px;
height:518px;
background:#FFFFFF;
margin:15px 0 0 20px;

}

#contact_window {
width:280px;
font-size:16px;
line-height:20px;
margin:0 0 0 300px;
}

#contact_window a, #contact_window a:hover, #contact_window a:visited {
color:#004080;
font-size:14px;
}

/* ---------------------------------------------------------- FILMS */

#film_container{
width:838px;
height:678px;
background:#e6e7e8;
border:1px solid #dadddf;
}

#text_container{
width:838px;
height:678px;
background:#e6e7e8;
border:1px solid #dadddf;
}

#film_holder{
width:798px;
height:480px;
background:#FFFFFF;
margin:15px 0 0 20px;
padding:10px 0 0 0;

}

#film_box {
text-align:center;
}

#film_title {
float:left;
font-size:22px;
line-height:25px;
width:200px;
height:70px;
font-weight:bold;
margin:10px 10px 0 78px;
}

.thumbnail a, .thumbnail a:hover {
color:#004080;
}

#film_description {
margin:10px 0 0 0;
font-size:16px;
line-height:20px;
width:420px;
height:80px;
overflow:hidden;

}
#text_description {
margin:10px 0 0 40px;
font-size:16px;
line-height:20px;
width:720px;

}

#text_holder{
width:798px;
height:480px;
background:#FFFFFF;
margin:15px 0 0 20px;
padding:10px 0 0 0;

}

#scroller {
width:820px;
height:150px;
margin:12px 0 0 9px;
}

#thumbs_container{
float:left;
width:720px;
height:150px;
overflow:hidden;
margin:0 0 0 0;
}

#thumbs_holder {
width:8000px;
}

.thumbnail {
float:left;
width:230px;
height:150px;
background:url(../img/thumb_bg.jpg) no-repeat;
text-align:center;
font-size:14px;
padding:15px 0 0 0;
margin:0 15px 0 0;
}

.thumbnail p {
margin:10px 0 0 0;
}

#advance_right, #advance_left{
float:left;
margin:60px 10px 0 10px;
}

/* ---------------------------------------------------------- FOOTER */


#footer {
width:100%;
text-align:center;
font-weight:bold;
margin:50px 0 0 0;
}