@charset "utf-8";
/* CSS Document */

/*MARTIN PUT YOUR BEAUTIFUL CSS IN HERE*/

/*BACKGROUND CSS - FLEX WIDTH*/

html{
	background:#036 url(Images/bg_repeater.jpg) 1px top repeat-x scroll;
}
.cTop{
	height:42px;
}
.c1{
	background:url(Images/cTop.png) left top repeat-x scroll;
	margin:0 50px;
}
.c2{
	background:url(Images/cRight.png) right top repeat-y scroll;
}
.c3{
	background:url(Images/cBottom.png) left bottom repeat-x scroll;
}
.c4{
	background:url(Images/cLeft.png) left top repeat-y scroll;
}
.c5{
	background:url(Images/cTopRight.png) right top no-repeat scroll;
}
.c6{
	background:url(Images/cBottomRight.png) right bottom no-repeat scroll;
}
.c7{
	background:url(Images/cBottomLeft.png) left bottom no-repeat scroll;
}
.c7modified{
	background:url(Images/cBottomLeftModified.png) left bottom no-repeat scroll;
}
.c8{
	background:url(Images/cTopLeft.png) left top no-repeat scroll;
	padding:1px;
	padding-bottom:23px;
}
.c9{
	background:#fff url(Images/c9.png) repeat-y scroll;
	
	/*height:500px;*/
	margin:11px 11px 0 11px;

}
.c9modified{
	background:#fff url(Images/c9modified.png) repeat-y scroll;
	
	/*height:500px;*/
	margin:11px 11px 0 11px;

}
.clearBoth{clear:both;}
.whiteTop{
	background:#fff;
	padding:0 1px;
}
.whiteTop .hr{
	height:3px;
	border-top:1px solid #ccc;
}
.whiteCols{
	overflow:hidden;
}
.whiteCol1
{
	margin-top:8px;
	width:198px;
	float:left;
}
.whiteCol2{
	margin-left:200px; padding:10px;
}
	
/*TEL NUM*/
/*#app_tel {margin-top:30px; height:30px; text-align:right; margin-right:60px;}*/
#app_tel_links {float:right; width:300px; color:#FFF; font-size:1.1em; padding-top:5px;}
#app_tel_links a {color:#FFF; text-decoration:underline; font:1.0em Arial, Helvetica, sans-serif; padding:4px; font-weight:bold;}
#app_tel_links a:hover {color:#99CCFF;}
#app_tel_num{ background:url(Images/tel.png) left 50% no-repeat; margin-left:16px; width:224px; float:right; color:#FFF; font:2.0em "Century Gothic"; font-weight:bold; letter-spacing:-2px; padding-right:1px; }
.tel {font-weight:normal;}

/*SITE CONTENT INCLUDING NAVIGATION MENU*/
#app_navigation_menu {float:left; width:192px; margin-left:4px; text-align:left;}
#app_side_nav { margin-top:0px; margin-left:1px;}
#app_side_nav li, ul {display:block; list-style:none; border:1px #000;}
#app_side_nav a {font: 1.2em Arial, Helvetica, sans-serif; font-weight:bold; color:#000; display:block; background:#F5F5F5; margin:1px 0px; line-height:38px; text-align:left; text-decoration:none; padding-left:12px; border-bottom:1px solid #D7D7D7;}
#app_side_nav a:hover {background:url(Images/side_nav_hover.gif) no-repeat; color:#FFF;}

/*LOGO AND STRAP */
#app_logo_area {border-bottom:1px solid #CCC; height:99px; margin:auto;}
#app_logo_area_left {width:250px; float:left; margin-top:0px; height:50px;}
#app_logo_container { float:left; width:226px; height:39px; z-index: auto; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: 8px;}
#app_strap {float:left; width:240px; height:15px; text-align:left; margin-left:8px; padding-top:6px;}
#app_strap h1 {margin:0; padding:0; font:1.2em Arial, Helvetica, sans-serif; color:#567B97; font-style:italic; font-weight:bold;}

#app_nav {float:right; display:inline; margin-top:68px;}
#app_nav li, ul {list-style:none; padding:0px; margin:0px; display:inline-block; display:inline; text-align:center;}
#app_nav a {font:1.2em "Century Gothic"; color:#fff; background:url(Images/nav.png) no-repeat top center; text-decoration:none; font-weight:bold; line-height:36px; text-transform:uppercase; padding:0px 1px; width:114px; height:32px; display:inline-block;}
#app_nav a:hover { background:url(Images/nav_over.gif) no-repeat top center; color:#CCC;} 
	
	/*END OF FLEX WIDTH BG*/

