* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Chiltern Relocation CSS by Ridgeway Studios - www.ridgewaystudios.com*/

body 
{ background:url(../images/dot-bg.gif) left top repeat; background-color: #000000; color: #770000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; }

a:link { color:#770000; border-bottom: 1px solid #770000; text-decoration:none; }
a:visited { color:#774000; border-bottom: 1px solid #774000; text-decoration:none; }
a:hover { color:#FF0000; border-bottom: 1px solid #FF0000; text-decoration:none; }
a:active { color:#FF0000; border-bottom: 1px solid #FF0000; text-decoration:none; }

a.imagelink:link { border-bottom: 0px; text-decoration:none; }
a.imagelink:visited { border-bottom: 0px; text-decoration:none; }
a.imagelink:hover { border-bottom: 0px; text-decoration:none; }
a.imagelink:active { border-bottom: 0px; text-decoration:none; }

a.white:link { color:#FFFFFF; border-bottom: 1px solid #FFFFFF; text-decoration:none; }
a.white:visited { color:#C99999; border-bottom: 1px solid #C99999; text-decoration:none; }
a.white:hover { color:#EDB535; border-bottom: 1px solid #EDB535; text-decoration:none; }
a.white:active { color:#EDB535; border-bottom: 1px solid #EDB535; text-decoration:none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p  { margin: 2px 0px 8px 0px; font-weight: normal; line-height: 1.7em; color: #000000; font-size: 1em; }

.loginform { padding: 2px 0px 0px 10px; text-align: left; font-family: Arial, Verdana, Helvetica, serif; font-size: 1.0em; line-height: 1.4em; color: #770000;  }

.spacebelow { padding: 0px 0px 5px 0px; }

.spaceleft { padding: 0px 0px 0px 12px; }

.bigtext { font-size: 1.2em; font-weight: bold; }

div#forminline { width:100px; float: left; position: relative; text-align: left; padding: 8px 8px 5px 5px; }

div#formendline { text-align: left; padding: 8px 0px 5px 5px; }

.bulletlisterror { font-weight : bold; margin: 0 0 0 25pt; color: #ff0000; list-style: disc; }

.normalul { padding: 0px 26px 0px 35px; font-size: 1.0em; font-weight: normal; line-height: 1.5em; color: #444444; list-style: disc; }

div#page_container { width: 776px; position: relative; top: 10px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: #FFFFFF; text-align: left; }

div#page_size { width: 776px; margin: 0 auto 0 auto; padding: 0 0 0 0; text-align: left; }

div#page_header { float: left; position: relative; top: 0px; left: 0px; position: relative; width: 776px; height: 130px;  text-align: left; background:url(../images/home-search-agent.gif) left top no-repeat; background-color: #EDB535; }		
							
				#navigation { display: block; float: left; position: relative; top: 5px; left: 277px; list-style: disc; list-style: outside; margin: 0; text-align: left;  width: 200px; }
				#navigation li { font-size: 0.8em; line-height: 1.2em; }
				#navigation li a { display: block; color: #770000; font-weight: bold; border: none; margin: 1px 5px 1px 20px; padding: 0 0; }
				#navigation li a:visited { display: block; color: #440000; }
				#navigation li a:hover { display: block; color: #FF0000; }
				#navigation li a:active { display: block; color: #440000; }
				#navigation .current { background-color: #F4D386; }
				 
div#logo { float: left; position: relative; top: 0px; left: 315px; position: relative; width: 249px; height: 92px;  text-align: center; }	
				
				div#logo h2 { background:url(../images/chiltern-relocation-logo.gif) left top no-repeat; margin:0; padding:0; width:249px; height:92px; text-indent:-10000px; }				 

div#page_content { float: left; position: relative; top: 0px; left: 0px; position: relative; }

				 div#page_content .rightlink { float: right; font-weight: bold; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.5em; padding: 21px 28px 0px 0px; }

div#full_column { float: left; position: relative; width: 770px; padding: 20px 21px 0px 18px; }

				div#full_column h1 { padding: 0px 26px 0px 12px; font-size: 1.3em; font-weight: bold; line-height: 1.0em; color: #770000; }
				
				div#full_column h3 { padding: 0px 26px 0px 12px; font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #444444; }

div#video_container { float: left; position: relative; width: 900px; padding: 30px 0px 30px 95px; }
				
div#left_column { float: left; width: 267px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; }	

				div#left_column p { margin: 5px 0px 5px 0px; font-size: 1.2em; font-weight: normal; line-height: 1.4em; color: #770000; }
				
				.contact { width: 220px; text-align: center; padding: 0px 0px 0px 10px; }
							
div#right_column 
{
	float: left; 
	position: relative; 
	top: 27px; 
	width: 481px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	text-align: left; 
	background: url(../images/dots-vert.gif) top left repeat-y; 
}
				
				div#right_column h1 { padding: 0px 26px 0px 12px; font-size: 1.3em; font-weight: bold; line-height: 1.0em; color: #770000; }
				
				div#right_column h3 { padding: 0px 26px 0px 12px; font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #444444; }

				div#right_column h4 { padding: 0px 12px 0px 12px; font-size: 1.0em; font-weight: bold; line-height: 1.5em; color: #770000; }
				
				div#right_column p { padding: 0px 26px 0px 12px; font-size: 1.0em; font-weight: normal; line-height: 1.5em; color: #444444; }
				
				.form {	position: relative; left: 12px; width: 456px; padding: 0px 5px 0px 5px; text-align: left; color: #444444; }
				
				.formrow { height: 30px; }
				
				.formcompact { height: 25px; }
				
				.formexpanded { height: 45px; }
				
div#right_addheight { display: block; float: right; position: relative; top: 27px; width: 494px; height: 225px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; }
											 
div#text_column { float: left; position: relative; top: 3px; width: 260px; text-align: left; background: url(../images/dots-vert-col.gif) top left repeat-y; }

				div#text_column h4 { padding: 0px 12px 0px 12px; font-size: 1.0em; font-weight: bold; line-height: 1.5em; color: #770000; }
				
				div#text_column p { padding: 0px 12px 10px 12px; font-size: 1.0em; font-weight: normal; line-height: 1.5em; color: #444444; }
				
				.list { padding: 0px 12px 10px 12px; margin: 0px 0px 0px 20px; font-size: 1.0em; font-weight: normal; line-height: 1.5em; color: #444444; list-style: square; }
				
div#image_column { float: left; position: relative; top: 3px; width: 219px; text-align: center; }

				 div#image_column p { padding: 0px 12px 10px 12px; font-size: 0.9em; font-weight: normal; line-height: 1.5em; color: #770000; }

				 div#image_column h5 { padding: 0px 12px 0px 12px; font-size: 1.0em; font-weight: bold; line-height: 1.5em; color: #770000; }
				 
				 div#image_column h6 { font-size: 1.0em; font-weight: bold; line-height: 1.5em; color: #FFFFFF; }
				 
				 .redbox { width: 187px; padding: 10px 12px 10px 12px; background-color: #770000; text-align: left; }
				 
				 .redboxtitle { width: 187px; padding: 5px 12px 5px 12px; background-color: #770000; text-align: left; }
				 
				 .peachboxtitle { width: 187px; padding: 8px 12px 8px 12px; background-color: #F4D386; text-align: left; border-bottom: solid 1px #FFFFFF; }
				 								  
div#dots_footer { float: left; background:url(../images/dots-hor.gif) left top repeat-x; height: 15px; width: 481px; }

div#dots_footer_full { float: left; background:url(../images/dots-hor-full.gif) left top repeat-x; height: 15px; width: 481px; font-size: 0;}
											
div#page_contact { float: left; position: relative; top: 0px; left: 0px; width: 776px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; border-top: 1px dotted #012443; }

				div#page_contact p { float: left; text-align: left; padding: 0px 0px 0px 0px; margin: 8px 20px 10px 15px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #012443; }

div#page_footer { float: left; position: relative; top: 0px; left: 0px; width: 400px; padding: 30px 0px 8px 10px;}

				div#page_footer p { float: left; font-size: 0.8em; font-weight: normal; color: #444444; }

div#client_photo { float: left; position: relative; top: 3px; width: 119px; text-align: left; padding: 5px 0px 2px 12px; }

div#client_icon { float: left; position: relative; top: 3px; width: 45px; text-align: right; padding: 8px 0px 3px 0px; }

div#client_text { float: left; position: relative; top: 3px; width: 217px; text-align: left; padding: 5px 8px 2px 0px; }

				div#client_text .title { padding: 2px 8px 0px 8px; font-size: 1.0em; font-weight: bold; line-height: 1.2em; color: #770000; }

				div#client_text .description { padding: 0px 8px 2px 8px; font-size: 0.9em; font-weight: normal; line-height: 1.2em; color: #444444; }
				
				div#client_text .link { padding: 2px 8px 0px 8px; font-size: 0.9em; font-weight: normal; line-height: 1.0em; color: #770000; }

div#client_right { float: left; position: relative; top: 3px; width: 80px; text-align: left; padding: 5px 0px 2px 0px; }

				 div#client_right p  { padding: 2px 8px 2px 0px; font-size: 0.8em; font-weight: normal; line-height: 1.2em; color: #AD6666; }
				 
div#client_main 
{
	float: left; 
	position: relative; 
	top: 3px; 
	width: 334px; 
	text-align: left; 
	padding: 5px 0px 5px 0px; 
}
				
				 div#client_main ul { list-style: disc; list-style: inside; padding: 0px 0px 0px 12px; font-size: 0.8em; line-height: 1.6em; width: 270px; }
				
div#client_rightphoto 
{
	float: right; 
	position: relative; 
	width: 119px; 
	text-align: left; 
	padding: 8px 12px 5px 0px; 
}

/*admin styles*/
.FormRow
{
	float: left;
	position: relative;
	width: 470px;
	padding: 3px 0 3px 12px;
}
.FormLabel
{
	float: left;
	position: relative;
	width: 100px;
	}
.FormElement
{
	float: left;
	position: relative;
	width: 175px;
}
.FormElementWide
{
	float: left;
	position: relative;
	width: 350px;
	border-bottom: solid 1px #dedede;
}
.FormMessage
{
	float: left;
	position: relative;
	width: 183px;
	font-size: 0.9em;
}
.FormNote
{
	float: left;
	position: relative;
	width: 370px;
	font-size: 0.9em;
	padding-left: 90px;
}
.FormAlert
{
	color: Red;
}