/*****************************************************
TABLE OF CONTENTS:

(1)  CSS SETUP
(2)  WRAPPER
(3)  HEADER
(4)  NAVIGATION
(5)  HOME CONTAINER
(6)  ABOUT US CONTAINER
(7)  VANDERPAL-METHOD
(8)  NEWS CONTAINER
(9)  CONTACT CONTAINER
(10) CODE OF ETHICS CONTAINER
(11) PRIVACY CONTAINER
(12) FOOTER
*****************************************************/

/*-------------------- (1) CSS SETUP -------------------*/

*{
 margin: 0;
 padding: 0;
}

html {
	background: url(../images/background_tile.jpg);
}

body {
	background: url(../images/body_bg_img.png) repeat-y;
	width: 994px;
	margin: auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5e2a00;
}

p, ul, li, a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #776f68;
}

.gray-h2 {
	background: #776f68 repeat-x;
	color: #FFF;
	text-align: right;
	font-size: 1.1em;
	padding: 4px 10px 4px 0px;
	display: block;
	margin-bottom: .5em;
}

.italic {
	font-style: italic;
}

img {
	border: none;
}

/*-------------------- (2) WRAPPER -------------------*/

#wrapper {
	width: 980px;
	margin: auto;
	position: relative;
}

/*-------------------- (3) HEADER -------------------*/

#header {
	background: url(../images/header_bg_img.jpg) no-repeat;
	width: 980px;
	height: 153px;
	margin: auto;
	display: block;
}

#header h1 a {
	width: 184px;
	height: 118px;
	text-indent: -9999px;
	position: absolute;
	display: block;
	left: 760px;
	top: 10px;
}

/*-------------------- (4) NAVIGATION --------------------*/

#nav {
	background: url(../images/navBar_bg_img.png) repeat-x;
	width: 980px;
	height: 30px;
	margin: auto;
}

#nav ul {
	list-style: none;
	margin-left: 15px;
	height: 30px;
}

#nav ul li {
	display: inline;
	float: left;
	line-height: 30px;
}

#nav ul li a {
	display: inline;
	float: left;
	line-height: 30px;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	color: #4a2100;
}

#nav ul li a:link, #nav ul li a:visited {
	background: none;
	display: inline-block;
	height: 30px;
}

#nav ul li a:hover, #nav ul li a:active {
	background: url(../images/navHover_bg_img.png) repeat-x;
	display: inline-block;
	height: 30px;
	color: #FFF;
}

#nav ul li.current a {
	background: url(../images/navHover_bg_img.png) repeat-x;
	display: inline-block;
	height: 30px;
	color: #FFF;
}

/*-------------------- (5) HOME CONTAINER --------------------*/

#homeContainer {
	margin: 15px auto 10px auto;
	padding-bottom: 10px;
	width: 930px;
}

#leftContent {
	width: 651px;
	float: left;
	margin-bottom: 20px;
}

#leftContent ul {
	margin-top: 10px;
}

#leftContent ul li {
	width: 651px;
	list-style: none;
}

#leftContent ul li.innovative_services h2 {
	background: #776f68 repeat-x center;
	width: 641px;
	display: block;
	padding: 2px 10px 2px 0px;
	margin-bottom: 10px;
	font: 1.3em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
}

#leftContent ul li.innovative_services p {
	font-size: .9em;
	color: #776f68;
	font-weight: bolder;
}

#leftContent ul li h3 {
	font-size: 1em;
	color: #5e2a00;
	padding-top: 1em;
	padding-bottom: .2em;
}

#leftContent ul li p {
	font-size: .8em;
	color: #776f68;
}

#leftContent ul li p a:link, #leftContent ul li p a:visited {
	color: #5e2a00;
	text-decoration: underline
}

#leftContent ul li p a:hover, #leftContent ul li p a:active {
	color: #5e2a00;
	text-decoration: none;
}

#leftContent ul li p span.newsDate {
	font-variant: small-caps;
}

#rightContent {
	background: #5e2a00 url(../images/vanderpalBio_bg_img.png) repeat-x;
	border: #321400 solid 1px;
	width: 255px;
	float: right;
	margin-bottom: 20px;
}

#rightContent img {
	padding: 24px 25px 20px 25px;
}

