html, body {
background: #dae6f2 url(pic/bg.png) repeat-x;
}

img {
margin: 0;
padding: 0;
border: 0;
}

#floatfix {
clear: both;
}

#topHolder {
width: 930px;
margin: 20px auto 0 auto;
}

#toplc {
background: transparent url(pic/toplc.png) no-repeat;
width: 15px;
height: 133px;
float: left;
}

#topMain  {
background: transparent url(pic/topbg.png) no-repeat top right;
height: 133px;
margin-left: 15px;
position: relative;
_margin-left: 0; 
_width: 915px; 
_float: left;
}

.logo {
position: absolute;
width: 324px;
height: 48px;
background: transparent url(pic/logo.png) no-repeat;
bottom: 20px;
left: 15px;
}

.logo img {
border: 0;
margin: 0;
padding: 0;
}


.logo span {
font: bold 9px "Arial", Tahoma;
position: absolute;
right: 28px;
bottom: 0;
color: #888;
}

.headerbob {
background: transparent url(pic/headerbob.png) no-repeat;
width: 113px;
height: 133px;
margin-left: 350px;
}

.loginfield {
position: absolute;
bottom: 12px;
right: 20px;
font: normal 10px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
color: #6182ba;
width: 310px;
}

.loginfield * {
margin: 0;
border: 0;
padding: 0;
}

.loginfield a {
color: #6182ba;
}

.loginfield a:hover {
color: #5370a2;
}

.topinput {
	background: transparent url(pic/topinputs.png) no-repeat;
	width: 137px;
	height: 21px;
	margin: 5px 5px 5px 0;
	padding: 4px 6px 0 6px;
	color: #666;
	font: normal 10px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;

}

label
{
color: #aaa;
width:120px;
}

#rightshadow {
background: transparent url(pic/rightshadow.png) repeat-y right top;
width: 930px;
margin: 0 auto;
}

#leftshadow {
background: transparent url(pic/leftshadow.png) repeat-y left top;
}

.mainBody {
background-color: #fff;
margin: 0 4px;
position: relative;
border-top: 1px solid #f6f6f6;
}

.topmenuline {
background: transparent url(pic/topmenubg.png) repeat-x;
height: 40px;
text-align: right;
padding-right: 13px;
}

.topmenuline a {
color: #fff;
font: normal 13px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
text-decoration: none;
padding: 0px 13px 15px 13px;
line-height: 30px;
float: right;
}

.topmenuline a:hover {
text-decoration: underline;
}

#team .topmenuline, #static .topmenuline {
height: 40px;
position: absolute;
width: 909px;
top: 0;
}

a.active {
background: transparent url(pic/topmenu-active.png) no-repeat 0% 0%;
color: #5a71ae;
}

a.active-c {
background: transparent url(pic/topmenu-active-c.png) no-repeat 0% 0%;
color: #5a71ae;
}

#mainBanner {
/* height: 333px; */
height: 322px;
background: transparent url(pic/main-banner-bg.png) repeat-x;
margin-top: -7px;
padding-top: 12px;
}

#team #mainBanner {
height: 300px;
margin-top: 30px;
}

#static #mainBanner {
background: transparent url(pic/ins-banner-bg.png) repeat-x;
height: 45px;
margin-top: 30px;
}

.stat-ic {
background: transparent url(pic/ins-banner-bg.png) repeat-x;
height: 56px;
margin-top: 30px;
}

#afterban {
background: transparent url(pic/afterban.png) repeat-x;
height: 19px;
padding-left: 100px;
}

#static #afterban {
margin-top: -1px;
}

.statictext {
width: 650px;
}

.statictext2 {
width: 550px;
}

.lawtext {
width: 820px;
text-align: justify;
margin: 0 auto;
}

.statictext h3, .statictext2 h3, .lawtext h3 {
color: #27a9e1;
border-bottom: 1px solid #ccdced;
padding: 0 0 5px 0;
margin-bottom: 10px;
}

.contents * {
margin: 0;
padding: 0;
border: 0;
}

