/*------------------------------------------------------------------------------*/
/* rent-a-brit.css */
/*	jpl 4/16/08
/*	Core CSS for rent-a-brit.com
/* 
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Global HTML Resets */

* {
	padding : 0;
	margin : 0;
}


html {
	padding : 0;
	margin : 0;
}

body {
	text-align:			left;
	padding:			0;
	margin:				0;
	background-color:	#000;
	font:				14px Times New Roman, serif;
}

a img { border : 0; }

a:link		{ color: #9F7A48; text-decoration: underline; font-weight: normal; }
a:visited	{ color: #9F7A48; text-decoration: underline; font-weight: normal; }
a:hover		{ color: #B0AA90; text-decoration: underline; font-weight: normal; }
a:active	{ color: #B0AA90; text-decoration: underline; font-weight: normal; }


/* End SECTION::Global HTML Resets
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Page Structure */

#page-wrapper {
	margin:				50px auto 0 auto;
	text-align:			left;
	width:				800px;
	height:				600px;
	border:				1px solid #4D463A;
}

#content-wrapper {
	position:			relative;
	height:				536px;
	padding:			32px 32px 32px 32px;	
}

/* header */

	#header {
		position:		relative;
		margin:			0px;
		padding:		0;
		height:			162px;
	}
	
	#header #logo {
		width:			430px;
		height:			80px;
		position:		absolute;
		left:			0;
		top:			0;
	}
	
	#header #logo a {
		width:			430px;
		height:			80px;
		display:		block;
		text-decoration : none;
	}
	
	#header #logo span {
		display:		none;
	}
	
	
/* footer nav-bar */

	#primary-nav {
		 position : absolute;
		 right : 0;
		 bottom : 24px;
	}
	
	#primary-nav .nav-bar {
		list-style-type : none;
		margin : 0;
		padding : 0;
		float : right;
	}
	
	.nav-bar li {
		text-align:		center;
		float:			left;
		padding-right:	10px;
		padding-left:	10px;
		border-right:	1px solid #9F7A48;
		margin:			0;
		display:		inline;
		color:			#9F7A48;
		line-height:	1;
	}
	
	.nav-bar li a {
		color:			#9F7A48;
		text-decoration:none;
	}
	
	.nav-bar li a:link		{ color: #9F7A48; text-decoration: none; font-weight: normal; }
	.nav-bar li a:visited	{ color: #9F7A48; text-decoration: none; font-weight: normal; }
	.nav-bar li a:hover		{ color: #B0AA90; text-decoration: underline; font-weight: normal; }
	.nav-bar li a:active	{ color: #B0AA90; text-decoration: underline; font-weight: normal; }
	
	.nav-bar li.current a	{ color: #9F7A48; text-decoration: underline; font-weight: normal; }


	
/* footer */
	
	#footer {
		position:		absolute;
		top:			560px;
		width:			736px;
		color:			#9F7A48;
		font-family:	Times New Roman, serif;
	}
	
	#footer-nav {
		 position:		absolute;
		 top:			5px;
		 left:			0;
	}
	
	#primary-nav .nav-bar {
		list-style-type : none;
		margin : 0;
		padding : 0;
		float : left;
	}						
	
	#footer .footer-text {
		position : absolute;
		right : 0;
		top : 5px;
		text-align : right;
		font-size : 1.1em;
		line-height : 1.2;
	}
	
/* End SECTION::Page Structure
/*------------------------------------------------------------------------------*/






/*------------------------------------------------------------------------------*/
/* SECTION::Home */

#home-blurb {
	margin:				20px 0px 0px 90px;
	width:				250px;
	line-height:		18px;
	text-align:			justify;
	color:				#B0AA90;
}
#home-blurb p {
	margin-bottom:		20px;
}


/* End SECTION::Home
/*------------------------------------------------------------------------------*/







/*------------------------------------------------------------------------------*/
/* SECTION::Uses */

#usesMenu {
	float:				left;
}

	div.useMenuButton {
		width:				181px;
		height:				49px;
		margin-bottom:		3px;
		padding:			3px;
		background:			#4c4b4b url(../images/useButtonBackground.jpg) no-repeat;
		color:				#B0AA90;
		vertical-align:		middle;
		font-size:			10px;
		cursor:				pointer;
	}
	
	#usesMenu div:hover, #usesMenu div.current {
		background:			#4c4b4b url(../images/useButtonBackground.jpg) -187px 0px no-repeat;
	}
	
	#usesMenu div.current {
		cursor:				default;
	}
	
	#usesMenu div img {
		float:				left;
		height:				49px;
		width:				49px;
		margin-right:		16px;
	}
	
	#usesMenu div h3 {
		font-size:			12px;
		padding-top:		10px;
	}




