/* --------------------------------------- */
/* --( Global Styles )-- */
/* --------------------------------------- */

body {
    background: url('../_img/page_bg.gif') repeat-x top center;
}

/* self clearing rules */
.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.selfclear { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.selfclear { display: block; }
/* End hide from IE-mac */

.nodisp {
	margin: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* --------------------------------------- */
/* --( Main Container )-- */
/* --------------------------------------- */

#main_container {
    width: 900px;
    margin: 0 auto;
    background: url('../_img/content_bg.gif') repeat-x top center;
}

/* --------------------------------------- */
/* --( Header )-- */
/* --------------------------------------- */

#header h1 {
    width: 275px;
    margin: 0 auto;
    padding-top: 21px;
}
#header h1 a {
    display: block;
    height: 119px;
    text-indent: -3000px;
    background: url('../_img/header_logo.gif') no-repeat;
	
}	


/* --------------------------------------- */
/* --( Navigation )-- */
/* --------------------------------------- */

#nav {
    padding-top: 30px;
}
#nav ul li {
    display: block;
    position: relative;
    float: left;
}
#nav ul li a {
    display: block;
    float: left;
    text-indent: -3000px;
    height: 27px;
    background-image: url('../_img/nav_bg.gif');
    background-repeat: no-repeat;
    background-color: #FF0000;
    text-decoration: none;
}
#nav ul li.about a {
    width: 163px;
    background-position: 0px 0px;
}
#nav ul li.service a {
    width: 158px;
    background-position: -163px 0px;
}
#nav ul li.recent a {
    width: 213px;
    background-position: -321px 0px;
}
#nav ul li.testimonials a {
    width: 194px;
    background-position: -534px 0px;
}
#nav ul li.contact a {
    width: 163px;
    background-position: -728px 0px;
}
#nav ul li.about a:hover {
    background-position: 0px -27px;
}
#nav ul li.service a:hover {
    background-position: -163px -27px;
}
#nav ul li.recent a:hover {
    background-position: -321px -27px;
}
#nav ul li.testimonials a:hover {
    background-position: -534px -27px;
}
#nav ul li.contact a:hover {
    background-position: -728px -27px;
}
#nav span.subnav-bg {
    display: block;
    height: 31px;
    background: url('../_img/sub_nav_bg.gif') no-repeat;
}

/* --------------------------------------- */
/* --( Sub-Navigation )-- */
/* --------------------------------------- */

#nav ul li ul {
    position: absolute;
    top: 34px;
    visibility: hidden;
}
#nav ul li ul li {
    display: inline;
    float: none;
    position: static;
}
#nav ul li ul li a {
    background: none !important;
    text-indent: 0px;
    width: auto !important;
    display: block;
    float: left;
    padding: 0 10px;
    font: .9em Helvetica, Arial, sans-serif;
    letter-spacing: .05em;
    color: #97a7c7;
}
#nav ul li.service ul {
    width: 500px;
    left: -100px;
}

/* --------------------------------------- */
/* --( Content )-- */
/* --------------------------------------- */

#content_container {
    color: #cccccc;
    font: 1em/1.3 Helvetica, Arial, sans-serif;
}
#content_container h2 {
    font-size: 1.3em;
    margin: 15px 0;
}
#content_container p {
    margin: 12px 0;
}

/* --------------------------------------- */
/* --( Footer )-- */
/* --------------------------------------- */

#footer {
    margin-bottom: 30px;
}
#footer hr {
    display: none;
}
#footer_nav {
    height: 53px;
    margin-right: -15px;
    background: url('../_img/footer_bg.gif') no-repeat;
}
#footer_nav p {
    display: block;
    width: 577px;
    margin: 0 auto;
    padding-top: 15px;
}
#footer_nav p span {
    display: none;
    float: left;
}
#footer_nav p a {
    visibility: visible;
    display: block;
    float: left;
    height: 19px;
    text-indent: -3000px;
    text-decoration: none;
    background-image: url('../_img/footer_nav.gif');
    background-repeat: no-repeat;
}
#footer_nav p a.about {
    width: 106px;
    background-position: 0px 0px;
}
#footer_nav p a.services {
    width: 105px;
    background-position: -106px 0px;
}
#footer_nav p a.recent {
    width: 141px;
    background-position: -211px 0px;
}
#footer_nav p a.testimonials {
    width: 130px;
    background-position: -352px 0px;
}
#footer_nav p a.contact {
    width: 95px;
    background-position: -482px 0px;
}