/* Carr and Co   */
/* Screen Styles */



body	{
	margin: 0; padding: 0; border: 0;	
	font: normal 62.5% Tahoma, Arial, sans-serif;
	background-color: #dbdbdb;
}


div#container {
	width: 700px;
	margin: 0 auto; padding: 0 30px 10px 30px; border: 0;
	background: #fff url(gfx/bg-container.gif) center repeat-y;
}



/* TOP NAVIGATION COMPONENTS */

div#top {
	width: 700px; height: 170px;
	background: #5C9DDB url(gfx/bg-top.jpg) left repeat-x;
}

div#topleft {
	width: 150px; height: 80px;	
	border: 0; margin: 0; padding: 20px 0 0 20px;
	float: left;
}

#topleft .logo {
	width: 140px;
	height: 70px;
	border: 0; margin: 0; padding: 0;
}

div#topright {
	width: 400px; height: 80px;	
	border: 0; padding: 20px 20px 0 0; margin: 0;
	text-align: right;
	float: right;
}

#topright ul { list-style: none; margin: 0; padding: 0; font: normal 1.2em Verdana, Arial, sans-serif; }
#topright ul li { display: inline; }
#topright ul li a { color: #fff; text-decoration: none; }
#topright ul li a:hover { color: #85AAD4; }

#topright .regular { padding: 0 10px 0 10px; border-right: 1px solid #85AAD4; }
#topright .right { padding: 0 0 0 10px; border-right: 0; }




/* BREADCRUMB COMPONENTS */

div#breadcrumb {
	width: 680px;
	background: #282828;
	color: #fff;
	border-bottom: 1px solid white;
	padding: 7px 0 9px 20px;
	margin: 0;
}

#breadcrumb ul { list-style: none; margin: 0; padding: 0; font: normal 1.2em Verdana, Arial, sans-serif; }

#breadcrumb ul li { 
	display: inline;
	border: 0;
	padding: 0 16px 0 0;
	color: #85AAD4;
	margin-right: 5px !important; margin-right: 10px;
	background: transparent url(gfx/li-breadcrumb.gif) right no-repeat;
}
#breadcrumb ul li a { color: #fff; text-decoration: none; }
#breadcrumb ul li a:hover { color: #85AAD4; }
#breadcrumb .rightend { background: transparent; }



/* LEFT COMPONENTS */

div#content-container {
	width: 460px;
	float: left;
}


div#content-header {
	width: 440px;
	padding: 13px 0 13px 20px;
	border-bottom: 1px solid #ccc;
}

.ch-information { background: #E4E4E4 url(gfx/bg-ch-information.jpg) left top repeat-x; }


.content-main {
	width: 410px; 
	padding: 20px 30px 60px 20px;
	background: #F5F5F5;
}


.content-main p {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #444;
	padding: 0; margin: 0 0 15px 0;
	text-align: justify;
}

.content-main p a { color: #5D9DDB; text-decoration: none; font-weight: bold; }
.content-main p a:hover { color: #fff; background-color: #5D9DDB; text-decoration: none; }

.content-main ul { font: normal 1.1em Verdana, Arial, sans-serif; color: #555; padding-bottom: 5px; }
.content-main li { padding-bottom: 5px; }
.innerli { font: normal 0.9em Verdana, Arial, sans-serif; color: #666; padding-top: 5px; margin-left: 30px; }
.innerlibottom { font: normal 0.9em Verdana, Arial, sans-serif; color: #666; padding-top: 5px; margin-bottom: 10px; margin-left: 30px; }



/* RIGHT COMPONENTS */


div#right-container {
	width: 239px;
	margin: 0; padding: 0; border: 0;
	float: right;
}



div#conveyancing-quote {
	width: 224px; padding: 12px 0 12px 15px; border-bottom: 1px solid #bbb; margin: 0;
	background: #E4E4E4 url(gfx/bg-conveyancing-quote.jpg) left top repeat-x;
}

div#court-booking {
	width: 224px; padding: 12px 0 12px 15px; margin: 0;
	background: #d2d2d2 url(gfx/bg-court-reporting-agency.jpg) left top repeat-x;
}

#court-booking p, #conveyancing-quote p { border:0; margin: 0; padding: 0 0 0 2px; font-size: 1.1em; color: #666; margin-bottom: 1px !important; margin-bottom: 0; }
#court-booking p a, #conveyancing-quote p a { text-decoration: none; color: #f60; }
#court-booking p a:hover, #conveyancing-quote p a:hover { color: #fff; }




.right-header {
	width: 209px;
	padding: 7px 15px 8px 15px; 
	background-color: #333;
	color: #555;
}


.right-list {
	width: 209px;
	padding: 15px 15px 10px 15px; 
	background: #eee url(gfx/bg-right-list.jpg) left bottom repeat-x; 
	color: #555;
	font-size: 1.1em;
}

.right-list ul { margin: 0; padding: 5px 0 0px 0; list-style: none; }
.right-list li { background: transparent url(gfx/li-arrow-1.gif) left top no-repeat; padding: 0 0 12px 0; }
.right-list ul li a { color: #555; text-decoration: none; padding: 0 0 0 20px; }
.right-list ul li a:hover { color: #5D9DDB; }



div#right-details {
	width: 209px;
	padding: 15px 15px 30px 15px; 
	background-color: #333;
}

#right-details p { border:0; margin: 0; padding: 0 0 10px 0; font-size: 1.1em; color: #666; }
#right-details p a { text-decoration: none; color: #999; }
#right-details p a:hover { color: #ccc; }




/* FOOTER */

div#footer {
	width: 760px; height: 30px;
	margin: 0 auto; padding: 0; border: 0;
	background: transparent url(gfx/bg-footer.gif) no-repeat;
}



/* CLEAR */

.clear {
	clear: both;
	height: 0;
}



/* UNIVERSAL TYPE SETTINGS */

h1 {
	border:0; margin: 0; padding: 0;
	font: normal 2.4em Arial, Helvetica, sans-serif;
	color: #5D9DDB;
}


h3 {
	border:0; margin: 0; padding: 0;
	font: normal 1.4em Arial, Helvetica, sans-serif;
	color: #f60;
	text-transform: uppercase;
	font-weight: bold;
}

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


h5 {
	border:0; margin: 0; padding: 0;
	font: normal 1.1em Tahoma, Arial, sans-serif;
	color: #eee;
	text-transform: uppercase;
}


h6 {
	border:0; margin: 0; padding: 10px 0 20px 0;
	font: normal 1.8em Arial, Helvetica, sans-serif;
	color: #5D9DDB;
}



/* FORM STYLES */

.formfont { color: #444; font: normal 1.1em Verdana, Arial, sans-serif; }

.small { font-size: 1.1em; }