@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body{ margin:0; padding:0px; background:#eaebed; color:#696969; font-family: Arial,Helvetica, Verdana, sans-serif; font-size:0.76em}
h1,h2,h3,h4,h5,h6 {font-weight:bold;  margin:0px; padding:0px }
table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#740000; font-weight:bold}
a:hover{  color:#c15e49}
a:focus {outline: none;}
textarea{ font-family:Arial,Helvetica, Verdana, sans-serif; font-size:0.76em}
/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.red{ color:#ED1C24}
.fr{ float:right}
.fl{ float:left}
.pad5{ padding:5px}
#wrapper{ width:1000px; margin:0 auto;}

/* -----------------------------------------------
2. HEADER
----------------------------------------------- */
#top_header{ background: url(../images/top_header.jpg) left bottom no-repeat; height:10px; margin:30px 0px 0 0 ; padding:0px}

/* -----------------------------------------------
3. CONTENT
----------------------------------------------- */
#content{ background: url(../images/bg_content.jpg) left top repeat-y; margin:0px; padding:0px 0px 30px 0; width:1000px; height:auto}
#inner_content { margin:0 auto;  width:950px;  padding:10px 0 0 0; }
#title{ width:300px; padding:18px 0 0 364px; float:left;}
#title h1{ color:#ed1c24; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; padding:3px 0}
#title span{ color:#2e3092; font-weight:bold; font-size:1.2em}
#logo{ width:283px; float:left; margin:0px; padding:12px 0 0 20px; }
#logo h2{ display:none}


#top_nav{ width:672px; float:left; margin:14px 0 0 0; background:url(../images/bg_menu.jpg) left top repeat-x; height:38px }
#top_nav ul{ list-style-type:none; margin:13px 0 0 45px; padding:0}
#top_nav li{ display:inline; padding:0 25px}
#top_nav a{ color:#fff; text-transform:uppercase}
#top_nav a:hover{ color:#000066}

#main_pic{ width:672px; float:left;}

#text_content{ width:950px; clear:both; padding:10px 25px 0 25px}
#text_content h2{ font-size:120%; font-family: Helvetica,Arial, sans-serif}
#text_content p{ padding:0px; margin:5px 5px; line-height:1.5em}


#col_left{ width:450px; float:left;  margin:20px 0 10px 0;  }
#col_left h2, #col_right h2, #col_both h2{ background:url(../images/red_dot.gif) left center no-repeat; padding: 0 0 0 20px; color:#333399; margin:0 0 5px 0; text-transform:uppercase}

#col_right{ width:450px; float:left; padding:0 0 0 30px; margin:20px 0 0 0; background:url(../images/vert_line.jpg) 15px center no-repeat}
#col_right ul{ list-style-type:none; padding:0 0 0 25px; margin:0px}
#col_right li{ padding:3px 0; font-weight:bold}



#col_both { width:auto; clear:both; padding:20px 0 0 0}
#col_both ul{ list-style-type:none; padding:10px 0px; margin:0px}
#col_both li{ display:inline; padding:0 5px }
#col_both li img{ border:solid 1px #ccc}


/*about page*/
.pic_materilas { list-style-type:none; margin:10px ; padding:20px 0!important; text-align:center }
.pic_materilas li{ display:inline; margin:0 10px  }
.pic_materilas li img{ border: solid 1px #666; }


/*contact page*/

#col_left h3{ color:#ED1C24; font-size:130%; padding:15px 0}
#col_left h4{ color:#333399; line-height:1.7em}
.grey{ color:#717171; text-transform:uppercase; padding:10px 0}
.row{ padding:10px 0 3px 20px}
.row input, .row textarea{ background:#fff; border:solid 2px #dcdcdc; font-size:115%}
.row label{ font-weight:bold}
.validation-advice {margin: 2px 0;padding: 0px;color:#ff0000;width:315px;}

.button{ background:url(../images/button.jpg) center top no-repeat!important; width:103px; height:31px; border:none!important; color:#fff; font-weight:bold; text-transform:uppercase; margin:0 0 30px 0; padding:0; vertical-align:top; cursor:pointer }


/*testimonials page*/
.row_testim{  width:700px; padding:10px; margin:0 0 0 140px}
.row_testim strong{ text-align:right; display:block; margin:25px 65px 0 0; color:#3e3f47!important  }
.quotes { width:23px; height:23px; background:url(../images/quotes.jpg) left top no-repeat; display:block; float:left; padding:10px}
.quotes2 { width:23px; height:23px; background:url(../images/quotes2.jpg) left top no-repeat; display:block; float:right; clear:both}

/*products page*/
#left_nav{ width:285px; float:left; margin:20px 0 0 0}
#menu_left{ width:auto;float: left}/**/
#menu_left ul{ list-style-type:none; margin:0px; padding:0px; line-height:2.4em}
#menu_left li{ display:block; background:#eff0ff; margin:0 0 0 18px; padding:0px 0 0px 15px; width:230px;}
#menu_left li h4{ text-transform:uppercase}

#menu_left a{ color:#52535d; padding:0px;}
#menu_left a:hover{ color:#ce141b}
#current_page{ color:#ce141b!important}

.tab_arr{ background:url(../images/tab_arr.jpg) left top no-repeat!important; height:31px; color:#fff; text-indent:20px; margin:0px!important; width:263px!important}

#col_large{ width:645px; float:left; margin: 0 0 0 15px;}

.gallery{ width: auto; float:left}
.gallery img { border:solid 1px #ccc; margin:5px} 

/* -----------------------------------------------
4. FOOTER
----------------------------------------------- */
#footer{ width:950px; clear:both; height:50px; background:url(../images/bg_top_footer.jpg) left 50px no-repeat; margin:20px 0 0 0; font-size:90%; color:#717171; padding:40px 0 0 0 }
#copyright{ width:300px; float:left; padding:40px 0 0 20px}

#footer_nav{ width:450px; float:left;  padding:40px 0 0 180px}
#footer_nav ul{ list-style-type:none; margin:0px ; padding:0px} 
#footer_nav li{ display:inline; padding:0 10px}
#footer_nav li a{ text-transform:uppercase; color:#717171; font-weight:normal}

#bot_footer{ background: url(../images/bg_bot_footer.jpg) left top no-repeat; height:10px; margin:0 0 30px 0; clear:both}