/* ===================================================================== 
                                HOME
===================================================================== */

.bread1                         { display:block; font:0.75em/1.42em arial; /*12px/17px;*/ font-weight:normal; color:#333; }
.bread2                         { display:block; font:0.69em/1.36em arial; /*11px/15px;*/ font-weight:normal; color:#333; }

a.home_btn                      { display:block; text-decoration:none; }
a.home_btn:hover                { display:block; text-decoration:none; }     
a.home_btn:hover .header        { text-decoration:underline; }

.arrow_bread                    { position:relative; top:1px; width:11px; height:11px; z-index:10; }

/* Structure ................. */
#home                           { position:relative; width:996px; padding:20px 0px 20px 0px; }

.home_c0                        { float:left; width:13px; height:450px; } /* Column 0 == min height */
.home_c1                        { float:left; width:230px; } /* Column 1 (C1) */
.home_c2                        { float:left; width:530px; } /* Column 2 (C2) */
.home_c3                        { float:left; width:210px; } /* Column 3 (C3) */

/* Mix Box (C1) .............. */
#mixbox                         { width:210px; padding:0px 0px 20px 0px; }
#mixbox .bg                     { width:100%; padding:8px 0px 0px 0px; background-color:#f8f8f8; }
#mixbox .header                 { /*span*/ display:block; padding:0px 6px 4px 8px; font:1.06em/1.18em georgia; /*17px/20px;*/ font-weight:normal; color:#000; }
#mixbox .row                    { /*span*/ display:block; width:100%; padding:0px 0px 10px 0px; }
#mixbox .pic                    { /*span*/ display:block; float:left; width:70px; height:70px; padding:2px 0px 0px 8px; }
#mixbox .text                   { /*span*/ display:block; float:left; width:125px; }
#mixbox .picright              { /*span*/ display:block; float:right; width:70px; height:70px; padding:2px 4px 0px 0px; }
#mixbox .textright             { /*span*/ display:block; float:left; width:125px; padding:2px 0px 0px 8px; }
#mixbox .bread                  { /*span*/ display:block; font:0.75em/1.33em arial; /*12px/16px;*/ font-weight:normal; color:#333; }
#mixbox .bread p                { display:inline; }

/* Link Box .................. */
.homelinkbox                    { width:210px; padding:0px 0px 20px 0px; }

.homelinkbox .top1              { width:100%; height:25px; background-color:#6fb347; }
#service .homelinkbox .top      { width:100%; height:25px; background-color:#0096cc; }
#websites .homelinkbox .top     { width:100%; height:25px; background-color:#b32d7d; }
.homelinkbox .topheader         { padding:5px 5px 5px 8px; font-size:0.75em; font-weight:bold; text-transform:uppercase; color:#fff; }
.homelinkbox .bg                { width:100%; padding:2px 0px 15px 0px; background-color:#f8f8f8; }
.homelinkbox .row1              { padding:8px 6px 0px 7px; }
.homelinkbox .row2              { padding:15px 6px 0px 7px; }
.homelinkbox a                  { text-decoration:none; color:#222; }
.homelinkbox a:hover            { text-decoration:underline; color:#000; }
#service .homelinkbox a			{ display:block; padding:0px 0px 0px 22px; color:#222; background:url(../img/icon_arrow_link.png) no-repeat;  text-decoration:none; font:0.75em/1.25em arial; /*12px/15px;*/ }
#service .homelinkbox a:hover	{ text-decoration:underline; color:#000; }
#service .homelinkbox ul		{ list-style-type: none; padding: 0px; margin: 0px; }
#service .homelinkbox li		{ background-position: 0px 5px; padding: 8px 0px 0px 7px; }
#websites .homelinkbox a		{ display:block; padding:0px 0px 0px 22px; color:#222; background:url(../img/icon_arrow_link.png) no-repeat;  text-decoration:none; font:0.75em/1.25em arial; /*12px/15px;*/ }
#websites .homelinkbox a:hover	{ text-decoration:underline; color:#000; }
#websites .homelinkbox ul		{ list-style-type: none; padding: 0px; margin: 0px; }
#websites .homelinkbox li		{ background-position: 0px 5px; padding: 8px 0px 0px 7px; }

/* News (C2).................. */
#news                           { width:510px; padding:0px 0px 0px 0px; }

#news .news_1a                  { width:100%; }
#news .news_1a .pic             { /*span*/ display:block; float:left; width:225px; height:210px; }
#news .news_1a .text            { /*span*/ display:block; float:left; width:285px; }
#news .news_1a .date            { /*span*/ display:block; padding:0px 0px 5px 0px; font-size:0.69em; color:#777; }
#news .news_1a .header          { /*span*/ display:block; padding:0px 0px 10px 0px; font:1.31em/1.19em georgia; /*21px/25px*/ font-weight:normal; color:#000; }
#news .news_1a .bread           { /*span*/ display:block; padding:0px 0px 10px 0px; font:0.75em/1.42em arial; /*12px/17px;*/ font-weight:normal; color:#333; }


#news .news_1b                  { width:100%; padding:0px 0px 0px 0px; }
#news .news_1b .row             { /*span*/ display:block; width:100%; }
#news .news_1b .header          { /*span*/ display:block; float:left; width:430px; padding:7px 0px 10px 0px; font:1.31em/1.19em georgia; /*21px/25px*/ font-weight:normal; color:#000; }
#news .news_1b .date            { /*span*/ display:block; float:right; width:70px; padding:14px 0px 5px 0px; font-size:0.69em; color:#777; text-align:right; }
#news .news_1b .bread           { /*span*/ display:block; padding:0px 0px 15px 0px; font:0.75em/1.42em arial; /*12px/17px;*/ font-weight:normal; color:#333; }


#news .news_2a                  { width:100%; padding:10px 0px 0px 0px; border-top:1px solid #e5e5e5; }
#news .news_2a .pic             { /*span*/ display:block; float:left; width:120px; height:110px; }
#news .news_2a .text            { /*span*/ display:block; float:left; width:390px; }
#news .news_2a .row             { /*span*/ display:block; padding:0px 0px 0px 0px; }
#news .news_2a .header          { /*span*/ display:block; float:left; width:310px; padding:0px 0px 5px 0px; font:1.06em/1.18em georgia; /*17px/20px;*/ font-weight:normal; color:#000; }
#news .news_2a .date            { /*span*/ display:block; float:right; width:70px; padding:5px 0px 5px 0px; font-size:0.69em; color:#777; text-align:right; }
#news .news_2a .bread           { /*span*/ display:block; padding:0px 0px 10px 0px; font:0.75em/1.42em arial; /*12px/17px;*/ font-weight:normal; color:#333; }

#news .news_2b                  { width:100%; padding:10px 0px 0px 0px; border-top:1px solid #e5e5e5; }
#news .news_2b .row             { /*span*/ display:block; width:100%; padding:0px 0px 0px 0px; }
#news .news_2b .header          { /*span*/ display:block; float:left; width:430px; padding:0px 0px 5px 0px; font:1.06em/1.18em georgia; /*17px/20px;*/ font-weight:normal; color:#000; }
#news .news_2b .date            { /*span*/ display:block; float:right; width:70px; padding:5px 0px 5px 0px; font-size:0.69em; color:#777; text-align:right; }
#news .news_2b .bread           { /*span*/ display:block; padding:0px 0px 10px 0px; font:0.75em/1.42em arial; /*12px/17px;*/ font-weight:normal; color:#333; }

#news .news_more                { padding:0px 0px 20px 0px; }
#news .news_more a              { font-weight:bold; }

#news .bread p                  { display:inline; }

/* Sub (C2)................... */
.home_c2_sub                    { width:100%; padding:0px 0px 0px 0px; }
.home_c2_sub_c1                 { float:left; width:265px; padding:0px 0px 0px 0px; }
.home_c2_sub_c2                 { float:left; width:245px; padding:0px 0px 0px 0px; }

/* Sub Box (C2) .............. */
.subbox                         { width:245px; padding:0px 0px 0px 0px; }
.subbox p						{ display:inline; }
.subbox .pic                    { /*span*/ display:block; width:245px; height:110px; }
.subbox .header                 { /*span*/ display:block; padding:0px 0px 10px 0px; font:1.06em/1.18em georgia; /*17px/20px;*/ font-weight:normal; color:#000; }
.subbox .bread                  { /*span*/ display:block; padding:0px 0px 20px 0px; font:0.75em/1.42em arial; /*12px/17px;*/ font-weight:normal; color:#333; }

/* Xbox (C3) ................. */
#xbox                           { width:100%; padding:0px 0px 20px 0px; }

/* Special Icon Links (C3) === */
#sil                            { width:100%; padding:0px 0px 10px 0px; }
/* SIL 1 "Arrow" ............. */
#sil a.sil_1                    { display:block; padding:2px 0px 15px 28px; background:url(../img/sil_arrow.png) no-repeat; text-decoration:none; }
#sil a.sil_1:hover              { text-decoration:none; } 
#sil a.sil_1:hover .sil_t1      { text-decoration:underline; }
/* SIL 2 "Exclamation Mark" .. */
#sil a.sil_2                    { display:block; padding:2px 0px 15px 28px; background:url(../img/sil_xmark.png) no-repeat; text-decoration:none; }
#sil a.sil_2:hover              { text-decoration:none; } 
#sil a.sil_2:hover .sil_t1      { text-decoration:underline; }  
/* SIL 3 "Question Mark" ..... */
#sil a.sil_3                    { display:block; padding:2px 0px 15px 28px; background:url(../img/sil_qmark.png) no-repeat; text-decoration:none; }
#sil a.sil_3:hover              { text-decoration:none; } 
#sil a.sil_3:hover .sil_t1      { text-decoration:underline; }  
/* SIL Text .................. */
#sil a .sil_t1                  { /*span*/ display:block; padding:0px 0px 0px 0px; font:1.06em/1.18em georgia; /*17px/20px;*/ font-weight:normal; color:#000; }
#sil a .sil_t2                  { /*span*/ display:block; padding:0px 0px 0px 0px; font:0.69em/1.36em arial; /*11px/15px;*/ font-weight:normal; color:#444; }