@charset "utf-8";
/* CSS Document */

body{
  margin:0 auto;
  padding:0;
  /*background-image:url('images/rough_grey.jpg');*/
  background-position:top;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-color:#CCC;

}
.clr{clear:both}

#header {
	display:block;	
	width: 900px ;
	height:170px;
	margin-left: auto ;
	margin-right: auto ;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header h1 {
	font-size:48px;	
	
}

#menu{
	display:block;
	width: 880px ;
	height:50px;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:#242424;
	border-radius:5px;
	padding-left:20px;
}

#menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;

}

#menu li{
	display:inline;
	margin-right:15px;
}

#menu a:link,a:visited{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
	padding:6px;
	text-decoration:none;

}
#menu a:hover,a:active{
	background-color:#D96C00;
	border-radius:5px;
}
a.current {
	background-color:#D96C00;
	border-radius:5px;	
}

#slideshow{
	width: 905px;
	height:500px;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: 10px;
}
#main{

	width: 870px;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#FFF;
	padding:25px;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#footer {
	display:block;
	width:800px;
	height:50px;
	margin:auto;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	
}


/*---------------------INDEX PAGE --------------------*/
#main-home{

	width: 905px;
	height:550px;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
#main-home a{
		color:#000;
}
#main-home a:active{
		outline:none;
		text-decoration:none;
}
#mainleft{
	width:220px;
	height:270px;
	float:left;
	margin:8px;
	padding-left:30px;
	padding-right:30px;

/*	background-color:#CCCCCC;*/
	border-radius:10px;
	border:1px solid #CCC;
}
.about {
	background-image:url('images/background-home-light.jpg');
}
.about:hover {
	background-image:url('images/background-home-dark.jpg');
}
.what {
	background-image:url('images/background-cog-light.jpg');
}
.what:hover {
	background-image:url('images/background-cog-dark.jpg');
}
.for {
	background-image:url('images/background-for-light.jpg');
}
.for:hover {
		background-image:url('images/background-for-dark.jpg');
}
#links-container {
	width:900px;
	height:280px;
}

#mainleft h1{
	font-size:36px;
}

#mainleft p{
	font-size:18px;
}

#mainblurb {
	width:865px;
	margin-bottom:10px;
	padding:10px;
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
	
}
#mainblurb h2 {
	font-size:26px;
	font-weight:lighter;
	text-transform: uppercase;
	
}
#mainblurb small{
	font-size:16px;
	font-weight:lighter;
	text-transform: none;
	
}
/* ----------- CONTACT PAGE --------------------------*/
#contactmain{
	width: 895px;
	height:650px;
}
#contactleft{
	width:445px;
	height:470px;
	float:left;
}
.inputtext{ 
	border:hidden;
	background:#CCC;
	color:#000; 
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:330px;
}
.submit_button{
width:150px;
background:#fff;
color:#000;
height:30px;

}
.submit_button:hover {

background:#FFC891;
color:#FFF;
}

#contactleft textarea {
	border:hidden;
	background:#CCC; 
	color:#000; 
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:330px;
	height:100px;
}

#contactright{
	width:400px;
	height:460px;
	float:left;
	margin-left:10px;
	text-align:center;
	padding:5px;
}

#contactbottom{
	margin-top:10px;
	width:850px;

	float:left;

}