/********/
/* html */
/********/
body {
	background:#e0e0d6 url(../img/bg/body.gif) repeat-x;
	color:#666;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

h1 {
	background:#a41f2e;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	height:25px;
	line-height:25px;
	margin:-10px -20px 20px -20px;
	padding:0 10px 0 20px
}

h2 {
	background:#a41f2e;
	color:#FFF;
	font-size:12px;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0 10px
}

h2 a {
	color:#FFF;
	font-weight:normal
}

h3 {
	color:#a41f2e;
	font-size:12px;
	margin:0;
	padding:0
}

h4 {
	color:#000;
	font-size:11px;
	margin:0;
	padding:0
}

p {
	margin:0 0 20px 0;
	padding:0
}

img {
	border:0;
	display:block
}

a {
	color:#a41f2e;
	text-decoration:none
}

a:hover {
	
}

/**********/
/* layout */
/**********/
/* page */
#page {
	line-height:18px;
	margin:0 auto 30px auto;
	position:relative;
	width:735px
}

#page #icon_loading {
	left:5px;
	top:180px
}

/* header */
#header {
	background:#FFF url(../img/bg/header.jpg) no-repeat right top;
	height:105px
}

#logo a {
	float:left
}

#logo img {
	height:105px;
	width:335px
}

/* menu */
#menu {
	background:#a41f2e;
	height:25px
}

#menu ul {
	height:25px;
	list-style:none;
	margin:0;
	padding:0
}

#menu ul#main_menu {
	float:left
}

#menu ul#alt_menu {
	float:right
}

#menu ul li {
	display:inline;
	float:left;
	margin:0 10px
}

#menu ul a {
	color:#FFF;
	float:left;
	font-size:13px;
	height:25px;
	line-height:25px
}

#menu ul a:hover,
#menu ul a.active {
	color:#FFF
}

#menu ul a.active {
	font-weight:bold
}

/* breadcrumb */
#breadcrumb {
	background:#fae4d2 url(../img/bg/breadcrumb.gif) no-repeat right top;
	color:#a41f2e;
	height:30px;
	line-height:29px;
	margin:0 0 10px 0;
	padding:0 10px
}

#breadcrumb li {
	background:url(../img/bg/breadcrumb_item.gif) no-repeat left center;
	padding:0 0 0 10px
}

#breadcrumb span,
#breadcrumb a {
	cursor:pointer;
	float:left;
	margin:0
}

#breadcrumb a {
	color:#a41f2e;
	font-size:12px;
	font-weight:normal;
	text-transform:lowercase
}

/* content */
#content {
	
}

.content {
	background:url(../img/bg/content.gif) repeat-y
}

/* submenu */
#sub_menu {
	background:#fae4d2;
	float:left;
	position:relative;
	width:275px
}

#sub_menu p {
	margin:10px
}

#sub_menu .sub_banner {
	border-bottom:10px solid #FFF;
	height:140px;
	margin:0;
	width:275px
}

#sub_menu ul {
	background:#fae4d2 url(../img/bg/sub_menu.gif) repeat-y 10px 0;
	list-style:none;
	margin:0;
	padding:8px 0
}

#sub_menu ul li {
	margin:0 10px;
	text-align:right
}

#sub_menu ul a {
	color:#666;
	font-size:12px;
	line-height:21px;
	text-decoration:underline
}

#sub_menu ul a:hover,
#sub_menu ul a.active {
	color:#000
}

#sub_menu ul a.active {
	font-weight:bold
}

/* footer */
#footer {
	background:#FFF;
	color:#999;
	font-size:10px;
	height:26px;
	line-height:26px;
	text-align:center
}

#footer a {
	color:#000
}

/*********/
/* pages */
/*********/
/* window presentation houses */
#windows {
	float:left;
	width:570px
}

#windows .item {
	background:#FFF;
	display:inline;
	height:125px;
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
	position:relative;
	width:275px
}

#windows .item .thumb {
	background:url(../img/bg/window_thumb.gif) repeat-y;
	float:left;
	height:100px;
	width:115px
}

#windows .item img {
	display:inline;
	float:left;
	margin:0 10px 10px 0
}

#windows .item .txt {
	color:#666;
	float:left;
	font-size:11px;
	height:90px;
	padding:5px 10px;
	position:relative;
	width:140px
}

#windows .item p {
	margin:5px 10px 0 0;
	padding:0
}

#windows .item p.more {
	margin:0 10px 0 0
}

#windows .item .txt p.more {
	bottom:0;
	left:10px;
	position:absolute
}

/* main text */
#main_text_1,
#main_text_2 {
	float:left;
	padding:10px 20px 0 30px;
	width:245px
}

