/**
  * CSS File for Safehouses North (main template)
  *
  * @copyright 	The Design Clinic
  * @author		Mike Collins
  */
  
body {
	margin: 0;
	background: url(images/background.gif) repeat-x top #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373230;	
}

a { 
	color: #283643;
	text-decoration: none;
	font-weight:bold;
	outline: none;
}

a:hover { 
	color: #283643;
	text-decoration: underline;
	outline: none;
}


/*
Containers and positional elements
*/

#container {
	width: 800px;
	margin:0 auto;
	background:#fff;
	padding:0 20px;
}

#content {
	margin-left:267px;
	width: 504px;
	padding-top:20px;
}

#content-container { margin-top:10px;  }

#header { padding: 20px 0 18px 0; }

.clear { clear:both; line-height:1px; font-size:1px; }


/*
Navigation
*/

#nav {
	background:url(images/topbanners/home.jpg) no-repeat;
	height:196px;
	vertical-align:top;
	padding: 26px 0 0 13px;
}

#nav a.selected,
#nav a {
	font-size:14px;
	font-weight: bold;
	color: #fefcf4;
	text-decoration: none;
	display:block;
	line-height:1.5;
	width: 170px;
	padding:3px;
}

#nav a.selected { background:#adb7c3; }

#nav a:hover 			{ text-decoration: underline; }
#nav a.selected:hover 	{ text-decoration:none; }


/*
Inner Navigation
*/

#inner-nav { 
	background:url(images/bgsmall.jpg) repeat-x top;
	float:left;
	width:206px;
	padding: 16px 0;
}

#inner-nav a.selected,
#inner-nav a {
	font-size: 12px;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 15px;
	line-height:2;
	font-weight:bold;
}

#inner-nav a.selected { 
	font-style:italic;
}

#inner-nav a:hover {
	color:#fff;
	text-decoration:underline;
}	

#inner-nav-prop{
    height:405px;
    float:right;
    width:1px;
}


/*
Text Styles
*/

h1,h2,h3,h4,h5,h6 {
	font-family: "Century Gothic", Arial;
	font-size: 24px;
	font-weight: bold;
	color: #373230;
	padding: 0;
	font-style: italic;
}

h2 {	font-size: 20px; }
h3 {	font-size: 18px; }
h4 {	font-size: 16px; }
h5 {	font-size: 14px; }
h6 {	font-size: 12px; }


/*
Footer
*/

#footer { 
	font-size: 10px;
	color: #57596A;
	margin:10px 0;
	text-align:center;
	padding-bottom: 10px;
	background:url(images/footer-bg.gif) repeat-x bottom;

}



/*
Contact form
*/

input.input-field {
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373230;	
}

input.input-field-small {
	width: 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373230;	
}

textarea.input-field {
	width: 99%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373230;	
	overflow:hidden;
}

.error-text,
.compulsory-field { 
	color:#754444;
}

.submit-button {
	background-color: #445e75;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	border-width: 1px;
	border-color: #aab3c4;
	border-style: solid;
	color: #fff;	
	padding:3px;
}