/* Reset styles
-----------------*/
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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
    
/*---------------------------
    General settings
----------------------------*/  
body {color:#666; font:62.5%/1.6 georgia, verdana, sans-serif; background-color:#fafafa;}
    
/* Headings
------------*/
h1, h2, h3, h4, h5, h6 {color:#999; margin:0 0 .5em 0; font-family: Garamond, Georgia, "arial black", arial, sans-serif; }
h1 {font:italic 2.2em/1 garamond,georgia; }
h2 {font-size:1.8em;line-height:1em;}
h3 {font-size:1.2em; }
h4 {font-size:1em; }


/* Links
----------*/
a {text-decoration:none; font-weight:bold; text-decoration:underline;}
a:link {color:#000;}
a:visited {color:#000; font-weight:bold}
a:hover {text-decoration:underline; font-weight:bold}
a:active {font-weight:bold}
a:focus {font-weight:bold}

.block-link {display:block; text-align:right; font-weight:bold;}

/* Paragraphs & Blockquotes
---------------*/
p {margin-bottom:1em;}
blockquote p { padding:0 25px; font-style:italic;}

/* Lists
----------*/
ul, ol {list-style-position:inside; margin:0 0 1em 1em; }
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
li {list-style-position:inside; }

dl {margin-bottom:1em; border:4px double #666; background:#fff; padding:2em}
dt {float:left; font-weight:bold; margin-right:.5em;}
dd {margin-bottom:.25em;}
dl dl {border:none; }
dl .lastinsection {margin-bottom:15px;  }  
dl dl dd.lastinsection { margin-bottom:-15px;}

/* Tables
-----------*/
table {border:1px solid; border-collapse:collapse; margin-bottom:1em; }
td, th {padding:.7em; border:1px solid; vertical-align:top;}
th {text-transform:uppercase; text-align:left; font-weight:bold;}
tr {background-color:#fff; }
tr.odd {background-color:#dedede;}


/* general purpose classes
----------------------------*/    
.off-screen {position:absolute; left:-999em;}
.clear-left {clear:left;}
.clear-fix:after {content:"."; height:0; display:block; visibility:hidden; clear:both;}
.float-right {float:right; margin-left:1em;}
.float-left {float:left; margin-right:1em;}
.inner {width:900px; margin:0 auto;}


/* skip links
---------------*/
#skip {position:absolute; top:0; right:0; margin:0; padding:0; width:300px; }
#skip a { background:#000; color:#fff; display:block; padding:1em; position:absolute; top:-9999px}
#skip a:focus,
#skip a:active {top:0; right:0;}

/*------------------
    Page structure
--------------------*/

/* Page head
--------------*/
#head {height:200px; background:#dedede;}
#branding {background:#cecece; height:50px; padding:2.5em;}
#branding h1 {font:normal 4em garamond, Georgia; color:#fff; margin-top:100px;margin-left:15px;}
#branding h1 span { font-size:0.3em;}
#branding #logo {position:relative; left:40px; top:15px;}
#datecontainer {color:#666;font-size:2em;padding:1.7em;text-align:right;}
#customer-quote {font:2.9em "Myriad Pro", "Trebuchet MS", verdana, sans-serif; float:right; width:12em; margin:1em 2em 0 0; display:inline;}
#customer-quote cite {font-size:.5em; font-style:normal; display:block;}


/* Content section
--------------------*/
#content {font-size:1.3em; padding:40px 40px 0 40px;}  

#main-content {float:left; width:450px; margin-bottom:2em;}
#main-content h1 {font-size:2.18em;}

#side-content {float:left; width:530px;margin-left:4%; margin-bottom:2em;}
#side-content img { border:#000 8px solid;margin-top:15px; }

img.email {margin:4px .5em 2px 0; vertical-align: bottom;}

.imdb {margin-left:2em;font-size:0.85em; float:right;}

/* Accordion JS-Slider 
--------------------*/

.accordion img  { 
	cursor: pointer;  
	/*background:#fff; 
	border:1px solid #666;*/
	display:block; }
.accordion img.active { background-position: right 5px; }
/*.accordion h2:hover { background-color:#eaeaea;  } */


/* Footer section
--------------------*/
#footer {
	clear:both; 
border-top:1px solid #999; 
padding:2em 0 2em 0px; 
margin-top:2em;}
#footer .vcard {}

/* ie hacks */
#content {height:1%;}
#footer {height:1%;}