/*****************/
/* COMMON STYLES */
/*****************/
*{margin:0;padding:0;border:0;}

body{margin:0 auto;text-align:center;background:#f5f4f2 url(im/bg_splash_l.jpg) no-repeat top center;background-attachment:fixed;}

hr{background:#ccc;height:1px;margin-top:10px;}
hr.fatboy5{background:#2a2a2a;height:5px;margin:20px 0 10px 0;}

.white{background:#fff;}
.black{background:#000;}
.red{color:#933;}
.grey{color:#999;}
.dgrey{color:#3f3f3f;}
.blue{color:#38b2ea;}
.pink{color:#f71c9c}

.floatLeft{float:left;}
.floatRight{float:right;}
.floatMiddle{text-align:center;margin:3px auto;}
.clearer{clear:both;}

.pad5{padding:5px;}
.pad22{padding:22px;}
.topMargin{margin-top:57px;}

#loader{display:none;}

/********************/
/* STRUCTURE STYLES */
/********************/
#main{margin:auto;}
#wrapper{width:1005px;position:relative;top:0px;margin:0 auto;text-align:center;background:#fff;height:254px;}


/* HEADER */
#header{position:relative;width:961px;height:187px;margin:0;background: url(im/header.jpg) no-repeat;float:left;}
#headerMovie{height:187px;}
#quote{position:absolute;left:375px;top:64px;width:404px;height:100px;}
#rightTop{position:absolute;left:750px;top:0;width:200px;height:187px;background: url(im/header_right_splash_brush.png) no-repeat;_background:none;}


/* NAVMENU */
#navmenu_space{width:961px;height:23px;margin-bottom:22px;_margin-bottom:0;float:left;_float:none;}
#navmenu{width:961px;height:23px;background:#000;}
#navmenu ul{position:absolute;left:396px;width:587px;margin:0;}
#navmenu ul li{display:block;float:left;}
#navmenu ul li a{display:block;height:23px;}
#navmenu ul li a#index{background:url(im/navmenu/home_of.png);width:121px;}
#navmenu ul li a#done{background:url(im/navmenu/doner_of.png);width:262px;}
#navmenu ul li a#what{background:url(im/navmenu/what_of.png);width:204px;}
#navmenu ul li a#why{background:url(im/navmenu/why_of.png);width:211px;}

#navmenu ul li a#index:hover{background:url(im/navmenu/home_on.png);width:121px;}
#navmenu ul li a#done:hover{background:url(im/navmenu/doner_on.png);width:262px;}
#navmenu ul li a#what:hover{background:url(im/navmenu/what_on.png);width:204px;}
#navmenu ul li a#why:hover{background:url(im/navmenu/why_on.png);width:211px;}

#navmenu ul li#active a#index{background:url(im/navmenu/home_on.png);width:121px;}
#navmenu ul li#active a#done{background:url(im/navmenu/doner_on.png);width:262px;}
#navmenu ul li#active a#what{background:url(im/navmenu/what_on.png);width:204px;}
#navmenu ul li#active a#why{background:url(im/navmenu/why_on.png);width:211px;}


/* CONTENT AREAS */
#frontContent_space{width:1005px;padding-bottom:22px;background:#fff;float:left;}
#mainContent_space{width:1005px;padding-bottom:10px;background:#fff url(im/bg_mainContent.png) repeat-y;float:left;}
#mainContent{float:left;}

#frontContent_space #mainContent{padding:0 22px;}
#showCase{margin-top:10px;float:left;position:relative;}
.case_illustration{position:relative;margin-right:23px;width:223px;height:187px;float:left;background:url(im/showcase/ill_phazer.jpg);}
.case_illustration .header{width:223px;height:187px;background:url(im/showcase_illustration.png);}
.case_webdesign{position:relative;margin-right:23px;width:223px;height:187px;float:left;background:url(im/showcase/web_so4it.jpg);}
.case_webdesign .header{width:223px;height:187px;background:url(im/showcase_webdesign.png);}

.case_gui{position:relative;margin-right:23px;width:223px;height:187px;float:left;background:url(im/showcase/gui_oxygene.jpg);}
.case_gui .header{width:223px;height:187px;background:url(im/showcase_gui.png);}

.case_branding{position:relative;margin-right:23px;width:223px;height:187px;float:left;background:url(im/showcase/brand_so4it.jpg);}
.case_branding .header{width:223px;height:187px;background:url(im/showcase_branding.png);}
.case_character{position:relative;margin-right:23px;width:223px;height:187px;float:left;background:url(im/showcase/chara_fishy.jpg);}
.case_character .header{width:223px;height:187px;background:url(im/showcase_character.png);}

/* RIGHT MOST SHOWCASE SQUARE */
.case_auto{position:relative;width:223px;height:187px;float:left;background:url(im/showcase/auto_eleanor.jpg);}
.case_auto .header{width:223px;height:187px;background:url(im/showcase_auto.png);}
.case_print{position:relative;width:223px;height:187px;float:left;background:url(im/showcase/print_imendio.jpg);}
.case_print .header{width:223px;height:187px;background:url(im/showcase_print.png);}

#showCase a{width:223px;height:187px;display:block;position:absolute;top:0px;}
#showCase .footer{position:absolute;top:164px;width:223px;height:23px;background:url(im/showcase_check.png);}
/*#showCase .footer a{width:224px;height:23px;display:block;}*/

.puff{position:relative;margin-right:23px;width:223px;height:170px;float:left;}
.last{margin:0;}

#columnLeftFront_space{width:716px;background:#fff url(im/fp_stain.gif) no-repeat left center;float:left;float:left;margin-right:22px;}
#columnRightFront_space{width:223px;float:left;background:#f1f1f0;}
#columnRightFront_space .column{padding-bottom:10px;}

#columnLeft_space{width:270px;float:left;}
#columnLeft_space .column{width:226px;_width:270px;padding:0 22px 0 22px;float:left;}
#columnLeft_space .column hr{background:url(im/hr_dot.png) repeat-x;height:2px;margin:10px 0 15px 0;}

#columnLeft_space .column ul{margin-top:10px;list-style-type:none;}
#columnLeft_space .column ul li{display:block;padding:1px 0;}
#columnLeft_space .column ul li.first{padding-left:0;}
#columnLeft_space .column ul li.last{padding-right:0;}

#columnRight_space{width:686px;background:#fff;float:left;margin-left:27px;}
#columnRight_space .column{width:198px;_width:244px;padding:14px 46px 0 0;float:left;}
#columnRight_space .doubleColumn{width:442px;padding:0;float:left;}
#columnRight_space .doubleColumn .columnOne{width:198px;_width:244px;padding:0 46px 0 0;float:left;}
#columnRight_space .doubleColumn .columnTwo{width:198px;padding:0;float:left;}
#columnRight_space .columnLast{width:198px;padding:14px 0 0 0;float:left;}

#columnMain_space .column{width:198px;_width:244px;padding:14px 46px 0 0;float:left;}
#columnMain_space .columnLast{width:198px;padding:14px 0 0 0;float:left;}
#columnMain_space small{color:#999;}
.bigColumn object{border:3px solid #000;margin-top:20px;}

#columnVipFront_space .column {width:442px;}
.bigColumn{width:686px;text-align:center;margin:auto;}
#homeBtn{display:block;height:75px;width:200px;position:absolute;top:100px;left:20px;}

#footer_space{margin:0 auto;background:#fff;height:64px;text-align:center;}
#footer{background:#000;color:#fff;padding:3px 0 0 0;position:relative;top:22px;left:22px;height:20px;width:961px;}
#footer img{vertical-align:bottom;}
#footer a{color:#fff;}
#footer .icn_phone{position:absolute;left:5px;color:#fff;}
#footer .icn_mail{position:absolute;left:246px;color:#fff;}
#footer .icn_quote{position:absolute;left:492px;color:#fff;}
#footer .icn_copy{position:absolute;left:738px;color:#fff;}

#frontContent_space #footer_space{height:15px;margin-top:10px;}
#frontContent_space #footer{top:0;left:0;}

/**************/
/* TYPOGRAPHY */
/**************/
body,p,div,td,th{font-family:"helvetiva neue",helvetica;font-size:11px;line-height:13px;color:#1e1e1e;}

a,a:visited{text-decoration:none;color:#999;}
a:hover,a:active{text-decoration:underline;color:#3d86a2;}
a:focus {outline:none;}
.bigColumn a{font-weight:bold;color:#3d86a2;}

p,div{text-align:left;}
p{margin:10px 0;}
#columnLeft_space p{margin:5px 0;}
.date{color:#999;font-size:10px;}

.custList a,
.custList p{font-size:13px;line-height:16px;margin:0;color:#545454;}
#columnRightFront_space .custList p{margin-bottom:5px;}
ul.blue{color:#333;font-weight:bold;}
#columnLeft_space .column a.bluLink{color:#0e88b2;font-weight:bold;}

#columnRightFront_space p{padding:0 10px;}

#columnLeftFront_space a,
#columnRight_space a{color:#0e88b2;font-weight:bold;}

.first{margin-top:0;}
.ingress{font-weight:bold;font-size:13px;line-height:16px;}

#columnLeft_space .column ul li a{color:#0e88b2;font-weight:bold;}

h1{font-size:36px;font-weight:normal;font-weight:normal;margin:0;color:#ccc;text-transform:lowercase;}
h2{font-size:13px;font-weight:bold;line-height:16px;margin:0;color:#ccc;margin:15px 0 5px 0;}
#columnRightFront_space h2,
#columnLeft_space h2{margin:0;color:#fff;background:url(im/bg_lefthead.png) no-repeat;display:block;height:30px;width:216px;padding:7px 0 6px 10px;margin-top:23px;}
#columnRightFront_space h2{width:213px;margin-top:0;}
h3{font-size:14px;margin:25px 0 5px 0;}
#columnLeft_space h3{font-size:14px;margin:10px 0 0 0;}
h4{font-size:13px;font-weight:normal;color: #2f2f2f;}
h5{font-size:28px;font-weight:normal;color: #ffffff;}

ul.bulletedlist{list-style:disc url(im/mykran.png) inside;}
ul.bulletedlist li{margin:5px 0;}
ul.bulletedlist li.last{list-style:none url(im/blank.png) inside;padding-left:20px;}

/****************/
/* SIFR3 STYLES */
/****************/

.sIFR-flash {visibility:visible !important;margin:0;padding:0;}
.sIFR-unloading .sIFR-flash {visibility:hidden !important;}
.sIFR-replaced, .sIFR-ignore {visibility:visible !important;}
.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin:0pt;padding:0pt;overflow:auto;letter-spacing:0px;float:none;}
.sIFR-dummy { width:0px;height:0px;margin-left:42px;z-index:0;}

/* HEADER STYLES */
.sIFR-active h2,
.sIFR-active h3 {visibility:hidden;font-family:helvetica;line-height:1em;}

/****************/
/* EXTRA STYLES */
/****************/

.buttonBar{float:right;}
.buttonBar button{background:#fff;width:17px;color:#000;font-weight:bold;}
.buttonBar button:hover{color:#1293c6;}
#gallery ul li{width:442px;overflow:hidden;height:300px;}
.vipGal ul li{display:block;float:left;position:absolute;height:170px;width:198px;}
.vipGal ul li a{display:block;height:170px;width:198px;position:absolute;}

.on{color:#38b2ea;}
.of{color:#000;}

#moreBtn.of,
#custList_more.of{display:none;}
#moreBtn.on,
#custList_more.on{display:inline;}

.moreWork{margin-top:30px;}