@charset "utf-8";

@font-face          { font-family: ocrastd; src: url("../fonts/ocra10.eot"); /* EOT file for IE */ }
@font-face          { font-family: ocrastd; src: url("../fonts/ocrastd.ttf"); /* TTF file for CSS3 browsers */}

body                { font-family: Arial,Helvetica,Garuda,sans-serif; }

a:link,
a:active,
a:visited           { text-decoration: none; }

h1, h2, h3          { font-weight: normal; font-family:ocrastd; }

#container	        { width: 1020px; height: 1020px; margin: 0 auto; position: relative; }
#wrapper            { float: left; width: 1020px; z-index: 1; }
#logo_vert          { display: none; position: absolute; top: 880px; left: -25px; width: 20px; height: 80px; }

#header             { width: 1020px; height: 170px; position: absolute; top: 0px; left: 0px; background: url(../images/dofine-logo-header-trans.png) no-repeat; z-index: 999; }
#header .prev_c     { width: 14px; height: 28px; position: absolute; top: 68px; left: 8px; cursor: pointer; border: none; background: transparent url(../images/prev-trans.png) no-repeat center; overflow: hidden; text-indent: -999px; font-size: 0; display:block; line-height: 0; z-index: 9999; }
#header .next_c     { width: 14px; height: 28px; position: absolute; top: 68px; left: 998px; cursor: pointer; border: none; background: transparent url(../images/next-trans.png) no-repeat center; overflow: hidden; text-indent: -999px; font-size: 0; display:block; line-height: 0; z-index: 9999; }

/* Head nav */
/*#nav                { width: 1020px; height: 36px; position: absolute; top: 170px; left: 0px; z-index: 999; }
#nav ul             { float: left; }
#nav ul li          { float: left; }
#nav ul li a        { float: left; padding: 12px 22px 11px; color: #FF850C; background: #fff; font-size: 13px; font-family: ocrastd; }
#nav ul li.active a { color: #fff; background: transparent; }
#nav ul li.first    { float: left; width: 30px; padding: 9px 0px; color: #fff; background: #fff; }
#nav ul li.fill     { float: left; padding: 12px 0px 11px; color: #fff; background: #fff; width: 355px; font-size: 13px; font-family: ocrastd; }
*/

#topmenu            { position:absolute; top:15px; right:15px; width:1005px; }
#topmenu ul         { float:right; }
#topmenu ul li      { float:left; margin-left:20px; }
#topmenu ul li a    { font-family:ocrastd; font-size:12px; color:#fff; }
#topmenu img        { float:right; padding-left:20px; }

#menu						{ width: 1020px; height: 40px; position: relative; top: 170px; left: 0px; z-index: 9999; }
#menu ul					{ float: left; width: 1020px; height: 36px; list-style-type: none; }
#menu li					{ float: left; position: relative; display: inline; }

#menu ul li a				{ display: block; height: 17px; padding: 12px 22px 11px; color: #FF850C; background: #fff; font-size: 13px; font-family: ocrastd; }
* html #menu ul li a		{ display: inline-block; }
#menu ul li.active a        { color: #fff; background: transparent; }
#menu ul li.first           { float: left; width: 30px;  padding: 12px 0px 11px; color: #fff; background: #fff; font-size: 13px; font-family: ocrastd; }
#menu ul li.fill            { position: absolute; top: 0px; left: 654px; left:587px; display: block; width: 366px; width:433px; height: 17px; padding: 12px 0px 11px; color: #fff; background: #fff; font-size: 13px; font-family: ocrastd; }

#menu ul li ul 				{ position: absolute; z-index: 9999; left: 0; margin-left: 0px; display: block; visibility: hidden; border-top: 1px solid #000; background: none; width: 170px; }
#menu ul li ul li 			{ display: list-item; float: none; background: none; font-size: 11px; }
#menu ul li ul li ul		{ margin-top: -1px; }
#menu ul li ul li a:link, #menu ul li ul li a:active,
#menu ul li ul li a:visited	{ background: #f8fafd; color: #FF850C; text-transform: none; width: 130px; padding: 6px 15px 6px 25px; font-family: Arial,Helvetica,Garuda,sans-serif; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #FF850C; border-top: 0px; }
#menu ul li ul li a:hover	{ background: #fff; color: #FF850C; }

#menu .downarrowclass		{ position: absolute; }
#menu .rightarrowclass		{ position: absolute; top: 6px; right: 5px; }

