body, img, table, ul, li, input{
margin:0;
padding:0;
}

img{
border:0;
}


body{
text-align:center;
background:url(images/page-back.gif) repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

#main-container{
width:980px;
margin:0 auto;
text-align:left;
}


#main-container-inner{
float:left;
width:100%;
}

#logo-container{
width:100%;
float:left;
}

#logo{
float:left;
}

#phone-no{
background:url(images/phone-icon.gif) no-repeat left center;
padding:0 0 0 30px;
font-size:18px;
float:right;
margin:50px 0 0 0;
COLOR:#b2b2b2;
}

#search-container{
width:100%;
float:right;
}

#search-box{
float:right;
margin:10px 0 0 0;
}

#search-left{
float:left;
background:url(images/search-left.gif) no-repeat left;
width:31px;
height:22px;
margin:2px 0;
}

#search-mid{
float:left;
background:url(images/search-mid.gif) repeat-x;
height:22px;
margin:2px 0;
}

#search-mid .txt-box-sty{
background:transparent;
border:none;
width:175px;
height:22px;
COLOR:#a2a2a2;
}

#search-right{
float:left;
background:url(images/search-right.gif) no-repeat left;
width:6px;
height:22px;
margin:2px 0;
}

#search-button{
float:left;
}

#search-button .go-button{
background:url(images/go-button.gif) no-repeat left;
border:none;
width:40px;
height:25px;
margin:0 0 0 10px;
}

#menu-container{
width:100%;
background:url(images/menu-mid.gif) repeat-x left;
height:55px;
float:left;
margin:18px 0 0 0;
}


#menu{
width:100%;
background:url(images/menu-left.gif) no-repeat left;
float:left;
height:55px;
}

#menu ul{
width:100%;
background:url(images/menu-right.gif) no-repeat right;
float:left;
list-style:none;
height:55px;

}


#menu ul li{
float:left;
/*background:url(images/sel-menu-left.gif) no-repeat left;*/
padding:0 0 0 5px;
height:32px;
line-height:32px;
margin:11px 0 0 20px;

}


#menu ul li a{
text-decoration:none;
font-weight:bold;
color:#121212;
padding:0 0 0 5px;
height:32px;
float:left;

text-align:center;
}

#menu ul li a:hover, #menu ul li.selected a{
background:url(images/sel-menu-left.gif) no-repeat left;
}


#menu ul li a span{
float:left;
/*background:url(images/sel-menu-right.gif) no-repeat right;*/
padding:0 5px 0 0;
height:32px;
width:75px;
text-align:center;
}


#menu ul li a:hover span, #menu ul li.selected a span{
background:url(images/sel-menu-right.gif) no-repeat right;
}



#top-grey-container{
float:left;
width:100%;
background:#f6f6f6;
}


#top-grey-container-inner{
float:left;
width:100%;
padding:17px 0 0 0;
background:url(images/grey-curve-bot.gif) no-repeat bottom;
}


/*top left*/
#top-grey-container-left{
float:left;
width:280px;
}


.side-box{
float:left;
width:230px;
margin:10px 5px;
padding:10px 0;
}

html>body .side-box{
float:left;
width:230px;
margin:10px 26px;
padding:10px 0;
}

.side-box .head-image{
float:left;
font-size:20px;
font-weight:bold;
width:100%;
}

.side-box .info-txt1{
float:left;
margin:0 8px;
color:#49c2f1;
font-style:italic;
margin:10px 8px 0 8px;
}

.side-box .info-txt2{
float:left;
margin:0 8px;
color:#7c7877;
font-style:italic;
margin:10px 8px 0 8px;
}


.side-box .info-txt2 ul{
float:left;
list-style:none;
}

.side-box .info-txt2 ul li{
float:left;
margin:10px 0;

}

.side-box .info-txt2 ul li .icon{
float:left;
width:22px;
height:23px;
}

.side-box .info-txt2 ul li .icon-txt{
float:left;
width:179px;
margin:0 0 0 10px;
}

