@charset "UTF-8";

/*main buld elements*/
body { background-color:#2b1b2e; background-repeat:repeat-x; font-family:Helvetica, Arial, "Trebuchet MS", Times; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; color:#fff; margin:0; padding:0; line-height:22px }

#banner { width:886px; height:165px; background-image:url(images/banner.jpg); margin:auto auto }

#logo { width:274px; height:92px; padding:36px 0 36px 0; float:left }

#flashcont { width:876px; margin:auto auto; height:383px; padding:5px 5px 3px 5px; background-color:#FFFFFF; overflow:hidden }

#flashmain { width:876px; height:304px; background-color:#9b949b; float:left }

#flash { width:615px; height:304px; float:left; background-color:#2b1b2e }

#form { width:241px; height:174px; padding:130px 0 0 16px; float:right; background-image:url(images/form-bg.jpg); overflow:hidden }

#form2 { width:241px; height:174px; padding:130px 0 0 16px; float:right; }

#numbers {width:876px; height:23px; padding:5px 0 0 0; margin:5px 0 0 0; background-color:#2b1b2e; float:left; text-transform:uppercase; font-size:0.84em; color:#fffae4; }

#numbers li { padding:0 15px 0 0; display:inline; list-style:none; margin:0 }

#numbers ul { padding:0px 0px 0 30px; display:inline; list-style:none; margin:0 }

#main { width:886px; margin:auto auto; font-size:0.90em }

#left { width:620px; float:left; background-image:url(images/left-bg.jpg); background-repeat:no-repeat; padding-top:90px }

#left2 { width:620px; float:left; padding-top:25px }

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

#polariodflash { width:249px; height:217px; float:right }

#polariodsash { width:249px; height:217px; float:right }

#testimonials ul { width:214px; height:148px; padding:110px 10px 10px 29px; margin:30px 0 30px 0; background-image:url(images/testimonials.jpg); background-repeat:no-repeat; list-style:none }

#advice ul { width:214px; height:143px; padding:115px 10px 60px 29px; margin-top:10px; background-image:url(images/advice-and-news.jpg); background-repeat:no-repeat; list-style:none  }

#contentright { width:230px; padding:0px 10px 10px 0px; margin:30px 0 30px 0; }

#footer { width:886px; padding:40px 0 0 0; color:#b3a0b3; margin:auto auto; font-size:0.70em; clear:both; line-height:20px }

#footer ul { display:inline; list-style:none; margin:0; padding:0; text-align:left }

#footer li { display:inline; padding-left:0px; padding-right:5px; border-right:1px solid #fff; list-style:none; }

#bottom { width:965px; margin:5px auto; text-align:left}

#bottom a { font-size:0.8em}

/*nav*/
#nav { width:876px; background-color:#2b1b2e; margin:0 0 5px 0; padding:0; float:left }

#navlist, #navlist li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none; list-style-position: inherit; }

#navlist { font-size:0.91em; display:block; margin-bottom:0; margin-left:0; overflow:hidden; width:876px; }

#navlist li { display:inline; list-style-type:none; margin:0 }

#navlist a { background-color:#2b1b2e; text-transform:uppercase; text-decoration:none; color:#fff; font-weight:normal; margin:0; padding:9px 45px 8px 45px; display:inline-block; border-right: 5px solid #fff; }

#navlist a.last { border-right:none; }

#navlist a:hover { color:#666; background-color:#ccc; text-decoration:none; font-weight:400; }

/*styes*/
.form { background-color:#fff; width:204px; border:1px solid #ccc; font-family:Arial; color:#666; font-size:0.9em; margin-bottom:7px; height:20px; padding:6px 1px 1px; }

.form2 { background-color:#fff; width:207px; border:1px solid #ccc; font-family:Arial; color:#666; font-size:0.9em; margin-bottom:7px; height:28px; padding:1px; }

.tickyellowbox { background-color:#eff6ef; border:1px solid green; }

.tickredbox { background-color:#f9eaea; border:1px solid #c33131; }

.linkbox { width:auto; background-color:#d7c3bc; color:#330033; padding:10px; margin-right:35px }


.contactbox { background-color:#9389A1; text-align:left; border:#FFF dashed 1px; }

.formstyle2 { width:190px; }

.meassagebox { width:495px; }

.contact { color:#333; font-size:0.9em; }

.contactred { color:#fff; font-size:0.9em; }

.map { color:#FFF; font-size:1.2em; text-transform:uppercase; line-height:20px; }

.phpstyle4, .phpstyle3 { color:#9389A1; }

a:link, a:visited, a:active { color:#fff; text-decoration:underline } 

a:hover {  color:#666; }


.numbers { color:#b3a0b3 }

h1 { font-size:1.60em; font-weight:normal; }

.smallh1 { font-size:1.20em; font-weight:normal; line-height:0px }

h2 { font-size:1.10em; font-weight:normal; font-style:italic; color:#d7c3bc }

.sub { font-size:1.10em; font-weight:normal; font-style:italic; color:#d7c3bc; line-height:15px }

.dots { border-bottom:#996699 dotted 1px; padding-bottom:12px }

#contSlider { width:177px; padding:5px 0 0 30px; margin:630px 0 0 0 }

#padder { padding:0 15px 15px 15px }

.subTitle { font-style:italic; font-weight:800; color:#D7C3BC }

.subhead { display:inline; font-size:1.6em}
.smarthead { display:inline;}
.smartsmall { font-size:0.6em; font-style:italic}
.smallsub { display:inline; font-size:1em; font-style:italic}
.entry { border:#FFFFFF dotted 1px; padding:15px; background-color:#7D6A84 }
.entry img { float:right ; margin:10px}
#sidebar { padding:10px 0 30px 20px; border-left:#FFFFFF dotted 1px; margin:30px 0 0 0  }

/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }

/* Easy Slider */

#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li, #slider4 ul, #slider4 li, #slider5 ul, #slider5 li, #doors1 ul, #doors1 li, #slider6 ul, #slider6 li { margin:0; padding:0; list-style:none; }

#slider li, #slider2 li, #slider3 li, #slider4 li, #slider5 li { /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ width:177px; height:203px; overflow:hidden; }

#doors1 li { /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ width:190px; height:398px; overflow:hidden; }

#slider6 li { /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ width:459px; height:236px; overflow:hidden; }

/* // Easy Slider */
#slickbox { }

#slick-toggle { }