/* Footer nav */
#nav-ftr                { float: left; width: 1020px; height: 36px; position: relative; top: -40px; }
#nav-ftr ul             { float: left; }
#nav-ftr ul li          { float: left; }
#nav-ftr ul li a        { float: left; padding: 12px 22px 11px; color: #FF850C; background: #fff; font-size: 13px; font-family: ocrastd; }
#nav-ftr ul li.active a { color: #FF850C; }
#nav-ftr ul li.first    { float: left; width: 18px; padding: 9px 0px; color: #fff; background: #fff; }
#nav-ftr ul li.fill     { float: left; width: 125px; padding: 9px 0px; color: #fff; background: #fff; }

/* Search */
#search             { position: absolute; top: 116px; left: 712px; float: left; width: 216px; height: 28px; padding-top: 10px; padding-left: 78px; background: url(../images/search-trans.png) no-repeat; }
#search form        { float: left; }
#search input       { float: left; color: #fff; background: #333; border: 0px; width: 190px; font-size: 14px; font-family: arial; color: #fff; }
#search input.submit{ float: left; width: 7px; height: 14px; margin-top: 2px; }

/* Newsletter */
#newsletter         { 
    position: absolute; top: 170px; left: 774px; float: left; display: block; width: 245px; height: 40px; padding-top: 0px; padding-left: 0px; 
    border-left: 0px solid #f00; background: #fff; z-index: 9999; color: #FF850C; font-size: 13px; font-family: ocrastd; }
#newsletter span    { float: left; padding-top: 12px; }
#newsletter img     { position: relative; top: 6px; left: 30px; }

#carousel           { width: 1020px; height: 980px; position: absolute; top: -40px; left: 0px; z-index: 1; }
#content            { float: left; width: 990px; overflow: hidden; margin-top: -60px; padding-top: 222px; padding-left: 30px; }

#case1,#case2,
#case3		        { float: left; width: 1020px; height: 914px; overflow: hidden; padding-top: 206px; }

/* Blocks right */
#block_container    { float: left; width: 770px; }
.caseblock          { float: left; width: 210px; height: 210px; padding: 10px; margin-bottom: 10px; background: #fff; }
.caseblock a        { color: #000; font-size: 12px; font-family: ocrastd; }
.title              { float: left; width: 178px; font-size: 12px; padding-top: 21px; padding-left: 0px; text-transform: lowercase; }
.next               { float: left; width: 32px; margin-top: 10px; }

.caseblocks         { position: relative; z-index: 5; top: 4px; left: 0px; float: right; width: 230px; padding-top: 16px; padding-right: 16px; }

.cb_image           { float: left; width: 210px; height: 174px; overflow: hidden; }
.cb_link            { float: left; width: 32px; height: 32px; padding-top: 5px; }
.cb_title           { float: left; width: 65px; height: 32px; padding-top: 15px; padding-left: 13px; font-size: 12px; }

.expandedCaseblock	{ float: left; margin-top: -10px; margin-left:-434px; width: 424px; height: 230px; display: none; background: #fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.exblock            { float: left; padding: 30px 15px; }
.exblock h2         { font-size: 18px; font-family: ocrastd; }
.exblock p          { }
.exblock .text      { float: left; width: 392px; height: 106px; overflow: hidden; font-size: 12px; padding: 10px 0px; }
.exblock .social    { float: left; width: 260px; padding: 5px 0px 2px; }
.exblock .info a    { float: left; width: 100px; padding: 9px 0px 8px; color: #FF850C; }
.exblock .next      { float: left; width: 32px; position: relative; top: -10px; }

.block_small        { position: relative; border: 0px solid #f00; z-index: 1; left: 171px; top: -160px; float: left; width: 196px; height: 128px; padding: 15px 12px; color: #fff; font-size: 12px; line-height: 18px; background: url(../images/block-small-trans.png); }
.block_small h2     { font-size: 18px; text-transform: uppercase; padding-bottom: 4px; }
.block_small a      { text-decoration: underline; color: #fff; font-weight: bold; }

.block_large        { position: relative; z-index: 2; left: -106px; top: 230px; float: left; width: 170px; height: 258px; padding: 25px; font-size: 13px; background: url(../images/block-large-trans.png); }
.block_large h2     { font-size: 13px; padding-bottom: 10px; font-family: ocrastd; }
.block_large img    { padding-bottom: 10px; }

.block_label        { position: relative; z-index: 3; left: 44px; top: 125px; float: left; width: 212px; height: 212px; }
.case_number        { position: relative; z-index: 4; left: 18px; top: 18px; float: left; width: 136px; height: 56px; }
.case_number img    { cursor: pointer; }

.text li 			{ list-style: disc; padding-left: 15px; }
#collection .text a,
.text a 			{ color: #FF9900; }