/* -----------------------------------------------------------------------
	RESET
----------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,q,small,strike,strong,sub,sup,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;}
body {font-family: arial; line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
a {text-decoration: none;color: #282929;}
a:hover {text-decoration: underline;}
legend {display: none;}

/* -----------------------------------------------------------------------
	BLOCK LEVEL ELEMENTS
----------------------------------------------------------------------- */
body {background-image: url(../../assets/gfx/full_bg.png); background-repeat: repeat-both; background-position: 34px 0;}
#bg_hook {background-image: url(../../assets/gfx/hook_bg.png); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 464px; height: 924px; z-index: 0;}
#container {width:1021px; position: absolute; top: 0;  left: 141px; z-index: 1;}
ul#top_navigation {width: 100%; height: 17px; position: absolute; left: 0; bottom: 0;}
ul#top_navigation li {float: left; font-family: helvetica; font-size: 10px;}
ul#top_navigation li#nav_info { width: 224px; height: 17px; margin-right: 14px; background-image: url(../../assets/gfx/nav_info.png); background-repeat: no-repeat; background-position: 6px;}
ul#top_navigation li#nav_news { width: 238px; height: 17px; background-image: url(../../assets/gfx/nav_news.png); background-repeat: no-repeat;}
ul#top_navigation li#nav_collection { width: 545px; height: 17px; background-image: url(../../assets/gfx/nav_collection.png); background-repeat: no-repeat;}

ul#content {width: 100%; margin-top: 18px;}
ul#content li {float: left; font-family: helvetica; font-size: 11px; line-height: 14px; color: #282929;}
ul#content li#info { width: 208px; margin-right: 14px; padding: 0 10px 0 6px;}
ul#content li#news { width: 223px; padding-right: 15px; position: relative;}
ul#content li#collection { width: 537px; position: relative; }

#newsholder {width: 223px; position: absolute; top: 0; left: 0;}
#newsmask{width: 223px; height: 0px; overflow: hidden; position: absolute; top: 0; left: 0;}
#news_pagination {width: 223px; margin-top: 10px; font-size: 9px;}

ul#content li p {}
ul#content li h3 {font-size: 10px; color: #818386; font-weight: normal; padding: 17px 0 4px; text-transform: uppercase;}
ul#content li h3 a {color: #818386 !important;}

ul#collection_items {width: 100%; }
ul#collection_items li {cursor: pointer; display: block; float: left; width: 162px; height: 134px; color: #818386; margin-right: 17px; }
ul#collection_items li h4 {font-size: 11px; text-transform: uppercase; color: #818386; }

/* -----------------------------------------------------------------------
	PROJECT WINDOW
----------------------------------------------------------------------- */
#project {width: 478px; position: absolute; background-color: #FFFFFF; color: #818386; padding: 23px 20px 10px; border: 1px solid #818386;}
#project a { color: #818386;}

#video {width: 480px; height: 360px; margin-bottom: 15px;}
#flash {width: 480px; height: 360px; position: absolute; top: 23px; left: 20px;}
#video_thumbnail {width: 480px; height: 360px; position: absolute; top: 23px; left: 20px; cursor: pointer;}
#video_overlay {width: 480px; height: 360px; position: absolute; top: 23px; left: 20px; cursor: pointer; z-index: 99;}

#project h3 {float: left; padding: 0 3px 0 0 !important; color: #000000 !important;}
#project p {clear: left; float: left; margin-top: 15px;}

ul#spots {display: block; float: left;}
ul#spots li {display: block; float: left; font-size: 9px; color: #818386 !important; padding: 0 2px; }

#project_spots {float: left; padding: 0 5px;}
#project_spots a {padding: 0 1px;}

#project_stills {float: right;}
.still {padding: 0 1px;}

#close {cursor: pointer;  float: left;}
#loader {width: 100%; text-align: center; padding-top: 150px;}
#project_controls{ width: 480px; }

#project_download {width: 350px; position: absolute; z-index: 105; top: 115px; left: 74px; background-color: #FFFFFF; padding: 36px 12px 10px;}
#download_title { width: 350px; font-size: 9px; color: #000000; font-weight: bold; text-align: center;}
#devices {width: 180px; margin: 20px 84px;}
#devices li{width: 60px; text-align: center;}
ul#download_links {width: 180px; margin-left: 84px; margin-bottom: 25px; font-size: 9px;}
ul#download_links li {width: 60px; text-align: center;}
#download_close {cursor: pointer;}

#project_share {width: 400px;  position: absolute; z-index: 105; top: 115px; left: 49px; background-color: #FFFFFF; padding: 25px 12px 10px; text-align: center;}
#share_title { width: 400px; font-size: 9px; color: #000000; font-weight: bold; text-align: center;}
p#code{width: 350px; color: #000000; font-size: 8px; background-color: #d5d4d4; margin: 0 12px 10px; padding: 10px; }
#share_links {width: 400px; text-align: center; margin-bottom: 10px; font-size: 9px;}
#share_close {cursor: pointer; float: left;}

/* -----------------------------------------------------------------------
	HEADER
----------------------------------------------------------------------- */
#header {position: relative; width: 100%; height: 206px; background-image: url(../../assets/gfx/nav_bg.png); background-position: -1px bottom; background-repeat: no-repeat;}
#header .logo{position: absolute; top: 94px; left: 237px;}
#header .design_header{position: absolute; top: 41px; right: 20px;}
#header .rss{position: absolute; bottom: 0; right: 25px; cursor: pointer; z-index: 99;}
#header .ftp{position: absolute; bottom: 0; right: 50px; cursor: pointer; z-index: 99;}

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

/* -----------------------------------------------------------------------
	OTHER
----------------------------------------------------------------------- */
.first {margin-top: 0 !important; padding-top: 0 !important;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.small {font-size: 9px;}

.text_replace {background-repeat:no-repeat; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-indent:-9999px; }