/* CSS Document */

/*	Description: WOOD_PRO_DECKING WESITE STYLE SHEET
	Author: Margaret Grobler
	Date: 16 April, 2007 
	Updated: 17 March, 2009*/

	/* === === === === === === === === === === === === === === === === === === === === === === === general parameters start*/
* {
	margin: 0;
    padding: 0;
}

body 
{
	background: #000 url(images/bottom-bg.jpg) no-repeat fixed 50% 100%;
    font: 13px/155% Arial, Helvetica, sans-serif;
	letter-spacing: 0.6px;
    color: #FFF;
	text-align:center;	
	height: 100%;
}

#clear
{
	clear:both;
}
		/* === === === ===  main container divs defined */

#background_container
{ 
	background: url(images/top-bg.gif) no-repeat 50% 0;
	margin:0pt auto;
	padding:0pt;
	height: 155px;
	padding-right: 3px;
}

#content_container
{ 
	width:760px;
	min-height:100%;
	height:auto !important;
	margin:0pt auto;
	text-align: left;
	background-color: #292623;
}

p
{
	margin-bottom:8px;
	text-align: justify;
}

img
{
	border: none;
	margin: 16px 20px 20px 0;
}

a
{
	text-decoration: none;
}

a:link 
{
	color:#c6a179;
}

a:hover
{
	color:#c57543;
}

a:active
{
	color:#c6a179;
}

a:visited 
{
	color:#FFF;
}

	/* general parameters end === === === === === === === === === === === === === === === === === === === === === === ==== */
	
	/* === === === === === === === === === === === === === === === === === === === === === === ===  === ===  headings start*/

h1
{
	background: transparent url(images/wood-pro.gif) no-repeat 0 0;
	height: 82px;
	width: 307px;
	float: left;
	text-indent: -1000px;
}	

h2
{
	background: transparent url(images/decking-h2.gif) no-repeat 0 0;
	height: 33px;
	width: 760px;
	float: left;
	text-indent: -2000px;
}
	
	/* headings end === === === === === === === === === === === === === === === === === === === === === ===  === === == */
	
	/* === === === === === === === === === === === === === === === === === === === === === === ===  === ===  topnav starts*/

ul#topnav
{
	height: 40px;
	padding-top: 42px;
	width: 453;
	float: right;
	background: url(images/nav-bg.gif) no-repeat 0 0;
	background-color: #000;

}

ul#topnav li
{
	text-decoration: none;
	display: inline;
	float: left;
}	

ul#topnav li a
{
	background: transparent url(images/nav-upstate.gif) no-repeat 0 0;
	width: 113px;
	height: 20px;
	display:block;
	padding:10px 0;
	text-decoration:none;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

ul#topnav li a:link
{
	color: #FFFFFF;
}

ul#topnav li a:hover
{
	background: transparent url(images/nav-overstate.gif) no-repeat 0 0;
	color:#c6a179;
}

	/* topnav ends === === === === === === === === === === === === === === === === === === === === === ===  === === == */
	
	/* === === === === === === === === === === === === === === === === === === === === === === ===  === ===  content starts*/
	
#content
{
	background-color: #292623;
	width: 670px;
	padding: 25px 45px;
	float: left;
}

span
{
	display: none;
}

h3#services
{
	background: transparent url(images/heading-services.gif) no-repeat 0 0;
	width: 98px;
	height: 18px;
	margin: 20px 20px 20px 0;
}

ul#services
{
	margin-left: 50px;
	list-style-image: url(images/bullet.gif); 
}

ul#services li
{
	height: 22px;
}

h3#courses
{
	background: transparent url(images/heading-courses.gif) no-repeat 0 0;
	height: 18px;
	width: 494px;
	margin: 30px 20px 20px 0;
}

p a#tocourses
{
	color: #c6a179;
}

p a#tocourses:hover
{
	color: #c57543;
}

#gallery
{
	background-color: #292623;
	width: 670px;
	padding: 25px 45px;
	float: left;
}

#gallery img
{
	margin: 16px 22px 16px 0;
	float: left;
}

#gallery img.right
{
	margin-right: 0;
}

#gallery img.staircases
{
	margin-right: 20px;
}

h2#courses
{
	background: transparent url(images/heading-courses.gif) no-repeat 0 0;
	height: 18px;
	width: 494px;
	margin: 10px 20px 20px 0;
	float: none;
}

p#jump
{
	margin: 0 20px 40px 0;
	float: left;
}

ul#courselinks
{
	list-style-type: none;
	float: left;
}

ul#courselinks li
{
	margin-right: 5px;
	float: left;
}

ul#courselinks li a
{
	text-decoration: underline;
	color: #ffffff;
}

ul#courselinks li a:hover
{
	color: #c6a179;
}

h3.courseinfo
{
	clear: both;
	margin: 40px 0 15px 0;
	color: #c6a179;
	text-transform: uppercase;
	font-size: 14px;
}

h4
{
	margin: 20px 0 15px 0;
	font-size: 14px;
}

ul#startdate
{
	list-style-type: none;
	margin: 0 30px 20px 0;
	float: left;
}

ul#enddate
{
	list-style-type: none;
	margin-bottom: 20px;
}

b
{
	color: #c6a179;
}

li.head
{
	margin-bottom: 5px;
	color: #c6a179;
}

h3#contact
{
	background: transparent url(images/heading-contact.gif) no-repeat 0 0;
	width: 123px;
	height: 18px;
	margin: 16px 20px 20px 0;
}

#courseimg img.right
{
	margin-right: 0;
}

#courseimg img.staircases
{
	margin-right: 20px;
	float: left;
}

ul#courseschedule
{
	margin: 0 0 20px 50px;
}

ul#courseschedule li
{
	height: 22px;
	list-style-type: none;
}

ul#courseschedule li.schedule
{
	height: 22px;
	list-style-image: url(images/bullet.gif);
	text-decoration: underline;
}

a.target
{
	color: #c6a179;
}

ul#subnav
{
	list-style:none;
	margin-bottom:30px;
}

ul#subnav li
{
	float:left;
	padding-right:30px;
	font-size:115%;
}

ul#subnav a.active
{
	text-decoration:underline;
	color:#FFF;
}

ul#subnav li a
{
	color:#a28363;
}

ul#subnav li a.visited
{
	color:#a28363;
}
	/* content ends === === === === === === === === === === === === === === === === === === === === === ===  === === == */
	
	/* === === === === === === === === === === === === === === === === === === === === === === ===  === ===  footer starts*/
	
#footer
{
	background-color: #403228;
	border-top: 1px solid #c57340;
	border-bottom: 2px solid #292623;
	width: 760px;
	height: 33px;
	clear: left;
}

#footer p
{
	font-size: 11px;
	text-align: center;
	padding-top: 8px;
}

	/* footer ends === === === === === === === === === === === === === === === === === === === === === ===  === === == */