.icon-txt a{
color:#7C7877;
text-decoration:none;
}

.icon-txt a:hover{
text-decoration:underline;
}

.txt-bold{
font-weight:bold;
}

.border-bot{
border-bottom:1px solid #d5d5d5;
}

/* top right */
#top-grey-container-right{
float:left;
width:700px;
}


.banner-pan{
float:left;
}

.banner-image{
float:left;
}

.banner-info{
float:left;
width:90%;
padding:10px 5%;
margin:10px 0;
}

.welcome-head{
font-size:20px;
color:#27b9f2;
font-weight:bold;
float:left;
width:100%;
}

.welcome-head span{
color:#353535;
}

.info-head{
color: #b7902b;
font-weight:bold;
width:100%;
}

.welcome-info{
color:#61615f;
width:100%;
float:left;
}

.blue-button{
background:url(images/blue-button-right.gif) no-repeat right;
height:25px;
padding:0 5px 0 0;
float:right;
}

.blue-button span{
background:url(images/blue-button-left.gif) no-repeat left;
height:25px;
line-height:25px;
padding:0 0 0 5px;
float:left;
}
.blue-button span a{
padding:0 10px;
height:25px;
float:left;
color:#fff;
font-weight:bold;
text-decoration:none;
}



/************** home white con  -****/

#white-container{
float:left;
width:100%;
margin:20px 0 0 0;
}

#white-container-left{
float:left;
width:280px;
}

#white-container-right{
float:left;
width:700px;
}


.news-box{
float:left;
width:300px;
height:120px;
margin:30px 30px 0 0;
}

.news-box-left{
float:left;
width:104px;
}

.news-box-right{
float:left;
width:186px;
margin:0 0 0 10px;
}

.news-box-right .news-head a{
float:left;
color:#b58c23;
font-weight:bold;
width:100%;
}

.news-box-right .news-date{
float:left;
color:#979797;
font-style:italic;
margin:3px 0;
width:100%;
}

.news-box-right .news-hint{
float:left;
color:#5f5f5d;
margin:3px 0;
width:100%;
}

.news-box-right .news-hint a{
color:#21b5f1;
text-decoration:underline;
}

.no-r-margin{
margin-right:0;
}


/** footer */

#footer-container{
background:url(images/footer-bg.gif) repeat-x;
height:116px;
float:left;
width:100%;
}

.piplink{
width:90%;
margin:20px 1% 10px 2%;
color:#17abf5;
float:left;
}

html>body .piplink{
margin:20px 5% 10px 5%;
}


.piplink a{
margin:0 10px;
text-decoration:none;
color:#5d5d5b;
}

html>body .piplink a{
margin:0 20px;
}

.sn-connect{
width:90%;
margin:10px 1% 10px 2%;
float:left;
}

html>body .sn-connect{
margin:10px 5% 10px 5%;

}

.s-connect{
float:left;
}

.privacy{
float:right;
}

.empty{
clear:both;
}



/********************************/

#inner-page-container{
float:left;
width:100%;
background:#fff;}


#inner-page-container-inner{
float:left;
width:100%;
padding:17px 0 0 0;
background:url(images/grey-curve-bot.gif) no-repeat bottom;
}


#inner-page-container-left{
float:left;
width:280px;
}

#inner-page-container-right{
float:left;
width:700px;
background:#f6f6f6;
}

/************* gallery */

.gallery{
width:100%;
float:left;
}

.gallery ul{
width:100%;
float:left;
list-style:none;
}

.gallery ul li{
width:180px;
float:left;
list-style:none;
margin:20px 35px 20px 0;
}

.gallery ul li.no-l-mar{
margin:20px 0 20px 0;
}

.gallery ul li .gal-img{
width:100%;
float:left;
}

.gallery ul li .img-describtion{
width:100%;
float:left;
text-align:center;
color:#17abf5;
font-weight:bold;
margin:5px 0;
}