@font-face { font-family: bank-goth; src: url('bankgthd.ttf'); }
@font-face { font-family: writing; src: url('writing.ttf'); }

/* Common elements  */
html,body{height:100%;}
body{background-image:url('../images/background.gif');background-repeat:repeat}
a{text-decoration:none;color:#277291}
a:hover{color:#277291;text-decoration:underline}
a.button{background:url('../images/button_left.png') no-repeat scroll left center transparent;height:2.53em;line-height:2.6em;display:inline-block;font-size:1.23em;letter-spacing:0.05em;font-weight:700;color:#333637}
a.button span{background:url('../images/button_right.png') no-repeat scroll right center transparent;height:2.53em;cursor:default;display:inline-block;float:none;margin-left:5px;text-align:center;padding:0 25px 0 20px}
a.button span img,button.button span img{vertical-align:middle;margin-left:8px}
.button:hover{text-decoration:none}
button.button{border:none;background:none;width:auto;overflow:visible;text-align:center;white-space:nowrap;height:35px;line-height:33px;margin:0;padding:0}
button span,button em{display:block;height:35px;line-height:33px;font-size:1.1em;font-weight:700;color:#333637;letter-spacing:0.05em;margin:0}
button span{padding-left:5px;background:url(../images/button_left.png) no-repeat 0 0}
button em{font-style:normal;background:url(../images/button_right.png) no-repeat 100% 0;padding:0 35px 0 30px}
ul{list-style:none}
input{height:22px;border:1px solid #bec1c3;vertical-align:baseline;padding:4px 0 4px 4px}
textarea{border:1px solid #bec1c3;padding:10px 0 10px 4px}
small{font-size:0.8em}
code,pre{background-color:#f0f2f4;border:1px dotted #868e91;color:#333;font:13px/18px Consolas,"Courier New",Courier,monospace;padding:2px 4px}
blockquote{border-left:5px solid #868c8f;font-style:italic;margin:0 0 20px 10px;padding:0 10px}
.half{width:429px}
div.last{margin-right:0}
.third{width:282px}
.third, .half {display:inline-block;margin:0 10px 20px}
ul.check-list li{background:url("../images/check.png") no-repeat scroll left center transparent;padding-left:20px;margin-left:10px}
ul.gray-list li{background:url("../images/dot_gray.gif") no-repeat scroll left center transparent;padding-left:20px;margin-left:10px}
ul.black-list li{background:url("../images/dot_black.gif") no-repeat scroll left center transparent;padding-left:20px;margin-left:10px}
ol li{margin-left:30px;padding-left:20px;list-style-position:outside;list-style-type:decimal}
table.feature_matrix{border-collapse:separate;border-spacing:0;border:1px solid #a4adb0;margin-bottom:18px;width:100%}
table.feature_matrix,table.feature_matrix td,table.feature_matrix th{vertical-align:middle}
table.feature_matrix .icon{margin-top:0}
table.feature_matrix tr.even{background-color:#fefefe}
table.feature_matrix tr.first td{border-top:1px solid #a4adb0}
table.feature_matrix thead tr th.first{border-left:1px solid #fff}
table.feature_matrix thead tr th.last{border-right:1px solid #fff}
table.feature_matrix th{border-top:1px solid #fff;background-image:url("../images/table_back.gif");background-repeat:repeat-x;color:#375562;text-transform:uppercase;padding:10px}
table.feature_matrix td{color:#888;padding:10px}
table.feature_matrix h6 span{font-size:0.9em}
table.feature_matrix tr td.left{text-align:left}
abbr,acronym{border-bottom:1px dotted;text-transform:uppercase}
cite,em,dfn{font-style:italic}
del{text-decoration:line-through}
ins,dfn{border-bottom:1px solid #CCC}
u,ins{text-decoration:underline}

/* top  */
#top{background-image:url('../images/top_back.png');background-repeat:repeat-x;min-height:143px;position:absolute;z-index:-10;left:0;width:100%}

/* container  */
#container{min-height:100%;position:relative}

/* Header  */
#header{margin-top:30px}
#menu{list-style:none;float:right;height:55px}
#menu li{float:left;line-height:4.1em;background-image:url('../images/menu_back.png');background-repeat:repeat-x;margin:0}
#menu li.first{background-image:url('../images/menu_left.png');background-repeat:no-repeat;width:5px}
#menu li.last{background-image:url('../images/menu_right.png');background-repeat:no-repeat;width:5px}
#menu li a{background-image:url('../images/menu_divider.png');background-repeat:no-repeat;background-position:left center;color:#333637;display:block;text-transform:lowercase;font-size:1.23em;padding:0 20px}
#menu li a:hover{color:#277291;text-decoration:none}
#menu li.store a {color: #31ab2b; text-transform: capitalize;}
#menu li.home a{background-image:url('../images/menu_home-trans.png');background-position:center center;display:block;width:21px;height:3.3em}
#menu li ul{background-image:none;background-color:#fff;border:1px solid #aab2b5;clear:both;float:left;position:absolute;top:0;z-index:10;margin:82px 0 0}
#menu li ul li{border:none;background-image:none;clear:both;display:block;float:left;height:2em;line-height:2.4em;margin:0 0 10px 8px;padding:0 25px 0 0}
#menu li ul li.sub_last{margin-bottom:8px}
#menu li ul li a{background-image:none;border-bottom:1px solid #dcdee0;font-size:0.92em;padding:0 20px 0 8px}
#breadcrumb{color:#868c8f;font-size:0.92em}
#breadcrumb span{padding-left:5px}
#breadcrumb span img{vertical-align:text-bottom;margin:0 5px}

/* Content */
main{padding:0 0 100px}
.full_width{border:1px solid #A1AAAD;width:940px; margin-top: 10px;}



div.full_width_wrapper{border:3px solid #red;/*border-right:1px solid #a1aaad;*/width:940px}
div.full_width_wrapper div.post{min-height:285px}
#portfolio div.widget p{text-align:center;margin:0}
#content{margin-top:20px;width:618px;}
div.post_top{background-image:url(../images/post_top.png)}
div.post_bottom{background-image:url(../images/post_bottom.png);margin-bottom:25px}
div.edge{background-repeat:no-repeat;height:4px;width:622px;overflow:hidden}
div.post_wrapper{border-left:1px solid #a1aaad;border-right:1px solid #a1aaad;width:620px}
div.post{background-color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;background-image:url(../images/post_back.gif);background-repeat:repeat-x;min-height:307px;position:relative;display:block;padding:20px; padding-top: 20px;}
div.post p{color:#333637;font-size:0.92em;line-height:1.9em}
div.post h2.title{font-size:2.6em;color:#375562;float:left;width:542px;margin-bottom:15px}
div.post h2 span.post_info{font-size:0.32em;font-weight:400;color:#868c8f;margin-bottom:0}
div.post h2.page_title{font-size:2.6em;color:#375562}
div.post h2 a{color:#375562}

div.post2_wrapper{width:620px}
div.post2{background-color:#fff;min-height:300px;position:relative;display:block;padding:0;}
div.post2 p{color:#333637;font-size:0.92em;line-height:1.9em}
div.post2 h2.title{font-size:2.6em;color:#375562;float:left;width:542px;margin-bottom:15px}
div.post2 h2 span.post_info{font-size:0.32em;font-weight:400;color:#868c8f;margin-bottom:0}
div.post2 h2.page_title{font-size:2.6em;color:#375562}
div.post2 h2 a{color:#375562}

img.alignleft{float:left;display:inline;margin:5px 15px 5px 0}
img.alignright{float:right;display:inline;margin:5px 0 5px 15px}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#868c8f;display:block;font-size:0.5em;margin:0}
div.post img{border:1px solid #fff}
div.comment_number{background-image:url('../images/comment_number_back-trans.png');background-repeat:no-repeat;float:right;height:32px;width:34px;text-align:center;line-height:2.1em;font-size:0.92em;font-weight:700}
div.comment_number a{color:#fff}
#comments_box{background-color:#fff;color:#333637;border-left:1px solid #fff;border-right:1px solid #fff;background-image:url(../images/widget_back.gif);background-repeat:repeat-x;padding:20px}
#comments_box h2{color:#868c8f;margin-bottom:0;float:left;width:542px}
ol.commentlist li{list-style:none;padding:15px 0 0}
ol.commentlist li hr{display:inline-block;width:430px;margin:0}
div.comment_content{display:inline-block;font-size:0.92em}
div.comment_text{display:inline-block;float:left;width:400px;padding-right:25px}
div.avatar{display:inline-block;color:#868c8f;float:right;width:120px}
#respond{margin-left:25px}
#respond h3{color:#868c8f}
#commentform label{color:#868c8f;font-size:0.92em;text-transform:lowercase}
#commentform input,#commentform textarea{margin-top:8px}

/* Sidebar  */
#sidebar{color:#333637;margin-top:20px;width:298px}
#sidebar ul,#sidebar ol{margin-bottom:0}
#sidebar ul li,#sidebar ol li{line-height:2.3em;padding-left:2px;background-image:url(../images/sidebar_list_item.gif);background-position:bottom left;background-repeat:no-repeat}
#sidebar ul li.last,#sidebar ol li.last{background-image:none}
div.widget_top{background-image:url(../images/widget_top.png)}
div.widget_bottom{background-image:url(../images/widget_bottom.png);margin-bottom:20px}
div.widget_edge{background-repeat:no-repeat;height:3px;width:302px;overflow:hidden}
div.widget_wrapper{border-left:1px solid #a1aaad;border-right:1px solid #a1aaad;width:300px}
div.widget{display:inline-block;border-left:1px solid #fff;border-right:1px solid #fff;width:254px;padding:22px; height:160px; background-image:url(../images/ofi-widget-logo.png); background-position: center; background-repeat:no-repeat;}
div.widget ul { list-style-type: square; list-style-position: inside; font-size: 11px; margin-top: -6px; padding: 4px; background:url(../images/widget-list-bg.png); background-repeat: repeat; font-family: Verdana; }
.widget ul li {margin-bottom: 0px; list-style-type: square; margin-bottom: 4px;}
div.ofi-life { background-color: #0f90da; color: #fff;}
div.ofi-store {background-color: #333; color: #fff;}
div.ofi-corp {background-color: #d3211c; color: #fff;}
div.ofi-life:hover { background-color: #107dc1;}
div.ofi-store:hover {background-color: #2a2727;}
div.ofi-corp:hover {background-color: #bb2123;}
#home_bottom div.widget h2{text-align:center;color:#fff;margin-top:-20px; font-size: 30px; font-family:bank-goth; }
#home_bottom div.widget p{color: #000; font-size: 14px; margin-top: 84px;}
div.widget p{line-height:1.25em}
div.widget span.gray{color:#868c8f;display:block;text-align:right;line-height:2.4em;width:100%}
.right{float:right}
#searchbox input{width:190px}

/* Footer */
#footer{background-image:url('../images/footer_back.png');background-repeat:repeat-x;width:100%;z-index:-290;bottom:0;min-height:115px}
#footer_text{color:#5f6466;font-size:0.84em;padding-top:50px}
#footer_text p{background-image:url('../images/footer_divider-trans.png');background-repeat:no-repeat;background-position:center top;padding-top:20px;text-align:center}
ul li,div.first{margin-left:0}
.center,table.feature_matrix tr td{text-align:center}
div.post td img,div.post th img,#menu li ul li.sub_last a,#slides img{border:none}
table th h6,#home_bottom div.widget p.center,ol.commentlist{margin:0}
#menu li.home a:hover,#menu li.active.home a{background-image:url('../images/menu_home_hover-trans.png')}
#menu li.active a,div.post h2 span.post_info a{color:#277291}
#home_bottom,#portfolio{margin-top:0px}

/* Special */
#slogan-holder {
	margin: 0;
	width:900px;
	padding-bottom:20px;
	text-align: center;
}

#slogan-holder h4 {
	font-size: 30px;
	letter-spacing: 4px;
	padding: 0;
	margin: 0;
	font-style: italic;
	color: #666;
	font-family: writing;
}

/*********************************************************************
 * Sexy Slider
 *********************************************************************/

#slider
{
  width:940px;
  height:300px;
  overflow:hidden;
  clear:both;
  z-index:10;
  margin-top: 10px;
  border: 1px solid #999;
  
}

#slider .sexyslider-title
{
  padding:5px 10px;
  width:880px;
  line-height:28px;
  height:28px;
}

#slider-nav
{
  height:45px;
  text-align:right;
}

#slider-nav a 
{
  text-decoration:none;
}

#slider-nav a span
{
  padding-left: 5px;
  padding-right: 5px;
  height:auto;
  width:11px;
  margin:11px 0 0 5px;
  overflow:visible;
  display:inline-block;
  background:none;
  position:relative;
  text-align: center;
  color: #c2c2c2;
}


#slider-nav a:hover span,
#slider-nav a.active span
{
  background:#fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #666;
  padding-left: 4px;
  padding-right: 4px;
  color: #333;
}

.button-slide
{
  color:#000;
  background-color: #00c6ff;
  padding:2px 10px 2px 10px;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block;
  text-decoration:none;
  border:0;
  outline:0;
  margin-right:6px;
  line-height:16px;
}

.button-slide:hover
{
  background-color: #fff;
}

#social {
	float: right;
}

.widget .translate h2 {
	font-size: 12px;
}

#logo {
	margin-top: -20px;
}