/* ------------------------------------
GLOBAL CLASSES DEFAULT PROPERTIES
------------------------------------ */
BODY {background-color:#fff;text-align:center;background:url(../images/bg_main.jpg) repeat-x 0px 0px}
BODY,DIV,P,SPAN{font:normal 13px verdana,sans-serif;color:#535353;line-height:17px}
BODY,DIV{padding:0px;margin:0px}
/*-- headers --*/
H1{font:normal 23px verdana;color:#7a7a7a;margin:0px 0px 12px 0px}
H2{width:156px;height:32px;background:url(../images/hdr_tri.gif) no-repeat right topx;background-color:#FFEBBF;color:#FF322D;font:normal 22px verdana;padding:3px 0px 0px 3px}
#about DIV#innercolumn1 H2,#work DIV#innercolumn1 H2{margin:22px 0px 0px 0px}
#worksamples H2{float:left;margin:78px 0px 0px 70px;text-align:left}
H3 {color:#606060;font:bold 16px verdana;border-bottom:10px solid #FFEBBF;padding:6px 0px 0px 0px;margin-bottom:20px}
#work H3{margin:16px 0px 12px 0px}
H5 {font-weight:bold;font-size:10px;color:#333;margin:3px 0px 1px 0px}
H6{font-weight:bold;font-size:10px}
/*-- links --*/
A{text-decoration:none;font-size:10px;color:#535353}
A:active,A:visited{color:#939393}
A:hover{text-decoration:underline}

IMG{border:0px}
UL,LI{list-style-type: none;list-style-image:none;}
.emph{font-weight:bold}
/* ------------------------------------
MAIN LAYERS
------------------------------------ */
#outerbox{width:850px;height:auto;margin-left:auto;margin-right:auto;background-color:#fff;background:url(../images/bg_wh.jpg) repeat-x center bottom}
#innerbox{width:100%;height:auto}

#hdr{width:100%;height:126px;background-color:#fff}
#logobox{width:100%;height:209px;text-align:center}
#logo{width:182px;height:209px;background:url(../images/logo_yuzu.jpg) no-repeat 0px 20px;margin-left:auto;margin-right:auto}

/*-- Menu --*/
#menubox{background-color:#FF9175;height:22px;border:1px solid #E60C00;text-align:right}
#menubar{background-color:#FF9175;height:100%}
#menuitems{color:#D70000;padding:2px 12px 0px 0px}
#menuitems A{color:#fff;margin:2px 0px 0px 52px;font-size:11px}
#menuitems A.current{color:#D70000}
#menuitems A.current:hover{text-decoration:none;cursor:default}

/*-- Column 1 --*/
.ruler,.pruler{height:2px;width:400px;background:url(../images/ruler.gif) repeat-x center center;margin:24px 0px 22px 0px}
#about DIV.ruler{margin:24px 0px 12px 0px}
#main{width:auto}
#home #main{height:700px}
#about #main{height:790px}
#work #main{height:1510px}
#worksamples #main{height:auto;padding:0px 0px 160px 0px}
#contact #main{height:680px}

#outercolumn1{float:left;width:477px;text-align:left}
#innercolumn1{padding:0px 30px 0px 34px;height:auto}

/*-- Column 2 --*/
#outercolumn2{float:right;width:338px;height:auto;background:url(../images/bg_right.jpg) 0px 0px}
#innercolumn2 DIV.content{width:238px;height:619px}
#innercolumn2 DIV.text{padding:200px 0px 0px 42px;text-align:left;line-height:24px;color:#fff}
#innercolumn2 DIV.text A{color:#fff;font-weight:bold;font-size:10px}
#innercolumn2 DIV.bottom{height:45px;background:url(../images/bg_tri.gif) no-repeat center bottom}

#home DIV#innercolumn2 DIV.content{height:650px;}
#about DIV#innercolumn2 DIV.content{height:740px;}
#about DIV.list{margin:0px 0px 18px 0px}
#work DIV#innercolumn2 DIV.content{height:1460px}

/*-- Home List Links --*/
#innercolumn2 DIV.content{text-align:center;width:260px;height:617px;margin-left:auto;margin-right:auto}
.listbox{height:200px;text-align:left;}
#list1{float:left;}
#list2{float:right}
#list1 UL,#list2 UL{line-height:18px;padding:0px;}
#list1 UL{margin:86px 0px 0px 0px}
#list2 UL{margin:86px 0px 0px 0px}

.listbox UL LI A{color:#FF2F2F;background-image:url(../images/list_bullet1.gif);background-repeat:no-repeat;background-position:0px 0px;padding-left:14px}
.listbox UL LI A{color:#FF2F2F;font-weight:bold;font-size:10px;line-height:20px;}
.listbox UL LI A:active,.listbox A:hover,.listbox A:visited{color:#FF2F2F;text-decoration:none;}
.listbox UL LI.hdr1,.listbox UL LI.hdr2{height:18px;width:80px;margin:8px 0px 2px 7px;}
.listbox UL LI.hdr1{background:url(../images/hdr_emarketing.gif) no-repeat 6px 0px;width:86px}
.listbox UL LI.hdr2{background:url(../images/hdr_web.gif) no-repeat 0px 0px}

.ruler2{height:1px;width:256px;background:url(../images/ruler2.gif) repeat-x center center;margin:33px 0px 16px 0px}

#whatisyuzubox,#mutant{text-align:left;margin:16px 0px 30px 0px;color:#fff;font-size:10px;height:75px;line-height:11px}
#whatisyuzubox IMG,#mutant IMG{border:1px solid #fff}
#whatisyuzubox A,#mutant A{font-size:9px;color:#D70000}
#whatisyuzubox A:hover,#mutant A:hover{font-size:9px;color:#D70000}
#whatisyuzubox DIV.col1,#mutant DIV.col1{font-size:10px;color:#fff;float:left;width:92px;line-height:10px}
#whatisyuzubox DIV.col2,#mutant DIV.col2{font-size:10px;color:#fff;float:right;padding:16px 0px 0px 2px;width:155px;line-height:12px}
#whatisyuzubox H6,#mutant H6,#mutant H6{color:#fff;margin:0px 0px 5px 0px}
#mutant{margin:36px 0px 40px 0px}
#mutant DIV.col1{width:155px}
#mutant DIV.col2{width:92px;padding:0px 0px 0px 2px}

/*-- 2ND Level Pages --*/
#logobox2{width:100%;height:169px;text-align:center}
#logo2{width:154px;height:179px;background:url(../images/logo_yuzu-2.jpg) no-repeat 0px 20px;margin-left:auto;margin-right:auto}
#logobox2 A{display:block;width:154px;height:159px;position:relative;top:20px}
#logobox2 A:hover{text-decoration:none}

.ptext,.plink,.pruler{font-weight:bold;font-size:10px;color:#333;margin:0px 0px 0px 0px}
.ptext{font-weight:normal}
.plink A{color:#D70000;font-weight:normal}
.pruler{height:2px;width:100%;margin:4px 0px 1px 0px}

#innercolumn1 UL LI{font-size:10px;margin:0px 0px 12px 0px;padding:0px}
#innercolumn1 UL LI.hdr{font-size:11px;font-weight:normal;color:#333;margin:4px 0px 4px 0px;padding:0px;list-style-image:url(../images/list_bullet2.gif)}

#contact DIV.list{margin:30px 0px 0px 20px}
#contact #innercolumn1 UL LI{font-size:11px;margin:0px 0px 12px -40px;line-height:16px}
#contact #innercolumn1 UL LI.hdr{font-size:11px;font-weight:bold;color:#DDA800;margin:0px 0px 0px -40px}
#contact #innercolumn1 UL LI A{color:#535353;}
#about #innercolumn2 .listbox{padding:160px 0px 0px 0px}
#about #innercolumn2 .listbox A.current{color:#5B5B5B;cursor:default}
#about #innercolumn2 .listbox A{color:#fff}

/*-- Work Samples --*/
#worksamples DIV#outercolumn1 {width:auto;height:auto}
#worksamples #logobox{width:100%;height:147px}
#worksamples #logobox A{display:block;width:123px;height:127px;margin:20px 0px 0px 20px}
#worksamples #logobox A:hover{text-decoration:none}
#logosmall{float:left;width:143px;height:147px;background:url(../images/logo_yuzu-work.jpg) no-repeat 20px 20px}

#worksamples DIV.ruler{height:2px;width:100%}
#pnavbox{text-align:left;width:100%;height:48px;border-bottom:1px dashed #c0c0c0;margin:0px 0px 20px 0px}
#crumbs{float:left;width:auto;margin:0px 0px 0px 10px;font-size:11px;}
#crumbs P{padding:2px 0px 0px 0px;margin:0px;font-size:11px;color:#B69214}
#crumbs A{font-size:11px;text-decoration:underline}
#crumbs .emph{font-size:11px;color:#B69214}
#innerpnav{width:auto;float:right;text-align:right;margin:0px 20px 0px 0px}
#pnav1,#pnav2,#pform{float:left;width:auto;margin:0px 6px 0px 6px}
#pSelect{font-size:10px;color:#eee;font-weight:bold;background-color:#999999}
#pnav1 A,#pnav2 A,.display DIV.hdr A {color:#000;font-size:10px;text-decoration:underline}
#pnav1 A:hover,#pnav2 A:hover,.display DIV.hdr A:hover {color:#000;font-size:10px;text-decoration:underline}
#pnav1 A.off,#pnav2 A.off,.display DIV.hdr A.off{text-decoration:none;cursor:default;color:#c0c0c0;font-size:10px;}

.display IMG{}
.display DIV.hdr{margin:6px 0px 6px 0px;font-size:10px}
.display DIV.hdr IMG{border:0px}
.display{width:auto}
.display DIV.hdr A{margin:0px 4px 0px 4px}

/*-- Footer --*/
#footer{width:100%;height:auto;margin:24px 0px 0px 0px;color:#333;font-size:10px;position: relative;
bottom: 10px}
#worksamples #footer{position: relative;top: 40px}

.asterix{font-weight:bold;color:#cc0000}
.note{font-style:italic}
P.note{font-size:10px}

/*-- DEV BORDERS!!! --*/
DIV{borderX:1px solid}