/****************************************** imports ***************************************/

@import url('/assets/css/editor.css');

/****************************************** Reset + clearfix  ***************************************/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.clear {
	height: 1px;
	clear: both;
}
* { margin: 0; padding: 0; text-decoration: none; font-size: 100%; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { background: white; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; text-decoration: none; }



/****************************************** css ***************************************/
body {
    background: #ededed;
}

/************************* header *********************/
#header {
    height: 176px;
    background: url('/assets/images/topBg.png') left top repeat-x;
}

#headerInner {
    width: 921px;
    padding: 25px 10px 0;
    margin: 0 auto;
}

#logo {
    float: left;
}

#prozone {
    padding: 10px 0 0;
    float: right;
    margin: 0 20px 0 0;
}

#header ul {
    padding: 40px 0 0;
}

#header ul li {
    float: left;
    margin: 0 15px 0 0;
}

#header ul li a {
    background: url('/assets/images/navLeft.png') left top no-repeat;
    display: block;
}

#header ul li a span {
    display: block;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #47a6d8;
    padding: 12px 20px 0;
    background: url('/assets/images/navRight.png') right top no-repeat;
}

#header ul li a:hover span {
    color: #333333;
    
}

#header ul li.on a {
    background: url('/assets/images/navLeft.png') left bottom no-repeat;
    
}

#header ul li.on a span {
    background: url('/assets/images/navRight.png') right bottom no-repeat;
    
    color: #333333;
}

/************************* content *********************/

#content {
    background: url('/assets/images/contentBg.png') left bottom repeat-x;

}

#contentInner {
    width: 921px;
    padding: 25px 10px 0;
    margin: 0 auto;
}

/************************* footer *********************/

#footer {
    clear: both;
    background: url('/assets/images/bottomBg.png') left top repeat-x;
    padding: 15px 0 15px;
}

#footerInner {
    width: 921px;
    margin: 0 auto;
    padding: 0 0 10px 0;
}

#fCopy {
    font-size: 12px;
    color: #1278a4;
    float: left;
    padding: 0 25px 0 0;
    line-height: normal;
}

#footerInner ul {
    float: left;
    line-height: normal;
    font-family: arial;
    font-size: 12px;
    
}

#footerInner ul li {
    display: inline;
    color: #1278a4;
    font-weight :bold;
    margin: 0 3px 0 0;
    font-size: 12px;
    line-height: normal;
    font-family: arial;
    
 
}

#footerInner ul li a {
    color: #1278a4;
    font-weight :bold;
    margin: 0;
    padding: 0;
    font-family: arial;
    
}

#sitdap {
    float: right;
    font-size: 12px;
    color: #1278a4;
    line-height: normal;
}

/****************************************** unique ***************************************/

/************************* homepage *********************/

#homeBanner {
    display: block;
    margin: 0 0 25px 0;
}

.homeLink {
    float: left;
}

#lWhy {
    width: 225px;
    margin: 0 15px 0 0;
    float: right;
}

#lWhat {
    width: 274px;
    margin: 0 60px 0 5px;
}


#lHow {
    width: 257px;
    margin: 0;
}

#homeText {
	font-size: 13px;
	color: #373737;
	margin: 0 0 40px;
	padding: 0 10px;
	width: 881px;
}

#homeImage {
	display: block;
	margin: 0 0 40px;
}
/************************* inner *********************/

#titleWrap {
        height: 76px;
        background: url('/assets/images/innerTitleBg.png') left top repeat-x;
}

#titleWrapInner {
    width: 921px;
    margin: 0 auto;
    padding: 18px 0 0;
}

#left {
    width: 607px;
    float: left;
}

#right {
    width: 246px;
    float: right;
}

#innerImage {
	display: block;
	margin: 0 0 20px;
}

/**************** inner nav *************/

#right ul li {
    margin: 0 0 4px 0;
}

#right ul li a {
    background: url('/assets/images/innerNavTop.png') left top no-repeat;
    font-size: 14px;
    display: block;
}

#right ul li a span {
    padding: 15px 12px;
    display: block;
    background: url('/assets/images/navInnerBottom.png') left bottom no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #47a6d8;
}

#right ul li a:hover span {
    color: #333333;
    
}

#right ul li.on a {
    background: url('/assets/images/innerNavTop.png') right top no-repeat;
}

#right ul li.on a span {
    background: url('/assets/images/navInnerBottom.png') right bottom no-repeat;
    color: #333333;
}

/************************* contact *********************/

#left #formSubmit {
    width: auto;
    height: auto;
    float: left;
    margin: 0 0 0 145px;
}
