/* Twin City Real Estate Management Layout */

html {
	height: 100%;

}

body {
	background-attachment: fixed;
	background-color: #fff;
	background-image: url(../images/corporate_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	font-family: tahoma, helvetica, sans-serif;
	height: 100%;
	margin: 0;
	min-height: 100%;
	padding: 0;
}

/* Body Styles */

body.students {
	background-image: url(../images/students_bg.jpg);
}

body.residential {
	background-image: url(../images/residential_bg.jpg);
}

h1 {
	font-weight: normal;
}

/* Wrapper */

div.wrapper {
	clear: both;
	margin: 0 auto;
	width: 960px;
}

/* Header */

a#logo {
	float: left;
	margin-top: 40px;
}

a#logo img {
	border: 0;
}

/* Body */

h1 {
	float: left;
	margin-left: 40px;
	width: 200px;
}

div#image {
	float: right;
	min-height: 330px;
	max-width: 310px;

}

img#main_image {
	border: 5px solid #000;
	float: right;
	margin-top: 30px;
	max-width: 300px;
}

h1 {
	float: left;
	font-size: 36px;
	margin-bottom: 0;
	margin-left: 95px;
	margin-top: 0px;
	width: 460px;
}

div#body {
	clear: both;
	display: inline;
	float: left;
	width: 960px;
}

div#body div.left {
	clear: both;
	display: inline;
	float: left;
	margin-top: -55px;
	width: 630px;
}

div#body div.right {
	float: right;
	margin-left: 40px;
	margin-top: 40px;
	width: 260px;
}

div.right a {
	background-repeat: no-repeat;
	background-position: 0 0;
	clear: both;
	display: block;
	float: right;
	height: 38px;
	overflow: hidden;
	margin-bottom: 20px;
	text-indent: -999px;
	width: 194px;
}

div.right a:hover {
	background-position: 0 -38px;
}

div.right a.hidden {
	display: none;
}

div.right a img {
	border: 0;
}

body.students div.right a#request_more_info {
	background-image: url(../images/students_request_more_info.png);
}

body.residential div.right a#request_more_info {
	background-image: url(../images/residential_request_more_info.png);
}

body.students div.right a#view_image_gallery {
	background-image: url(../images/students_view_image_gallery.png);
}

body.residential div.right a#view_image_gallery {
	background-image: url(../images/residential_view_image_gallery.png);
}

body.students div.right a#download_application{
	background-image: url(../images/students_download_application.png);
}

body.residential div.right a#download_application{
	background-image: url(../images/residential_download_application.png);
}

body.students div.right a#maintenance_request{
	background-image: url(../images/students_maintenance_request.png);
	margin-bottom: 40px;
}

body.residential div.right a#maintenance_request{
	background-image: url(../images/residential_maintenance_request.png);
	margin-bottom: 40px;
}

body.students div.right a#pay_rent_online{
	background-image: url(../images/students_pay_rent_online.png);
}

body.residential div.right a#pay_rent_online{
	background-image: url(../images/residential_pay_rent_online.png);
}

div.right p {
	clear: both;
	float: right;
	text-align: right;
}

div#body h2 {
	font-weight: normal;
	margin: 0;
	margin-bottom: 20px;
	margin-top: 40px;
}

div#body p {
	font-size: 14px;
	line-height: 21px;
	margin-top: 0;
	margin-bottom: 10px;
	width: 100%;
}

div#body li {
	font-size: 14px;
}

div#body a {
	color: #14679D;
}

div.column {
	margin-right: 20px;
}

div.last.column {
	margin-right: 0;
}

div#community_listing {
	clear: both;
	float: left;
	width: 100%;
}

table.table {
	margin-top: 40px;
	width: 100%;
}

body.students table.table {
	border: 2px solid #000;
	margin-top: 0;
}

body.residential table.table {
	border: 2px solid #000;
	margin-top: 0;
}

div.left table.table tr {
	cursor: pointer;
}

table.table tr.odd {
	background-color: #eee;
}

table.table tr.even {
	background-color: #ddd;
}

table.table tr th {
	color: #fff;
	font-size: 12px;
	padding: 10px;
	text-align: left;
}

table.table tr th {
	background-color: #000;
}

table.table tr th {
	background-color: #000;
}

table.table tfoot tr td {
	background-color: #000;
	color: #FFF;
	font-size: 11px;
	text-align: right;
}

table.table tr td {
	font-size: 12px;
	padding: 10px;
}

body.residential table.table tr td a {
	color: #a74c15;
	font-weight: bold;
}

body.students table.table tr td a {
	color: #159d4b;
	font-weight: bold;
}

table.table tr td a.zoom {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

table.table tr td a.zoom:hover {
	text-decoration: underline;
}

table.table img {
	border: 0;
}

/* Modules */
div#modules {
	clear: both;
	float: left;
	margin-top: 40px;
	width: 960px;
}

div.module {
	border-left: 2px solid #000;
	float: left;
	margin-right: 40px;
	padding-left: 20px;
	width: 270px;
}

div.last {
	margin-right: 0;
}

div.module h3 {
	color: #14679d;
	font-size: 16px;
	margin: 0;
	margin-bottom: 10px;
}

body.students div.module h3 {
	color: #159d4b;
}

body.residential div.module h3 {
	color: #a74c15;
}

div.module p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 0;
}

div.module img {
	clear: both;
	float: left;
}

div.module select {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	width: 175px;
}


/* Pattern */

div#pattern_outer {
	background-image: url(../images/corporate_pattern.jpg);
	background-position: 400px center;
	background-repeat: repeat-x;
	min-height: 120px;
	position: absolute;
	top: 338px;
	width: 100%;
	z-index: -5;
}

body.students div#pattern_outer {
	background-image: url(../images/students_pattern.jpg);
}

body.residential div#pattern_outer {
	background-image: url(../images/residential_pattern.jpg);
}


div#pattern_inner {
	margin: 0 auto;
	padding: 20px;
	padding-left: 95px;
	padding-right: 340px;
	width: 520px;
}

div#pattern_inner p {
	color: #fff;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}


/* Footer */

div#footer {
	clear: both;
	display: inline;
	float: left;
	margin-top: 40px;
	padding-bottom: 40px;
	width: 100%;
}

div#footer ul#footer_nav {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#footer ul#footer_nav li {
	float: left;
	margin-right: 20px;
}

div#footer ul#footer_nav li a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 32px;
	height: 32px;
	text-decoration: none;
}

div#footer ul#footer_nav li a:hover {
	text-decoration: underline;
}

div#footer ul#social_media {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#footer ul#social_media li {
	float: left;
	margin-left: 20px;
}

div#footer ul#social_media li a {
	color: #fff;
	display: block;
	font-size: 16px;
	text-decoration: none;
}

div#footer ul#social_media li a:hover {
	text-decoration: underline;
}

div#footer ul#copyright {
	clear: right;
	float: right;
	list-style: none;
	margin: 0;
	/*margin-top: 20px;*/
	padding: 0;
}

div#footer ul#copyright li {
	color: #fff;
	float: left;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	margin-right: 30px;
}

div#footer p {
	display: inline;
	font-size: 12px;
	width: 100%;
}