.contents ul, .contents ul li {
list-style: none;
}

.contents ul li {
padding: 6px 13px;
font: normal 12px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
}

.contents ul li.on { 
background: transparent url(pic/static-selector.png) no-repeat;
}

.contents a {
text-decoration: none;
color: #444e57;
}

.contents a:hover {
text-decoration: underline;
}

#offers {
width: 300px;
margin-top: -10px;
}

#offers div {
padding: 20px 0 15px 20px;
}

.lined {
background: transparent url(pic/ban-divide.png) no-repeat top left;
}

#showroom {
float: right;
text-align: center;
margin: 0px 30px 0 0;
}

#textcontent {
padding: 5px 40px 20px 40px;
color: #666;
}

#team #textcontent {
padding: 0 0 0 40px;
margin-top: -19px;
}

#static #textcontent {
padding: 15px 40px 20px 20px;
}

.typography {
font: normal 12px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
}

.typography h2 {
color: #444;
}

#team .typography {
padding-top: 30px;
}

.whatis {
background: transparent url(pic/ico-whatis.png) no-repeat;
padding: 6px 0 14px 55px;
}

.whatisdiv {
background: transparent url(pic/dot-dot.png) no-repeat 100% 60px;
margin-right: 320px;
padding-right: 20px;
}

.newsico {
background: transparent url(pic/ico-news.png) no-repeat;
padding: 10px 0 15px 48px;
}

.fright {
float: right;
}

.news {
width: 300px;
height: 300px;
margin-top: -4px;
}

.article {
margin-bottom: 35px;
}

.art-date {
float: right;
color: #858585;
}

.art-head {
color: #6283bb;
font-weight: bold;
background: transparent url(pic/ico-newspaper.png) no-repeat;
padding-left: 20px;
font-size: 14px;
text-decoration: none;
}

.art-head:hover{
color: #5B96DA;  
text-decoration: none;
}

.art-text {
margin: 5px 0 0 20px;
}

.art-link {
margin: 0px 0 5px 20px;
float: right;
}

.member {
background: #f4fafd url(pic/afterban-team.png) repeat-x;
width: 450px;
padding: 0 30px 100px 30px;
}

.member img {
float: right;
margin-left: 20px;
}

.busyin {
color: #1d62af;
font: normal 13px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
text-align: right;
vertical-align: top;
}

.members {
padding: 20px 0 0 30px;
}

.members td {
padding-bottom: 5px;
}

.members a {
padding: 4px 5px;
color: #444e57;
font: normal 11px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
line-height: 18px;
}

.members a:hover {
background-color: #edf4f7;
}

#team h3 {
font: normal 18px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
margin-bottom: 10px;
color: #444e57;
}

#team h4 {
font: normal 13px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
margin-bottom: 25px;
line-height: 0;
}

#footline {
width: 930px;
margin: 0 auto;
}


.footlc {
background: transparent url(pic/foot-lc-big.png) no-repeat;
width: 10px;
height: 139px;
float: left;
}

.footer {
background: transparent url(pic/foot-bg-big.png) no-repeat right top;
height: 139px;
margin-left: 10px;
padding-left: 5px;
position: relative;
_margin-left: 0;
_width: 915px;
_float: left;
}

.footer a {
color: #fff;
font: normal 13px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
text-decoration: none;
line-height: 30px;
_line-height: 17px;
padding: 3px 10px 7px 30px;
background-repeat: no-repeat;
}

.footer a:hover {
text-decoration: underline;
}

.footer div {
float: left;
width: 30%;
padding: 0 0 0 3%;
margin-top: 20px;
height: 90px;
}

.adotted {
background: transparent url(pic/adot.png) repeat-y right top;
}

.demoiframe {
width: 710px;
height: 510px;
}

.progressbar {
height: 30px; 
width: 700px; 
margin: -10px auto 20px auto;
padding-top: 12px;
}

.probar-left {
background-image: url(pic/probar-left.png); 
height: 30px;
}

.probar-done {
background-image: url(pic/probar-done.png); 
position: absolute;
}

