/** ----------////////// MAIN PAGE LAYOUT ELEMENTS - SITE WIDE \\\\\\\\\\---------- **/

/** MAIN PAGE BODY ELEMENTS **/
	BODY {
		margin:0;
		PADDING:0px;
		font-family:"Trebuchet MS";
		font-size:12px;}

/** PAGE CONTENT CONTAINER **/
	#container {
		margin:0;
		width:980px;
		text-align: left;
		background-position: center;
		margin: 0 auto;}
	
/** TOP LEFT PAGE HEADER FOR LOGO **/
	#headerleft {
		float:left;
		left:0%;
		width:320px;
		height: 130px;}

/** TOP RIGHT PAGE HEADER FOR PHONE AND H1 **/
	#headerright {
	float:right;
	margin-top: 15px;
	height:80px;
	width:400px;
	background-image: url(../img/phone-hours.gif);
	background-repeat: no-repeat;
}

/** PARAGRAPHS SITE WIDE **/
	p { width:99%;}

/** H TAGS SITE WIDE **/
	H1 {
		font-size: 14px;
		font-family: "Trebuchet MS";
		color: #666666;
		text-align: right;
		margin-right: 20px;
		padding: 0px;
		margin-top: 64px;}

	H2 {font-family: "Trebuchet MS";}

	H3 {
		color:#;
		font-size: 17px;
		font-family: "Trebuchet MS";
		text-decoration:none;
		font-style: italic;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;}

	H4 {
		color:#CC0000;
		font-size: 15px;
		text-decoration:none;
		margin-top: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;
		text-align: left;}

	H5 {
		color:#666666;
		font:"Trebuchet MS";
		font-size: 15px;
		margin-top: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;}

	img {
		margin: 0px;
		padding: 0px;
		border:0;}

	HR {width:99%;}


/*** FORM ELEMENTS SITE WIDE ***/
	.inputtitle{font-family:"Trebuchet MS"; font-size:18px; font-weight:bold;}
	input {font-family: "Trebuchet MS";}
	select {font-family: "Trebuchet MS";}

/** LINKS SITE WIDE **/
	A:link {COLOR: #0000FF; FONT-FAMILY: "Trebuchet MS"; text-decoration: none;	font-size:12px;}
	A:visited {COLOR: #0000FF; FONT-FAMILY: "Trebuchet MS"; text-decoration: none; font-size: 12px;}
	A:hover {COLOR: #CC0000; FONT-FAMILY: "Trebuchet MS"; text-decoration: underline; font-size: 12px;}


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

/** SIDEBAR PROMO COLOUMN **/
	.sidepromo {
	float:left;
	width:270px;
	}
	.side{
	width:270px;
	height:58px;
	font-family:Arial;
	font-size:14px;
	background-image:url(/img/sidebuttons.jpg);
	padding-left:8px;
	padding-top:3px;
	margin-bottom:10px;
	background-repeat: no-repeat;
	color: #FF0099;
}



/**** ----------////////// HOMEPAGE ELEMENTS ONLY \\\\\\\\\\---------- ****/
	#banner {
		float:right;
		width:690px;
		height:130px;
		background-image:url(../img/spl-index.jpg)}
	
	.bannerorderbutton{
		float:left;
		margin-top: 110px;
		margin-left:50px;
		padding:10px;
		font-size:12px;
		font:Arial, Helvetica, sans-serif;}



/**** HOME PAGE BOTTOM FEATURES BOXES ALLOWING FOR SMALL IMG  ****/
	.indexbox {
		padding:4px;
		float:left;
		width:212px;
		margin: 5px;
		background-image: url(../img/grad-bg-index.gif);
		background-repeat: repeat-x;
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #CCCCCC;}
	
	.indexboxtitle {
	float:left;
	font-size:14px;
	line-height:20px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #FF0099;
}

	.indexboximg {
		float:right;
		width:26px;
		margin-left: 2px;}

/**** ----------\\\\\\\\\\ HOMEPAGE ELEMENTS ONLY //////////---------- ****/




/** PAGE CONTENT ON LEFT HAND SIDE OF ALL PAGES 750 PIXELS WIDE **/
	.content {
		float:left;
		width:690px;
		margin-right: 8px;
		padding-right: 5px;}

		.contentpara {
			float:left;
			width:520px;}

		.contentimg {
			float:right;
			width:220px;
			background-position:right;
			text-align: center; /* for IE */}

		.contentparawide {
			float:left;
			width:710px;}
	
		.contentparawideimg {
			float:right;
			width: 220px;
			background-position:right;
			text-align: center; /* for IE */}


/**** ----------////////// CONTACT POP-UP \\\\\\\\\\---------- ****/
	.popup{	
		margin-top:0px;
		padding-top: 30px;}
		
	.popupheader {
		color: #cc0000;
		font-weight: bold;
		padding-bottom: 5px;}	
/**** ----------\\\\\\\\\\ CONTACT POP-UP //////////---------- ****/


/**** ----------////////// PAGE FOOTER SECTIONS \\\\\\\\\\---------- ****/
.botcont1 {text-align: left; float:left; width: 250px; padding: 5px;}
.botcont2 {text-align: left; float:left; width: 250px; padding: 5px;}
.botcont3 {text-align: left; float:left; width: 250px; padding: 5px;}
.botcont4 {text-align: left; float:left; width: 150px; padding: 5px;}
/**** ----------\\\\\\\\\\ PAGE FOOTER SECTIONS //////////---------- ****/