body { margin:0; padding:0; background: #000914 url(http://main.otlayi.com/images/background.jpg) no-repeat center top; text-align:center; text-align:center; font-family:avenir, verdana }
p { font-family:avenir-book }
a img { border:0 }
a {text-decoration: none; color: #114a8f;}
a:hover {color: #000;}
.clear { clear:both; font-size:1px }
.button { float:left; background:#145e99; display:inline; padding:1px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; margin:8px }
.button.align-right { float:right }
.button a, .button input { float:left; border:1px solid #2887c3; background:#002640; font-family:avenir-light, avenir, verdana; font-size:12px; padding:4px 16px; display:inline; vertical-align:middle; text-shadow:1px 1px 1px #000; text-decoration:none; color:white; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; cursor:hand; cursor:pointer }
.button.align-right a { }
.button a span, .button input { color:#ffcc00 }
.button a:hover, .button input:hover { background:#00509a }

#header { float:left; position:relative; z-index:9; height:36px; display:inline; margin:0 0 101px 0 }
#top_stripe { width:100%; background-color:#febf00; height:1px; font-size:1px; text-align:center }
a#stripe_call { display:inline; margin:0 0 0 704px }
a#stripe_call img { width:173px; height:36px }
#container { margin:0 auto; width:911px; text-align:left }
a#logo { position:absolute; z-index:10; margin-top:9px; background-image:url(/images/logo.png); width:302px; height:122px; display:block; text-indent:-9999px }
a#logo h1 { position:absolute; left:-9999px }

#main_outer { display:block; float:left; background:#00336c; position:relative; padding-top:8px; -moz-border-radius:9px; -webkit-border-radius:9px; -khtml-border-radius:9px; border-radius:9px }
#main_outer2 { display:block; background:#174d8a; padding:3px 3px 3px 3px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px }
#main_outer3 { display:block; background:#174D8A; padding:0 1px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; overflow:visible }
.main { display:block; background: url(/images/c_bg.png) repeat-y center top; padding:5px; margin:0 3px 0 3px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px }

ul#nav { position:absolute; list-style-type:none; padding:0; margin:-39px 0 0 324px; float:left; z-index:109 }
#nav li { background:#002640; margin-left:9px; float:left; display:block; display:block; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0 }
#nav li span { display:block; margin:1px; float:left; -moz-border-radius:8px 8px 0 0; background:#2887c3; margin:1px 1px 0 1px; padding:1px 1px 0 1px; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0 }
#nav li a { padding:0 14px; height:33px; overflow:hidden; font-size:20px; text-shadow:1px 1px 1px #000; display:block; float:left; background:#00519b url(/images/sprite_gradients.png); line-height:34px; vertical-align:middle; color:white; text-decoration:none; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0 }
#nav li a:hover, ul#nav li a.active { background:#00224b url(/images/sprite_gradients.png); color:#ffcc00; background-position:0 -33px }

#nav li .subnav {border-top: 1px solid #border: 1px solid #2887C3; position:absolute;float:left; z-index: 110;width: 196px; list-style-type:none; padding:0; margin:0 0 0 -8px; }
#nav #tab_web-development-and-internet-services .subnav a { width:140px }
#nav #tab_about .subnav a { width:70px }
#nav .subnav li {border: 1px solid #2887C3;border-top: 0;z-index: 111; -moz-border-radius:0px 0px 0 0; -webkit-border-radius:0px 0px 0 0; -khtml-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;}
#nav .subnav li span {-moz-border-radius:0px 0px 0 0; -webkit-border-radius:0px 0px 0 0; -khtml-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;}
#nav .subnav li a {font-size: 13px;width: 200px;-moz-border-radius:0px 0px 0 0; -webkit-border-radius:0px 0px 0 0; -khtml-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;}

#slideshow {margin:0 0 1px 0; position:relative; height:269px; width:903px;background: url(/images/slideshow_bg.jpg) no-repeat center top; text-align:left }
#slideshow h2 { margin:1px 0 0 0 }
#slideshow #slide_me {margin: 19px 26px 0px 26px; display:inline; width:850px; height:245px; overflow:hidden; text-align:left}
#slideshow img {}

#slide_paging {padding-bottom: 5px;}

.blue_bar_container { height:57px }
.blue_bar { display:block; width:941px; margin:0 0 -12px -18px; height:67px; overflow:visible; position:absolute }
.columns_inner .blue_bar { margin-top:18px; float:left }
.blue_bar ul { float:left; position:absolute; height:54px; width:941px; background:#00306c url(/images/sprite_gradients.png) repeat-x 0 -66px; list-style-type:none; white-space:no-wrap }
.blue_bar li { float:left; display:block }
.blue_bar ul, .blue_bar h3, .blue_bar h4 { margin:0; padding:0 }
.blue_bar .left { position:absolute; width:14px; height:67px; background:transparent url(/images/blue_bar_sides.png) no-repeat 0 54px }
.blue_bar .right { position:absolute; margin-left:925px; width:14px; height:67px; background:transparent url(/images/blue_bar_sides.png) no-repeat 0 -13px }
.blue_bar .steps li { background:transparent url(/images/blue_bar_numberbg.png) no-repeat; margin-right:8px; display:inline; overflow:visible; white-space:nowrap; max-width:254px }
.blue_bar .steps li a { text-decoration:none }
.blue_bar .steps li div.num { float:left; width:18px;  color:#ffcc00; font-size:14px; line-height:33px; text-align:center; vertical-align:bottom; margin-right:6px }
.blue_bar .steps li h3 { font-size:30px; color:white; text-shadow:1px 1px 1px #000; font-family:avenir-book, avenir, verdana; font-weight:normal; margin-top:1px }
.blue_bar .steps li.first { margin-left:27px }
.blue_bar .steps .first h3 { color:#ffcc00 }
.blue_bar .steps li h4 { font-size:13px; text-indent:12px; text-transform:uppercase; color:#87bef2; text-shadow:1px 1px 1px #002740; font-family:avenir-book, avenir, verdana; font-weight:normal; display:block; margin-top:-2px }
.blue_bar .steps li.divider { width:50px; height:54px; background:transparent url(/images/blue_bar_div.png) no-repeat }

.columns { position:relative; z-index:4; width:100%; margin-bottom:2px; background:white url(/images/c_bg.png) repeat-y left top; float:left; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; float:left }
.columns .columns_inner { background:transparent url(/images/left_bg_bottom.jpg) no-repeat left bottom; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; float:left; width:100% }
.columns_inner.full { background-image:url(/images/left_bg_bottom_full.jpg); float:left }
.columns .left_column { float:left; padding: 0px 10px; width:638px; display:inline; margin-right:3px; background-image:url(/images/left_bg_top.jpg); background-repeat:no-repeat; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px 0 0 0 }
.columns.full { background-image:url(/images/c_bg_full.png) }
.columns .left_column.full { width:883px }
.columns .left_column h1, h2, h3, h4 {font-family: avenir;font-weight: normal;text-shadow: 1px 1px 0px #fff;margin: 5px 0px;padding: 5px 5px 0px 5px;}
.columns .left_column h1 {color: #206db9;font-size: 28px;font-family: avenir-book;}
.columns .left_column h2 {color: #484848;font-size: 22px;}
.columns .left_column h3 {color: #00306D;font-size: 18px;}
.columns .left_column h4 {color: #206db9;font-size: 16px;}
.columns .left_column p {padding: 0px 5px;}
.columns .left_column .blue_box {background-color: #084691;color: #fff;border: 5px solid #002858;text-align: center;padding: 5px;margin: 5px 20px;}
.columns .blue_box ul {list-style: square;text-align: left;}
.columns .blue_box ul li {float: left;width: 130px;font-size: 12px;padding: 2px 0px;}

.homepage_split {width: 280px;float: left;padding: 0px 10px;}
.homepage_split h4 {font-style: italic;margin-top: 10px;}
.homepage_split p {font-size: 13px;}

.columns .left_column #blog_wrap {}
#blog_wrap h1 .blog_category a {font-size: 16px; color: #666;}
#blog_wrap .blog_item {margin: 20px 10px;}
#blog_wrap .blog_item .blog_img {float: left;margin-right: 10px;}
#blog_wrap .blog_item .blog_img img {border: 1px solid #000;background-color: #fff;padding: 1px;}
#blog_wrap .blog_item h3 {margin: 0;padding: 0;}
#blog_wrap .blog_item h3 a {margin: 0px; padding: 0px;font-size: 16px;}
#blog_wrap .blog_item h3 a:hover {color: #000000;}
#blog_wrap .blog_item h4 {color: #666;font-size: 13px;margin: 0;padding: 0px 0px 5px 0px;}
#blog_wrap .blog_item p {font-size: 12px;margin: 0px;padding: 0px;}

.columns .left_column #article_wrap {}
#article_wrap h2 a {color: #666;font-size: 20px;}
#article_wrap h3 {font-size: 24px;color: #363636;width: 530px;float: left;}
#article_wrap h4 {font-size: 16px;margin: 10px 0px 0px 0px;padding:0;}
#article_wrap .date {float: right;width: 94px;height: 67px;background: url(/images/date_box.png) no-repeat center top;text-align: center;}
#article_wrap .date .day {color: #002d5c;text-shadow: 1px 1px 0px #319fe8;font-size: 38px;}
#article_wrap .date .month {text-transform: uppercase;font-size: 11px;color: #c4e4f9;}

#article_wrap p {margin: 10px 0px;}
#article_wrap ul {list-style: square;}
#article_wrap ul li {padding: 2px 0px;}
#article_wrap .blog_img img {float: right;border: 1px solid #000;background-color: #fff;padding: 1px;margin: 10px;}
#article_wrap .info {font-size: 12px;color: #888888;width: 500px;float: left;}
#article_wrap .share {margin-bottom: 15px;}

.columns .left_column .quote_wrap {}
.quote_wrap .split50 {width: 49%;float: left;}
.quote_wrap label {font-size: 14px;display: block;color: #666;}
.quote_wrap input {background: #e3eef8 url(/images/s_form_bg.jpg) repeat-x center top;border: 1px solid #83acd4;padding: 3px;}
.quote_wrap input {}
.quote_wrap input {width: 230px;margin-bottom: 10px;}
.quote_wrap select {width: 240px;margin-bottom: 10px;padding: 4px;background: #e3eef8 url(/images/s_form_bg.jpg) repeat-x center top;border: 1px solid #83acd4;}
.quote_wrap .checkboxes {font-size: 13px;}
.quote_wrap .checkboxes input {width: 20px;float: left;}
.quote_wrap .checkboxes label {display: block;width: 200px;padding-top: 2px;color: #4c84a8;font-size: 13px;}
.quote_wrap textarea {width: 270px;margin-bottom: 10px;min-height: 100px;background: #e3eef8 url(/images/icons/form_note.gif) no-repeat 5px 5px;border: 1px solid #83acd4;padding: 5px 3px 3px 30px;}
.quote_wrap input.f_name, input.l_name {background: #e3eef8 url(/images/icons/form_name.gif) no-repeat 5px center;padding-left: 30px;width: 200px;}
.quote_wrap input.company {background: #e3eef8 url(/images/icons/company.png) no-repeat 5px center;padding-left: 30px;width: 200px;}
.quote_wrap input.email {background: #e3eef8 url(/images/icons/form_email.gif) no-repeat 5px center;padding-left: 30px;width: 200px;}
.quote_wrap input.phone {background: #e3eef8 url(/images/icons/form_phone.gif) no-repeat 5px center;padding-left: 30px;width: 200px;}
.quote_wrap input.website {background: #e3eef8 url(/images/icons/form_url.gif) no-repeat 5px center;padding-left: 30px;width: 200px;}
.quote_wrap button { border:1px solid #2887c3; background:#002640; font-family:avenir-light, avenir, verdana; font-size:12px; padding:4px 16px; display:inline; vertical-align:middle; text-shadow:1px 1px 1px #000; text-decoration:none; color:white; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; cursor:hand; cursor:pointer }
.quote_wrap button:hover {background:#00509a}

.columns .right_column { float:left; width:234px;margin-right: 8px;display: inline; }
.right_column .right_column_inner {  width:234px }
.right_column h3 { font-size:21px; font-family:avenir-book, avenir, verdana; color:#073c70; margin:0; padding:5px; font-weight:normal;text-shadow: 1px 1px 0px #e4f2ff }
.right_column h3 span { color:#2671ba }
.right_column ul.blog_listing {margin: 0;padding: 0;list-style: none;}
.blog_listing li a { text-decoration:none }
.blog_listing li {margin:0; padding:0 }
.blog_listing li a { background-color:#bfd9f2; border-top:1px solid #bfd9f2; border-bottom:1px solid #8fb9e6; padding:5px 0; cursor:pointer }
.blog_listing li:last-child a { border-bottom:1px solid #bfd9f2 }
.blog_listing li a:hover { background-color:#8ebfee; border-top:1px solid #2d7ecb; border-bottom:1px solid #2d7ecb }
.blog_listing .thumb {float: left;padding: 0px 10px;}
.blog_listing .thumb  img{float: left; margin:0; padding: 0px 10px;}
.blog_listing li a img { background-color:#fff; padding:1px; border:1px solid #666; display:inline; margin:0 4px 0 6px; float:left; width:50px; height:50px; font-size:10px; overflow:hidden }
.blog_listing li a h4 { display: inline; margin:0; padding:0; color: #075096;text-decoration: none;font-family: avenir;font-size: 14px;font-weight: normal;text-shadow: 1px 1px 0px #deefff; float:left; width:169px; overflow:visible }
.blog_listing li a:hover h4 { color:white; text-shadow: 1px 1px 0px #87afd5 }
.blog_listing li h4 a:hover {color: #fff;text-shadow: 1px 1px 0px #87afd5;}
.blog_listing li h5 {margin: 0;padding: 0px 5px 0px 0px;color: #666;font-family: avenir;font-size: 11px;font-weight: normal;}
.blog_listing li a { display:block }
.right_column input.s_input {background: #e3eef8 url(/images/s_form_bg.jpg) repeat-x center top;border: 1px solid #83acd4;width: 200px;padding: 4px;margin: 2px 15px;color: #686868;font-size: 12px; font-family: avenir;}

.services_split{width:45%; float:left; margin-top: 15px;padding: 0px 14px;}
.services_split .split_item {min-height: 230px;}
.services_split h3{}
.services_split h2 {color:#fff; font-style:italic; font-size: 20px;font-weight: normal; margin-top: 15px;line-height: 48px;padding-left: 55px;}
.services_split h2 a {color: #2879c7;}
.services_split #branding {background:url(../images/icons/branding.png) no-repeat;}
.services_split #web_design {background:url(../images/icons/web_design.png) no-repeat;}
.services_split #web_dev {background:url(../images/icons/web_dev.png) no-repeat;}
.services_split #net_marketing {background:url(../images/icons/marketing.png) no-repeat;}
.services_split #performance {background:url(../images/icons/performance.png) no-repeat;}
.services_split #Print {background:url(../images/icons/print.png) no-repeat;}
.services_split p{font-size:13px; color:#caeefb}
.services_split ul {list-style: square;padding-left: 70px;}
.services_split ul li {font-size: 14px;padding: 0px 10px 10px 0px;}

#port_wrap #slide_paging { display:none }

#full_width {background: url(/images/left_bg_top.jpg) no-repeat center top; position:relative; z-index:4; width:100%; margin-bottom:2px; background: url(/images/c_bg.png) repeat-y left top; float:left; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; float:left }
#content {background: url(/images/c_bg_full.png) repeat-y center top; }
#port_wrap { float:left; width:100% }
#port_wrap h1 {margin: 0px 10px;font-family: avenir-book;font-weight: normal;padding-top: 10px;color: #174D8A; display:inline }
#port_wrap ul {list-style: none;margin: 0;padding: 0;}
#port_wrap li {text-align: center;width: 190px;float: left;margin: 0px 10px; display:inline; height:170px; font-size:13px;border: 5px solid #fff; }
#port_wrap li:hover {border: 5px solid #e8e8e8;-moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; cursor:hand; cursor:pointer}
#content #port_wrap ul li img {}
#content #port_wrap ul li .name {font-size: 13px;font-family: avenir;padding: 0px 10px;}

#port_wrap #slide_wrap { float: left; width:550px; height:350px; overflow:hidden }
#full_width #content #port_wrap #slide_wxrap img {border: 3px solid #e8e8e8;padding: 2px; }
#slide_wrap .pagination {list-style: none;float: left;}
#slide_wrap .pagination li {float: left;width: 5px;}
#slide_wrap .pagination a {background-color: #ccc;padding: 2px 7px;font-size: 12px;-moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px;}
#slide_wrap { border:3px solid #E8E8E8; padding:2px }
#slide_wrap .pagination a.active {background-color: #11263C;color: #ffcc00;}
#port_info {width: 310px;float: left; display:inline;position: relative;left: 10px; }
#port_info h2 {color: #084794;font-family: avenir;font-size: 20px;}
#port_info .industry {background-color: #e2eff8;border-top: 1px solid #c1def0;border-bottom: 1px solid #c1def0;padding: 5px;color: #1b6696;}
#port_info .industry .type {color: #2a85bf;}
#port_info p {font-size: 13px;}
#port_info .involvement {background-color: #e2eff8;border-top: 1px solid #c1def0;border-bottom: 1px solid #c1def0;padding: 5px;color: #1b6696;}
#port_info .services {text-align: left;list-style: square;margin-left: 20px;padding: 10px 0px;}
#port_info .services ul {list-style: square;}
#port_info .services li {text-align: left;padding: 3px 0px;width: 275px;font-size: 13px;border: 0;height: 25px;}
#port_info button {float:right; border:1px solid #2887c3; background:#002640; font-family:avenir-light, avenir, verdana; font-size:14px; padding:4px 16px; display:inline; vertical-align:middle; text-shadow:1px 1px 1px #000; text-decoration:none; color:white; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; cursor:hand; cursor:pointer;margin: 10px; display:inline}
#port_info button:hover {background:#00509a;}

#footer { color:#5087bc; font-size:12px; font-family:avenir-book,avenir,verdana; padding:15px 0 30px 0; text-indent:3px; position:relative; z-index:12 }
#footer .left, .right {width: 49%;float: left;}
#footer .right ul {list-style: none;}
#footer .right ul li {padding: 0;margin: 0;float: right;}
#footer a { color:white; text-decoration:none }
#footer a span { color:#ffae00 }
#footer a:hover { text-decoration:underline }
#footer ul { list-style-type:none; display:block; padding:0; margin:0 }
#footer li { display:inline; line-height:25px; vertical-align:bottom }
#footer li a { text-decoration:none; color:#4e5d6b; margin-left:4px; margin-right:15px; display:inline}
#footer li a:hover { text-decoration:underline }

#comment_wrap {margin-top: 50px;}
#comment_wrap ul {list-style: none;margin: 0px 30px;padding: 0;}
#comment_wrap ul li {padding: 10px 0px;border-bottom: 1px solid #ccc;}
#comment_wrap ul li .header {font-size: 13px;color: #666}
#comment_wrap ul li .header a.name {font-size: 18px;}
#comment_wrap ul li .header a.name:hover {color: #4eade3;}
#comment_wrap ul li p {padding: 0px; margin: 0px;font-size: 13px; padding: 5px 0px;}
#comment_wrap .add {color: #646d72;margin: 10px 30px;padding: 10px;background-color: #d4ebf8;border: 1px solid #a5daf8;-moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;}
#comment_wrap .add h4 {margin: 0px;font-size: 20px;}
#comment_wrap .add p {padding: 3px 0px;margin: 0;clear: both;}
#comment_wrap .add .small {font-size: 12px;}
#comment_wrap .add label {display: block;width: 100px;float: left;font-size: 13px;}
#comment_wrap .add input {border: 1px solid #a5daf8;background-color: #eaf3f8;padding: 2px;width: 200px;}
#comment_wrap .add textarea {border: 1px solid #a5daf8;background-color: #eaf3f8;padding: 2px;width: 400px;height: 150px;}
#comment_wrap .add button {float: right;margin: 10px;border:1px solid #2887c3; background:#002640; font-family:avenir-light, avenir, verdana; font-size:12px; padding:4px 16px; display:inline; vertical-align:middle; text-shadow:1px 1px 1px #000; text-decoration:none; color:white; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; cursor:hand; cursor:pointer}
#comment_wrap .add button:hover {background-color: #2887c3;}

@font-face { font-family:'avenir'; src:url('http://text.otlayi.com/lib/fonts/avenir-bold-web.eot'); font-weight:bold; font-style:normal }
@font-face { font-family:'avenir'; src:url(//:) format('no404'), url('http://text.otlayi.com/lib/fonts/avenir-bold-web.woff') format('woff'), url('http://text.otlayi.com/lib/fonts/avenir-bold-web.ttf') format('truetype'), url('http://text.otlayi.com/lib/fonts/avenir-bold-web.svgz#webfontCJHM7cFw') format('svg'), url('http://text.otlayi.com/lib/fonts/avenir-bold-web.svg#webfontCJHM7cFw') format('svg'); font-weight:bold; font-style:normal }
@font-face { font-family:'avenir'; src:url('http://text.otlayi.com/lib/fonts/avenir-web.eot'); font-weight: normal; font-style:normal }
@font-face { font-family:'avenir'; src:url(//:) format('no404'), url('http://text.otlayi.com/lib/fonts/avenir-web.woff') format('woff'), url('http://text.otlayi.com/lib/fonts/avenir-web.ttf') format('truetype'), url('http://text.otlayi.com/lib/fonts/avenir-web.svgz#webfontotVHTm1s') format('svg'), url('http://text.otlayi.com/lib/fonts/avenir-web.svg#webfontotVHTm1s') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'avenir-book'; src:url('http://text.otlayi.com/lib/fonts/avenir-book-web.eot'); font-weight:normal; font-style: normal }
@font-face { font-family:'avenir-book'; src:url(//:) format('no404'), url('http://text.otlayi.com/lib/fonts/avenir-book-web.woff') format('woff'), url('http://text.otlayi.com/lib/fonts/avenir-book-web.ttf') format('truetype'), url('http://text.otlayi.com/lib/fonts/avenir-book-web.svgz#webfontotVHTm1s') format('svg'), url('http://text.otlayi.com/lib/fonts/avenir-book-web.svg#webfontotVHTm1s') format('svg'); font-weight:normal; font-style:normal }

.float_right {float: right;}
.float_left {float: left;}
.pborder img{padding: 1px;border: 1px solid #000;}
.p10 {padding: 10px;}
.yellow {color: #ffcc00;}
.blue {color: #114a8f;}

#LiveChat_1300675155 { width:100%; height:100px; overflow:hidden; text-align:center }
#LiveChat_1300675155 a { display:block; height:100px; font-size:1px }


.facebook {margin: 10px;}
div#feature_list {
			width: 635px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Avenir;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 0px 10px 0 0;
		}

		ul#tabs li a {
			color: #666;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;font-size: 11px;
		}

		ul#tabs li a:hover {
			text-decoration: none;color: #000;
		}

		ul#tabs li a.current {
			background:  url('/images/featured/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
		ul#tabs li a.current h3 {
			color: #734400;text-shadow: 1px 1px 0px #fff0c8;
		}
		ul#tabs li a.current span {
			color: #fff;text-shadow: 1px 1px 0px #ae8a2e;
		}

		ul#output {
			right: 0;
			width: 350px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 350px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFcc00;
			background: #1E324A;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #ffcc00;color: #000;
		}

ul.blog_listing2 {list-style: none;margin: 0;padding: 5px;}
ul.blog_listing2 li {border-bottom: 5px solid #e0eaf4;margin-bottom: 25px;padding-bottom: 15px;}
ul.blostlisting2 a {color: #1a7ec4;}
ul.blog_listing2 li h3 a {font-size: 24px;color: #363636;display: block;width: 530px;float: left;}
ul.blog_listing2 li h3 a:hover {color: #000;text-decoration: underline;}
ul.blog_listing2 li .info {font-size: 12px;color: #888888;width: 500px;float: left;}
ul.blog_listing2 li .date {float: right;width: 94px;height: 67px;background: url(/images/date_box.png) no-repeat center top;text-align: center;}
ul.blog_listing2 li .date .day {color: #002d5c;text-shadow: 1px 1px 0px #319fe8;font-size: 38px;}
ul.blog_listing2 li .date .month {text-transform: uppercase;font-size: 11px;color: #c4e4f9;}
a.read_more {color: #453404;text-shadow: 1px 1px 0px #dad667;float: right;margin: 5px 10px;font-size: 13px;background: #c39000 url(/images/grad_yellow.jpg) repeat-x center top;border: 2px solid #fcd000;padding: 3px 5px;-moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;}
a.read_more:hover {background-color: #ffcc00;background-image: none;}
ul.blog_listing2 li img {border: 1px solid #ccc;padding: 5px;margin: 10px;}

.ob_logo {padding: 15px 5px;float: left;}
.columns_inner h1.blog_header {font-size: 22px;width: 200px;float: left;color: #7a7a7a;padding: 15px 10px;margin-bottom: 20px;}
a.winrar {background: url(/images/icons/winrar.png) no-repeat left top;margin-left: 20px;padding-left: 30px;padding-top: 3px;}