html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html{
height:100%;
}
body {
line-height: 1;
}
article,aside,details,figcaption,figure,hgroup,
header,menu,nav,section,footer {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
small {
font-size: 85%;
}
body {
background-color: #ffffff;
color: #707070;
font-size: 13px;
line-height: 19px;
font-family: Arial, Helvetica, sans-serif;
min-height:100%;
padding:0;
margin:0;
position: relative;	}
div#boxed {
}
.wrap {
margin: 0px auto;
width: 960px;
}
section {
padding: 30px 0px;
height: 100%;
padding-bottom: 284px;	}
.container {overflow: hidden;}
.content {width: 630px;}
aside {width: 280px;}
aside.left {
margin-right: 25px;
padding-right: 25px;
}
aside.right {
margin-left: 25px;
padding-left: 25px;
}
h1, h2, h3, h4, h5, h6 {color: #444;}
h1 {line-height: 42px; font-size: 32px; margin-bottom: 15px;}
h2 {line-height: 28px; font-size: 22px; margin-bottom: 10px; font-weight: normal;}
h3 {line-height: 28px; font-size: 16px; margin-bottom: 8px;}
h4 {line-height: 26px; font-size: 14px; margin-bottom: 6px;}
h5 {line-height: 19px; font-size: 13px; margin-bottom: 1px;}
h6 {line-height: 15px; font-size: 11px; text-transform: uppercase;}
a {
color: #2299cc;
text-decoration: none;
cursor: pointer;
}
a:hover {text-decoration: underline;}
a, a:hover,
input:focus, input[type=text]:hover,
textarea:hover, textarea:focus {outline: none;}
h4 a,
h5 a {
color: #444;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
h4 a:hover,
h5 a:hover {
color: #ff4100;
text-decoration: none;
}
p {
padding-top: 5px;
margin-bottom: 15px;
}
ul {
padding-top: 5px;
margin-bottom: 15px;
list-style: none;
}
ol {
padding-top: 5px;
margin-bottom: 15px;	padding-left: 20px;
}
.img_container {position: relative;}
.img_container.left { margin: 10px 20px 10px 0px;}
.img_container.right {margin: 10px 0px 10px 20px;}
.img_container img {margin: 0px;}
img {
max-width: 100%;
height: auto;
width: auto\9;
}
.full {
position: relative;
}
.half, .third, .fourth, .fifth,
.sixth, .two_third, .three_fourth {
position: relative;
float: left;
margin-right: 4%;
}
.half {width: 48%;}
.third {width: 30.66%;}
.fourth {width: 22%;}
.fifth {width: 16.8%;}
.sixth {width: 13.33%;}
.two_third {width: 65.33%;}
.three_fourth {width: 74%;}
.last {margin-right: 0px; clear: right;}
.nomargin {margin: 0px;}
.notop {margin-top: 0px;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.separator {
display: block;
margin: 50px 0px;
border-bottom: 1px solid #eee;
clear: both;
}
.separator.medium {margin: 30px 0px;}
.separator.small {margin: 15px 0px;}
.separator.empty {border: none;}
.separator.nomargin {margin: 1px 0px;}
.top_topheader {
background-color: #2299cc;	text-align: right;
padding: 0px 5px;
color: #FFF;
font-size: 11px;
}
#top_header {
padding: 15px 0px;
background-color: #eeeff4;
height: 29px;
}
#logo,
#logo h1  {
float: left;
margin: 0px;
margin-top: -6px;
padding: 0px;
width: 234px;
height: 50px;
}
#logo h1 {
background: url("../images/logo.png") no-repeat center;
text-indent: -9999px;
}
nav {
float: right;
line-height: 13px;
}
nav ul#top_nav {
margin: 0px;
padding: 0px;
position: relative;
z-index: 9000;
}
nav ul#top_nav li {
position: relative;
float: left;
margin-right: 10px;
}
nav ul#top_nav li:last-child {margin-right: 0px}
nav ul#top_nav li a {
display: block;
padding: 8px 11px;
color: #444;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
-webkit-transition: all .1s;
-moz-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
nav ul#top_nav li a:hover,
nav ul#top_nav li a:focus,
nav ul#top_nav li a.active,
nav ul#top_nav li a.active_sub_nav,
nav ul#top_nav li a.active_top_nav {
color: #444;
background-color: #f7f9fc;
-moz-border-radius: 4px;
border-radius: 4px;
}
nav ul#top_nav li a.highlight{
color: #fff;
background-color: #ff7017;
-moz-border-radius: 4px;
border-radius: 4px;
}
nav ul#top_nav li a.active_top_nav {
padding-bottom: 23px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
nav ul#top_nav li a img
{
margin-bottom: 0px;
}
#top_nav li ul {
display: none;
padding: 0px;
position: absolute;
left: 0px;
top: 44px;
background-color: #f7f9fc;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
#top_nav li ul li {
width: 140px;
margin: 0px 3px;
padding: 3px 0px;
border: none;
border-bottom: 1px solid #e3e5e9;
}
#top_nav li ul li:last-child {border-bottom: none;}
#top_nav li ul li a {
display: block;
padding: 8px;
background-color: #f7f9fc;
color: #707070;
line-height: 12px;
font-size: 12px;
font-weight: normal;
text-transform: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#top_nav li ul li a:hover {
background-color: #eeeff4;
color: #707070;
-moz-border-radius: 3px;
border-radius: 3px;
}
.arrow_sub_menu {
background: url("../images/arrow_menu.png") no-repeat 125px 10px;
}
#top_nav li ul li ul.lower_level {
display: none;
padding: 0px;
position: absolute;
left: 136px;
top: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0,0,0,.3), -1px 0px 2px rgba(0,0,0,.2);
z-index: 900;
}
.selectnav {
display: none;
margin: 0px;
padding: 6px;
background-color: #41464b;
background-attachment: url("../images/responsive_nav_icon.png");
color: #fff;
font-weight: bold;
outline: none;
border: none;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
#middle_header {
padding: 0px;
text-align: center;
overflow: hidden;
}
#middle_header h1 {
padding-top: 40px;
color: #fff;
line-height: 56px;
font-size: 48px;
font-family: Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 3px rgba(0,0,0,.3);
}
.roundabout {
padding: 0;
margin: 40px auto 50px auto;
width: 790px;
height: 250px;
}
.roundabout li {
width: 400px;
height: 250px;
border: 3px solid #fff;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0px 1px 2px rgba(0,0,0,.15);
cursor: pointer;
}
.roundabout li img {
width: 100% !important;
}
.highlight {
padding: 0px 4px 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
#middle_header .highlight {
position: relative;
padding: 5px 10px 6px;
line-height: 18px;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
z-index: 100;
}
.highlight.dark_orange {background-color: #ff4100; color: #f2f8fe;}
.highlight.light_orange {background-color: #ff6022; color: #f2f8fe;}
.highlight.red {background-color: #cc2222; color: #f2f8fe;}
.highlight.dark_blue {background-color: #0a67a3; color: #f2f8fe;}
.highlight.light_blue {background-color: #3cdeff; color: #33383d;}
.highlight.yellow {background-color: #ffa700; color: #33383d;}
.highlight.green {background-color: #b2ba2b; color: #33383d;}
.highlight.grey {background-color: #d6cccc; color: #33383d;}
#bottom_header {
padding: 1px 0px;
background-color: #33aacc;
overflow: hidden;
}
#subpage_title .wrap {
padding: 25px 0px 15px 0px;
background: url("../images/bg_shadow.png") no-repeat center bottom;
border-bottom: 1px solid #eee;
}
#announcement_header {
padding: 1px 0px;
background-color: #33aacc;
color: #fff;
text-align: center;
overflow: hidden;
}
#announcement_header h3 {
margin: 12px 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 16px;
text-shadow: 0px -1px 2px rgba(0,0,0,.3);
}
#announcement_header a {
color: #ffffff;
}
.feature {text-align: center; padding: 20px 0px;}
.feature:hover {background: #f2f4f8;}
.feature img {display: inline;}
.feature p {padding: 0px 7px;}
.item img {margin: 0px;}
.item_info {
padding: 10px 0px 5px 0px;
background-color: #f2f4f8;
text-align: center;
border-bottom: 1px solid #f2f4f8;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.item_info:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #2299cc;
}
.article_meta {
display: block;
margin-bottom: 5px;
color: #aeaeae;
font-size: 11px;
}
.article_meta .divider {
margin: 0px 7px;
color: #ff4100;
}
.article_meta a {
color: #aeaeae;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.article_meta a:hover {
color: #707070;
text-decoration: none;
border-bottom: 1px dotted #aaa;
}
.pp_content_container img {margin-bottom: 2px;}
a.img_hover span {
display: none;
position: absolute;
top: 3px;
left: 3px;
background-color: #2299cc;
background-image: url("../images/zoom.png");
background-repeat: no-repeat;
background-position: center center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
filter: alpha(opacity=25);
-khtml-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
}
.img_frame {
padding: 2px 2px;
border: 1px solid #d3d5c9;
background-color: #fff;
}
.btn::-moz-focus-inner {
border: 0;
padding: 0;
}
.btn {
display: inline-block;
padding: 9px 13px;
margin: 10px 10px 10px 0px;
color: #fff;
line-height: 12px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
border: none;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
width: auto;
overflow: visible;
}
.btn:hover {box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.3); text-decoration: none;}
.btn:active {-moz-opacity: .9; opacity: .9;}
.btn.small {
margin: 5px 5px 5px 0px;
padding: 5px 7px 4px 7px;
line-height: 11px;
font-size: 11px;
}
.btn.big {
margin: 15px 15px 15px 0px;
padding: 12px 16px;
line-height: 14px;
font-size: 14px;
}
.btn.right {margin: 10px 0px 10px 10px;}
.btn.small.right {margin: 5px 0px 5px 5px;}
.btn.default,
.btn.blue {background-color: #2299cc;}
.btn.green {background-color: #739e00;}
.btn.orange {background-color: #ff6022;}
.btn.red {background-color: #dc3322;}
.btn.purple {background-color: #e02f62;}
.btn.yellow {background-color: #ffa700;}
.btn.cyan {background-color: #21bbc1;}
.btn.black {background-color: #404246;}
.btn.grey {background-color: #818387;}
.btn.white {background-color: #f0f2f6; color: #777;}
.read_more {
padding-right: 15px;
background: url("../images/read_more.png") no-repeat right 60%;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.read_new {
padding-right: 15px;
background: url("../images/read_new.png") no-repeat right 60%;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
#subscribe {
position:relative;
overflow: hidden;
}
#subscribe input[type="text"] {
margin: 10px 8px 0px 0px;
padding: 6px 8px;
float: left;
width: 155px;
background-color: #f2f4f5;
color: #a4a6a8;
font-size: 13px;
text-shadow: 0px 1px 0px rgba(255,255,255,1);
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #c7c9cd;
outline: none;
box-shadow: inset 0px 0px 6px rgba(0,0,0,.12);
}
#subscribe input[type="text"] {
width: 145px;
padding-right: 18px;
}
#subscribe input[type="text"]:focus {
background-color: #f7f9fc;
color: #707070;
}
#subscribe input[type="submit"] {height: 30px;}
#subscribe .error {
display: none;
width: 7px;
height: 7px;
background: url("../images/form_cross_mark.png") no-repeat;
position: absolute;
top: 44%;
right: 25%;
}
#subscribe .request_success {
padding: 5px 0px 5px 25px;
background: url("../images/form_ok.png") no-repeat 0px 4px;
color: #555;
font-weight: bold;
}
.testimonials {
position: relative;
margin: 15px 0px;
height: 140px;
background-color: #f2f4f8;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.quotes_icon {
position: absolute;
top: 0px;
left: 50%;
margin-left: -15px;
background: url("../images/quotes.png") no-repeat center 0px;
width: 31px;
height: 31px;
z-index: 1;
}
ul.quotes {
padding-top: 0px;
position: absolute;
top: 0px;
left: 0px;
}
ul.quotes li {
padding: 30px 20px 20px 20px;
}
ul.quotes li div {
margin: 0px;
width: 100%;
text-align: center;
}
cite {
display: block;
margin-top: 15px;
color: #aeaeae;
}
ul.quotes_buttons {
position: absolute;
left: 50%;
margin-left: -13px;
margin-bottom: 0px;
bottom: 15px;
}
ul.quotes_buttons li {
margin-right: 5px;
float: left;
overflow: hidden;
}
ul.quotes_buttons li a {
display: block;
width: 6px;
height: 6px;
background-color: #b1b5b9;
border-radius: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
ul.quotes_buttons li a:hover {background-color: #919599;}
ul.quotes_buttons li a.selected {background-color: #ff4100;}
blockquote {
margin: 25px 0px;
padding: 0px 20px;
border-left: 2px solid #ff4100;
}
blockquote p {
margin: 0px;
padding: 0px;
color: #707070;
line-height: 22px;
font-size: 16px;
font-style: italic;
font-family: Georgia, serif;
}
blockquote cite {
color: #aeaeae;
margin-top: 10px;
}
.dropcap,
.dropcap_bg {
float: left;
display: block;
margin: 2px 7px 0px 0px;
color: #535559;
line-height: 35px;
font-size: 35px;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
}
.dropcap_bg {
margin: 5px 7px 0px 0px;
padding: 2px 7px;
background: #85878a;
color: #fff;
line-height: 25px;
font-size: 25px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.arrows li, .arrows2 li, .arrows3 li,
.dots li, .plusses li, .circles li,
.checks li, .minuses li {
margin: 0px 0px 5px 0px;
background-position: 0px 7px;
background-repeat: no-repeat;
}
.dots li {background-position: 0px 8px;}
.checks li {background-position: 0px 6px;}
.minuses li {background-position: 0px 9px;}
.arrows li {padding-left: 12px;}
.arrows.orange li {background-image: url("../images/li_arrow_orange.png");}
.arrows.grey li {background-image: url("../images/li_arrow_grey.png");}
.arrows.blue li {background-image: url("../images/li_arrow_blue.png");}
.arrows.green li {background-image: url("../images/li_arrow_green.png");}
.arrows.purple li {background-image: url("../images/li_arrow_purple.png");}
.arrows2 li {padding-left: 8px;}
.arrows2.orange li {background-image: url("../images/li_arrow2_orange.png");}
.arrows2.grey li {background-image: url("../images/li_arrow2_grey.png");}
.arrows2.blue li {background-image: url("../images/li_arrow2_blue.png");}
.arrows2.green li {background-image: url("../images/li_arrow2_green.png");}
.arrows2.purple li {background-image: url("../images/li_arrow2_purple.png");}
.arrows3 li {padding-left: 9px;}
.arrows3.orange li {background-image: url("../images/li_arrow3_orange.png");}
.arrows3.grey li {background-image: url("../images/li_arrow3_grey.png");}
.arrows3.blue li {background-image: url("../images/li_arrow3_blue.png");}
.arrows3.green li {background-image: url("../images/li_arrow3_green.png");}
.arrows3.purple li {background-image: url("../images/li_arrow3_purple.png");}
.dots li {padding-left: 8px;}
.dots.orange li {background-image: url("../images/li_dot_orange.png");}
.dots.grey li {background-image: url("../images/li_dot_grey.png");}
.dots.blue li {background-image: url("../images/li_dot_blue.png");}
.dots.green li {background-image: url("../images/li_dot_green.png");}
.dots.purple li {background-image: url("../images/li_dot_purple.png");}
.plusses li {padding-left: 10px;}
.plusses.orange li {background-image: url("../images/li_plus_orange.png");}
.plusses.grey li {background-image: url("../images/li_plus_grey.png");}
.plusses.blue li {background-image: url("../images/li_plus_blue.png");}
.plusses.green li {background-image: url("../images/li_plus_green.png");}
.plusses.purple li {background-image: url("../images/li_plus_purple.png");}
.circles li {padding-left: 10px;}
.circles.orange li {background-image: url("../images/li_circle_orange.png");}
.circles.grey li {background-image: url("../images/li_circle_grey.png");}
.circles.blue li {background-image: url("../images/li_circle_blue.png");}
.circles.green li {background-image: url("../images/li_circle_green.png");}
.circles.purple li {background-image: url("../images/li_circle_purple.png");}
.checks li {padding-left: 15px;}
.checks.orange li {background-image: url("../images/li_checkmark_orange.png");}
.checks.grey li {background-image: url("../images/li_checkmark_grey.png");}
.checks.blue li {background-image: url("../images/li_checkmark_blue.png");}
.checks.green li {background-image: url("../images/li_checkmark_green.png");}
.checks.purple li {background-image: url("../images/li_checkmark_purple.png");}
.minuses li {padding-left: 9px;}
.minuses.orange li {background-image: url("../images/li_minus_orange.png");}
.minuses.grey li {background-image: url("../images/li_minus_grey.png");}
.minuses.blue li {background-image: url("../images/li_minus_blue.png");}
.minuses.green li {background-image: url("../images/li_minus_green.png");}
.minuses.purple li {background-image: url("../images/li_minus_purple.png");}
.list_indent {margin-left: 20px;}
table {
margin: 10px 0px 10px 0px;
background: #fafcff;
box-shadow: 0px 1px 2px rgba(0,0,0,.07);
width: 100%;
}
tr:nth-of-type(odd) {background-color: #f2f4f8;}
th, td {
padding: 10px 15px;
text-align: left;
border: 1px solid #dadcdf;
}
table .minwidth
{
min-width: 140px;
}
table .fixedwidth
{
width: 87px;
min-width: 87px;
}
th {
background: #505256;
color: #fafcff;
border: 1px solid #808286;
}
pre {
padding: 0;
margin: 10px 0px 30px 0px;
font-family: Consolas, "Courier New", Courier, monospace;
background: url("../images/bg_pre.png");
border: 1px solid #e3e5e9;
overflow: auto;
overflow-Y: hidden;
}
pre code {display: block;}
.alert_bar {color: #222;}
.alert_bar.yellow {background-color: #ffc40d;}
.alert_bar.blue {background-color: #3cdeff;}
.alert_bar.green {background-color: #b2ba2b;}
.alert_bar.orange {background-color: #ff6022;}
.alert_bar.grey {background-color: #bccfd0;}
.alert_bar .wrap {
position: relative;
padding: 8px 0px;
font-size: 14px;
text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}
.note {
position: relative;
padding: 10px 30px 10px 15px;
margin: 5px 0px 20px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.note.success {
background: #d7f4ce;
color: #4d8b52;
border: 1px solid #aed0b1;
}
.note.err {
background: #fdd6da;
color: #c2646d;
border: 1px solid #eca8a8;
}
.note.info {
background: #C8E9EC;
color: #337c83;
border: 1px solid #9DC6C9;
}
.note.warning {
background: #fff6ae;
color: #92862e;
border: 1px solid #e1d260;
}
.alert_bar .wrap a,
.note a {
position: absolute;
top: 11px;
right: 8px;
width: 13px;
height: 13px;
background: url("../images/note_close.png") no-repeat;
filter: alpha(opacity=50);
opacity: .5;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.note a {top: 13px;}
.alert_bar .wrap a:hover,
.note a:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.tabs_container {
margin: 10px 0px 25px 0px;
overflow: hidden;
}
ul.tabs {
padding: 0px;
height: 32px;
margin: 0px;
background: #fff;
border-bottom: 1px solid #e3e5e9;
border-left: 1px solid #e3e5e9;
}
ul.tabs li {
float: left;
border: 1px solid #e3e5e9;
border-left: none;
}
ul.tabs li a {
display: block;
padding: 6px 15px;
color: #707070;
font-size: 12px;
text-decoration: none;
}
ul.tabs li a:hover {
color: #535559;
background: #fafcff;
}
ul.tabs li.active {
background: #f7f9fc;
border-bottom: 1px solid #f7f9fc;
}
ul.tabs li.active a {
color: #535559;
font-weight: bold;
}
ul.tabs li.active a:hover {background: #f7f9fc;}
.tabs_contents {
background: #fff;
overflow: hidden;
}
.tab_content {padding: 10px 15px 15px 15px; overflow: hidden;}
.tab_content p {margin: 0px 0px 10px 0px;}
.toggles_slider {
padding: 0px;
margin: 10px 0px 25px 0px;
background: #fff;
border: 1px solid #e3e5e9;
border-top: none;
overflow: hidden;
}
.toggles_slider li span {
display: block;
padding: 8px 0px;
background: #f7f9fc;
cursor: pointer;
border-top: 1px solid #e3e5e9;
}
.toggles_slider li span.selected,
.toggles_slider li span.selected a {
color: #535559;
font-weight: bold;
cursor: default;
}
.toggles_slider li span a {
display: block;
color: #707070;
height: 16px;
line-height: 16px;
text-decoration: none;
}
.toggles_slider li span:hover a {color: #535559;}
.toggles_slider li span a.title {padding-left: 28px;}
.toggles_slider li div.expand {
display: none;
height: 150px;
overflow: hidden;
}
.toggles_slider li div.expand > p {
margin-bottom: 10px;
padding: 10px 15px 0px 15px;
}
.toggles_slider li div.expand > img {margin: 15px 15px 10px 15px;}
.toggles_slider li div.expand > button,
.toggles_slider li div.expand > .read_more
.toggles_slider li div.expand > .read_new {margin-left: 15px;}
.toggles_slider li span a.title {background: url("../images/toggles_plus_minus.png") no-repeat 8px 0px;}
.toggles_slider li span:hover a.title {background-position: 8px -16px;}
.toggles_slider li span.selected a.title {background-position: 8px -32px;}
.content .half img {max-width: 300px;}
.content .third img {width: 193px; height: 119px;}
.content .fourth img {width: 139px; height: 86px;}
.widget {margin: 0px 0px 25px 0px;}
.widget h4 {
padding-bottom: 5px;
margin-bottom: 7px;
border-bottom: 1px solid #eee;
}
ul.categories {margin-top: -12px;}
ul.categories li {
padding: 7px 10px;
background: url("../images/arrow_menu.png") no-repeat left center;
border-bottom: 1px solid #eee;
}
ul.categories li a {
padding-left: 0px;
text-decoration: none;
-webkit-transition: padding-left 0.1s ease;
-moz-transition: padding-left 0.1s ease;
-o-transition: padding-left 0.1s ease;
transition: padding-left 0.1s ease;
}
ul.categories li a:hover {padding-left: 3px;}
.article_list {margin: 0px;}
.article_list li {
padding-top: 7px;
margin-bottom: 7px;
overflow: hidden;
}
.article_thumb {
float: left;
padding: 2px;
border: 1px solid #d3d5c9;
}
.article_thumb:hover {border: 1px solid #aeaeae;}
.article_thumb img {
margin: 0px;
display: block;
}
.article_data {margin-left: 50px;}
.article_title {
line-height: 20px;
font-size: 12px;
}
.article_data .article_meta a {color: #707070;}
.service h4 {padding-left: 30px;}
.service span {
position: absolute;
width: 25px;
height: 25px;
line-height: 25px;
background: #737579;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
-moz-border-radius: 50%;
border-radius: 50%;
}
.service span.colored {background: #33aacc;}
.pricing_table,
.pricing_table_second {
margin-bottom: 25px;
padding: 20px 0px 30px 0px;
overflow: hidden;
}
.pricing_table .column,
.pricing_table_second .column {
float: left;
position: relative;
text-align: center;
}
.pricing_table .footer,
.pricing_table_second .footer {
padding: 20px 0px;
}
.pricing_table .column {
width: 180px;
background: #fafcff;
border: 1px solid #e3e5e9;
}
.pricing_table .column:last-child {border-left: none;}
.pricing_table .column:first-child {border-right: none;}
.pricing_table h1 {
margin: 0px;
padding: 14px 0px;
color: #626468;
font-size: 20px;
font-weight: normal;
border: 1px solid #fff;
}
.pricing_table .header,
.pricing_table .footer {
padding: 25px 0px;
background: #f2f4f8;
border-top: 1px solid #e3e5e9;
}
.pricing_table h3 {
margin: 0px;
color: #424448;
}
.pricing_table h6 {
color: #ff4100;
font-weight: normal;
text-transform: capitalize;
}
.pricing_table ul {padding: 0px; margin: 0px;}
.pricing_table ul li {
padding: 8px 0;
border-top: 1px solid #e3e5e9;
}
.pricing_table ul li img{
display: inline;
}
.pricing_table .featured {
margin: -20px 0;
width: 230px;
border: 1px solid #e3e5e9;
border-bottom: 1px solid #d3d5c9;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
z-index: 999;
}
.pricing_table .featured h1 {
padding: 36px 0px 30px 0px;
color: #ff4100;
line-height: 24px;
font-size: 24px;
}
.pricing_table .featured .footer {padding: 35px 0px;}
.pricing_table_second .column {background: #fafcff;}
.pricing_table_second .header {
padding: 25px 0px;
background: #f2f4f8;
border: 1px solid #e3e5e9;
border-bottom: none;
}
.pricing_table_second h2 {
margin: 0px;
padding: 20px 0px;
background: #35393d;
color: #f5f9fd;
font-weight: normal;
}
.pricing_table_second h3 {margin: 0px;}
.pricing_table_second h3 span {
color: #ff4100;
line-height: 32px;
font-size: 32px;
vertical-align: top;
}
.pricing_table_second ul {padding: 0px; margin: 0px;}
.pricing_table_second ul li {
padding: 8px 0;
border: 1px solid #e3e5e9;
border-bottom: none;
}
.pricing_table_second .footer {
background: #f2f4f8;
border: 1px solid #e3e5e9;
}
.error404 {
background: url(../images/magnifier.png) no-repeat center top;
padding-top: 110px;
color: #cacccf;
line-height: 40px;
font-size: 40px;
font-weight: bold;
text-align: center;
}
.error404 h2 {margin-bottom: 30px;}
.error404 ul {
margin-top: 100px;
overflow: hidden;
}
.error404 ul li {
display: inline;
font-size: 14px;
font-weight: normal;
}
.error404 ul li span {
margin: 0px 12px;
color: #ff4100;
}
.portfolio_filter {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.portfolio_filter li {float: left;}
.portfolio_filter li a {padding: 2px 7px;}
.portfolio_filter li a.selected {
color: #424648;
text-decoration: none;
}
.portfolio_filter li span {color: #ff4100;}
.portfolio_content {
width: 105%;
padding: 0px;
margin: 0px;
overflow: hidden;
}
.portfolio_content li.item {
margin-bottom: 60px;
padding-bottom: 60px;
}
.portfolio_content li.half,
.portfolio_content li.half a img {
width: 460px;
height: 285px;
}
.portfolio_content li.third,
.portfolio_content li.third a img {
width: 293px;
height: 182px;
}
.portfolio_content li.fourth,
.portfolio_content li.fourth a img {
width: 210px;
height: 130px;
}
ul.button_bar li {float: left;}
ul.button_bar .selected {
background-color: #b3b5b9;
filter: alpha(opacity=100);
opacity: 1;
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}
.similar_projects img {width: 100%; height: auto;}
#blog {padding: 0px;}
#blog li {margin-bottom: 40px;}
#blog li:last-child {margin-bottom: 0px;}
article .header {overflow: hidden;}
article .header .date {
float: left;
padding: 5px 7px;
background: #ff4100;
color: #fff;
line-height: 12px;
font-size: 12px;
-moz-border-radius: 1px;
border-radius: 1px;
}
article .header h3 {
float: left;
margin: 0px 0px 0px 12px;
line-height: 22px;
font-size: 20px;
}
article .header .comments_num {
float: right;
padding-top: 6px;
width: 30px;
height: 20px;
background: url("../images/blog_comment.png") no-repeat 0px 0px;
color: #535557;
line-height: 12px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(255, 255, 255, .8);
}
article .header .comments_num:hover {color: #777;}
article .content {overflow: hidden;}
article .content .img_container {margin: 10px 0px 15px;}
article .content .img_container.left { margin: 10px 20px 10px 0px;}
article .content .img_container.right {margin: 10px 0px 10px 20px;}
article .footer {
margin-top: 5px;
overflow: hidden;
}
article .footer .article_meta .segment {
margin-right: 8px;
color: #707070;
font-weight: bold;
}
article .footer .article_meta .segment a {font-weight: normal;}
article .footer .btn {margin: 5px 0px;}
article .about_author {margin: 40px 0px;}
article .about_author .about {margin-left: 88px;}
.about_author .userpic a {
display: block;
float: left;
padding: 2px;
margin: 0px 12px 12px 0px;
border: 1px solid #d3d5c9;
}
.about_author .userpic a img {
margin: 0px;
width: 70px;
height: 70px;
}
ul#comments {
padding-bottom: 10px;
margin-bottom: 40px;
background: url("../images/dotted_line.png") repeat-x bottom;
}
ul#comments li {
margin-top: 10px;
padding-top: 25px;
background: url("../images/dotted_line.png") repeat-x top;
overflow: hidden;
}
ul#comments ul.children {margin: 20px 0px 0px 65px;}
ul#comments ul.children li {margin: 0px;}
ul#comments img.avatar {
float: left;
height: 42px;
width: 42px;
margin-top: 2px;
padding: 2px;
border: 1px solid #d3d5c9;
-moz-border-radius: 1px;
border-radius: 1px;
box-shadow: 0px 1px 2px rgba(0,0,0,.07);
}
ul#comments div.comment {margin-left: 65px;}
ul#comments div.comment small {
color: #aeaeae;
display: block;
line-height: 10px;
font-size: 10px;
margin: 3px 0px 20px;
}
ul#comments div.comment .author_name {
color: #444;
font-weight: bold;
text-shadow: 0px 1px 0px rgba(255,255,255,.7);
}
ul#comments div.comment a.author_name:hover {text-decoration: underline;}
ul#comments div.comment p {
position: relative;
padding: 5px 10px;
background-color: #f7f9fc;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e3e5e9;
}
ul#comments div.comment .baloon_arrow {
position: absolute;
width: 15px;
height: 9px;
top: -8px;
left: 10px;
background: url("../images/baloon_arrow.png") no-repeat;
}
#contact {
position:relative;
overflow: hidden;
}
fieldset {position: relative;}
#contact label {
display: block;
margin-bottom: 4px;
color: #b6b8bb;
}
#contact input[type=text],
#contact input[type=password],
#contact select,
#contact textarea {
margin: 0px 0px 10px;
padding: 8px 10px;
float: left;
width: 95%;
background-color: #f2f4f5;
color: #a0a2a4;
font-size: 13px;
text-shadow: 0px 1px 0px rgba(255,255,255,1);
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #c7c9cd;
outline: none;
box-shadow: inset 0px 0px 6px rgba(0,0,0,.12);
}
#contact textarea {
margin: 0px 0px 10px;
width: 95%;
height: 200px;
min-height: 120px;
font-family: Arial, Helvetica, sans-serif;
-moz-resize: vertical;
resize: vertical;
}
#contact input[type=text]:focus,
#contact input[type=password]:focus,
#contact select:focus,
#contact textarea:focus {
background-color: #f7f9fc;
color: #707070;
}
#contact #confirmation h3 {
padding: 0px 0px 0px 27px;
background: url("../images/form_ok.png") no-repeat 0px 4px;
}
.contact_info li {margin-bottom: 4px;}
.contact_info li:first-child {margin-bottom: 20px;}
.contact_info li span {
color: #444;
font-weight: bold;
}
.contact_required {
color: #ff4242;
font-weight: bold;
padding-left: 2px;
}
footer {
background-color: #eeeff4;
line-height: 20px;
font-size: 12px;
position: absolute;
bottom: 0;
width: 100%;	}
footer a:hover {
color: #ff4100;
text-decoration: none;
}
#top_footer {
background-color: #f7f9fc;
border-top: 2px solid #d7d8dc;
}
#top_footer .wrap {position: relative;}
#top_footer img {
width: 100%;
height: auto;
}
#middle_footer {padding: 20px 0px;}
#middle_footer .col {
position: relative;
float: left;
width: 22%;
margin-right: 0%;
}
#middle_footer .col.last {margin: 0px;}
footer ul {padding-top: 5px;}
footer ul li {margin: 5px 0px;}
#bottom_footer {
padding: 6px 0px;
background-color: #25292d;
font-size: 11px;
text-align: right;
overflow: hidden;
}
#bottom_footer img {margin: 8px 0px 0px 0px;}
#bottom_footer a {color: #bbb;}
#bottom_footer a:hover {
}
#to_top {
margin: 13px 0px 0px 25px;
float: left;
width: 18px;
height: 18px;
background: url("../images/to_top.png") no-repeat;
filter: alpha(opacity=40);
opacity: .4;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
cursor: pointer;
}
#feedback {
height: 104px;
width: 104px;
position: fixed;
top: 20%;
z-index: 500;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback a {
display: block;
background: #25292d;
height: 15px;
width: 70px;
padding: 9px 16px;
font-size: 17px;
font-weight: bold;
text-decoration: none;
border-bottom: solid 3px #fff; border-left: solid 3px #fff; border-right: solid 3px #fff;
}
#feedback a:hover {
background: #000;
}