@import url('fonts/stylesheet.css');

*{
	margin: 0;
	padding: 0;
}


.clear
{
	display: block;
	clear: both;
}

body
{
	font: 1em Arial, Helvetica, sans-serif;
	background: #b9d3ba url('../images/bg.png') repeat-x;
	text-align: center;
}

a img
{
	border: 0;
}

/* TEXT STYLES ************************/

h1, h2, h3, h4, h5
{
	color: #663366;
	font-family: 'MyriadProRegular';
}

	#header h1
	{
		text-indent: -9999px;
	}
		#header h1 a
		{
			display:block;
			float:left;
			height:229px;
			width:277px;
			background: url('../images/always-helpful-logo.png') 33px 40px no-repeat;
		}
		
h2{	font-size: 1.69em; /*27px*/ margin-bottom: 10px;}
h3{	font-size: 1.25em; /*23px*/ margin-bottom: 10px;}
h4{	font-size: 1.15em; /*20px*/ margin-bottom: 10px;}
h5{	font-size: 1em; /*16px*/ margin-bottom: 10px;}

h6{ /*substituted for span in CMS therefore needs to be same size as p tag */
	color: #663366;
	float: left;
	font-size: 0.8125em;
	font-weight: 400;
	margin-right: 0.3em;
}

p /* STANDARD PARAGRAPH STYLE */
{
	font-size: 0.8125em;
	margin-bottom: 10px;
}

	p.warning
	{
		background: #663366;
		color:#FFF;
		padding:5px;
	}

	#footer p
	{
		text-align:right;
		font-family: 'MyriadProBold';
		margin-bottom: 0;
	}
	
	#footer a, #footer a:hover, #footer a:visited
	{
		color: #FFF;
		font-family: 'MyriadProRegular';
		text-decoration: none;
	}
	
address{
	font-size: 0.8125em;
	font-style: normal;
	margin-bottom: 10px;
}

/* LIST STYLES *************************/

#content ul, #sidebar ul 
{
	list-style-position: outside;
	margin-bottom: 10px;
}

#content ol, #sidebar ol{
	list-style-position: outside;
	margin-bottom: 10px;
	padding-left: 8px;
}

#content li, #sidebar li
{
	font-size: 0.8125em; /*needs to match p font-size*/
	margin-left: 15px;
	margin-bottom: 10px;
	
}

#nav ul
{
	list-style: none;
	margin-left: 30px;
	font-family: 'MyriadProRegular';
}

	#nav li /* NAVIGATION STYLE */
	{
		display: block;
		float: left;
		padding-right: 11px;
		border-right: 1px solid #FFF;
		margin-right: 11px;
		font-size: 1.13em;
	}
		#nav li.last
		{
			padding-right: 0;
			border-right: 0 none;
			margin-right: 0;
		}

/* LAYOUT DIVS *************************/

#container
{
	padding: 0 22px;
	width: 966px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	background:  url('../images/container-bg.png') left top repeat-y;
	overflow: hidden;
}

#header
{
	background: url('../images/header.jpg') right top no-repeat;
	height: 273px;
	width: 100%;
}

#nav
{
	float: left;
	height: auto;
	width: 100%;
	padding:10px 0;
	background: #6b517c url('../images/arrow.png') 45px bottom no-repeat;
	margin-bottom:20px;
}
	
	#nav.about-us
	{
		background-position: 125px bottom;
	}
	
	#nav.services
	{
		background-position: 215px bottom;
	}
	
	#nav.top-tips
	{
		background-position: 300px bottom;
	}
	
	#nav.contact-us
	{
		background-position: 394px bottom;
	}

#banner{
	margin-bottom: 10px;
}

#content
{
	float: left;
	width: 60%;
	height: auto;
	margin: 0 30px;
}

#sidebar
{
	float: right;
	width: 30%;
	height: auto;
	margin: 0 30px 0 0;
	background: #b9d3ba;
}

	#sidebar h3
	{
		border-bottom: 1px solid #767f76;
		padding-bottom: 12px;
		margin-bottom:17px;
	}

	.box
	{
		position:relative;
		padding: 18px;
		background: url('../images/top-left.png') top left no-repeat;
		margin-bottom:-18px;
	}
		.box span
		{
			position:absolute;
			width:4px;
			height:4px;
			display:block;
		}
		
		.box span.top-right
		{
			right:0;
			top:0;
			background: url('../images/top-right.png') top left no-repeat;	
		}
		
		.box span.btm-left
		{
			left:0;
			bottom:18px;
			background: url('../images/btm-left.png') top left no-repeat;	
		}
		
		.box span.btm-right
		{
			right:0;
			bottom:18px;
			background: url('../images/btm-right.png') top left no-repeat;	
		}
		
#footer
{
	background: #6b517c;
	padding:8px 30px;
	color:#FFF;
	margin-top:20px;
	clear:both;
	float:left;
	width:93.8%;
}


/* LINK STYLES *************************/

a, a:visited, a:hover
{
	text-decoration: underline;
	color:#663366;
}

#nav a, #nav a:visited, #nav a:hover, #nav a.active
{
	color: #fff;
	text-decoration: none;
}

/* IMAGE ALIGNMENT */

.img-left{
	float: left;
	margin: 0 10px 10px 0;
}

.img-right{
	float: right;
	margin: 0 0 10px 10px;
}

.img-center{
	text-align: center;
	margin: 0 10px 10px;
}

/* TABLE STYLING **/

table, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
}

table{
	width: 100%;
	margin-bottom: 10px;
}

th{
	font-weight: 700;
}

td, th{
	font-size: 0.8125em;
	padding: 3px;
	vertical-align: bottom;
}

/* FORM **/

form
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset{
	border: 0 none;
	margin-bottom: 10px;
}

label
{
	display: block;
	font-size: 0.81253em;
	padding: 0 0 5px 0;
}

input[type=text]
{
	border: 0 none;
	padding: 3px;
	width: 97%;
	margin-bottom: 10px;
	background: #e8e8e8;
	color: #747474;
}

input[type=text]:focus, textarea:focus{
	background: #efefef;
}

textarea
{
	background: #e8e8e8;
	font: normal .81em Verdana, Arial, Helvetica, sans-serif;
	height: 100px;
	margin-bottom: 10px;
	padding: 3px;
	width: 97%;
	color: #747474;
	border: 0 none;
}

input[type=submit]{
	margin-bottom: 10px;
	padding: 4px 0 5px;
	cursor: pointer;
	background: url('../images/submit.png') no-repeat;
	float:right;
	border:0 none;
	color: #525252;
	text-align:center;
	width:82px;
	display:block;
}

/* SLIDER STYLING **/

#slider, .slide
{
	clear: left;
	overflow: hidden;
	height: 250px;
	width: 960px;
	margin-bottom: 10px;
}