#main_text_2 {
	width:410px
}

#main_text_intro {
	background:#666769;
	color:#FFF;
	height:120px;
	margin:-10px -20px 20px -20px;
	padding:20px 20px 0 20px
}

#main_text_intro a,
#main_text_intro a:hover {
	color:#FFF;
	text-decoration:underline
}

#main_text_intro h1 {
	margin:-20px -20px 20px -20px;
}

#main_text_intro h4 {
	color:#FFF
}

#main_text_intro p {
	margin:0
}

.main_text_img {
	float:left;
	margin:-10px 20px 20px -20px;
}

/* portfolio */
#portfolio_header {
	background:#a41f2e;
	color:#FFF;
	font-size:16px;
	height:40px;
	line-height:40px;
	padding:0 30px;
	position:relative
}

#portfolio_header a {
	color:#FFF;
	font-size:12px;
	position:absolute;
	top:0;
	right:30px
}

#portfolio_content {
	background:#FFF;
	min-height:100px;
	position:relative
}

#portfolio_txt,
#portfolio_img {
	float:left;
	padding:20px;
	width:120px
}

#portfolio_txt img {
	float:left;
	margin:0 10px 0 0
}

#portfolio_img {
	display:table-cell;
	text-align:center;
    vertical-align:middle;
	width:535px
}

#portfolio_img span,
#portfolio_img img {
	vertical-align:middle
}

#portfolio_img img {
	display:inline
}

/***********/
/* overall */
/***********/
/* scroller */
#scroller {
	background:url(../img/bg/scroller.gif) no-repeat;
	height:194px;
	margin:20px 0 0 9px;
	padding:1px;
	position:relative;
	width:715px
}

#scroller .icon_previous,
#scroller .icon_next {
	background:url(../img/bg/icon_previous.png) no-repeat;
	height:31px;
	left:-15px;
	position:absolute;
	top:95px;
	width:31px;
	z-index:1000
}

#scroller .icon_next {
	background:url(../img/bg/icon_next.png) no-repeat;
	left:701px
}

#scroller_header {
	color:#000;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:0 20px;
	position:relative
}

#scroller_header a {
	color:#000;
	font-weight:normal;
	position:absolute;
	right:20px;
	top:0
}

#scroller_content_wrapper {
	clip:rect(0px, 715px, 179px, 0px);
	height:179px;
	overflow:hidden;
	position:absolute;
	top:26px;
	width:715px;
	z-index:1
}

#scroller_layer {
	left:0;
	position:absolute;
	top:0;
	visibility:hidden
}

#scroller_content {
	margin-left:12px;
	width:1%
}

#scroller_content td {
	border:0;
	color:#666;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	line-height:14px;
	padding:13px 15px 10px 0;
	vertical-align:top
}

#scroller_content .thumb a {
	background:#FFF;
	border:1px solid #a41f2d;
	display:block;
	margin:1px 1px 5px 1px;
	padding:1px
}

#scroller_content .thumb a:hover,
#scroller_content .thumb a.active {
	border:2px solid #a41f2d;
	margin:0 0 4px 0
}

#scroller_content .thumb img {
	height:114px;
	width:150px
}

#scroller_content .txt {
	text-align:center
}

/* banners */
#main_banner {
	background:#FFF;
	height:140px;
	margin:0 0 10px 0;
	position:relative
}

#main_banner img {
	display:none;
	height:140px;
	position:absolute;
	width:735px
}

#side_banner,
.side_banner {
	float:left;
	height:260px;
	position:relative;
	width:165px
}

#side_banner img,
.side_banner img {
	height:260px;
	left:0;
	position:absolute;
	top:0;
	width:165px
}

.clear {
	clear:both;
	height:1px;
	line-height:1px
}

.show {
	display:block
}

.hide {
	display:none
}

#icon_loading {
	height:21px;
	position:absolute;
	width:21px;
	z-index:1000
}

#icon_loading img {
	height:21px;
	width:21px
}

/* buttons */
.cs_form_wrapper .cs_button {
	background:none;
	border:0;
	margin:0 42px 15px 0
}

.cs_form_wrapper .cs_button input,
.cs_form_wrapper .cs_button input:hover {
	background:#a41f2d;
	color:#FFF;
	font-weight:bold
}

.cs_form_button input.cs_submit {
	background:#a41f2d;
	color:#FFF;
	font-weight:bold;
	margin-right:42px
}

.cs_form_input {
	clear:both;
	display:block;
	width:210px
}

.cs_checkbox {
	background:none
}

#order_brochure {
	height:38px;
	position:absolute;
	right:0;
	top:272px;
	width:220px
}