@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------- content - common */
/* ----------------------------------------------------- colors */
/*
   pink        -  #D03F7A
   light grey  -  #A1A1A1
   mid grey    -  #717171
   dark grey   -  #414141
*/

/* ----------------------------------------------------- general */
html, body, h1, h2, h3, h4, h5, p, li{font-size:13px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;font-weight:normal;}
html,body{height:100%;}
body{background:#000;color:#DDD;margin-top:0px;[margin-top:0px;margin-top:0px;]margin-top:44px;}
a:link, a:visited, a:active{color:#5ACBE7;text-decoration:none;}
a:hover{color:#FFF;}
#mainwrap{height:auto !important;height:100%;min-height:100%;margin:0 auto;width:600px;position:relative;}

#contentarea p a{color:#5ACBE7}
#contentarea p a:hover{color:#FFF}
/* ----------------------------------------------------- page content */
#contentarea{padding-bottom:67px;}
#contentarea h3{font-size:15px;color:#FFF;margin-bottom:10px;}
#bgchange{position:fixed;top:0px;left:0px;}
#bgchange a{display:block;width:20px;height:20px;text-indent:-9999px;background:url(../assets/main/bgchange.png) 0 0 no-repeat;}
#bgchange a:hover{background-position:0 100%;}
#paginationNav{}
#paginationNav #pagePrev{}
#paginationNav #pageNext{float:right;}
/* ----------------------------------------------------- header */
#header{padding:180px 0 40px;position:relative;}
#header #logo{position:absolute;top:65px;left:0px;}
#header #logo a{display:block;width:150px;height:150px;background:url(../assets/main/op_logoh1.png) 0 0 no-repeat;text-indent:-9999px;}
#header #navlist{background:#101442;height:20px;}
#header #navlist li{float:right;font-size:12px;}
#header #navlist li a{background:#101442;color:#BDE7F7;display:block;width:100px;height:19px;padding-top:1px;text-align:center;text-transform:uppercase;border:1px solid #000;border-width:0px 1px;font-weight:bold;}
#header #navlist li a:hover{color:#FFF;}
#header #navlist li.first a{border-right:0px solid #000;}
#header #navlist li.last a{border-left:2px solid #000;}
#header #navlist li a.cursel{background:#000;color:#5ACBE7;}
#header #navlist li a.cursel:hover{cursor:default;}
/* ----------------------------------------------------- footer */
#footerlinks{width:600px;position:absolute;bottom:0px;background:#000;color:#444;height:23px;padding-top:4px;font-size:11px;}
#footerlinks #copyright{float:left;margin-left:0px;}
#footerlinks #siteby{float:right;padding-right:0px;}
#footerlinks a{color:#444; border-bottom:dotted 1px #444;}
#footerlinks a:hover{color:#FFF;}
/* ------------------------------------------------------------------------------- content - specific */
/* ----------------------------------------------------- home */
#contentarea #tagline h2{text-indent:-9999px;background:#101442 url(../assets/main/homepg_tagline.png) 0 -1px no-repeat;text-align:center;height:20px;font-weight:bold;}
#contentarea #tagline{margin-bottom:2px;}
#contentarea #dirSSwrap{height:400px;}
#contentarea #dirSSwrap #imagelabel{background:#000;color:#FFF;padding:4px 6px;position:absolute;bottom:10px;right:10px;z-index:12;}
/* ----------------------------------------------------- work */
#projectswrap .project{padding:10px 0 14px;border-top:solid 1px #5ACBE7;}
#projectswrap .project.first{padding-top:0;border-top:none;}
#projectswrap .projecthead{height:22px;font-size:14px;}
#projectswrap .projecthead .projecttitle{float:left;}
#projectswrap .projecthead .projecttitle a{color:#FFF;}
#projectswrap .projecthead .projecttitle a span{color:#A1A1A1;}
#projectswrap .projecthead .projecttitle a:hover{color:#5ACBE7;}
#projectswrap .projecthead .projecttitle a:hover span{color:#5ACBE7;}
#projectswrap .projecthead .projecttags{float:right;font-size:12px;}
#projectswrap .listingpic{clear:both;}
#projectswrap .listingpic a{display:block;padding-bottom:2px;}
#projectswrap .listingpic a:hover{}

#projectswrap .additionalcontent{padding-top:12px;display:none;}
#projectswrap .additionalcontent .links{border-top:dashed 1px white;font-size:14px;color:#FFF;height:16px;padding-top:12px;}
#projectswrap .additionalcontent .links a{color:#FFF;border-bottom:solid 1px #717171;font-size:14px;}
#projectswrap .additionalcontent .links a.num{font-size:16px;}
#projectswrap .additionalcontent .links a:hover{color:#D03F7A;}
#projectswrap .additionalcontent .description{margin-top:0px;line-height:16.2px;color:#DDD;}
#projectswrap .additionalcontent span.white{color:#FFF;}

#projectswrap .additionalcontent .additionalgraphic{margin-top:12px;}
#projectswrap .additionalcontent .bordertop{border-top:dashed 1px #717171;padding-top:12px;}
#projectswrap .additionalcontent .additionalgraphic .graphictitle{margin-bottom:5px;font-size:14px;}
#projectswrap .additionalcontent .additionalgraphic .graphic img{display:block;margin-bottom:8px;}
#projectswrap .additionalcontent .additionalgraphic .description{margin:0;font-style:normal;}
#projectswrap .closeadditional{height:16px;margin-top:8px;text-align:right;}
#projectswrap .closeadditional a{padding-right:17px;display:block;height:16px;background:url(../assets/main/collapse.gif) 100% 0 no-repeat;color:#A1A1A1;}
#projectswrap .closeadditional a:hover{background-position:100% 100%;color:#FFF;}

/* ----------------------------------------------------- news */
#newsposts .newsitem{padding:10px 0 14px;border-top:solid 1px #5ACBE7;}
#newsposts .newsitem.first{padding-top:0;border-top:none;}
#newsposts .newshead{height:22px;font-size:14px;}
#newsposts .newshead .newstitle{float:left;color:#FFF;}
#newsposts .newshead .newstitle span{color:#A1A1A1;}
#newsposts .newshead .newstitle a{color:#FFF;}
#newsposts .newshead .newstitle a span{color:#A1A1A1;}
#newsposts .newshead .newstitle a:hover{color:#D03F7A;}
#newsposts .newshead .newstitle a:hover span{color:#D03F7A;}
#newsposts .newshead .newsdate{float:right;font-size:12px;color:#DDD;}
/*#newsposts .listingpic a{display:block;padding-bottom:2px;margin-bottom:12px;}*/
#newsposts .listingpic{display:block;clear:both;}
#newsposts .listingpic a:hover{}
#newsposts .newsbody{font-size:12px;line-height:16.2px;}

#newsposts .additionalcontent{padding-top:12px;}
#newsposts .additionalcontent .links{border-top:dashed 1px white;font-size:14px;color:#FFF;height:16px;padding-top:12px;}
#newsposts .additionalcontent .links a{color:#FFF;border-bottom:solid 1px #717171;font-size:14px;}
#newsposts .additionalcontent .links a.num{font-size:16px;}
#newsposts .additionalcontent .links a:hover{color:#D03F7A;}
#newsposts .additionalcontent .nolinks{border-top:dashed 1px white;height:1px;}
#newsposts .additionalcontent .description{margin-top:0px;line-height:16.2px;color:#DDD;}
#newsposts .additionalcontent span.white{color:#FFF;}

#newsposts .additionalcontent .additionalgraphic{margin-top:12px;}
#newsposts .additionalcontent .bordertop{border-top:dashed 1px #717171;padding-top:12px;}
#newsposts .additionalcontent .additionalgraphic .graphictitle{margin-bottom:5px;font-size:14px;}
#newsposts .additionalcontent .additionalgraphic .graphic img{display:block;margin-bottom:8px;}
#newsposts .additionalcontent .additionalgraphic .description{margin:0;font-style:normal;}
/* ----------------------------------------------------- movies */
#movieviewer{width:768px;margin:30px auto 0;}
#movieviewer #movieplayer a{border-bottom:solid 1px #717171;}
#movieviewer #title{font-size:14px;color:#FFF;border-bottom:1px solid #D03F7A;margin-bottom:15px;padding-bottom:2px;}
#movieviewer #title span{color:#A1A1A1;}
#movieviewer #movielinks{font-size:14px;color:#FFF;height:16px;padding-top:12px;}
#movieviewer #movielinks a{color:#FFF;border-bottom:solid 1px #717171;font-size:16px;}
#movieviewer #movielinks a:hover{color:#D03F7A;}
#movieviewer #movielinks a.cursel{color:#D03F7A;}
/* ----------------------------------------------------- info */
#contentarea .info{border-bottom:solid 1px #5ACBE7;margin-bottom:10px;padding-bottom:10px;color:#CCC;}
#contentarea .info h4{color:#FFF;}
#contentarea .info h4.togglers{color:#5ACBE7;}
#contentarea .info h4.togglers:hover{color:#FFF;cursor:pointer;}
#contentarea .info p{font-size:12px;line-height:16.2px;}
#contentarea .info #map{float:right;}

/* ------------------------------------------------------------------------------- site default */
*{padding:0px;margin:0px;}
a:focus{-moz-outline:none;outline:none;outline-offset:0px;}
a img{border:none;display:block;}
.hideMe, .temphide{display:none;}
.invisible{visibility:hidden;}
ul,li{list-style-type:none;}
fieldset{border:none;}
.sendleft{float:left;}
.sendright{float:right;}
p{margin-bottom:10px;}