@charset "utf-8";
/* CSS Document */

#main-content { width: 580px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
#right-column { width: 295px; padding-left: 0px; padding-right: 0px; height: 222px;}

#main-content p { font-size: 14px; line-height: 140%; }
#main-content p.intro { padding-top: 10px; }

.black-block { width: 290px; margin-right: 11px; float: left; margin-bottom: 15px; position: relative; left: 15px; }
.black-block p { line-height: 145%; }
.black-block h2 { color: #FFFFFF; font-weight: normal;  }
.black-block h2 a { color: #FFFFFF;  text-decoration: none; }

#bt-01 span { background-image: url(/img/bt-01.gif); width: 283px; left: -4px; }
#bt-02 span { background-image: url(/img/bt-02.gif); }
#bt-03 span { background-image: url(/img/bt-03.gif); left: -4px; }

/* REFERENCE */
#hp-reference { position: relative; }
#hp-reference-wrapper { width: 900px; height: 160px; overflow: hidden; margin-left: 15px; position: relative; }
#hp-reference-position { position: absolute; top: 0px; left: 0px; }
#next { position: absolute; top: 2px; right: 15px; text-align: right; padding: 0px; margin: 0px; }
#next a { color: #666666; font-size: 11px; text-transform: uppercase; text-decoration: none; line-height: 28px; width: 122px; text-align: right; }
#next a span { height: 28px; width: 122px; background-image: url(/img/next.gif); }

.block { width: 215px; margin-right: 10px; float: left; padding-bottom: 20px; }
.block.last { margin-right: 0px; }
.block p { font-size: 11px; line-height: 140%; padding: 0px 6px 4px 6px; }
.block p.more { background: url(/img/arrow-blue.gif) no-repeat 6px 5px; padding-left: 18px; text-decoration: none; }
.block p.more a { text-decoration: none; }
.block a:visited { color: #5F9AD5; }

.bottom-links { padding-top: 0px; position: relative; top: -10px; margin-bottom: -10px; height: 40px; }

#t-02 { margin-left: 15px; height: 30px; font-size: 15px; font-weight: normal; line-height: 29px; padding: 0px; text-transform: uppercase; }
#t-02 span { background-image: url(/img/t-02.gif); height: 30px; width: 400px; }

/* RIGHT COLUMN */

#right-column {}
#right-column ul { margin: 0px; padding: 0px; position: relative; top: -23px; margin-bottom: -23px; }
#right-column ul li { list-style: none; float: left; padding-right: 5px; }
#right-column ul li#link-web { padding-right: 0px; }
#right-column ul li a { display: block; background-color: #4486C5; font-family: "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: normal; line-height: 100%; text-transform: uppercase; text-align: right; letter-spacing: -1px; }
#right-column ul li a strong { font-size: 43px; line-height: 100%; display: inline; }
#right-column #flash-wrapper { margin: 0px -50px 0px 0px; padding: 0px; width: 290px; height: 250px; position: relative;  }
#right-column #flash { position: absolute; top: -88px; left: -5px; }

#link-seo * { width: 123px; height: 194px; }
#link-sem * { width: 95px; height: 141px; }
#link-web * { width: 65px; height: 138px; }

#link-seo span { background-image: url(/img/link-seo.png); }
#link-sem span { background-image: url(/img/link-sem.png); }
#link-web span { background-image: url(/img/link-web.png); }

#right-column #link-seo a { padding-right: 16px; width: 107px; padding-top: 70px; height: 124px;}

#link-sem { padding-top: 53px; }
#right-column #link-sem a { font-size: 9px; padding-right: 13px; width: 82px; padding-top: 53px; height: 88px; }
#right-column #link-sem strong { font-size: 35px; }

#link-web { padding-top: 56px;}
#right-column #link-web a { font-size: 7px; padding-right: 11px; width: 54px; padding-top: 37px; height: 101px; }
#right-column #link-web strong { font-size: 24px; }