/* --- Imports ---------------------------------------------------------------------------------------------------------------------------- */
/* --- @import url('navigation.css'); --- */

/* --- Common ----------------------------------------------------------------------------------------------------------------------------- */
* { padding: 0; margin: 0; }

body { background: #FFF url(../img/bg.png) no-repeat scroll center top; color: #5A5443; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

a { text-decoration: none; outline: 0; color: #438fa2; }
a img { border: none; }

li { display: block; list-style: none outside; }

.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }

h1, h2, h3, h4, h5 { font: normal 100% Tahoma, Verdana, Arial, sans-serif; }

h1 { font-size: 180%; margin: 0 0 20px 0;  }
h2 { font-size: 160%; margin: 0 0 15px 0;  }
h3 { font-size: 140%; margin: 0 0 10px 0;  }
h4 { font-size: 120%; margin: 0 0 5px 0;  }
h5 { font-size: 110%; margin: 0 0 0 0;  }

.centered { margin:auto; text-align:center; }
.centered .bordered { display: block; float: left;  margin: 12px 0; padding: 3px; border: solid 1px; border-color: #CCCCCC; width: 325px; height: 244px; }
/* --- Pagination --------------------------------------------------------------------------------------------------------------------------- */
#paging_wrapper { clear: both; display: block; }
div.paging, div.disabled { display: inline; color: #999999; }
div.paging div.current { }
div.paging a { color: #AD2D23; }
div.paging span a { background-color:inherit; color: #AD2D23; font-weight:bold; text-decoration:underline; }

/* --- Layout ------------------------------------------------------------------------------------------------------------------------------- */
#container { width: 980px; margin: 0 auto; }

#header { height: 144px; padding: 27px 0 0 55px; }
#header h1 { display:block; float: left; width: 244px; height: 92px; background:transparent url(../img/logo.png) no-repeat scroll left bottom; overflow: hidden;}
#header h1 a { display:block; height:100%; width:100%; text-indent:-1000px; }

#header #navigation { float: left; width: 579px; margin-left: 31px; position: relative; top: 64px; }
#header #navigation #nav_underline { height: 34px; background:transparent url(../img/nav_underline.png) no-repeat scroll left bottom;}
#header #navigation ul { height: 36px; }
#header #navigation ul li { float:left; overflow:hidden; height: 100%;  }
#header #navigation ul li a { display:block; float:left; overflow:hidden; font-weight:bold;  text-transform:uppercase; }

#header #navigation ul li a span { display:block; overflow:hidden; height: 36px; text-indent:-1000px; }
#header #navigation ul #li1 a { width: 94px; background: transparent url(../img/li1_button.png) no-repeat scroll left bottom; cursor: pointer; cursor: hand; }
#header #navigation ul #li2 a { width: 85px; background: transparent url(../img/li2_button.png) no-repeat scroll left bottom; cursor: pointer; cursor: hand; }
#header #navigation ul #li3 a { width: 70px; background: transparent url(../img/li3_button.png) no-repeat scroll left bottom; cursor: pointer; cursor: hand; }
#header #navigation ul #li4 a { width: 85px; background: transparent url(../img/li4_button.png) no-repeat scroll left bottom; cursor: pointer; cursor: hand; }
#header #navigation ul #li5 a { width: 72px; background: transparent url(../img/li5_button.png) no-repeat scroll left bottom; cursor: pointer; cursor: hand; }
#header #navigation ul #li6 a { width: 68px; background: transparent url(../img/li6_button.png) no-repeat scroll left bottom; cursor: pointer; cursor: hand; }
#header #navigation ul #li7 a { width: 102px; background: transparent url(../img/li7_button.png) no-repeat scroll left bottom; cursor: pointer; cursor: hand; }

#header #navigation ul #li1 a:hover, #header #navigation ul #li1 a.selected { width: 94px; background: transparent url(../img/li1_hover.png) no-repeat scroll left bottom; }
#header #navigation ul #li2 a:hover, #header #navigation ul #li2 a.selected { width: 85px; background: transparent url(../img/li2_hover.png) no-repeat scroll left bottom; }
#header #navigation ul #li3 a:hover, #header #navigation ul #li3 a.selected { width: 70px; background: transparent url(../img/li3_hover.png) no-repeat scroll left bottom; }
#header #navigation ul #li4 a:hover, #header #navigation ul #li4 a.selected { width: 85px; background: transparent url(../img/li4_hover.png) no-repeat scroll left bottom; }
#header #navigation ul #li5 a:hover, #header #navigation ul #li5 a.selected { width: 72px; background: transparent url(../img/li5_hover.png) no-repeat scroll left bottom; }
#header #navigation ul #li6 a:hover, #header #navigation ul #li6 a.selected { width: 68px; background: transparent url(../img/li6_hover.png) no-repeat scroll left bottom; }
#header #navigation ul #li7 a:hover, #header #navigation ul #li7 a.selected { width: 102px; background: transparent url(../img/li7_hover.png) no-repeat scroll left bottom; }

#content { }
#content #inner { padding: 60px 70px 0 80px; overflow: hidden; }
#content #inner #col_left { float: left; width: 460px; }
#content #inner #col_left h2 { display:block; text-indent:-1000px; width: 211px; height: 25px; background:transparent url(../img/home_welcome.png) no-repeat scroll left bottom; }
#content #inner #col_left p  { display:block; margin-bottom: 10px; }

#content #inner #col_left #services { margin-top: 24px; }
#content #inner #col_left #services span#chair { display:block; float: left; width: 184px; height: 212px; background: url(../img/home_chair.png) no-repeat scroll left bottom; }

#content #inner #col_left #services_inner { float: left; margin: 20px 0 0 15px; }
#content #inner #col_left #services_inner h3 { display:block; margin: 0 0 15px 0; text-indent:-1000px; width: 164px; background:transparent url(../img/home_services.png) no-repeat scroll left bottom; overflow: hidden;}
#content #inner #col_left #services_inner ul li { margin-bottom: 4px; background:transparent url(../img/flower_bullet.png) no-repeat scroll 2px center; }
#content #inner #col_left #services_inner ul li span { padding-left: 20px; font-weight: bold; color: #5F5F5F; }

#content #inner #col_right { float: right; width: 270px; padding: 0px 70px 30px 30px; }
#content #inner #col_right h3 { display:block; margin: 0 0 21px 0; text-indent:-1000px; width: 130px; background:transparent url(../img/home_latest.png) no-repeat scroll left bottom; overflow: hidden; }
#content #inner #col_right li { float: left; padding: 3px; margin-bottom: 15px; width: 114px; height: 114px; border: solid 1px; border-color: #CCCCCC; }
#content #inner #col_right li a { display: block; }
#content #inner #col_right li img { display: block; width: 114px; height: 114px; }
#content #inner #col_right li.first_col { margin-right: 25px; }

#content #inner #breadcrumbs { margin: -50px 0 0 250px; }
#content #inner #breadcrumbs a { font-weight: bold; color: #AD2D23; }

#content #inner #sidebar { float: left; width: 204px; padding: 0 -12px 0 -12px; }
#content #inner #sidebar h3 { display: block; width: 124px; height: 16px; margin-right: 26px; padding-top: 15px; text-indent:-1000px; overflow: hidden; }
#content #inner #sidebar h3.pictures { background:transparent url(../img/about_pictures.png) no-repeat scroll left bottom; }
#content #inner #sidebar h3.clothes { background:transparent url(../img/about_clothes.png) no-repeat scroll left bottom; }
#content #inner #sidebar h3.miscellaneous { background:transparent url(../img/about_miscellaneous.png) no-repeat scroll left bottom; }
#content #inner #sidebar p { margin-bottom: 5px; font-size: 11px; color: #5A5453; }
#content #inner #sidebar ul li { float: left; padding: 0 12px 12px 12px; }
#content #inner #sidebar ul li span { display: block; }
#content #inner #sidebar ul li span.img { width: 57px; height: 57px; padding: 3px; border: solid 1px; border-color: #CCCCCC; }
#content #inner #sidebar ul li span.title { width: 70px; padding-left: 3px; }
#content #inner #sidebar ul li span img { margin-bottom: 5px; display: block; width: 57px; height: 57px; }
#content #inner #sidebar ul li span a { font-size: 12px; font-weight: bold; color: #5A5443; }
#content #inner #sidebar ul li span a:hover { color: #AD2D23; font-size: 12px; font-weight: bold; text-decoration: underline; }

#content #inner #listing { float: left; width: 590px; padding-left: 35px; }
#content #inner #listing ul li { float: left; height: 180px;  padding: 0px 11px; }
#content #inner #listing ul li span { display: block; margin-bottom: 1px;  width: 120px; }
#content #inner #listing ul li span.img { width: 114px; height: 114px; padding: 3px; border: solid 1px; border-color: #CCCCCC;}
#content #inner #listing ul li span img { width: 114px; height: 114px; }
#content #inner #listing ul li span.title { padding-left: 2px; font-size: 11px; font-weight: bold; }
#content #inner #listing ul li span.title a { color: #5A5443; }
#content #inner #listing ul li span.title a:hover { text-decoration: underline; }
#content #inner #listing ul li span.price { width: 120px; padding-left: 2px;  }
#content #inner #listing ul li span.price span.red { display: inline; color: #AD2D23; }
#content #inner #listing ul li span.status { width: 120px; padding-left: 2px;  color: #AD2D23; font-weight: bold; }

#content #inner #contacts_left { float: left; width: 260px; overflow: hidden; }
#content #inner #contacts_left h3 { display:block; margin: 0 0 21px 0; text-indent:-1000px; width: 111px; height: 15px; background:transparent url(../img/feedback.png) no-repeat scroll left bottom; }
#content #inner #contacts_left p { display: block; width: 220px; margin-bottom: 30px; color: #5b5544; }
#content #inner #contacts_left form span { float: left; width: 50px; height: 20px; margin-bottom: 10px; color: #5b5544; font-weight: bold; }
#content #inner #contacts_left form input { display: block; float: left; width: 169px; margin-bottom: 10px; }
#content #inner #contacts_left form textarea { overflow-x: hidden; overflow-y: scroll; }
#content #inner #contacts_left form input.button { display: block; float: right; border: none; text-indent: -1000px; cursor: pointer; cursor: hand; }
#content #inner #contacts_left form input.reset { width: 69px; height: 10px; margin: 10px 0 0 10px; background:transparent url(../img/input_reset.png) no-repeat scroll left bottom; }
#content #inner #contacts_left form input.submit { width: 70px; height: 10px; margin: 10px 28px 0 10px; background:transparent url(../img/input_submit.png) no-repeat scroll left bottom; display: inline; }

#content #inner #contacts_right { float: left; width: 420px; padding: 0px 70px 30px 60px; }
#content #inner #contacts_right h3 { display:block; margin: 1px 1px 21px 1px; text-indent:-1000px; width: 178px; height: 20px; background:transparent url(../img/welcome_artea.png) no-repeat scroll left bottom; }
#content #inner #contacts_right #contact_info { width: 450px; overflow: hidden; }
#content #inner #contacts_right #contact_info span { display: block; font-weight: bold; color: #5B5544 }

#content #inner #contacts_right #map { width: 423px; height: 337px; margin-top: 30px; background:transparent url(../img/map.png) no-repeat scroll left bottom; border: 1px solid #5b5544; overflow: hidden; }

#textpage_wrapper { padding: 10px 70px 10px 60px; }
#textpage_wrapper #textpge_title { }
#textpage_wrapper #textpge_title h1 { display: block; text-indent:-1000px; overflow: hidden; }
#textpage_wrapper #textpge_title h1.services { background:transparent url(../img/services.png) no-repeat scroll left bottom; }
#textpage_wrapper #textpge_title h1.about_us { background:transparent url(../img/about_us.png) no-repeat scroll left bottom; }
#textpage_wrapper #textpage_content { }
#textpage_wrapper #textpage_content p { margin-bottom: 7px; }

#footer { width: 980px; height: 124px; background: #FFF url(../img/footer_bg.png) no-repeat scroll center top; text-align: center;}
#footer span { position: relative; top: 60px; color: #4d3c22; }

/* THICKBOX STUFF */
#TB_window #TB_ajaxWindowTitle { font-weight: bold; }

#TB_window #TB_ajaxContent .thickbox_ajax_content { }
#TB_window #TB_ajaxContent .thickbox_ajax_content span { display: block; margin-bottom: 1px; }
#TB_window #TB_ajaxContent .thickbox_ajax_content span.title { padding-left: 2px; font-size: 12px; font-weight: bold; margin-top: 4px; }
#TB_window #TB_ajaxContent .thickbox_ajax_content span.price { padding-left: 2px;  }
#TB_window #TB_ajaxContent .thickbox_ajax_content span.price span.red { display: inline; color: #AD2D23; }
#TB_window #TB_ajaxContent .thickbox_ajax_content span.status { padding-left: 2px;  color: #AD2D23; font-weight: bold; }