/***** Reset & Basics *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}
h1{
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

body {
line-height:1;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}


/***** Basic Styles *****/	
html {
overflow:0;
}

/***** Typography *****/
h1,h2,h3,h4,h5,h6 {
font-family:'PT Sans', Georgia, Arial;
font-weight:700;
margin:0;
padding:0;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
font-weight:inherit;
}

h1 {
font-size:34px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

h2 {
font-size:30px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

h3 {
font-size:28px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

h4 {
font-size:22px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

h5 {
font-size:18px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

h6 {
font-size:16px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

.row h5 {
font-size:16px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:17px 10px;
}

.row h4 {
font-size:14px;
color:#565555;
letter-spacing:-1px;
margin:0 0 15px;
padding:17px 10px;
}

p {
line-height:24px;
margin:0;
padding:0 0 20px;
}

sup,sub {
height:0;
line-height:1px;
vertical-align:baseline;
position:relative;
}

sup {
bottom:1px;
}

sub {
top:1px;
font-size:.6em;
}

em {
font-style:italic;
}

strong {
font-weight:700;
}

small {
font-size:80%;
}
	
/***** Blockquotes *****/
blockquote,blockquote p {
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:23px;
color:#9c9c9c;
font-style:italic;
}

blockquote {
background-image:url(../images/quote.png);
background-repeat:no-repeat;
background-position:0 5px;
font-style:italic;
padding-left:30px;
float:left;
}

blockquote cite {
display:block;
font-size:12px;
color:#555;
}

blockquote cite:before {
content:"\2014 \0020";
}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
color:#555;
}

blockquote span {
width:15px;
display:inline-block;
}

hr {
border:0;
border-top:1px solid #999;
height:2px;
width:100%;
text-align:left;
margin:20px 0;
}
		
/***** Pullquotes *****/
.pullquote_right,.pullquote_left {
color:#9c9c9c;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
letter-spacing:0;
margin-bottom:0;
margin-top:3px;
margin-left:10px;
padding-left:15px;
width:40%;
font-style:italic;
line-height:1.4em;
border-left:2px solid #ccc;
}

.pullquote_left {
border-right:2px solid #ccc;
border-left:none;
float:left;
margin-left:0;
margin-right:10px;
padding-left:0;
padding-right:15px;
}

/***** Links *****/
a:hover {
color:#999;
text-decoration:none;
outline:0;
}

a:link,a:visited,a:active {
color:#333;
text-decoration:underline;
outline:0;
}	

/***** Lists *****/
ul,ol {
margin:0 0 20px;
}

ul {
list-style:none outside;
}

ol {
list-style:decimal;
}

ol,ul.square,ul.circle,ul.disc {
margin-left:15px;
}

ul.square {
list-style:square outside;
}

ul.circle {
list-style:circle outside;
}

ul.disc {
list-style:disc outside;
}

ul.star li {
background:transparent url(../images/list-star.png) no-repeat 0 0px;
padding:0 0 0 23px;
}

ul.arrow2 li {
background:transparent url(../images/list-greenarw.png) no-repeat 0 0px;
padding:0 0 0 23px;
}

ul.check li {
background:transparent url(../images/list-check.png) no-repeat 0 0px;
padding:0 0 0 23px;
}

ul.cross li {
background:transparent url(../images/list-cross.png) no-repeat 0 0px;
padding:0 0 0 23px;
}

ul.gear li {
background:transparent url(../images/list-gear.png) no-repeat 0 0px;
padding:0 0 0 23px;
}

ul.pen li {
background:transparent url(../images/list-pen.png) no-repeat 0 0px;
padding:0 0 0 23px;
}

ul.arrow li {
background:transparent url(../images/list-arrow.png) no-repeat 0 6px;
padding:0 0 0 18px;
}

ul.sidebar-list li {
background:transparent url(../images/list-arrow2.png) no-repeat 0 5px;
border-bottom:1px dotted #d0d0d0;
margin-bottom:10px;
padding:0 0 9px 15px;
}

ul.sidebar-list li a,ul.sidebar-list li a:visited {
color:#979797;
text-decoration:none;
}

ul.sidebar-list li a:hover {
color:#807f7f;
text-decoration:none;
}

ul.square,ul.circle,ul.disc
ul.star,ul.arrow {
float:left;
}

ul ul,ul ol,ol ol,ol ul {
font-size:90%;
margin:4px 0 5px 30px;
}

ul ul li,ul ol li,ol ol li,ol ul li {
margin-bottom:6px;
}

li {
line-height:16px;
margin-bottom:12px;
}

ul.large li,li p {
line-height:21px;
}

/***** Images *****/
img {
border:0;
-ms-interpolation-mode:bicubic;
}

.max-image {
width:100%;
height:auto;
}

.video-container {
position:relative;
padding-bottom:51%;
padding-top:30px;
height:0;
overflow:hidden;
border:1px solid #ccc;
margin:0 0 15px;
}

.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/***** Buttons  *****/ 
a.button, a.button-slide {
display:inline-block;
font-family:'PT Sans', Georgia, Arial !important;
text-transform: uppercase;
letter-spacing:-1px;
color:#fff;
cursor:pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none;
margin:0 0 10px;
}

a:hover.button, a:hover.button-slide {
text-decoration:none;
}

.button.small {
font-size:12px;
padding:5px 11px 7px 10px;
}

.button.medium, a.button-slide.medium {
font-size:16px;
padding:7px 14px 7px 14px;
padding:8px 14px 8px 14px \0/;
}

x:-o-prefocus, .button.medium, a.button-slide.medium {
padding:8px 14px 8px 14px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
a.button-slide.medium {
font-size:16px;
padding:8px 14px 8px 14px;
}	
}

.button.large {
font-size:18px;
padding:9px 21px 11px 21px;
}

.button.gray, .button-slide.gray {
/*background-color:#353535;
border: 1px solid #313131; 
background: -moz-linear-gradient(top, #4e4e4e, #353535) !important;
background: -webkit-linear-gradient(top, #4e4e4e, #353535) !important;
background: -o-linear-gradient(top, #4e4e4e, #353535) !important; */
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; 
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; 
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.button-slide.gray:after{
content:"";
display:block;
background:url(../images/slide-btn.jpg) no-repeat;
height:38px;
width:19px;
position:absolute;
top:-1px;
right:-15px;
}

.button.white {
color:#666;
background-color:#e1e1e1;
border: 1px solid #bfbfbf;
background: -moz-linear-gradient(top, #efefef, #e1e1e1) !important;
background: -webkit-linear-gradient(top, #efefef, #e1e1e1) !important;
background: -o-linear-gradient(top, #efefef, #e1e1e1) !important; 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset; 
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset; 
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.button.red {
background-color:#e62727;
border: 1px solid #a40000; 
background: -moz-linear-gradient(top, #ef4646, #e62727) !important;
background: -webkit-linear-gradient(top, #ef4646, #e62727) !important;
background: -o-linear-gradient(top, #ef4646, #e62727) !important;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

.button.orange {
background-color:#ff5c00;
border: 1px solid #cd4a00;
background: -moz-linear-gradient(top, #ff7b31, #ff5c00) !important;
background: -webkit-linear-gradient(top, #ff7b31, #ff5c00) !important;
background: -o-linear-gradient(top, #ff7b31, #ff5c00) !important; 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

.button.blue {
background-color:#00ADEE;
border: 1px solid #0084b6; 
background: -moz-linear-gradient(top, #23c0fb, #00ADEE) !important;
background: -webkit-linear-gradient(top, #23c0fb, #00ADEE) !important;
background: -o-linear-gradient(top, #23c0fb, #00ADEE) !important; 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

.button.green {
background-color:#a2c437;
border: 1px solid #789717; 
background: -moz-linear-gradient(top, #b0d342, #a2c437) !important;
background: -webkit-linear-gradient(top, #b0d342, #a2c437) !important;
background: -o-linear-gradient(top, #b0d342, #a2c437) !important; 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; 
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

.arrow-icon {
padding-right:33px !important;
}

.arrow-icon:after {
content:"";
display:block;	
/*background:url(../images/btn-arrow.png) no-repeat; */
width:9px;
height:12px;
position:absolute;
top:16px;
right:32px;
}

/***** Tables  *****/




.table-green table {
border:1px solid #749707;
}

.table-green table tr th {
background-color:#91bd09;
}

.table-cyan table {
border:1px solid #389f9f;
}

.table-cyan table tr th {
background-color:#46C7C7;
}

.table-purple table {
border:1px solid #606;
}

.table-purple table tr th {
background-color:purple;
}

.table-brown table {
border:1px solid #630;
}

.table-brown table tr th {
background-color:#804000;
}

.table-rosy table {
border:1px solid #c15663;
}

.table-rosy table tr th {
background-color:#F16C7C;
}

.table-gold table {
border:1px solid #aa8012;
}

.table-gold table tr th {
background-color:#D4A017;
}

.table-pink table {
border:1px solid #b51a75;
}

.table-pink table tr th {
background-color:#e22092;
}

.table-blue table {
border:1px solid #008abe;
}

.table-blue table tr th {
background-color:#00ADEE;
}

.table-yellow table {
border:1px solid #cc9111;
}

.table-yellow table tr th {
background-color:#ffb515;
}

.table-magenta table {
border:1px solid #87013c;
}

.table-magenta table tr th {
background-color:#A9014B;
}

.table-orange table {
border:1px solid #cc4a00;
}

.table-orange table tr th {
background-color:#ff5c00;
}

.table-red table {
border:1px solid #b81f1f;
}

.table-red table tr th {
background-color:#e62727;
}

.table-gray table {
border:1px solid #525252;
}

.table-gray table tr th {
background-color:#666;
}

.table-black table {
border:1px solid #292929;
}

.table-white .table th {
color:#666;
}

.table-white table {
border:1px solid #ccc;
}

.table-white table tr th {
background-color:#FFF;
}

table tr.even td,table tr.odd td {
background-color:#fff;
}

table tr td.highlight,.table-black table tr th {
background-color:#333;
}

/***** Back to Top *****/
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:62px;
right:12px;
overflow:hidden;
width:50px;
height:50px;
border:none;
text-indent:100%;
background:url(../images/ui.totop.png) no-repeat left top;
z-index:190;
}

#toTopHover {
background:url(../images/ui.totop.png) no-repeat left -50px;
width:50px;
height:50px;
display:block;
overflow:hidden;
float:left;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}

#toTop:active,#toTop:focus {
outline:none;
}
		
/***** Global Classes *****/
.img-left {
float:left;
border:none;
margin:5px 13px 12px 0;
}

.img-right {
float:right;
border:none;
margin:5px 0 12px 13px;
}

.img-center {
display:block;
margin:18px auto 15px;
}

.img-border {
background-color:#ebebeb;
padding:6px;
}

.img-border2 {
background-color:#f3f3f3;
border:1px solid #dcdcdc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:5px;
}

.clear {
clear:both;
height:0;
line-height:0;
padding:0;
margin:0;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.text-big {
color:#a2bd30;
font-weight:700;
line-height:26px;
}

.text-left {
text-align:left;
}

.text-right {
text-align:right;
}

.text-center {
text-align:center;
}

.text-justify {
text-align:justify;
}

.normal {
font-weight:400;
}

.bold {
font-weight:700;
}

.italic {
font-style:italic;
}

.underline {
border-bottom:1px solid;
}

.highlight {
background:#ffc;
}

.nopadding {
padding:0;
}

.noindent {
margin-left:0;
padding-left:0;
}

.nobullet {
list-style:none;
list-style-image:none;
}

.block {
display:block;
}

.hidden,.hide {
display:none;
}
		
/***** Highlight Text Styling *****/	
.highlighttext {
color:#939292;
font-family:Georgia, "Times New Roman", Helvetica, Arial, sans-serif;
font-size:18px;
font-style:italic;
font-weight:100;
line-height:26px;
}
	
/***** Divider Styling *****/		
.divider {    
width:100%;
height:4px;
margin:15px 0px 28px 0px;
background-color:#f2f2f2;
clear:both;
display:block; 
}


		
/****** Dropcap *****/
.dropcap1 {
width:39px;
height:39px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
background-image:url(../images/dropcap-circle.png);
background-repeat:no-repeat;
font-size:20px;
color:#fff;
text-align:center;
float:left;
margin:3px 8px 0 0;
padding:6px 0 3px;
}

.dropcap2 {
width:39px;
height:39px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
background-image:url(../images/dropcap-square.png);
background-repeat:no-repeat;
font-size:20px;
color:#fff;
text-align:center;
float:left;
margin:3px 8px 0 0;
padding:6px 0 3px;
}

.dropcap3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:32px;
color:#4f4f4f;
text-align:center;
float:left;
margin:-3px 9px 0 0;
padding:5px 3px 0;
}

/***** Title Color Styling *****/
.title-green {
color:#619e10;
}

.title-blue {
color:#2d8aad;
}

.title-orange {
color:#f4902d;
}

.title-red {
color:#d12525;
}

	
/***** Custom Message Styling *****/
.info {
color:#478BBF;
background:#DCEFF5 url(../images/list-info.png) 17px 14px no-repeat;
border:1px solid #B8E7F5;
margin:15px 0;
padding:14px 10px 15px 40px;
}

.success {
color:#3F9153;
background:#D7F7DF url(../images/list-check.png) 17px 14px no-repeat;
border:1px solid #A3F7B8;
margin:15px 0;
padding:14px 10px 15px 40px;
}

.error {
color:#C24848;
background:#FFD6D6 url(../images/list-cross.png) 17px 14px no-repeat;
border:1px solid #FFC2C2;
margin:15px 0;
padding:14px 10px 15px 40px;
}

.warning {
color:#CF9E00;
background:#FAF2D7 url(../images/list-warning.png) 17px 14px no-repeat;
border:1px solid #FAE8AF;
margin:15px 0;
padding:14px 10px 15px 40px;
}


/***** Form Styling *****/
input, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
padding: 8px 7px;
border: solid 1px #d5d5d5;
outline: 0;
width: 100%;
color:#c1c1c1;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;	
}

textarea { 
font-family:Arial, Helvetica, sans-serif;
width: 100%;
height: 150px;
line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus { 
border-color: #C9C9C9; 
box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
}

.form label {
margin-left: 10px; 
}
	
	
/***** Tab Styling *****/
ul.tabs {
display:block;
margin-bottom:0;
border-bottom:solid 1px #ddd;
height:40px;
list-style:none;
padding:4px 0 0 2px;
float:left;
}

ul.tabs li {
float:left;
height:40px;
}

ul.tabs li a {
display:block;
height:38px;
line-height:40px;
border-top:solid 1px #ddd;
border-left:solid 1px #ddd;
border-right:solid 1px #ddd;
color:#7d7b7b;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
background:#efefef;
font-size:13px;
text-decoration:none;
border-width:1px 1px 0;
margin:0 0 0 -1px;
padding:0 19px;
position:relative;
z-index:100;
}

ul.tabs li.active a {
position:relative;
height:39px;
top:-2px;
padding-top:4px;
background:#fafafa;
border-bottom:none;
color:#242424;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
position:relative;
z-index:100;
}

.tab_container {
width:99.6%!important;
margin:0px 0px 12px 1px;
border-top:none;
clear:both;
background:#fafafa;
border: solid 1px border: solid 1px #ddd;
position:relative;
float:left;
}

.tab_container:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ddd;
}

.tab_container, .tab_container:before, .tab_container:after {
background: #fafafa;
border: 1px solid #ddd;
}

.tab_container:before, .tab_container:after {
content: "";
position: absolute;
bottom: -3px;
left: 3px;
right: 3px;
height: 1px;
border-top: none;
}

.tab_content {
padding:18px 25px 10px;
}

.tab_content p {
font-size:12px;
padding-top:5px;
}

.tab_content img {
float:left;
}

/***** Code Styling *****/
pre {
clear:both;
font:11px Consolas, "Andale Mono", Courier, "Courier New", monospace;
background:url(../images/pre_bg.gif) repeat;
border:1px solid #d3d3d3;
line-height:19px;
overflow:auto;
overflow-y:hidden;
color:#555;
margin:0 0 20px;
padding:18px 20px 15px;
}

/***** Testimonials Styling *****/
.testi-container {
background-image:url(../images/testi-bg.gif);
background-repeat:repeat-y;
border: solid 1px #dbdcde; 
margin: 0 0 45px 0; 
padding: 14px 20px 20px 20px; 
position:relative;
}

.testi-container:after {	
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ddd;
}

.testi-tape {
width:99px;
height:26px;
margin:0px auto -15px auto;
background-image:url(../images/testi-tape.png);
background-position:center -2px;
background-repeat:no-repeat;
position:relative;
z-index:100;	
}

.testi-container, .testi-container:before, .testi-container:after {
border: 1px solid #dbdcde;
}

.testi-container:before, .testi-container:after {
content: "";
position: absolute;
bottom: -3px;
left: 3px;
right: 3px;
height: 1px;
border-top: none;
}

.testi-text {
width:75%;
float:left;
margin:0px;
padding:10px 14px 0px 14px;
}

.testi-image{
text-align:center;
position:absolute;
top:-13px;
right:0px;	
}

.testi-name {
color:#fff;
font-size:11px;
text-transform:uppercase;
margin-top:-8px;
padding:2px 11px;
background-color:#4a4a4a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float:right;
}

/***** FAQ STYLING *****/
.ask {
cursor:pointer;
background: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
background: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
background: -o-linear-gradient(top, #f5f5f5, #ebebeb);
background-color:#f5f5f5;
border:1px solid #dfdfdf;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:12px 13px 13px;
text-shadow:1px 1px 0px #fff;
clear:both;
}

.question {
background-color:#fff;
border:1px solid #dfdfdf;
border-top:1px solid #dfdfdf;
border-left:1px solid #eee;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin:0 0 8px;
padding:15px 18px 1px;
position:relative;
}

.question:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ddd;
}

.question, .question:before, .question:after {
background: #fff;
border: 1px solid #dfdfdf;
}

.question:before, .question:after {
content: "";
position: absolute;
bottom: -3px;
left: 3px;
right: 3px;
height: 1px;
border-top: none;
}


.openquestion,.closedquestion {
color:#979797!important;
margin-bottom:5px;
}

/***** 404 Page Styling *****/
#error-wrapper{
margin:20px 0px 40px 0px;
}

#error-wrapper .panel h1 {
text-align:center;
}

#error-wrapper .panel h4 {
text-align:center;
margin:-20px 0 24px;
}

.error-img {
margin-top:22px;
}

#search-error {
float:left;
margin:-8px 0px 20px 0px;
}

#search-form-error {
width:278px;
font-family:Arial, Tahome, Verdana;
background-color:#fff;
border:1px solid #e1e1e1;
font-size:12px;
color:#d3d2d2;
float:left;
margin:0 10px 10px 0;
padding:9px 7px;
}

#search-button{
padding-top:7px;
padding-bottom:8px;
}


/***** Pricing Plan Styling *****/
.pricing-slogan {
margin-bottom:2px;
}

.pricing-wrapper {
padding:35px 0 50px;
}

.pricing-wrapper .pricing-column:first-child {
margin-left:1px;
}

.pricing-column {
width:25%;
margin:20px 0px 25px 0px;
margin:20px -1px 25px 0px \0/;
background-color:#393939;
-webkit-box-shadow:0 0 20px rgba(0,0,0,.35);
-moz-box-shadow:0 0 20px rgba(0,0,0,.35);
box-shadow:0 0 20px rgba(0,0,0,.35);
border:1px solid #e4e4e4 \0/;
float:left;
}

.pricing-title {
color:#A0A0A0;
text-shadow:0px 1px 1px #323232;
text-align:center;
padding:10px 0 12px;
}

.pricing-price {
margin-top:-15px;
background-color:#4c4c4c;
border-top:1px solid #505050;
text-align:center;
padding:6px 0 0;
}

.pricing-price h1 {
color:#fff;
text-shadow:0px 1px 1px #323232;
}

.pricing-price p {
margin-top:-8px;
color:#A0A0A0;
text-shadow:0px 1px 1px #323232;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:18px;
}

ul.pricing-feature {
width:100%;
background-color:#fff;
text-align:center;
margin:0 auto;
padding:0 8%;
}

.pricing-feature li {
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
border-bottom:1px solid #e4e4e4;
margin:0;
padding:10px 8px;
}

.pricing-button {
text-align:center;
margin-top:-1px;
background-color:#e4e4e4;
border-top:1px solid #e4e4e4;
padding:20px 0 10px;
}

.feature-package {
position:relative;
z-index:100;
margin:5px 0px 25px 0px;
margin:5px -1px 25px 0px \0/;
}

.feature-package .pricing-button {
padding:25px 0 28px;
}

.feature-package .pricing-button a {
margin-top:5px;
}

.orange-pr {
background-color:#e25100;
}

.orange-pr .pricing-price {
background-color:#fe6c1a;
border-top:1px solid #fe7223;	
}

.green-pr {
background-color:#779710;
}

.green-pr .pricing-price {
background-color:#9ec032;
border-top:1px solid #a2c536;	
}

.blue-pr {
background-color:#008cc0;
}

.blue-pr .pricing-price {
background-color:#01aeef;
border-top:1px solid #00b4f8;	
}

.red-pr {
background-color:#cd0d0d;
}

.red-pr .pricing-price {
background-color:#ef2b2b;
border-top:1px solid #f53636;	
}

.orange-pr .pricing-title, .orange-pr .pricing-price p,
.green-pr .pricing-title, .green-pr .pricing-price p,
.blue-pr .pricing-title, .blue-pr .pricing-price p,
.red-pr .pricing-title, .red-pr .pricing-price p {
color:#fff;
}

/***** Tooltip Styling *****/
#tooltip {
font-size: 0.875em;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333;
zoom: 1 !important;
filter: alpha(opacity=80) !important;
opacity: 0.8 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: absolute;
z-index: 100;
padding: 7px 11px;
}

#tooltip:after {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top-color: #333;
border-top: 7px solid rgba( 0, 0, 0, .8 );
content: '';
position: absolute;
left: 50%;
bottom: -7px;
margin-left: -7px;
}

#tooltip.top:after {
border-top-color: transparent;
border-bottom-color: #333;
border-bottom: 10px solid rgba( 0, 0, 0, .6 );
top: -20px;
bottom: auto;
}

#tooltip.left:after	{
left: 10px;
margin: 0;
}

#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}
		
/***** Fancybox Styling *****/
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align: top;
padding: 0;
margin: 0;
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}

.fancybox-skin {
position: relative;
padding: 0;
margin: 0;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.fancybox-opened {
z-index: 8030;
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8);
}

.fancybox-outer, .fancybox-inner {
padding: 0;
margin: 0;
position: relative;
outline: none;
}

.fancybox-inner {
overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}

.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}

.fancybox-image {
max-width: 100%;
max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8020;
}

#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../images/loading-lightbox.gif') center center no-repeat;
}

.fancybox-close {
position: absolute;
top: 5px;
right: 5px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}

.fancybox-nav {
position: absolute;
top: 0;
width: 15%;
height: 100%;
cursor: pointer;
background: transparent url('../images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}

.fancybox-prev {
left: -13px;
}

.fancybox-next {
right: -13px;
}

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}

.fancybox-prev span {
left: 20px;
background-position: 0 -36px;
}

.fancybox-next span {
right: 20px;
background-position: 0 -72px;
}

.fancybox-nav:hover span {
visibility: visible;
}

.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility: hidden;
}

/* Overlay helper */
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: #000;
background: url(../images/fancy_overlay.png) repeat;
}

#fancybox-overlay.overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}

/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}

.fancybox-opened .fancybox-title {
visibility: visible;
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 45px;
right: 50%;
margin-bottom: -45px;
z-index: 8030;
text-align: center;
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}

.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}

.fancybox-title-inside-wrap {
margin-top: 10px;
}

.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}

/***** Portfolio Filter *****/
.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}

.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}


/* Caption stylesheet */
.caption-type1, .caption-type3 {
top: 0;
display: block;
position: absolute;
width: 100%;
}

.caption-type2, .caption-type4 {
bottom: 0;
display: block;
position: absolute;
width: 100%;
}

.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {
width:960px;
margin:0 auto;
}

.caption-type1 > div h1 {
width: 392px;
font-size: 38px;
line-height: 48px;
margin-top: 73px;
margin-bottom: 28px;
text-transform: uppercase;
position:relative;
z-index:100;
}

.caption-type2 > div h1 {
width: 750px;
width: 760px \0/;
font-size: 38px;
text-align:center;
line-height: 48px;
margin: -390px auto 20px auto;
text-transform: uppercase;
position:relative;
z-index:100;
}

.caption-type3 > div h1 {
width: 492px;
font-size: 38px;
text-align:center;
line-height: 48px;
margin-top: 83px;
margin-bottom: 28px;
text-transform: uppercase;
position:relative;
float:right;
z-index:100;
}

.caption-type1 > div p {
width: 392px;
color: #979797;
font-size: 16px;
margin-bottom: 16px;
letter-spacing: -1px;
display:block;
position:relative;
z-index:100;
}

.caption-type2 > div p {
width: 750px;
color: #979797;
font-size: 16px;
text-align:center;
margin:0px auto 16px auto;
letter-spacing: -1px;
display:block;
z-index:100;
}

.caption-type3 > div p {
width: 492px;
color: #979797;
font-size: 16px;
text-align:center;
margin-bottom: 16px;
letter-spacing: -1px;
display:block;
position:relative;
float:right;
z-index:100;
}

.caption-type1 > div a, .caption-type2 > div a, .caption-type3 > div a {
position:relative;
z-index:100;
}

.caption-type1 > div img {
width: 568px;
margin-top: 63px;
float:right;
position:relative;
z-index:0;
}

.caption-type2 > div img {
width: 727px;
margin: 0px 0px -4px 115px;
text-align:center;
position:relative;
z-index:0;
}

.caption-type3 > div img {
width: 568px;
margin-top: 63px;
float:left;
position:relative;
z-index:0;
}

.caption-type3 > div .html-badge {
width:300px !important;
height:82px !important;
margin: 100px -435px 0px 0px;
float:right;
position:relative;
z-index:0;
}

.caption-type4 > div img {
width: 854px;
margin: 0px 0px -4px 60px;
text-align:center;
position:relative;
z-index:0;
}


/* banner-box */
.banner-box{min-width:1200px;height:480px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1408px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:480px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1200px;position:absolute;top:190px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:250px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}


.sydaohagn{ background-color:#E5E5E5; height:32px; line-height:32px;}
.sydaohagn div{ width:930px; margin:0 auto; font-size:13px;}

.article{}
.article ul{}
.article ul li{ height:40px; line-height:40px; padding:0 20px; color:#666; border:#E5E5E5 1px solid; float:left;}
.top_top_login{ background-color:#F5F5F5; height:33px; padding-top:3px}
.top_top_login a{ text-decoration:none; color:#FFFFFF; padding:0 20px}
.top_top_login div{float:right;padding:5px 15px;}
.login_bg{ background-color:#B4B4B4; color:#666666;}
.reg_bg{ background-color:#37B8CD; color:#FFFFFF}

/*-----------µ¯³ö¿ò--------*/
.pop a{ text-decoration:none}
.opa,.opa_t1,.opa_t2{position: fixed;width: 100%;height: 100%;background: #000;opacity: 0.5;bottom: 0px;left: 0px;z-index: 10000;}
.pop,.pop_t1,.pop_t2{width: 440px;height: 424px;}
.pop ul.pop-hd,.pop_t2 ul.pop-hd{width: 210px;height: 57px;line-height:57px;padding-left: 40px;margin:0px}
.pop ul.pop-hd li,.pop_t2 ul.pop-hd li{float: left;}
.pop ul.pop-hd li a,.pop_t2 ul.pop-hd li a{float: left;font-size: 18px;color: #999;padding: 0 13px;height: 56px;line-height:56px;}
.pop ul.pop-hd li.on a,.pop_t2 ul.pop-hd li.on a{border-bottom: 2px solid #37b8cd;color: #333;}
.pop div.pop-c,.pop_t2 div.s-c{border-top: 1px solid #dcdcdc;}
div.pop-c dl.pop-login{display: none;margin: 38px 40px 0;}
div.pop-c dl.pop-login dd.pop-login-input ul li{width: 358px;height: 38px;line-height:38px;border: 1px solid #dcdcdc;background: #fff;margin: 20px 0;padding-left: 0px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
div.pop-c dl.pop-login dd.pop-login-input ul li label{float: left;}
div.pop-c dl.pop-login dd.pop-login-input ul li input{color: #999;font-size: 13px;padding: 11px 10px 11px 10px;width:355px;height:36px; border:none;}
div.pop-c dl.pop-login dd.pop-login-input ul li.yzm input{width: 190px;}
div.pop-c dl.pop-login dd.pop-login-input ul li.yzm label{position: relative;float: left;}
div.pop-c dl.pop-login dd.pop-login-input ul li.yzm img{position: absolute;right: -150px;top:6px;}
div.pop-c dl.pop-login dd.pop-rempass ul li{float: right;color: #666;font-size: 13px;margin-left: 20px;}
div.pop-c dl.pop-login dd.pop-rempass ul li:hover{color: #37b8cd;}

div.pop-c dl.pop-login dd.pop-rempass ul li a{color: #666;font-size: 13px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
div.pop-c dl.pop-login dd.pop-rempass ul li a:hover{color: #37b8cd;}
div.pop-c dl.pop-login dd.pop-rempass ul li label{display:block;height: 14px;cursor: pointer;}
div.pop-c dl.pop-login dd.pop-rempass ul li input{width: 14px;height: 14px;vertical-align: top;margin-right: 5px;}
div.pop-c dl.pop-login dd.login-btn{margin: 20px 0;}
div.pop-c dl.pop-login dd.login-btn a{display:block;font-size: 18px;color: #fff;background: #37b8cd;height: 45px;line-height: 45px;width: 360px;text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
div.pop-c dl.pop-login dd.login-btn a:hover{background:#10acc5;}

div.pop-c dl.pop-reg{margin: 0 40px;}
div.pop-c dl.pop-reg dt{font-size: 14px;color: #003f98;height: 38px;line-height: 38px;}
div.pop-c dl.pop-reg dd.pop-reg-input ul li{width: 358px;height: 38px;line-height:38px;border: 1px solid #dcdcdc;background: #fff;margin:0 0 15px 0;}
div.pop-c dl.pop-reg dd.pop-reg-input ul li label{float: left;}
div.pop-c dl.pop-reg dd.pop-reg-input ul li input{color: #999;font-size: 13px;padding: 11px 10px 11px 10px;width:355px;height:36px; border:none;}
div.pop-c dl.pop-reg dd.pop-reg-input ul li.yzm input{width: 190px;}
div.pop-c dl.pop-reg dd.pop-reg-input ul li.yzm label{position: relative;float: left;}
div.pop-c dl.pop-reg dd.pop-reg-input ul li.yzm img{position: absolute;right:-150px;top:6px;}
div.pop-c dl.pop-reg dd.reg-zx{font-size: 13px;color: #666;text-align: right;}
div.pop-c dl.pop-reg dd.reg-zx a{text-decoration: underline;color: #37b8cd;}
div.pop-c dl.pop-reg dd.reg-btn{margin: 20px 0;}
div.pop-c dl.pop-reg dd.reg-btn a{display:block;font-size: 18px;color: #fff;background: #37b8cd;height: 45px;line-height: 45px;width: 360px;text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
div.pop-c dl.pop-reg dd.reg-btn a:hover{background:#10acc5;}

.pop dl.other-login {margin: 0 40px;}
.pop dl.other-login dt{float: left;color: #666;font-size: 13px;height: 38px;line-height: 38px;}
.pop dl.other-login dd{float: right;height: 38px;line-height: 38px;vertical-align: middle;}
.pop dl.other-login dd li{float: left;padding: 5px 0 5px 7px;width: 28px;height: 28px;}
.pop dl.other-login dd li a{float: right;width: 28px;height: 28px;background: url(../images/ico-s.png) no-repeat 0 -38px;}
.pop dl.other-login dd li a.qq{background-position: -35px -38px;}
.pop dl.other-login dd li a.wb{background-position: -70px -38px;}
.pop dl.other-login dd li a:hover{background-position: 0 0;}
.pop dl.other-login dd li a.qq:hover{background-position: -35px 0;}
.pop dl.other-login dd li a.wb:hover{background-position: -70px 0;}


.pop div.close-btn a,div.pop_t1 div.close-btn a,div.pop_t2 div.close-btn a{position: absolute;right:20px;top:22px;width:16px;height:16px;background:url(../images/pop-sbtn.png) no-repeat 0 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.pop div.close-btn a:hover,div.pop_t1 div.close-btn a:hover,div.pop_t2 div.close-btn a:hover{background-position: -16px 0;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

div.pop_t1{width: 470px;height: 180px;color: #fff;}
div.pop_t1 dl.pay-pop{padding: 40px 10px 0 20px;}
div.pop_t1 dl.pay-pop dt{font-size: 14px;color: #333;line-height: 20px;}
div.pop_t1 dl.pay-pop dt span{color: #ff6600;}
div.pop_t1 dl.pay-pop dd{margin-top: 30px;padding: 0 55px}
div.pop_t1 dl.pay-pop dd a{float: left;width: 133px;height: 30px;line-height: 30px;text-align: center;background:#37b8cd;font-size: 14px;color: #fff;margin: 0 12px;}
div.pop_t1 div.close-btn a{right: 10px;top:8px;}

div.pop_t2{height: 318px;}
div.pop_t2 dl.buy-A{text-align: center;}
div.pop_t2 dl.buy-A dt{padding-top: 50px;}
div.pop_t2 dl.buy-A dt label{display:inline-block;*display:inline;*zoom:1;border: 1px solid #dcdcdc;width: 358px;background:#fff;}
div.pop_t2 dl.buy-A dt input{background:transparent;font-size: 13px;color: #999;padding: 10px 0 11px 10px;width: 348px;height: 14px;line-height: 14px;}
div.pop_t2 dl.buy-A dt p{color: #333;font-size: 16px;padding: 20px 0 20px 42px;text-align: left;}
div.pop_t2 dl.buy-A dt p span{font-size: 24px;color: #ff6600;}
div.pop_t2 dl.buy-A dd a{display:inline-block;*display:inline;*zoom:1;width: 170px;height: 45px;line-height: 45px;text-align: center;font-size: 18px;color: #666;background:#ddd;margin: 0 6px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}

div.pop_t2 dl.buy-A dd a.on{background:#37b8cd;color: #fff}
div.pop_t2 dl.buy-A dd a:hover{background:#37b8cd;color: #fff}

.opa,.pop,.opa_t1,.pop_t1,.opa_t2,.pop_t2{display: none;}
.errorMsg{ font-size:13px; color:red}