#rightContent p {
	color: #fff;
	padding: 0px 15px 20px 15px;
	font-size: .9em;
	font-weight: bolder;
	text-shadow: 1px 1px 1px #000;
}

#rightContent p a:link, #rightContent p a:visited {
	color: #fff;
	text-decoration: underline;
}

#rightContent p a:hover, #rightContent p a:active {
	color: #fff;
	text-decoration: none;
}

/*-------------------- (6) ABOUT US CONTAINER --------------------*/

#aboutContainer {
	margin: 15px auto 10px auto;
	padding-bottom: 10px;
	width: 930px;
}

/*About Skyline(us)*/
#about_us {
	width: 930px;
	margin-bottom: 20px;
}

#about_us p {
	font-size: 0.9em;
	padding-bottom: .5em;
	line-height: 1.5;
}

#about_us p.paragraph_note {
	font-size: 0.7em;
	line-height: 1.3;
}

/*About VanderPal*/
#about_vanderpal {
	background: #5e2a00 url(../images/vanderpalBio_bg_img.png) repeat-x;
	width: 930px;
	padding-bottom: 10px;
	position: relative;
}

#about_vanderpal h3 {
	color: #fff;
	font-size: 1.1em;
	padding: 15px 0px 11px 20px;
	text-shadow: 1px 1px 1px #000;
	border-bottom: #FFF 2px solid;
	display: block;
	margin-bottom: .2em;
}

#about_vanderpal h3 span.title {
	font-size: .7em;
}

#vanderpal_bio {
	width: 645px;
	padding: 15px 20px 15px 20px;
}

#vanderpal_bio p {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3;
	text-shadow: 1px 1px 1px #000;
}

#headshot img {
	position: absolute;
	left: 700px;
	top: 25px;	
}

/*-------------------- (7) VANDERPAL-METHOD CONTAINER --------------------*/

#vanderpal-method {
	margin: 15px auto 10px auto;
	padding-bottom: 10px;
	width: 930px;
	min-height: 275px;
	_height: 275px; /*ie6*/
}

#vanderpal-method img {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}

#vanderpal-method p {
	font-size: 0.9em;
	padding-bottom: .5em;
	line-height: 1.5;

}

#vanderpal-method p a:link, #vanderpal-method p a:visited {
	color: #5e2a00;
	text-decoration: underline;
}

#vanderpal-method p a:hover, #vanderpal-method p a:active {
	color: #5e2a00;
	text-decoration: none;
}

/*-------------------- (8) NEWS CONTAINER --------------------*/

#newsContainer {
	margin: 15px auto 10px auto;
	padding-bottom: 10px;
	width: 930px;
}

/*NEWS AND MEDIA CONTACT INFO STYLES*/

#newsContainer h4 {
	font-size: .9em;
	color: #5e2a00;
	font-weight: bold;
	padding-top: .8em;
}

#newsContainer p, #newsContainer a {
	font-size: .9em;
}

#newsContainer p {
	line-height: 1.5;
}

#newsContainer p a:link, #newsContainer p a:visited {
	color: #776f68;
	text-decoration: underline;
	font-weight: bold;
}

#newsContainer p a:hover, #newsContainer p a:active {
	color: #776f68;
	text-decoration: none;
	font-weight: bold;
}

/*NEWS ARTICLES*/

#newsContainer p.news-intro {
	font-size: .9em;
	font-weight: bolder;
	padding-top: 3px;
}

#newsContainer h3 {
	color: #5e2a00;
	font-size: 1em;
	padding: 10px 0px 1px 0px;
	border-bottom: #5e2a00 1px solid;
	margin-bottom: .7em;
}

#newsContainer div.news-article {
	padding-bottom: .7em;
}

#newsContainer div.news-article h4 {
	padding-bottom: .2em;
}

#newsContainer div.news-article h4 a {
	color: #5e2a00;
	font-size: .9em;
	font-style: italic;
}

#newsContainer div.news-article h4 a:link, #newsContainer div.news-article h4 a:visited {
	color: #5e2a00;
	font-size: .9em;
	font-style: italic;
	text-decoration: underline;
}

#newsContainer div.news-article h4 a:hover, #newsContainer div.news-article h4 a:active {
	color: #5e2a00;
	font-size: .9em;
	font-style: italic;
	text-decoration: none;
}

