@charset "utf-8";
body {
	background-color: #E1D5A3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #663333;
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	height: 100%;
	background-attachment: fixed;
	background-image: url(/images/Wide-BG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	width: 860px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height:775px;
	float: none;
	clear: both;
	position: relative;
	visibility: visible;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBA36F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBA36F;
	padding: 0px;
	height: auto;
}

#container2 {
	width: 1024px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height:775px;
	float: none;
	clear: both;
	position: relative;
	padding: 0px;
	height: 827px;
	background-image: url(/images/Container-BG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBA36F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBA36F;
	overflow: hidden;
}

#containerPG {
	width: 1024px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height:650px;
	float: none;
	clear: both;
	position: relative;
	padding: 0px;
	height: auto;
	background-image: url(/images/Container-Page-BG.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBA36F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBA36F;
	overflow: hidden;
}


/*TOP NAVIGATION*/


#Header2 {
	margin: 0px;
	padding: 0px;
	height: 165px;
	text-align: center;
	width: 1024px;

}
hr { width:85%; height:1px; color:#666;}



#Navigation2 {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	height:40px;
	text-align: center;
	color: #666;
	width: 400px;
	clear: none;
	/*	background-color: #CDC3A0;*/
	padding: 5px;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: right;
}




/*#container #mainContent{
	clear: both;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0;

}*/
#container #mainContent p {
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 8px;
	line-height: 1.35em;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 13px;
	
}

#NAV-Vert {
	width:125px;
	position:relative;
	height:485px;
	float:left;
	text-align:left;
	margin: 0px;
}

/*#996600 - active 663300*/


#container2 #NAV-Vert ul, #containerPG #NAV-Vert ul{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	list-style-type: none;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-weight: bold;
	color: #BBA36F;
	margin: 0px;
}
#container2 #NAV-Vert ul li, #containerPG #NAV-Vert ul li {
	padding-top: 40px;
	padding-left: 0px;
}

#container2 #NAV-Vert ul li a:link, #container2 #NAV-Vert ul li a:visited 
, #containerPG #NAV-Vert ul li a:link, #containerPG #NAV-Vert ul li a:visited 

{
 color:#996600; text-decoration:none;
}
#container2 #NAV-Vert ul li a:hover, #container2 #NAV-Vert ul li  a:active, 
#containerPG #NAV-Vert ul li a:hover, #containerPG #NAV-Vert ul li  a:active 

{
 color:#663300; text-decoration:none; 

}

#Navigation a {
	padding-top:10px;
	margin-right: 5px;
	margin-left: 5px;
}
#Navigation a:link, #Navigation a:visited {
	text-decoration:none;
	color:#333;
}
#Navigation a:hover, #Navigation a:active {
	text-decoration:underline;
	color:#666;
}


/* h1 headers */

#container #mainContent h1 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

#container2 #HomeText {
	height: 100px;
	clear: both;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 160px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}



#container2 #HomeText p {
	text-align:left;
	width: 700px;
	margin: 0px;
	padding: 0px;
	}

#containerPG #mainContent #About h1 {
	
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
}

#container #About, #AboutMain h1, 
#container #Categories h1, 
#container #Coaching h1, 
#container #Projects h1, 
#container #Contact h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


#container #About , #containerPG #About  {
	position:relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
	float: left;
	width: 850px;
}

#container #ProjectShow, #containerpg #ProjectShow {
	position:relative;
	height: auto;
	visibility: visible;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: right;
	width: 860px;
}

#container #ProjectsMain {
	visibility: visible;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 8px;
	float: right;
	width: 840px;
	clear: both;
	height: auto;
	}


#Projects {
	position:relative;
	padding-top: 0px;
	width:775px;
	padding-right: 13px;
	padding-left: 0px;
	float: right;
	margin-bottom: 12px;
	border-bottom-width: thin;
	border-bottom-color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 0px;

	}
#Projects tr td { font-size:12px;}	
	

#ProjLeft {
	font-size:12px;
	width:100px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	position: relative;
	text-align: left;
	border-right-width: 1px;
	border-right-style: groove;
	border-right-color: #999;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-right: 1px;
}



#containerPG  #mainContent #Contact { width:850px;float:right;} /*VERSION 3*/



#Contact img {margin-right: 20px;padding-right: 20px;} /*VERSION 3*/

#AboutMain a:link, #AboutMain a:visited {
	color:#333;
	text-decoration: underline; 
}




#container #AboutLeft h1, #container #AboutMain h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
}

