/* CSS Document

Theme: Studio Nobilia
Theme URI: http://www.studionobilia.ro/

Author: Webright Media
Author URI: http://www.webrightmedia.ro/

*/

body { margin:0px; padding:0px; background:url(../img/bg.jpg); font: 82.5%/1.4 Tahoma, Geneva, sans-serif; }

a { color:#E22219; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { font: 1.7em Arial, Helvetica, sans-serif; font-weight:lighter; padding:0; margin:0; }
h2 { font: 1.4em Arial, Helvetica, sans-serif; font-weight:lighter; padding:0; margin:0; }
h3 { font: 1.3em Arial, Helvetica, sans-serif; font-weight:lighter; padding:0; margin:0; }

/* wrappers */
#wrapper { margin:20px auto 0 auto; width:964px; background:url(../img/bg_wrapper_top.png) no-repeat top; padding:5px 0px; }
#container { background:url(../img/bg_wrapper_middle.png) repeat-y; }


/* header */
#header { margin:0; padding:10px 15px; }

/* logo */
#header h1 a { float:left; width:205px; height:64px; background:url(../img/logo.gif) no-repeat top left; text-indent:-10000px; outline:none; }

/* menu */
ul.menu { position:relative; float:right; list-style:none; margin:33px 0 0 0; padding:0; z-index:100; }
ul.menu li { list-style-type:none; margin:0; padding:0; display:inline; position:relative; }
ul.menu li a { float:left; margin:0 0 0 30px;  font-size:11px; color:#999; padding:0 0 3px 5px; line-height:8px; border-left:4px solid #fff;}
ul.menu li a.active { border-left:4px solid #E22219; }
ul.menu li a:hover { text-decoration:none; color:#000;  }
ul.menu li a span { font-size:20px; font-weight:bold; color:#E22219;}

ul.menu li { float:left; background:#FFF; }
ul.menu ul { position:absolute; top:31px; left:30px; display:block; opacity:0; list-style:none; margin:0; padding:0; z-index:100; overflow:hidden; }
* html ul.menu ul { top:32px; } /* IE6 fix */
*:first-child+html ul.menu ul { top:32px; } /* IE7 fix */
ul.menu ul li { border-left:4px solid #E22219; margin:0; padding:0; }
ul.menu ul li a { font-size:12px; float:left; position:relative; width:150px; border-bottom:1px solid #CCC; line-height:30px; margin:0; padding:0 0 0 10px; color:#000; background:url(../img/icon_arrow.gif) no-repeat 145px 10px; }
ul.menu ul li a:hover { background-color:#F5F5F5; color:#E22219; }
ul.menu ul li a.first { border-top:1px solid #CCC; margin:15px 0 0 0; }
ul.menu ul ul { top:-1px; left:164px; background:#DEDEDE; margin:0; padding:0; border-top:1px solid #CCC; }
*:first-child+html ul.menu ul ul { top:-1px; } /* IE7 fix */
ul.menu ul ul.first { top:15px; }
*:first-child+html ul.menu ul ul.first { top:15px; } /* IE7 fix */
ul.menu ul ul li { border-left:1px solid #CCC; }
ul.menu ul ul li a { border-bottom:1px solid #CCC; font-weight:normal; background-image:none;}
ul.menu ul ul li a.first { margin:10px 0 0 0; border-top:1px solid #CCC;}
ul.menu ul ul li a.last { margin:0 0 0 0;}
ul.menu ul ul li.first { margin:0; border:none; }


/* slider */
#slider { } 
#slider .pics { position:relative; z-index:0; height:290px; width:940px; padding:0; margin:0 0 0 12px; overflow:hidden; border-top:5px solid #E22219; border-bottom:5px solid #E22219;  }
#slider .pics img { height:290px; width:940px; top:0; left:0; border:none; }
#slider .caption { position:absolute; z-index:1; color:#FFF; height:50px; width:920px; padding:7px 10px; margin:-65px 12px 0 12px; background:url(../img/bg_caption.png) no-repeat top left; }
* html #slider .caption { background-image:none; background-color:#000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); margin-top:-69px; }/* IE6 fix */
#slider .left { float:left; width:750px; }
#slider h3 { font-weight:bold; font-size:22px; font-weight:bold; margin:5px 0 0 0; padding:0; z-index:1; }
#slider h3 span { color:#E22219; }
#slider p { margin:0; padding:0; z-index:4; font-weight:bold; }
#slider .right { float:right; width:160px; text-align:right; padding:10px 0 0 0; }

/* main */
#main {  margin:0; padding:10px 12px; }
* html #main { padding:10px 6px; } /* weird IE6 fix */

/* content */
#content { float:left; width:690px; }
* html #content { margin:0 0 0 4px; width:680px; }
#content h2 { color:#E22219; border-bottom:2px solid #E22219; float:left; padding:0 150px 0 0; }
#content a img, #content img { padding:3px; margin:5px; background:#DFDFDF; border:2px solid #CCC; }
#content a:hover img { border:2px solid #E22219; }


#content div.testimonials { margin:20px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; }
#content div.testimonials blockquote { padding:10px 10px 20px 0; font-style:italic; line-height:15px; margin:0 0 20px 0; border-bottom:1px dotted #CCC; }
#content div.testimonials blockquote p { text-indent:25px; margin:0; padding:0; color:#333; }
#content div.testimonials blockquote span { font-size:40px; color:#999; line-height:0px; float:left; margin:-6px 0 0 0; }
#content div.testimonials blockquote span.author { font-size:11px; float:right; font-weight:bold; color:#000; line-height:14px; margin:0; }
#content div.testimonials blockquote img { margin:0 10px 0 0; background:none; border:none; }


/* products */
ul#products { list-style:none; margin:20px 0 0 0; padding:0; }
ul#products li { list-style-type:none; padding:0 0 15px 0; margin:0 15px 20px 0; display:inline; float:left; width:160px; text-align:center;}
* html ul#products li { margin:0 13px 20px 0; } /* IE6 fix */
ul#products li.last { margin-right:0; }
ul#products li a img { margin:0;}

/* single */
#content #photo { float:left; margin:10px 0 0 0; padding:0; }
#content #photo img { margin:0 0 10px 0; }
#content #photo ul { list-style:none; margin:0; padding:0; width:350px; }
#content #photo li { list-style-type:none; padding:0; margin:0 15px 0 0; float:left; display:inline; }

#description { margin:0 0 10px 0; }

#attributes { margin:5px 0 35px 0; font-weight:bold; list-style:none; padding:0; }
#attributes li { list-style-type:none; margin:0 0 5px 0; padding:5px 0 2px 0; border-bottom:2px dotted #E22219; }
#attributes li span.atttype { float:left; font-style:italic; width:200px; font-family:Georgia, "Times New Roman", Times, serif;  }
#attributes li span.attdesc { float:right; }

#finishes { margin:0 0 25px 0; list-style:none; padding:0; }
#finishes li { list-style-type:none; margin:0; padding:5px 0 10px 0; border-bottom:2px dotted #E22219; }
#finishes li h4 { padding:0; margin:0; text-align:center; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#finishes li ul { list-style:none; margin:0; padding:0; }
#finishes li ul li { list-style-type:none; margin:0 10px 0 0; float:left; padding:0; display:inline; width:120px; text-align:center; border:none; } 

#finishes img { border:none; padding:0; margin:0; background:none; }


/* sidebar */
#sidebar { float:right; width:243px; }
* html #sidebar { position:relative; margin:0 -6px 0 0; } /* IE6 fix */
#sidebar h3 { font-weight:bold; font-size:15px; color:#990000; }
#sidebar h3 span { font-size:24px; color:#E22219; }
#sidebar h3 a { display:block; background:url(../img/icon_clock.gif) no-repeat top left; height:38px; padding:0 0 0 50px; margin:0 0 10px 0; }
#sidebar h3 a:hover { text-decoration:none; }

#sidebar div.request_quote { float:left; background:#F3F3F3 url(../img/bg_request_quote.jpg) no-repeat bottom center; border:1px solid #CCC; min-height:130px; padding:10px; }
#sidebar div.request_quote ul { list-style:none; margin:10px 0 0 0; padding:0; }
#sidebar div.request_quote ul li { list-style-type:none; margin:0; padding:0 0 10px 20px; line-height:10px; background:url(../img/icon_check.gif) no-repeat 0 3px; }
#sidebar div.request_quote ul li a { font-size:12px; color:#000;  }
#sidebar div.request_quote ul li a:hover { text-decoration:none;}

#sidebar div.testimonials { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
#sidebar div.testimonials div.top { float:left; width:260px; margin:10px 0 0 0; background:url(../img/bg_testimonials_top.gif) no-repeat top left; height:58px; }
#sidebar div.testimonials div.top h4 { font-size:14px; color:#E22219; margin:35px 0 0 25px; padding:0; font-style:italic; }
#sidebar div.testimonials div.middle {  background:url(../img/bg_testimonials_middle.gif) repeat-y; width:243px; }
#sidebar div.testimonials div.middle blockquote { padding:10px 10px 0px 10px; font-style:italic; line-height:15px; margin:0; }
#sidebar div.testimonials div.middle blockquote p { text-indent:25px; margin:0; padding:0; color:#333; }
#sidebar div.testimonials div.middle blockquote span { font-size:40px; color:#999; line-height:0px; float:left; margin:-6px 0 0 0; }
#sidebar div.testimonials div.middle blockquote span.author { font-size:11px; float:right; font-weight:bold; color:#000; line-height:14px; margin:0; }

#sidebar div.testimonials div.bottom { float:left; background:url(../img/bg_testimonials_bottom.gif) no-repeat bottom left; width:243px; height:45px; }

#sidebar div.location img { margin:10px 0 0 0; }

/* bottom */
#bottom { background:#DAD4CB; border-top:3px solid #747067; padding:15px 15px; margin:0 2px; }
#bottom div.contact { float:left; width:190px; background:url(../img/icon_phone.jpg) no-repeat top left; padding:0 0 0 75px; font-size:11px; color:#666; line-height:11px; }
#bottom div.contact span { font-size:30px; line-height:34px; color:#747067; } 

#bottom div.pdf { float:left; width:200px; }
#bottom div.pdf a { float:right; text-align:center; background:url(../img/icon_pdf.jpg) no-repeat top right; padding:0px 50px 0 0; font-size:11px; color:#666; line-height:11px;}
#bottom div.pdf a span { font-size:30px; line-height:30px; color:#747067; }
#bottom div.pdf a:hover { color:#000; text-decoration:none; }
#bottom div.pdf a:hover span { color:#000; }

#bottom div.nav { float:right; }
#bottom div.nav ul { list-style:none; margin:0px 0 0 0; padding:0; font-size:12px; font-weight:bold; color:#666666; }
#bottom div.nav ul li { list-style-type:none; margin:0 0 0 3px; padding:0; display:inline; }
#bottom div.nav ul li a { color:#666; }
#bottom div.nav ul li a:hover { color:#E22219; text-decoration:none; }


/* footer */
#footer { background:url(../img/bg_wrapper_bottom.png) no-repeat top left; padding:5px 0 10px 0; font-size:11px; color:#999; }
* html #footer { float:left; } /* weird IE6 fix */
#copyright { float:left; }
#wrm { float:right; }
#wrm a { color:#999; }
#wrm a:hover { text-decoration:underline; }

/* button */
a.button { float:right; background:url(../img/bg_button.png) no-repeat top right; height:34px; padding:0 30px 0 0; line-height:34px; font-size:14px; font-weight:bold; color:#FFF; }
* html a.button { background:url(../img/bg_button_ie.png) no-repeat top right; } /* IE6 fix */
a.button.small { font-size:12px; }
a.button span { float:left; padding:0 0 0 11px; background:url(../img/bg_button.png) no-repeat top left; height:34px; display:block; margin:0 0 0 -15px; }
* html a.button span { width:15px; background:url(../img/bg_button_ie.png) no-repeat top left; } /* IE6 fix */
a.button:hover { background:url(../img/bg_button_over.png) no-repeat top right; text-decoration:none; }
* html a.button:hover { background:url(../img/bg_button_over_ie.png) no-repeat top right; } /* IE6 fix */
a.button:hover span { background:url(../img/bg_button_over.png) no-repeat top left; }
* html a.button:hover span { background:url(../img/bg_button_over_ie.png) no-repeat top left; } /* IE6 fix */

/* pagination */
div.pagination { color:#666; margin:20px 0 10px 0; float:right;  font-size:11px; }
div.pagination ul { list-style:none; margin:0; padding:0; }
div.pagination ul li { float:left; list-style-type:none; margin:0 0 0 5px; display:inline; padding:0; }
div.pagination ul li.current { color:#E22219; font-weight:bold; padding:0 6px; line-height:15px; }
div.pagination ul li.info { margin:0 10px 0 0; }
div.pagination ul li a { line-height:15px; padding:2px 6px; background:#DEDEDE; color:#747067; border:1px solid #ccc; }
div.pagination ul li a:hover { text-decoration:none; background:#E22219; color:#FFF;}
div.pagination ul li.next a, div.pagination ul li.previous a, div.pagination ul li.first a, div.pagination ul li.last a { background:none; color:#E22219; padding:0; border:none; }
div.pagination ul li.next a:hover, div.pagination ul li.previous a:hover, div.pagination ul li.first a:hover, div.pagination ul li.last a:hover { text-decoration:underline; color:#E22219; }

/* breadcrumbs */
#breadcrumbs { padding:0; color:#747067; font-size:11px; margin:0 0 10px 0; }


/* default form */
.form { margin:10px 0; }
.form label { font-size:12px; font-weight:bold; float:left; width:150px; line-height:26px; cursor:pointer; color:#E22219; }
.form label span { font-size:11px; color:#999; font-weight:normal; font-style:italic; }
.form input.input-text, #contact_form textarea.input-text { float:left; width:350px; background:none; border:2px solid #ccc; padding:4px 5px; margin:0 0 10px 0; font-size:12px; }
.form input.input-text.small, #contact_form textarea.input-text.small { width:135px; }
.form input.input-text:focus, #contact_form textarea.input-text:focus { border:2px solid #E22219; }
.form textarea.input-text { height:150px; font-family:Arial, Helvetica, sans-serif; }
.form input.input-submit { font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFF; padding:4px 8px; background:#E22219; border:none; float:left; margin:0 0 0 150px; }
.form input.input-submit:hover { background:#9F0000; cursor:pointer; }
#contact_form img { float:left; border:none; margin:2px 10px 0 5px; padding:0; background:none; cursor:pointer; }
a img#time_handle { background:none; border:none; margin:2px 0 0 5px; padding:0; }
a:hover img#time_handle { border:none; }

/* others */
.clear { clear:both; }
.nomargin { margin:0; }
.nopadding { padding:0; }