#useFeatures {
	float:				right;
	width:				475px;
	height:				331px;
	padding:			14px 14px 0px 14px;
	font-size:			13px;
	line-height:		13px;
	font-family:		Trebuchet MS, Ariel, sans-serif;
	background:			#333333 url(../images/usesCanvas.jpg) no-repeat;
	color:				#B0AA90;
}
	
	#useFeatures div.intro {
		font-size:			16px;
		line-height:		18px;
	}
	
	#useFeatures div.intro p {
		margin:				8px 0px;
		line-height:		16px;
	}
	
	#useFeatures h1 {
		color:				#9F7A48;
		font-size:			16px;
	}
	
	#useFeatures h2 {
		color:				#6B77A7;
		font-size:			16px;
	}
	
	#useFeatures h3 {
		color:				#6B77A7;
		font-size:			12px;
	}
	
	#useFeatures p {
		margin:				8px 0px;
		line-height:		14px;
	}
	
	#useFeatures p.testimonial {
		font-size:			11px;
	}
	
	#useFeatures img.useFeature {
		float:				right;
		margin-left:		15px;
	}
	
	#useFeatures li {
		margin-left:		16px;
		line-height:		18px;
	}

	
/* End SECTION::Uses
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Contact */

#contactCanvas {
	width:					740px;
	height:					345px;
	background:				#333333;
	border:					1px solid #454545;
	color:					#B0AA90;
	font-family:			Trebuchet MS, Ariel, sans-serif;
	font-size:				12px;
	line-height:			14px;
}
	#inquireDiv {
		position:			relative;
		float:				left;
		width:				340px;
		height:				317px;
		padding:			14px;
	}
	
	
	
	#applyDiv {
		position:			relative;
		float:				left;
		width:				340px;
		height:				317px;
		padding:			14px;
	}
	
	#inquireReply, #applyReply {
		position:			absolute;
		bottom:				14px;
		display:			none;
	}
	
	#contactCanvas p {
		margin-bottom:		8px;
	}
	
	#contactCanvas table.formTable td {
		padding-bottom:		2px;
	}
	
	#contactCanvas .input, #contactCanvas select, #contactCanvas textarea {
		border:			1px solid #bbbbbb;
		margin:			1px 0 2px 0px;
		padding:		1px 4px;
	}

	
	#contactCanvas select {
		height:				18px;
		width:				222px;
		padding:			0px;
	}
	
	#contactCanvas textarea {
		width:				220px;
		padding:			0px;
		font-family:		Trebuchet MS, Ariel, sans-serif;
		font-size:			14px;
		line-height:		16px;
	}
	
	a.submitLink {
		padding-left:		20px;
		position:			relative;
		left:				222px;
		top:				-18px;
		text-decoration:	underline;
	}
	
	#inquireSubmitLink {
		
	}
	
	#applySubmitLink {
		
	}
	
/* End SECTION::Contact
/*------------------------------------------------------------------------------*/




.highlight {
	color:				#6B77A7;
}



/* reusable utility code */
	
	.left       { float: left; }
	img.left    { margin: 0 10px 10px 0; }
	
	.right      { float: right; }
	img.right   { margin: 0 0 10px 10px; }
	
	.center     { text-align: center; }
	/* this is for using on a block-level container element */
	/* and will center contents inside the container */
	
	.centered   { display: block; margin: 0 auto 10px auto; }
	/* this is for using on an inline element, such as an image */
	/* and will turn the element block, and center the element within its container */
	
	.indent     { display:block; margin-left: 20px !important; }
	
	.section 	{ margin-bottom : 20px;	}
	
	.hidden     { display: none; }
	
	.no-border  { border: none !important; }
	
	.flush-left  { padding-left : 0 !important; margin-left : 0 !important }
	.flush-right { padding-right: 0 !important; margin-right: 0 !important }
	
	.clear      { clear: both; }
	
	.feature {
	  margin-top : 20px;
	  margin-bottom : 25px;
	}
	
	div.dashDivider {
		margin:			9px 0px;
		border-bottom:	1px dashed #000;
	}
	
	.absolutePosition { position:	absolute; }
	.relativePosition { position:	relative; }
	
	.absoluteBottom   { position:	absolute; bottom: 0px; }
	
	.whiteBG		{ background:	#fff }


div.popUpCanvas {
	border:				2px solid #000;
	padding:			5px 10px;
	background:			#ffffff;
}

.popUpCloseIcon {
	background:				url(../images/icons/buttonClose.gif) no-repeat;
	height:					21px;
	width:					57px;
	float:					right;
	cursor:					pointer;
}

/* fixing font sizes inside nested elements */

	li li { font-size:1em !important; }
	
	li li, li p, blockquote p, blockquote li {font-size:1em !important; }
	
/*------------------------------------------------------------------------------*/
/* Drop Shadow Elements */
html>body .outerpair1 { background: url(../images/dropShadowUpperRight.png) right top no-repeat; }
html>body .outerpair2 { background: url(../images/dropShadowLowerLeft.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox { background: url(../images/dropShadowMain.png) bottom right; }
html>body .innerbox { position: relative; left: -8px; top: -8px; }
/*------------------------------------------------------------------------------*/