/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
}


/* =========== Main Layout Styles ============= */

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#TJAContractsContainer {
/*	position: relative;
*/	margin: 0 auto;
	width: 712px;
	text-align: left;
	padding: 0 25px;
}

#TJAContractsLeft {
	float: left;
}

#TJAContractsRight {
	float: right;
	color: #75746c;
}

#contact {
/*	position: relative;
	right: 0;
	top: 25px;
*/	
	margin: 25px 10px 0 0;
	text-align: right;
	font-size: 14px;
}

#contact span {
	color: #0054a5;
}

#TJAContractsBanner {
/*	position: relative;
	top: 55px;
	right: 0;
*/	
	margin: 0 0 10px 5px;
	padding: 15px 0 0 50px;
	background-color: #faf9f4;
	width: 570px;
}

#mainContent {
	margin: 0 0 0 5px;
	padding: 25px 0 20px 45px;
	background-color: #faf9f4;
	width: 575px;
}

#TJAContractsFooter {
	text-align: right;
	padding: 0 15px 15px 0;
	margin-left: 5px;
	background-color: #faf9f4;
}

	
/* =========== Text - H1, H2, p, li etc Styles ============= */

#TJAContractsH1 {
	width: 87px;
	height: 60px;
	margin: 25px 0 35px 0;
	background: transparent url(../images/TJAContractsLogo.gif) 0 0 no-repeat;
}

#TJAContractsH2 {   
	height: 51px;
	width: 622px;
	margin: 17px 0 0 3px;
	background: transparent url(../images/bathroomKitchenInstallationHeader4_625.gif) 0 0 no-repeat;
}

#TJAContractsH3 {
	height: 39px;
	width: 570px;
	margin: 0 0 10px 3px;
	background: transparent url(../images/bathroomKitchenInstallationTitle.gif) 0 0 no-repeat;
}

#TJAContractsH3Gallery {
	margin: 0 0 10px 3px;
	color: #0054a5;
	font-weight: normal;
}

#TJAContractsH3 span {
	position: relative;
	top: -15px;
	left: 3px;
	color: #0054a5;
	font-weight: normal;
}

h4 {
	margin: 6px 10px 0 10px;
	font-size: 13px;
	font-weight: normal;
	color: #0054a5;
}

h1 span, h2 span {
	display: none;
}

#mainContent p {
	width: 545px;
	margin: 5px 10px;
	font-size: 13px;
	text-align: justify;
}

#mainContent p.reference {
	font-size: 11px;
	font-weight: normal;
	color: #0054a5;
	text-align: right;
	margin: 1px 10px 0 10px;
}

#mainContent ul {
	width: 550px;
	font-size: 13px;
	margin: 0px 10px 0 10px;
}

#mainContent li {
	margin: 1px 0 1px 20px;
}

img#banner {
	margin: 0 0 -5px 0;
	border: 0;
	padding: 0;
}

.landscapeImageDiv {
	float: left;
	border: 1px solid #75746c;
	padding: 15px;
	margin: 0 5px 10px 5px;
	height: 200px;
	display: inline;
}

#mainContent .landscapeImageDiv p {
	margin: 5px 0;
	width: 220px;
	padding: 0 0 0 2px;
}

.portraitImageDiv {
	float: left;
	border: 1px solid #75746c;
	padding: 15px;
	margin: 0 5px 10px 5px;
	height: 260px;
	display: inline;
}

#mainContent .portraitImageDiv p {
	margin: 5px 0;
	width: 180px;
	padding: 0;
}

#TJAContractsFooter p {
	text-align: left;
	font-size: 10px;
	color: #c3c2bd;
	margin: 5px 0 0 55px;
	padding: 0;
}

/* =========== Links Styles ============= */

#contact a, #mainContent a {
	color: #75746c;
	text-decoration: none;
}

#contact a:hover, #mainContent a:hover, #TJAContractsFooter a:hover {
	color: #f76a22;
	text-decoration: none;
}

/*.mainContent a:link {
	color: #3566b3;
	text-decoration: none;
	border-bottom: 1px solid #3566b3;
}

.mainContent a:visited {
	color: #5d95e4;
	text-decoration: none;
	border-bottom: 1px solid #5d95e4;
}

.mainContent a:hover {
	color: #9fc729;
	text-decoration: none;
	border-bottom: 1px solid #9fc729;
}

.mainContent a:active {
	color: #5d95e4;
	text-decoration: none;
	border-bottom: 1px solid #5d95e4;
}
*/

/* =========== Fixes and Hacks mainly for IE ============= */

.floatfix { clear: both; }	


/* ===== Main Navigation Styles ===== */

#TJAContractsMainNav { 
	width: 87px;
	text-align: center;
}

#TJAContractsMainNav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: 14px;
}

#TJAContractsMainNav a {
	display: block;
	padding: 65px 10px 5px 10px;
	width: 67px;
	background-color: #036;
	border-bottom: 5px solid #fff;
}


/* ===== Navigation Link States ===== */
#TJAContractsMainNav #navHome a {
	background-color: #0054a5;
}

#TJAContractsMainNav #navAboutUs a {
	background-color: #266db2;
}

#TJAContractsMainNav #navServices a {
	background-color: #4d88c0;
}

#TJAContractsMainNav #navGallery a {
	background-color: #73a1ce;
}

#TJAContractsMainNav #navTestimonial a {
	background-color: #b2cbe4;
}


/* ===== Navigation Hover States ===== */
#TJAContractsMainNav #navHome a:hover {
	background-color: #918f86;
	color: #42413e;
}

#TJAContractsMainNav #navAboutUs a:hover {
	background-color: #a1a098;
	color: #42413e;
}

#TJAContractsMainNav #navServices a:hover {
	background-color: #b2b1ab;
	color: #42413e;
}

#TJAContractsMainNav #navGallery a:hover {
	background-color: #c3c2bd;
	color: #42413e;
}

#TJAContractsMainNav #navTestimonial a:hover {
	background-color: #deddda;
	color: #42413e;
}

#TJAContractsMainNav a:link, #mainNav a:visited {
	color: #EEE;
	text-decoration: none;
}

/* ===== Footer Hover States ===== */
#TJAContractsFooter a {
	color: #b2b1ab;
	text-decoration: none;
}