#newsContainer div.news-article p, #newsContainer div.news-article p a {
	font-size: 0.9em;
	padding-bottom: .5em;
	line-height: 1.5;
}

#newsContainer div.news-article p a:link, #newsContainer div.news-article p a:visited {
	color: #5e2a00;
	font-style: italic;
	text-decoration: underline;
}

#newsContainer div.news-article p a:hover, #newsContainer div.news-article p a:active {
	color: #5e2a00;
	font-style: italic;
	text-decoration: none;
}

/*-------------------- (9) CONTACT CONTAINER --------------------*/

#contactContainer {
	margin: 15px auto 10px auto;
	padding-bottom: 10px;
	width: 930px;
}

#contactContainer #contact_sub-content {
	min-height: 330px;
	_height: 330px; /*ie6*/
}

#contactContainer #google-map {
	width: 300px;
	float: left;
	margin-top: 5px;
	position: relative;
}

#contactContainer #contactInfo {
	float: left;
  margin-left: 25px;
	width: 350px;
}

#contactContainer #contactInfo h3 {
	color: #5e2a00;
	font-weight: bold;
	font-size: 1em;
}

#contactContainer #contactInfo h4 {
	font-size: .9em;
	color: #5e2a00;
	font-weight: bold;
	padding-top: .8em;
}

#contactContainer #contactInfo p, #contactContainer #contactInfo a {
	font-size: .9em;
}

#contactContainer #contactInfo p {
	line-height: 1.5;
}

#contactContainer #contactInfo p a:link, #contactContainer #contactInfo p a:visited {
	color: #776f68;
	text-decoration: underline;
	font-weight: bold;
}

#contactContainer #contactInfo p a:hover, #contactContainer #contactInfo p a:active {
	color: #776f68;
	text-decoration: none;
	font-weight: bold;
}

/*-------------------- (10) CODE OF ETHICS CONTAINER --------------------*/

#code-of-ethics_Container {
	margin: 15px auto 10px auto;
	padding-bottom: 10px;
	width: 930px;
}

#code-of-ethics_Container h3.section-heading {
	border-bottom: #5e2a00 1px solid;
	color: #5e2a00;
	font-size: 1em;
	font-weight: bolder;
	padding: 10px 0 2px 0;
	margin-bottom: 5px;
}

#code-of-ethics_Container p.code-of-ethics_intro {
	font-weight: bolder;
	padding-top: 3px;
}

#code-of-ethics_Container h4.brown-h4 {
	color: #5e2a00;
	font-size: .9em;
	padding: 12px 0 0 0;
}

#code-of-ethics_Container p {
	color: #776f68;
	font-size: .9em;
}

/*-------------------- (11) PRIVACY CONTAINER --------------------*/

#privacyContainer {
	margin: 15px auto 10px auto;
	padding-bottom: 10px;
	width: 930px;
}

#privacyContainer h3.privacy-heading {
	color: #5e2a00;
	font-size: .9em;
	padding: 12px 0 0 0;
}

#privacyContainer p {
	color: #776f68;
	font-size: .9em;
	line-height: 1.3;
	padding-bottom: .5em;
}

#privacyContainer ul {
	color: #776f68;
	font-size: .9em;
	list-style-type: square;
	padding: 0px 0 8px 15px;
	line-height: 1.5;
}

#privacyContainer h3.privacy-heading_ul-reset {
	color: #5e2a00;
	font-size: .9em;
	padding: 4px 0 0 0;
}

/*-------------------- (12) FOOTER --------------------*/

#footer {
	border-top: #776f68 solid 1px;
	min-height: 30px;
	_height: 30px; /*ie6*/
	margin: auto;
	padding-top: 10px;
	width: 930px;
	clear: both;
}

#footer ul li {
	font: normal .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style: none;
	text-decoration: none;
	display: inline;
	float: left;
	padding-right: .4em;
}

#footer ul li a:link, #footer ul li a:visited {
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active {
	text-decoration: underline;
}

#footer p {
	font: normal .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
 	text-align: right;
}

#bodyCap {
	background: url(../images/footerCap_bg_img.png) no-repeat;
	width: 994px;
	height: 17px;
	margin: auto;
	display: block;
}