/*
	Viddyworks Version 2
	Jody Iverson
	http://www.viddyworks.ca
	
	Green: 		#78A22F
	Grey:		#333333
	
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color: #333333; background: url(images/top_bg.png) repeat-x white; }
ul									{ list-style: none; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle;}
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatleft 							{ float: left; margin:10px 10px 0 0; }
.floatright							{ float: right; margin:10px 0 0 10px; }
.clear								{ clear: both; }

/*
	BODY STRUCTURE
*/

#page-wrap							{ width: 960px; margin: 0px auto -500px; min-height: 100%; height: auto !important; height: 100%; }
#push								{ height: 500px; }
#feature-bar						{ height: 257px; padding: 30px 0 ;}
#intro								{ width: 960px; padding-top:60px; }
#left-col							{ width: 450px; float: left; padding: 0 30px 60px 0; }					
#right-col							{ width: 450px; float: right; padding: 0 0 60px 30px; }


/*
	MENU
*/

#menu-bar							{ height: 33px; padding-top:24px; }

#main-nav							{ margin-bottom: 5px; }
ul#main-nav							{ width: auto; float: left; }
ul#main-nav	li						{ float:left; padding: 0 5px; }
ul#main-nav li a					{ color: #333333; font-style:normal; display: block; padding: 8px; text-decoration:none;  }
ul#main-nav li a:hover				{ background: #78A22F; color:#FFF; }

#extra-nav							{ margin-bottom: 5px; }
ul#extra-nav						{ width: auto; float: right; }
ul#extra-nav	li					{ float:left; padding: 0 10px; }
ul#extra-nav li a					{ color:#333333; font-style:normal; display: block; padding: 8px; text-decoration:none; }
ul#extra-nav li a:hover				{ background: #78A22F; color:#FFF; }

.current 							{ background: #78A22F; color:#FFF; }


/*
	TYPGROGRAPHY
*/
p									{ color:#333333; font-size: 1.6em; line-height: 1.5em; margin: 0 0 10px 0; }
li									{ font-size:1.6em;}
p span								{ color:#78A22F; font-weight:bold; font-style: italic;}
p#intro-paragraph					{ width:450px; font-size: 2.5em; font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; color: #FFF; float:left; padding-top:130px; }
p#intro-paragraph span				{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style:italic; color:#78A22F; }
a									{ color: #78A22F; }
a:hover								{ color:#333333; text-decoration:underline;}
h1									{ font-size: 4em; font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; color:#78A22F; }
h2									{ font-size: 3em; font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; color:#78A22F; margin-top:30px; } 
h3									{ font-size: 2em; font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; color:#78A22F; margin:10px 0; }
h4									{ font-size: 1.8em; font-family: Helvetica, Arial, Sans-Serif; font-weight:normal; color: #78A22F; margin-top:5px; }
h5									{ font-size: 2em; font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; color:#78A22F; margin-top:20px; }
.list								{ line-height:2.5em; }

/*
	FORMS
*/
input								{ padding: 3px; }




/*
	FOOTER
*/
#footer								{ height: 500px; background: url(images/footer_bg.png) repeat-x;  }
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: white; }

#footer-1							{ width: 450px; float: left; padding: 150px 30px 0 0; }					
#footer-2							{ width: 450px; float: right; padding-top: 150px; }


#footer a							{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color: #FFF; }
#footer ul							{ color: white; }