@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
color:#333333;
background:#e9e0aa url(../images/bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:auto;
}

/* /////////////// Layout ////////////// */

.wrapper {
width:874px;
height:100%;
margin:0 auto 0 auto;
background:url(../images/bg_wrapper.png) repeat-y;
padding:0 0 10px 0;
}

.content {
width:840px;
height:100%;
padding:0 17px 0 17px;
}

/* /////////////// Text ////////////// */

a {
color:#c96223;
text-decoration:underline;
}

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

h1 {
color:#a54433;
font-size:20px;
font-weight:bold;
}

h2 {
color:#6e2f24;
font-size:12px;
font-weight:bold;
}

a:focus {
    outline:none;
}

ul,
ol {
	padding:0 10px 0 10px;
}

li {
	padding:5px 0 0 2px;
	margin:0 0 0 15px;
}

p {
	padding:10px 0 10px 0;
}

input,
select,
textarea {
	margin:2px 0 2px 0;
}

/* /////////////// Banner ////////////// */

.banner {
width:860px;
height:100px;
margin:0 0 0 7px;
background:url(../images/banner.jpg) no-repeat;
}

.logo a {
	margin:15px 0 0 10px;
	float:left;
	background:url(../images/logo.jpg) 0 0;
	height:56px;
	width:279px;
	text-indent:-2000px;
}

.logo a:hover {
	background:url(../images/logo.jpg) 0 -56px;
}


/* /////////////// Menu ////////////// */

.menu {
width:492px;
height:91px;
padding:32px 0 0 0;
margin:0 0 0 75px;
float:left;
}

.btn1 a,
.btn2 a,
.btn3 a {
float:left;
width:152px;
height:91px;
padding:0 12px 0 0;
text-indent:-2000px;
}

.btn1 a {
background: url(../images/btn_cubicles.jpg) no-repeat 0 0;
}

.btn1 a:hover {
background: url(../images/btn_cubicles.jpg) no-repeat 0 -91px;
}

.btn2 a {
background: url(../images/btn_request.jpg) no-repeat 0 0;
}

.btn2 a:hover {
background: url(../images/btn_request.jpg) no-repeat 0 -91px;
}

.btn3 a {
background: url(../images/btn_guide.jpg) no-repeat 0 0;
}

.btn3 a:hover {
background: url(../images/btn_guide.jpg) no-repeat 0 -91px;
}

/* /////////////// Index Columns ////////////// */

.columns {
width:840px;
height:auto;
margin:30px 0 0 0;
clear:both;
}

.column1 {
float:left;
width:360px;
height:100%;
margin:0 0 0 20px;
}

.column2 {
float:left;
width:456px;
height:100%;
margin:0 0 0 4px;
background: #FFF url(../images/bg_column-2.jpg) repeat-y;
background-position:left;
}

.column2-content,
.column2-content-index {
	color:#a54433;
	float:left;
	overflow:auto;
	min-height:188px;
}

.column2-content {
	padding:20px 0 0 27px;
	width:385px;
}

.column2-content-index {
	padding:20px 0 0 27px;
	width:248px;
}

.star a {
	margin:10px 0 0 28px;
	float:left;
	background:url(../images/star.jpg) 0 0;
	height:157px;
	width:153px;
	text-indent:-2000px;
}

.star a:hover {
	background:url(../images/star.jpg) 0 -157px;
}

.config a {
	margin:0 0 0 145px;
	float:left;
	background:url(../images/btn_config.jpg) 0 0;
	height:96px;
	width:549px;
	text-indent:-2000px;
}

.config a:hover {
	background:url(../images/btn_config.jpg) 0 -96px;
}


.number {
	color:#a54433;
	font-size:18px;
	font-weight:bold;
	margin:-45px 0 0 100px;
	float:left;
}

/* /////////////// Sections ////////////// */

.sections {
width:840px;
height:auto;
margin:0 0 0 21px;
padding:10px 0 0 0;
clear:both;
}

.section1,
.section2,
.section3 {
float:left;
width:263px;
height:100%;
min-height:215px;
background:url(../images/bg_section.jpg) no-repeat;
}

.section1,
.section2 {
margin:0 8px 0 0;
}

.section-content {
	width:233px;
	padding:20px 15px 0 15px;
	color:#a54433;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.section-content img {
	padding:20px 0 0 0;
}

/* /////////////// Footer ////////////// */

.content-bottom {
	clear:both;
}

.footer {
clear:both;
width:874px;
height:41px;
margin:0 auto 0 auto;
color:#a54433;
font-size:9px;
text-align:center;
background:url(../images/bg_footer.png) bottom no-repeat;
}

.footer a {
color:#a54433;
text-decoration:underline;
}

.footer a:hover {
color:#999999;
text-decoration:none;
}