/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Art Armstrong [art@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 
	@import "_tables.css";


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	background-color: #FFF;
	margin: 0; padding: 0;	
}


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div {
	background: #FFF url(../img/bg/bg.jpeg) repeat-x;
	}

#header-div h1 {
	padding: 0 0 0 20px;
	margin: 0;
	}

#header-div h1 a {
	color: #E2F5D8;
	font-size: 26px;
	font-weight: bold;
	line-height: 60px;
	text-decoration: none;
}
	
/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav {
	background: #FFF url(../img/nav/main-nav-bg.png) repeat-x;
	width: 960px;
	overflow: hidden;
	padding: 0;
	}

#main-nav a, #main-nav ul, #main-nav li {
	font-size: 13px; 
	line-height: 20px; 
	text-transform: uppercase; 
	font-weight: normal;
	}

#main-nav a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 0 5px; padding: 5px 10px; 
	width: auto; 
	overflow: hidden;
	color: #FFF; 
	font-weight: normal;
	}

#main-nav a:link, #main-nav a:visited 	{ color: #FFF;  }
#main-nav a:active, #main-nav a:hover 	{ 
	background-color: #6EDF9D; 
	color: #000; 
	font-weight: bold;
	}

#main-nav ul#main-nav-left { 
	display: inline; 
	margin: 0; padding: 0; 
	float: left;
	}

#main-nav ul#main-nav-right { 
	display: inline; 
	margin: 0; padding: 0; 
	float: right;
	}

#main-nav ul li {
	display: inline; 
	list-style-type: none;
	margin: 0; padding: 0 0px; 
	}	

body#home-section #nav-one 			a { background-color: #353535; color: #ff9200; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; }
body#about-section #nav-two 		a { background-color: #353535; color: #ff9200; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000;}
body#work-section #nav-three 		a { background-color: #353535; color: #ff9200; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000;}
body#contact-section #nav-four 		a { background-color: #353535; color: #ff9200; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000;}


/* Right Column Content Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#right-col-div { 
	background-color: #FFF; 
	margin: 4px;
	}

#right-col-div h3 {
	font-size: 20px; color: #333333;
	border-bottom: 1px solid #D9D9D9;  
	margin: 0 0 10px 0; padding: 7px 0;
	}

#right-col-div p { margin: 0; padding: 5px 10px; font-size: 12px;  }
#right-col-div ul { margin: 5px 0px 5px 25px; font-size: 12px;   }


/* Left Column Content Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#left-col-div { 
	border-right: 1px solid #003300;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

#left-col-div ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
}

/* Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer-div {
	background: #FFF url(../img/bg/footer-bg.png) repeat-x;
	vertical-align: middle;
	text-align: center;
}

#footer-div p {
	color: #E2F5D8;
	font-size: 12px;
	padding: 30px 0 0 0;
}

#footer-div a {
	color: #E2F5D8;
	text-decoration: underline;
}

	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; }