﻿html, .all { width: 100%; }
body { width: 100%; font-family: Arial; font-size: 14px; color: #667278;  background-color: #FFFFFF; text-align: center; }

input, select, textarea { font-family: Arial; font-size: 13px; background: transparent; }

* {margin:0px; padding:0px; border:0px;}

img {display:block;}

.main {
	position: relative;
	width: 977px;
	margin: 30px auto 0px;
	text-align: left;
}

    .header {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}
        .logo { position: relative; float: left; }
		.logosmall {
			
	position: relative;
	float: right;

}
        
        ul.user-login { position: relative; list-style: none; float: right; border: 1px solid #eceeef; border-right: none; overflow: hidden; margin-top: 66px; }
        ul.user-login li { position: relative; float: left; border-right: 1px solid #eceeef; }
        ul.user-login li a { display: block; float: left; height: 50px; line-height: 50px; padding: 0px 15px; font-size: 18px; text-transform: uppercase; color: #adccde; text-decoration: none; }
        ul.user-login li a:hover { color: #FFFFFF; background-color: #e52800; }
        
        .main-menu { position: relative; *width: 99.8%; margin: 10px 0px 50px; overflow: hidden; border: 1px solid #eceeef; }
        .main-menu ul {
	list-style: none;
	position: relative;
	height: 79px;
	overflow: hidden;
	width: 100%;
}
        .main-menu ul li { position: relative; float: left; border-right: 1px solid #eceeef; }
        .main-menu ul li a {
	display: block;
	float: left;
	width: 194px;
	height: 79px;
	line-height: 78px;
	overflow: hidden;
	color: #403152;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}
        .main-menu ul li a:hover, .main-menu ul li a.act {
	color: #FFFFFF;
	background-color: #403152;
}

        .header-block { position: relative; padding: 10px 0px 20px; }
        .header-block img { float: left; }
            .headinfo-block {
	position: relative;
	float: right;
	width: 475px;
	height: 284px;
	background-color: #604A7B;
}
            .headinfo-block .hldr { position: relative; padding: 60px 40px 0px; text-align:center}
            .headinfo-block h1 { display: block; font-size: 40px; line-height: 40px; color: #FFFFFF; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; text-align:center; text-transform:none }
            .headinfo-block a { display: inline-block; width: 123px; padding: 15px 0px; background-color: #FFFFFF; text-align: center; font-size: 18px; text-transform: uppercase; color: #7e94a1; text-decoration: none; }
            .headinfo-block a:hover {
	color: #FFFFFF;
	background-color: #F79646;
}
                    
    .content {
	position: relative;
	padding-bottom: 40px;
	width: 100%;
}
    .content h1 { display: block; font-size: 38px; color: #667278; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; line-height: 32px; }    
    .content h5 { display: block; font-size: 17px; font-weight: normal; color: #93acba; padding-bottom: 5px; }
    .content p span { display: block; font-weight: normal; color: #93acba; padding-bottom: 5px; }
    .content a { color: #93acba; text-decoration: underline; }
    .content a:hover { text-decoration: none; }
    .content a strong { color: #1b1d1e; text-transform: uppercase; }
    .content a.more {
	display: inline-block;
	width: 80px;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 7px 0px;
	background-color: #F79646;
	text-align: center;
	margin-top: 35px;
	text-decoration: none;
}
    .content p { line-height: 20px; }
    .content.holder { position: relative; width: 100%; margin: 35px 0px; padding: 10px 0px; background:url(images/border-bg.gif) 50% 0px repeat-y; }
    .cont-img { border: 10px solid #ecf1f4; }
    .cont-img.left { margin-right: 20px; }
    
    .hr { width: 100%; height: 2px; background:url(images/hr.gif) 0px 0px repeat-x; overflow: hidden; margin: 40px 0px; }
    .brdr-l { background:url(images/brdr-y.gif) 320px 0px repeat-y; }
    
        .sideblock {	position: relative;	width: 355px;	overflow-y:scroll;	height: 500px; }

        .sideblock_textonly {	position: relative;	width: 355px;}
        .sideblock ul.info-list li { width: auto; float: none; padding-left: 20px; }
        
        ul.offer-list { list-style: none; width: 100%; overflow: hidden; }
        ul.offer-list li { position: relative; padding-bottom: 25px; width: 100%; }
        ul.offer-list li .lister { position: relative; float: left; width: 64px; height: 64px; background:url(images/offer-list-bg.gif) 0px 0px no-repeat; line-height: 64px; text-align: center; overflow: hidden; font-size: 34px; color: #FFFFFF; font-weight: bold; }
        ul.offer-list li .text { margin-left: 80px; }
        ul.offer-list li h5 { padding: 0px; }
        
        .container {
	position: relative;
	width: 100%;
	overflow: hidden;
}
        .container-main {
	position: relative;
	width: 600px;
	overflow: hidden;
}
        
            ul.info-list { list-style: none; position: relative; width: 100%; overflow: hidden; }
            ul.info-list li { position: relative; float: left; width: 46%; padding: 5px 0px 5px 3%; background:url(images/bubble-list.gif) 0px 10px no-repeat; }
            
            .twocolls-info { position: relative; width: 100%; overflow: hidden; }
            .twocolls-info .left, .twocolls-info .right { width: 46%; }
            .twocolls-info img { float: left; margin-right: 20px; }
       
        .contact-block { display: block; text-align: right; width: 65%; }
        .contact-block span { float: left; color: #667278 !important; padding: 0px !important; }
        .contact-block p { display: block; padding: 0px; overflow: hidden; }
        
            .inparea { position: relative; display: block; border: 1px solid #eceeef; background: #FFFFFF; padding: 7px 10px; }
        .cont-form .hldr { width: 100%; margin-bottom: 6px; }
            .inparea .text-field { position: relative; width: 85px; font-size: 14px; float: left; line-height: 18px; color: #17262e; }
            .inparea .input-field { position: relative; float: left; width: 235px; }
            .inparea .input-field input { width: 100%; position: relative; float: left; height: 18px; line-height: 20px; }
                
            .inparea.textarea .text-field { float: left; white-space: nowrap; }
            .inparea.textarea textarea { position: relative; float: right; width: 500px; height: 175px; line-height: 14px; margin-top: 2px; }
          
            .submit { background-color: transparent; width: 150px; padding: 7px 0px; float: right; font-size: 14px;color: #FFFFFF; font-weight: bold; text-transform: uppercase; cursor: pointer; background-color: #e52800; margin-top: 30px; }
            
            ol.social-list { position: relative; list-style: none; width: 65%; overflow: hidden; }
            ol.social-list li { position: relative; width: 100%; vertical-align: top; border-top: 1px solid #16394e; margin-top: -1px; padding: 4px 0px; overflow: hidden; }
            ol.social-list li img { float: left; margin-right: 20px; }
            ol.social-list li a { line-height: 30px; text-decoration: none; }
            ol.social-list li a:hover { text-decoration: underline; }
        
        .text-block { position: relative; width: 100%; }
        .text-block a { text-decoration: underline; }
        .text-block a:hover { text-decoration: none; }
        
    .footer { position: relative; border-top: 1px solid #e1e3e4; text-transform: uppercase; font-size: 12px; color: #667278; padding: 25px 0 50px; margin-top: 20px; }
    .footer a { color: #667278; text-decoration: underline; margin-left: 3px; }
    .footer a:hover { text-decoration: none; }

.left, .l {position: relative; float:left !important;}
.right, .r {position: relative; float:right !important;}

.width50 { width: 45%; }

.centered { text-align: center; }
.centered a { display: inline-block; margin: 0px auto; }
.centered.expnd a { display: block; }
.centered.expnd a span { float: none; }
.centered img { margin: 0px auto; }

.tright { text-align: right; }

.clearfix {overflow:hidden;}

.clear { clear: both; }
.border {border:1px solid red;}
