
/*
Colors:

bg: e9e9e0
alt: c9c9c0

1: a89  - deep
2: f06  - pink
3: 09c  - blue
4: 557  - grey
*/

body {background:#ccc;text-align:center;margin:0;padding:0;}
body {font-family:helvetica,calibri,arial,sans-serif;}

/*quick ie6 fix*/
.wrapper, .col, #text_content, hr, ul.logoList li {display:inline}

#header {width:950px;height:200px;padding:10px 0 0 10px;border-top:solid 10px #f06;background:#000 url(osch.jpg) no-repeat 100% -180px;}
#header h1 {letter-spacing:-0.05em;vertical-align:middle;padding:0;margin: 40px 0 -10px 0;}
#header h1 {color:#ccc;font-size:53px;text-shadow:0 1px 0 #999}
#header em {color:#0099CC;font-size:40px;font-style:normal;}

.wrapper {width:960px;float:left;padding:0 0 20px 0;text-align:left;background:#3a4344}
.col {float:left;margin:0 10px;}
.grid1 {width:220px;}
.grid2 {width:380px}
.grid3 {width:460px}
.grid4 {width:700px}
.grid5 {}
.grid6 {width:940px;}

#stuff {clear:right;}
#spotlight {padding:1em 0 0 0}
#spotlight p {font-size:14px}
#text_content {background:#2a3334;float:left;width: 100%;margin: 10px 0;padding: 10px 0;border-top: solid 1px #1a2324;border-bottom: solid 1px #677374;}
#text_content h2 {color:#ccc}


/*Movie layer*/
#siteCover {background:#002;opacity:0.65;z-index:990;position:absolute;position:fixed;top:0;left:0;width:100%;height:100%;}
#movieLayer {z-index:999;position:absolute;}
#movieLayer {-webkit-box-shadow:0px 0px 25px #000;-moz-box-shadow: 0px 0px 25px #000;box-shadow:0px 0px 25px #000;}
#movieLayer {background:black;border: solid 1em #000;-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;}
#movieLayer object {z-index:9999;float:left;clear:both;}
#movieLayer .close {display:block;float:right;clear:both;}

.movie-modal {position:relative;display:block;}
.movie-modal img {display:block;}
.movie-modal span {padding:4px 10px;text-decoration:none;color:#fff;font-weight:bold;position:absolute;top:110px;left:85px;background: rgba(0,0,0,0.3);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;box-shadow:0px 0px 5px #000;}
.movie-modal:hover span {color:#f06;background: rgba(0,0,0,0.6);-webkit-box-shadow:0px 0px 5px #fff;-moz-box-shadow: 0px 0px 5px #fff;box-shadow:0px 0px 5px #fff;}

h2, h3 {font-weight:normal;margin:0.2em 0;text-transform:}

h2 {color:#f06;font-size:1.5em}
h3 {color:#9fdce5;font-size:1em}
p {color:#fff;font-size:0.8em;line-height:1.3em;margin:1.2em 0}
a:link, a:visited {color:#09c;font-size:1em;line-height:1.3em;}
a:hover, a:active {color:#9fdce5;font-size:1em;line-height:1.3em;}
a img {border:0;}
hr {float:left;margin:1em 0px;border-bottom:solid 1px #788485;border-top:solid 1px #202729;height:1px;border-left:0;border-right:0;width:100%;clear:both;}
object {float:left;margin:0.6em 0;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;box-shadow:0px 0px 5px #000;}

ul.lists {margin:10px 0;padding:0;list-style:none;color:#fff;}
ul.lists li {margin:0;}

ul.logoList {margin:10px 0;padding:0;list-style:none;}
ul.logoList li {margin:0;float:left;margin: 0 0.8em 0 0}

#footer {display:none;}
