/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; display: block; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { vertical-align: top; }
/* general */
a:link { color: #ED145E; text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; color: #666; }
img { border: 0; }
#image { float: left; margin: 10px 0px 10px 4px; }
/* top */
img.floatLeft { float: left; margin-right: 10px; margin-top: 7px; }
#top_wrap { position:relative; display: block; clear: both; float: left; width: 100%; height: auto; }
#left { background-color: #; display: block; clear: none; float: left; height: auto; width: 10px; margin-bottom: 15px; margin-top: 10px; }
#co_info { background-color: #; display: block; clear: none; float: right; height: auto; width: auto; margin-bottom: 0px; margin-top: 0px; padding: 4px 0 5px 0; font: 11px/14px Consolas, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #222;text-align: left; margin-right: 10px; }
#right { background-color: #; display: block; clear: none; float: left; height: auto; width: 100%; }
#right p { font-family: Cambria, "Times New Roman", Times, serif; font-size: 50px; color: #222; line-height: 50px; margin: 10px 0 15px 0;}
#toggle { background-color: #; display: block; clear: both; float: left; position:relative; top:-3px; width: 250px; font-family: Cambria, "Times New Roman", Times, serif; font-size: 22px; color: #222; line-height: 22px; padding-left: 10px; }
#copyright { background-color: #; display: block; clear: both; float: left; width: auto; color: #222; padding-left: 8px; font: 10px/12px Consolas, "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-bottom: 10px; }
#thin_line { margin: 20px 0 10px 0; display: block; clear: none; float: left; width: 100%; height: 1px; background: #ccc; }
#thin_line2 { margin: 0 0 10px 0; display: block; clear: none; float: left; width: 100%; height: 1px; background: #999; }
#thin_line3 { margin: 0 0 0 0; display: block; clear: none; float: left; width: 100%; height: 1px; background: #999; }
/*#thick_line { position:relative; top: 10px; left: 10px; float: left; width: 300px; height: 8px; background-color: #FF00E5; margin-bottom: 20px; }*/
.clear { clear: both; display: block; }
#logo { display: block; clear: right; float: left; position: relative; left: 10px; top: 0px; margin-bottom:10px; }
.description { font: italic 12px/14px Georgia, serif; color: #999; display: block; position:relative; top:0px; left:3px; clear: both; float: left; width: 320px; margin-bottom: 0px; }
#table_wrap { position: relative; top: 20px; display: block; clear: both; float: left; width: 100%; height: auto; margin-bottom: 35px; background: url(http://www.redoctober.com/content/images/site/ui/table_wrap_back.png) no-repeat 150px 0px; }
/* work listing */
.cards_container { clear: both; float: left; height: auto; width: 100%; position: relative; margin: 0 0 10px 0; padding-top: 10px; background: url(http://www.redoctober.com/content/images/site/ui/cards_container_back.png) no-repeat 150px 0px; border-bottom: 1px solid #999; }
.card_container { margin: 0px 0px 0px 0; padding: 0 0 10px 10px; height: auto; float: left; }
.card_image { float: left; display: block; height: auto; border-top: 1px solid #999; background-image: url(http://www.redoctober.com/content/images/site/ui/_line_back.gif); }
#card_text { float: left; display: block; width:100%; height: auto; padding: 0; margin: 0; border-bottom: 1px solid #999; border-top: 1px solid #999; background-image: url(http://www.redoctober.com/content/images/site/ui/back_20pctwhite.png); }
#card_title { float: left; display: block; width:100%; height: auto; padding: 0; margin: 0; }
#card_title p { text-align: left; font: normal 12px/14px Cambria, "Times New Roman", Times, serif; padding: 5px 3px 3px 3px; }
#card_desc { float: left; display: block; width:100%; height: auto; }
#card_desc p { text-align:left; color:#333; padding: 0 3px 5px 3px; position: relative; margin-left: 0px; font-family: Consolas, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; line-height: 12px; }
/* utility */
#utility_wrap { clear: both; float: left; height: auto; width: 100%; position: relative; margin: 0; repeat 150px 0px; }
/* form */
#form_wrap { clear: both; float: left; height: auto; width: 100%; position: relative; margin: 0 0 10px 0; background: url(http://www.redoctober.com/content/images/site/ui/form_wrap_back.png) no-repeat 150px 0px; border-bottom: 1px solid #999; }
#form { position:relative; left: 10px; display: block; clear: both; float: left; height: auto; padding-bottom: 10px; width: auto; }
.field_name { font: 15px/15px Cambria, "Times New Roman", Times, serif; color: #222; padding: 0; margin-top: 4px; }
.form_description { font: 10px/12px Consolas, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #666; display: block; position:relative; top:22px; left:10px; clear: both; float: left; width: 200px; margin-bottom: 10px; padding-left: 10px; }
.inputstyle { border: 1px solid #ccc; background: #FFFFFF; font-family: Cambria, 'Times New Roman', Times, serif; font-style: normal; font-size: 18px; color: #454743; width: 250px; }
/* detail page */
#detail_card { position: fixed; margin-left: 10px; margin-top: 10px; width: 210px; z-index: 2; height: auto; border-top: 1px solid #999; border-bottom: 1px solid #999; background-image: url(http://www.redoctober.com/content/images/site/ui/back_20pctwhite.png); }
#detailtop { float: left; width: 100%; margin: 0 0 25px 0; }
#detailtitle { float: left; width: 100%; margin: 0; }
#detailtitle p { font: normal 22px/23px Cambria, "Times New Roman", Times, serif; text-align: left; color:#333; padding: 5px 10px 5px 10px; margin: 0; }
#detailtext { float: left; width: 100%; margin: 0; }
#detailtext p { font: 10px/12px Consolas, "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: left; padding: 5px 10px 5px 10px; margin: 0; color:#333; }
#pixeline { float: left; width: 200px; height: 1px; background-color: #ddabab; margin: 3px 0px 0px 0px; }
#image-caption { float: left; width: 90%; height: auto; margin: 5px 0 0px 10px; padding: 0; }
#image-paging { float: left; width: 90%; height: auto; margin: 5px 0 0px 10px; padding: 0; }
.proj_nav { font: italic 11px/12px Cambria, "Times New Roman"; text-align: left; color:#999; }
#link { float: left; width: 100%; margin: 0; height: auto; border-bottom: 1px solid #ccc; background-image: url(http://www.redoctober.com/content/images/site/ui/back_95pctwhite.png); }
#link p { font: bold 11px/17px Cambria, "Times New Roman"; text-align: left; color:#222; padding: 5px 10px 5px 10px; margin: 0; }
.nav { float: left; width: 100%; margin: 5px 0 0 0; padding: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.nav p { font: bold 11px/16px Cambria, "Times New Roman"; text-align: left; padding: 5px 10px 5px 10px; margin: 0; font-weight: normal; }
#back { float: left; width: 100%; margin: 0; height: auto; }
#back p { font: 20px/30px Cambria, "Times New Roman"; text-align: left; color:#222; padding: 5px 10px 5px 9px; margin: 0; }
#copyrighttext { float: left; width: 100%; padding: 0; margin: 0; border-top: 1px solid #ccc; }
#copyrighttext p { color: #999; text-align: left; margin: 0; padding: 5px 10px 8px 10px; font-family: Consolas, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9px; font-style: normal; }
.full_image_wrap { position: absolute; margin-top:10px; margin-left:233px; z-index: 1; }
.full_image { margin: 0 10px 10px 0; border: #ccc solid 1px; }
#videoWrapper { width: 640px; height: 60px; margin-right: 10px; border: 1px solid #ccc; background: url(http://www.redoctober.com/content/images/site/ui/loading.png) no-repeat 0px 0px; }
#videoPlayer { width: 640px; left: 9px; }
#share { width: 84px; height: 17px; padding-left: 10px; padding-bottom: 10px;}
/* more_info */
#more_info_wrap { clear: both; float: left; height: auto; width: 100%; position: relative; margin: 0; background: url(http://www.redoctober.com/content/images/site/ui/more_info_back.png) no-repeat 150px 0px; border-bottom: 1px solid #ffcfcf; }
#more_info_wrap p { font: normal 14px/16px Cambria, "Times New Roman", Times, serif; color: #666; padding: 0 0 30px 10px; width: 75%; }
.num { font: italic 15px/18px Cambria, "Times New Roman"; text-align: left; color:#999; }
div.lit { background: #; color: #; border: 0px solid #; }
a.selected { background: #; color: #; }
div#flashbox { color: #ff0000; position: fixed; top: 0; left: 0; width: 100%; z-order: 99; }
div#flashbox p { margin: 0; padding: 0; font-size: 280px; }