/* CSS Document */

/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/backgrounds/body.gif) #A1B4BE repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: blue;
	outline: none;
}

a:hover {color: black;}

/*
PAGE STRUCTURE
================================================*/

#outer-wrapper {
	background: url(../images/backgrounds/outer-wrapper.gif) #fff repeat-y center top;
	margin: 0 auto;
	width: 995px;
}

#wrapper {
	background: url(../images/backgrounds/wrapper.gif) no-repeat left top;
	width: 995px;
}

#copy {
	float: left;
	width: 587px;
}

/* banner styles
==================*/

#banner {
	background: url(../images/backgrounds/ban/ner.gif) repeat-x;
	float:left;
	padding: 0 9px 0 9px;	
	width: 977px; height: 313px;
}

#banner-top {
	background: url(../images/backgrounds/banner-top.jpg) no-repeat right top;
	float: left;
	overflow: hidden;
	width: 977px; height: 195px;
}

#soc-media {
	float: left;
	height: 36px;
	padding: 12px 0 0 0;
	text-align: right;
	width: 977px;
}

#soc-media a {
	color: #D3E4E5;
	font-size: 11px;
	float: right;
	height: 29px;
	margin: 0 15px 0 0;
	padding: 5px 0 0 27px;
}

#soc-media a:hover {color: #fff;}

#soc-media a#twitter { background: url(../images/backgrounds/twitter-icon.gif) no-repeat;}
#soc-media a#facebook { background: url(../images/backgrounds/facebook-icon.gif) no-repeat;}

#logo {	
	background: url(../images/backgrounds/logo.gif);
	float: left;
	height: 155px;
	text-indent: -9999px;
	width: 374px;
}

#tagline {
	color: #174D69;
	float: left;
	font-size: 1.2em;
	padding: 14px 0 0 5px;
	text-align: left;
	width: 977px; height: 30px;
}

/* navigation styles
=======================*/

#nav {
	float: left;
	padding: 15px 0 0 0;
	width: 977px; height: 70px;
}
#nav ul {float: left;}

#nav li {
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}

#nav li a {
	background: url(../images/backgrounds/nav-item.gif) #BECAC0 repeat-x left top;
	color: #484848;
	font-size: 1.2em;
	float: left;
	height: 25px;
	padding: 10px 20px 0 20px;
	text-decoration: none;
}

#nav li a.current, #nav li a:hover {
	background-image: none;
	background-color: #334751; 
	color: #fff;
}

/* content area
=======================*/

#content {
	color: #404040;
	float: left;
	padding: 30px 30px 0 30px;
	text-align: justify;
	width: 917px;
}

#content p,
#content ul,
#content ol,
#content dl { 
	font-size: 1.3em;
	line-height: 1.6em;
}

#content p {
	padding: 0 0 20px 0;
}

#content ul,
#content ol {
	padding: 0 0 0 30px;
	text-align: left;
}

#content ul {list-style-type: square;}

#content ul li,
#content ol li {
	padding: 0 0 6px 0;
}

#content .links ul {
	padding: 0 0 10px 30px;
}

#content .links ul li {
	padding: 0 0 7px 0;
}


div.hrule {
	background: url(../images/backgrounds/hrule.gif);
	float: left;
	height: 22px;
	margin: 0 0 20px 0;
	width: 587px;
}

div.hrule hr {
	display: none;
}

img.right {
	border: 1px solid #666666;
	float: right;
	margin: 0 0 30px 30px;
}

/* sidebar
=======================*/

#sidebar {
	color: #666666;
	float: right;
	padding: 0 0 30px 30px;
	width: 300px;
}

#sidebar img {
	border: 1px solid #666666;
	float: left;
	margin: 0 0 30px 0;
}

.side-content {
	background: #F0F5E6;
	border: 1px solid #B9C0A8;
	float: left;
	margin: 0 0 20px 0;
	width: 298px;
}

.side-content h3 {
	background: #E08D61;
	border-bottom: 5px solid #FEDF5C;
	color: #6D4D36;
	font-size: 1.6em;
	margin: 0 0 20px 0;
	padding: 15px 20px 10px 20px;
}

.side-content h4 {
	font-size: 1.4em;
	padding: 0 20px 3px 20px;
}

#content .side-content p {
	line-height: 1.5em;
	padding: 0 20px 15px 20px;
}

.side-content a {color: #9F3800;}
.side-content a:hover {color: #000000;}



/* headers
=======================*/

h1 {
	color: #BD7F58;
	padding: 0 0 15px 0;
	font-size: 2.2em;
}

h2 {
	color: #AB9281;
	padding: 0 0 10px 0;
	font-size: 1.8em;
}

h3 {
	padding: 0 0 5px 0;
	font-size: 1.4em;
}

h4,
h5 {	
	padding: 0 0 5px 0;
	font-size: 1.4em;
}

/* footer styles
==================*/

#footer {
	background: url(../images/backgrounds/footer.gif) no-repeat;
	color: #8f8f8f;
	font-size: 1.1em;
	overflow: hidden;
	padding: 67px 30px 0 30px;
	margin: 0 auto;
	word-spacing: .3em;
	width: 935px; height: 43px;
}

#footer a {color: #8f8f8f;}
#footer a:hover {color: #484848;}

#footer-contact {float: left;}
#copyright {float: right;}

/*
toggle content (services)
========================================*/

h2.service-cat {
	background-color: #334751; 
	color: #fff;
	float: left;
	font-size: 1.6em;
	margin: 14px 0;
	padding: 10px;
	width: 567px;
}

h2.special-service {background-color: #35502D;}

h3.service_link {
	float: left;
	font-size: 1.6em;
}

h3.service{
	margin-top: 8px;
	padding-left: 0;
		color: #BD7F58;
}

h3.service_link {
	color: #484848;
	float: left;
	font-size: 14px;
	padding: 10px 0 0 20px;
	text-decoration: none;
	width: 567px;
}

.service {
	float: left;
	padding: 10px 10px 10px 20px;
	width: 557px;
}