html,body {height:100%; margin: 0; padding: 0; }
body { margin: 0; font-size: 13px; FONT-FAMILY: "Myriad Pro", Arial, Helvetica, sans-serif; }
hr { border: 0; border-top: 1px solid #CCCCCC; }
.clear { display: block; height: 1px; margin: 0; padding: 0; clear: both; }

.width { min-width: 890px; width: 75%; }
.width2 { min-width: 890px; width: 85%; }

.content ol { padding-left: 50px; list-style:decimal; }
.content ol li { list-style:decimal; }
.content ul { padding-left: 50px; }
.content ul li { list-style:circle; padding-top: 5px; padding-bottom: 5px; }
.content h1 {
font-size: 44px;
font-weight: lighter;
font-style: normal;
}
.content .h2 {
font-size: 44px;
font-weight: lighter;
font-style: normal;
}
.content .h3 {
font-size: 21px;
font-weight: lighter;
font-style: normal;
}

td { text-align:left; }
form { padding: 0px; margin: 0px; }
select { padding: 0px; margin: 0px; }
ol, li, ul { padding: 0px; margin: 0px; }

.size { font-size: 15px; }
.large { padding-top: 5px; font-size: 12px; color: #EBEBEB; }

small { font-size: 12px; }
small a { font-size: 12px; }
small i { font-size: 12px; font-weight: lighter; font-style: normal; }

.inv { display: none } 

.item {
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.item:hover {
	display: block;
	background: #fff;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 20px #CCC;
	-moz-box-shadow: 0px 0px 20px #CCC;
	box-shadow: 0px 0px 20px #CCC;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.item:hover a {
	 TEXT-DECORATION: none;
}

.style_error { color: #FF0000 }

.header { height: 105px; background: #000000 url('../img/header.jpg'); background-position: center center; background-repeat: no-repeat; }

#menu { margin:0px; padding:0px; padding-top: 10px; }
#menu ul,li{ list-style:none; }
#menu li { margin:0px; padding:0px; float:left; padding-right: 15px; }
#menu li a { display:block; text-align:left; color:#FFFFFF; font-size: 15px; }

.bgindex { background: #FFFFFF url('../img/index.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgcalculator { background: #FFFFFF url('../img/calculator.jpg'); background-position: top right; background-repeat: no-repeat; }
.bgrating { background: #FFFFFF url('../img/rating.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgportfolio { background: #FFFFFF url('../img/portfolio.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgat { background: #FFFFFF url('../img/at.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgsite { background: #FFFFFF url('../img/site.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgcms { background: #FFFFFF url('../img/cms.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgfaq { background: #FFFFFF url('../img/faq.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgjobs { background: #FFFFFF url('../img/jobs.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgdetails { background: #FFFFFF url('../img/details.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgdesc { background: #FFFFFF url('../img/desc.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgwhyhigh { background: #FFFFFF url('../img/whyhigh.jpg'); background-position: top center; background-repeat: no-repeat; }
.bghours { background: #FFFFFF url('../img/hours.jpg'); background-position: top center; background-repeat: no-repeat; }
.bginternet_details { background: #FFFFFF url('../img/internet_details.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgpr_community { background: #FFFFFF url('../img/pr_community.jpg'); background-position: top center; background-repeat: no-repeat; }
.bgpr_media { background: #FFFFFF url('../img/pr_media.jpg'); background-position: top center; background-repeat: no-repeat; }


.bg { color: #FFFFFF; padding: 25px; background: #000000 url('../img/bg.jpg'); background-position: top center; background-repeat: repeat;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.bg td { color: #FFFFFF; }
.bg { color: #FFFFFF; }

.bg2 { color: #000000; padding: 25px; background: #f6f6f6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.bg2 td { color: #000000; }

.hr { height: 3px; background: url('../img/hr.gif'); background-position: center top; background-repeat: repeat-x; }
.hr2 { height: 10px; background: url('../img/topline.png'); background-position: center top; background-repeat: repeat-x; }

.showlist {
position: fixed;
right: 200px;
background: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
z-index: 10000000;
-webkit-box-shadow: 0px 0px 10px #CCC;
-moz-box-shadow: 0px 0px 10px #CCC;
box-shadow: 0px 0px 10px #CCC;
}

a { TEXT-DECORATION: underline; color: #000000; }
a img { border: 0; }
a:active, a:hover, a:focus, img { outline: 0; }
a:link{color:#000000}
a:hover{color:#000000; TEXT-DECORATION: none; }
a:visited{color:#000000}
a:visited:hover{color:#000000}
a:focus{outline:none}

.img { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 3px; margin-right: 10px; margin-bottom: 10px; }
.img:hover { border: 1px solid #000000; }

.age { padding: 15px; display: inline; background: url('../img/age.gif'); background-position: top center; background-repeat: no-repeat; }

input[type="text"] { padding: 3px; font-size: 12px; }
input[type="password"] { padding: 3px; font-size: 14px; }
select { font-size: 21px; }

.preview { width: 720px; text-align: center; }
.preview_border { line-height: 0px; width: 720px; text-align: center; 
	-webkit-box-shadow: 0px 0px 30px #666666;
	-moz-box-shadow: 0px 0px 30px #666666;
	box-shadow: 0px 0px 30px #666666;
}
.preview_border img { padding: 0px; margin: 0px; }
.baloon { width: 362px; position: relative; padding-top: 20px; margin-top: 35px; margin-left: 15px; margin-right: 15px; background: #f1f1f1 url("../img/baloon.gif"); background-position: center top; background-repeat: no-repeat; border: 0px solid #000000; }
.baloon .text { padding: 10px; }

.info { padding-top: 120px; line-height: 15px; font-style:italic; }

.intuitives { display: block; float: left; text-align: center; width: 24%; height: 240px; padding: 5px; font-size: 14px; FONT-FAMILY: Arial, serif, "Times New Roman", Times; border: 0px solid #000000; }
.intuitives a { font-size: 14px; color: #0063a6; FONT-FAMILY: Arial, serif, "Times New Roman", Times; }

h1 {margin: 0; padding: 0; font-size: 33px; font-weight: lighter; display: inline }
.h1 {margin: 0; padding: 0; font-size: 33px; font-weight: lighter; display: inline }
h1 a { color: #FFFFFF; TEXT-DECORATION: none; }
h1 a:visited  { color: #FFFFFF; TEXT-DECORATION: none; }
h1 a:hover  { color: #FFFFFF; TEXT-DECORATION: none; }
h1 a:visited:hover{ color:#FFFFFF; TEXT-DECORATION: none; }
h2 {margin: 0; padding: 0; font-size: 18px; font-weight: lighter; display: inline }
.h2 {margin: 0; padding: 0; font-size: 18px; font-weight: lighter; display: inline }
h3 {margin: 0; padding: 0; font-size: 21px; font-weight: lighter; display: inline; }
.h3 {margin: 0; padding: 0; font-size: 21px; font-weight: lighter; display: inline; }
h4 {margin: 0; padding: 0; font-size: 16px; font-weight: lighter; display: inline; }
.h4 {margin: 0; padding: 0; font-size: 16px; font-weight: lighter; display: inline; }
h5 {margin: 0; padding: 0; font-size: 14px; font-weight: bold; display: inline }

.white *, .white *:hover, a.white, a.white:link, a.white:hover, a.white:visited, a.white:visited:hover { color: #FFFFFF; }
.red, .red *, .red *:hover, a.red, .red a { color: #FF0000; }
.blue *, .blue *:hover, a.blue { color: #1474B0; }
.green, .green *, .green *:hover, a.green, .green a { color: #698000; }
.gray, .gray *, .gray *:hover, a.gray, .gray a { color: #666666; }
.orange, .orange *, .orange *:hover, a.orange, .orange a { color: #FF7F00; }
.gray2, .gray2 *, .gray2 *:hover, a.gray2, .gray2 a { color: #CCCCCC; }

.listtable { }
.listtable td, th  { background: #f9f9f9; }
.listtable th { }
.listtable td { padding: 10px 15px 5px 15px; }
.listtable tr.alt td { background: #f9f9f9; }
.listtable tr.over td { background: #f4f4f4; }

.listtable tr.alt td label { cursor: pointer; }
.listtable tr.over td label { cursor: pointer; }

.listtable tr.select td { color: #FFFFFF; background: #000000 url('../img/select.jpg'); background-position: top center; background-repeat: repeat; }

.line1 { height: 25px; background: url('../img/line1.png'); background-position: center bottom; background-repeat: no-repeat; }
.line0 { background: #F2F2F2; }
.line2 { height: 25px; background: url('../img/line2.gif'); background-position: center top; background-repeat: no-repeat; }

ol.number { padding-left: 40px; }
ol.number li { list-style-type: decimal; padding-top: 3px; padding-bottom: 3px; }

#scrollbar2 { margin: 0px; }
#scrollbar2 .viewport { border: 0px solid #000000; height: 360px; position: relative; overflow: hidden; }
#scrollbar2 .overview { list-style: none; width: 1416px; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
#scrollbar2 .scrollbar{ background: transparent url(../img/bg-scrollbar-track-x.png) no-repeat 0 0; position: relative; margin: 0 0 5px; clear: both; height: 15px; }
#scrollbar2 .track { background: transparent url(../img/bg-scrollbar-trackend-x.png) no-repeat 100% 0; width: 100%; height:15px; position: relative; }
#scrollbar2 .thumb { background: transparent url(../img/bg-scrollbar-thumb-x.png) no-repeat 100% 50%; height: 25px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: -5px; }
#scrollbar2 .thumb .end{ background: transparent url(../img/bg-scrollbar-thumb-x.png) no-repeat 0 50%; overflow: hidden; height: 25px; width: 5px;}
#scrollbar2 .disable { display: none; }

input {
    scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor = '#fff', className = (className) ? ' type-'+type : 'type-'+type)
}
button {
    scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor = '#fff', className = (className) ? ' type-'+type : 'type-'+type)
}

button:focus,
button:active,
button:hover,
input:focus,
input:active,
input:hover,
input.type-text,
input.type-search,
input.type-password,
input.type-file,
input.type-submit,
input.type-text:focus,
input.type-password:focus,
input.type-file:focus,
input.type-search:focus,
input.type-submit:focus {
    outline:0;
    outline-color: #f1f1f1;
    border:1px solid #c7c7c7 !important;
}
/* /fixed IE */

input[type="text"], button, input[type="password"], input[type="file"], input[type="search"], input.type-text, input.type-password, input.type-file, input.type-search  {
    border:1px solid #c7c7c7 !important;
    padding: 4px 5px;
    height:16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input[type="file"], input.type-file {
    height:26px;
}

input[type="submit"], button, input.type-submit, .cabutton {
    border:1px solid #c7c7c7 !important;
    padding: 1px 7px 2px 7px;
    background:#f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DDDDDF));
    background: -moz-linear-gradient(top, #EDEDED 0%, #DDDDDF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#DDDDDF',GradientType=0 );
    height:26px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    font-size: 13px;
}

.cabutton {
    padding: 4px 7px 5px 7px;
}

input[type="submit"]:hover, button, input.type-submit:hover, .cabutton:hover {
    border:1px solid #c7c7c7 !important;
    background: #ddd;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDDDDF), color-stop(100%,#EDEDED));
    background: -moz-linear-gradient(top, #DDDDDF 0%, #EDEDED 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDF', endColorstr='#EDEDED',GradientType=0 );
}

textarea {
    border:1px solid #c7c7c7 !important;
    padding: 4px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


#fade {
	display: none;
	background: #000 url('../img/bgcontact.gif'); background-position: center center; background-repeat: no-repeat;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .90;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
	float: left;
	font-size: 12px;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.popup_block td { font-size: 12px; }
img.btn_close { float: right; margin: -15px -15px 0 0; }
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }

.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../img/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
 
.counter {
width: 88px;
height: 21px;
padding: 2px 0 4px;
background: url(../img/counter.gif) top left no-repeat;
}