.probar-proc {
line-height: 20px;
margin-bottom: -2px;
position: absolute;
height: 30px;
width: 30px;
background: transparent url(pic/probar-proc.png) no-repeat left 50%;
padding: 5px 0 0 8px;
}

.probar-proc span {
font: normal 15px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
line-height: 23px;
color: #165690;
}

.copyrights {
width: 930px;
margin: 0 auto 30px auto;
font: normal 12px "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
padding: 4px 0 0 50px;
}

a.newslink {
color: #5B96DA;
font-size:11px;
}

ul.intext {
list-style-type: square;
margin: 10px 0 15px 30px; 
}

.mytableclass {
border: 1px solid #CCC ;
margin-bottom: 5px;
}

#login form, #PnPblock form {
margin: 0;
font: bold 11px tahoma;
color: #0d4459;
padding: 5px 0 0 13px;
}

#login input, #PnPblock input, #login select, #login textarea {
width: 200px;
font-size: 12px;
margin: 2px 0;
}

#PnPblock {
float: right;
width: 29%;
margin: 20px;
background-color: #eaf7fc;
border: 1px solid #cdebf6;
padding: 10px 15px 15px 15px;
font: bold 16px arial, tahoma, sans-serif;
color: #384043;
line-height: 18px;
}

#PnPblock hr {
border: 0;
border-top: 1px solid #cdebf6;
}

#PnPblock span {
color: #6d6d6f;
font: normal 12px verdana, tahoma, sans-serif;
}

#PnPblock ul { 
list-style-image: url(/media/img/li-image.png); 
padding: 0 0 0 15px;
font: normal 12px/18px verdana, tahoma, sans-serif;
color: #6d6d6f;
margin: 10px 0 0 10px;
}

#PnPblock ul li {
padding-left: 5px;
}

#PnPblock span.newsdate {
color: #B8ADBB;
font-size: 10px;
}

#PnPblock span.newstopic {
color: #3C70B7;
font: bold 14px arial, tahoma, sans-serif;
}

#PnPblock a.newslink {
color: #5B96DA
}

/* Contact us */
.iMapPlace, .iForm, .iFormContent textarea, .iTextarea {
    font-family: Arial, Tahoma, sans-serif;
}

.iMapPlace {
    float: left;
    font-weight: normal;
    font-size: 13px;
    padding-left: 35px;
}

.iDataInfo {
    margin: 20px 20px 20px 60px;
}

.iForm {
    margin: 20px 30px 0 345px;
    padding-bottom: 70px;
}

.iHeader {
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
    color: green;
    font-size: 25px;
    font-weight: bold;
}

.iContent {
    margin-top: 20px;
}

.iFormContent {
    font-size: 13px;
}

.iFormContent p {
    margin: 20px 0;
    line-height: 20px;
}

.iFormContent form {
    margin-top: 30px;
}

.iFormContent label {
    float: left;
    width: 170px;
    font-weight: bold;
    color: black;
}

.iFormContent p label {
    font-weight: normal;
}

.iFormContent textarea, .iTextarea {
    width: 543px;
    height: 150px;
    margin-top: 5px;
    border: 1px solid #ccc;
}

.iTextInput {
    width: 369px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding: 1px 3px;
}

select.iTextInput {
    padding: 0px;
    width: 377px;
}

.iSubmit {
    float: right;
    margin-top: 10px;
    padding: 5px;
}

.error {
    border: 1px solid red;
    background-color: #FFD0DB;
    padding: 10px;
    margin: 5px 40px;
}

#recaptcha_widget_div {
    margin-left: 229px;
}

iframe {
    display: none;
}
.captchaHolder {
    width:170px; 
    float: left; 
    margin-bottom:20px; 
    margin-left: 20px;
}

#captchaInput {
    width:100px; 
    margin-left:2px; 
    margin-right: 4px; 
    float: left;
}

.clearFloat {
    clear:both;
}

.captchaLabel {
    padding-top: 15px;
    margin-left: 100px;
}