#container #mainContent h2 {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	padding-left: 0px;
	display: inline;
	margin-top: 2px;
	padding-top: 2px;
}
/* ----------------------- ---------------------- ---------------*/
#container #Categories, #container #Coaching {
	clear: both;
	height: auto;
	width: 850px;
	padding: 5px;
	
}

#mainContent #HomeText {
	clear: both;
	height: auto;
	width: 550px;
	padding: 5px;
	float: left;
	position: relative;	
}


#PZone {
	height:150px;

}
#PZone:hover {
	height:150px;
	opacity: .8;
	background-color: #DED6C0;
}

.Projects:hover{
	opacity: .8;
	background-color: #DED6C0;
}
.Category:hover{
	opacity: .8;
	background-color: #DED6C0;
}

 #Categories p,  #Coaching p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	width: 830px;
}



#Categories img {
	padding-left:40px;
	margin-left:40px;
}
#Box3 {
	background-image: url(../images/bottom_boxes.jpg);
	background-repeat: no-repeat;
	height: 380px;
	width: 100%;
	padding: 0px;
	position: relative;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 12px;
	text-align: center;
}
#container #Box3 #Inner1 p a:link, #container #Box3 #Inner2 p a:link, #container #Box3 #Inner3 p a:link, #container #Box3 #Inner1 p a:visited, #container #Box3 #Inner2 p a:visited, #container #Box3 #Inner3 p a:visited {
	color: #FFF;
	text-decoration: none;
}
#container #Box3 #Inner1 p a:hover, #container #Box3 #Inner2 p a:hover, #container #Box3 #Inner3 p a:hover, #container #Box3 #Inner1 p a:active, #container #Box3 #Inner2 p a:active, #container #Box3 #Inner3 p a:active {
	color: #FFF;
	text-decoration: underline;
}
#Inner1 {
	width: 250px;
	height:378px;
	float:left;
	margin-right: 30px;
	margin-left: 15px;
}
#Inner2 {
	width: 276px;
	height:378px;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}
#Inner3 {
	width: 250px;
	height:378px;
	float:right;
	margin-right: 15px;
	margin-left: 8px;
}
#container #Box3 #Inner1 p, #container #Box3 #Inner2 p, #container #Box3 #Inner3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#container #Box3 #Inner1 h1, #container #Box3 #Inner2 h1, #container #Box3 #Inner3 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
	text-transform: uppercase;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #666;
	text-transform: uppercase;
	font-size: 36px;
}
#header h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #9CCE63;
}
#footer {
	height: 50px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 10px;
	text-align: center;
	clear: both;
	color: #666;
	position: relative;
	width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}

#footer-Page {
	height: 176px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 10px;
	text-align: center;
	clear: both;
	color: #666;
	position: relative;
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom:0px;
	margin-left: auto;
	background-image: url(/images/Footer-BG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBA36F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBA36F;
}



#footer tr td p, #footer tr td, #footer-Page tr td , #footer-Page tr td p { font-size:10px;}


#footer tr td a:link, #footer tr td a:visited , #footer-Page tr td a:link, #footer-Page tr td a:visited    {
 color:#996600; text-decoration:none;
}
#footer tr td  a:hover, #footer tr td a:active, #footer-Page tr td  a:hover, #footer-Page tr td a:active {
 color:#663300; text-decoration:underline; 

}

#footer p, #footer-Page P {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#container #About #AboutMain p,
#container #Categories p,
#container #Contact p{
	font-size: 13px;
	color: #333;
	margin: 0px;
	padding: 0px;
}


#container #Categories ul {
	font-size: 13px;
	color: #333;
}

#container #About #AboutMain ul {
	font-size: 13px;
	color: #333;
}

.shadow {
	height: 100%;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
}

.clear {
	clear: both;
}


h5 {
	font-size: 12px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
}

.imgRight {
	float:right;
 	margin-left: 24px;

}
.imgLeft {
	float:Left;
 	margin-right: 24px;

}

.ImageCat{
-moz-box-shadow: 3px 3px 3px #666;

-webkit-box-shadow: 3px 3px 3px #666;

box-shadow: 3px 3px 3px #666;}
#container #mainContent #ProjectShow h1 {
	padding-left: 14px;
}


/*JQ STYLE*/



/*** set the width and height to match your images **/

#slideshow { 
    padding:0;
	margin-left:15px;
	position:relative;
	height:475px;
	width: 720px; 
	background-color:#BBA36F; 
	float:left;
	margin-top: 6px;
	margin-bottom: 8px;
}
#slideshow img { padding:10px; 

}

#slideshow DIV {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height: 455px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 455px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}
body div table tr td strong {
	font-size: 12px;
}