/* Import required stlyes */
@import url('../reset.css');
@import url('styles.css');
@import url('template.css');

/* SHARED CLASSES */
/* indented text */
.text-wrapper {
	padding-left: 11px;
	padding-right: 11px;
}
h2.bar {
	width: 530px;
}
/* feature box */
.feature {
	overflow: hidden;
	height: 1%;
	margin: -6px 0 20px;
	background: #9cc0e4 url(img/feature-bg.gif) repeat-x left bottom;
}
.feature .feature-text {
	float: right;
	width: 190px;
	padding: 20px;
}
.feature,
.feature h2,
.feature a {
	color: #fff;
}
.feature h2 {
	text-transform: uppercase;
	font-size: 180%;
	line-height: 1.1em;
}
.feature .feature-image {
	float: left;
	width: 500px;
	height: 250px;
}
.image-block {
	overflow: hidden;
	height: 1%;
	margin-bottom: 20px;
}
.image-block img {
	float: left;
	padding-right: 20px;
}
.image-block-text {
	float: right;
	width: 480px;
}
.image-block-text ul li {
	float: left;
	width: 210px;
}
#google-map {
	height: 300px;
}

/* more links */
a.more {
	padding-right: 12px;
	font-weight: bold;
	text-decoration: underline;
	background: transparent url(img/arrow-pink.gif) no-repeat right center;
}
a.more:hover {
	color: #e964b7;
}
/* marques */
#marques {
	float: left;
	padding: 10px;
	width: 708px;
	margin-bottom: 20px;
	border: 1px solid #d9d9d9;
	background: transparent url(img/marques-bg.gif) repeat-x left bottom;
}
#marques ul {
	position: relative;
	left: 6px;
	text-align: center;
}
#marques li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 12px 0 0;
}

/* PAGE SPECIFIC */
/* home */
#home h1 {
	margin-bottom: 6px;
	padding: 0;
	background: none;
}
#home .intro {
	height: auto;
}
#flash-banner {
	overflow: hidden;
	margin-bottom: 12px;
}
#home .columns {
	margin-bottom: 8px;
}

/* departments */
#dept-boxes {
	float: left;
	width: 752px;
	margin-right: -22px;
}
#dept-boxes li {
	float: left;
	margin: 8px 22px 8px 0;
	width: 166px;
	padding: 0;
	list-style: none;
}
#flash-gallery {
	margin: -6px 0 20px;
}

/* contact form */
#contact-form {
	width: 540px;
	margin-bottom: 20px;
}
#contact-form fieldset.details label {
	float: left;
}
#contact-form fieldset.details p,
#contact-form p.submit {
	text-align: right;
}
#contact-form fieldset.checkbox {
	float: left;
	width: 355px;
}
#contact-form fieldset.checkbox p {
	float: left;
	margin-bottom: 2px;
}
#contact-form fieldset.checkbox input {
	float: left;
}
#contact-form fieldset.checkbox label {
	float: left;
	padding: 3px 0 0 10px;
	width: 145px;
}
#contact-form fieldset.marques,
#contact-form fieldset.marques select {
	float: right;
	width: 160px;
}