/*
Anthony Gatehouse
http://adgatecreations.com

Dark Yellow: FFF2A6
Tan: #FFF8CE
Black: #000000

*/


/* RESET */


*			{ padding: 0;}
html		{overflow-y: scroll;
 			}

body 		{font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color:#000;
			background-color:#FFF;
		
			background-repeat: repeat;
			}
			
a			{outline: none; text-decoration: none; color: #09C;}
a:hover     {color: #333;}
a img		{border: none;}
img			{vertical-align: middle;}
table		{border-collapse:collapse;}





/* UTILITY */

.floatleft   {float: left;}
.floatright  {float: right;}
.clear		 {clear: both;}
.button      {border: 1px solid #272727; background: white;
              padding: 3px 8px;
			  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727;
}

.button:hover {background: #990000; color: white;}

.title {text-align:center;
color: #F0F;
font-size:18px;
}

.titleindex {text-align: center;
color: #F0F;
font-size: 15px;
}

.titleindex:hover {color: #F0F;}



/* STRUCTURE */

#page-wrap 		{
	width: 1000px; 
	margin:auto;
	min-height: 100%; 
	height: auto	 !important; 
	
	}
				
#push			{
	height: 5px;
	}

			
#pushtwo		{
	height: 10px;
	}
	
#pushthree		{
	height: 5px;
	}
	

	

/* HEADER */

#logo          {
	width: 200px;
	height: 200px; 
	background-repeat:no-repeat;
	background-position:left
	margin-left: 0px; 
	margin-right:0px;  				
	
	}
	
	
	
	#logoimage {
		margin-top:50px;
		width: 120px;
		height: 120px;
		margin-left:880px;
	
		background-image:url(Images/tonygatelogo.png);
		background-repeat:no-repeat;
		
		
	}
	
	 #logoimage a {
		  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
  
}
	
	
	#head         {
	width: 450px;
	height: 50px; 
	background-repeat:no-repeat;
	background-position:left;
	margin-top: -50px; 
	margin-right:0px;  		
	float:right;
	z-index: -1;
	}
	
	
	
	#headimage {
		
		width: 450px;
		height: 50px;
		z-index: -1;
	    margin-top: 35px;
		background-image:url(Images/tonygatehead.png);
		background-repeat:no-repeat;
		background-position:left;
		float:right;
		
	}
	
	
				
form#searchform {
	margin: 0 10px 10px 0; 
	float: right;}
	

#menubar     {
	margin-top:35px;
	width: 300px;
	height: 50px; 
	float: right; 
	color:#FFF; 
	background-color:#FFF	;
	
	
	}



ul#main-nav     {
	
	width: 500px;
	height: 23px; 
	float: left; 
	color:#FFF; 
	list-style-type: none;
	z-index:1;
	
	}
	
	

	
	
	
	
	ul#secondary-nav     {
	width: 319px;
	height: 25px; 
	margin: 0px 10px 0 0;  
	float: right; 
	color:#000; 
	list-style-type: none;
	}
	
	ul#secondary-nav li {display:inline;}

ul#secondary-nav li a {
	text-transform:uppercase; 
	color:#000; 
	font-size:12px;
	padding: 3px 8px; 
	}


ul#secondary-nav li a:hover {
	color:#FFF;
	background-color:#000}
	
	
/*Main*/

#maincontent  {
	float:none
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
  	width: 700px; 
	margin-left: 150px;
	margin-right:150px;
    margin-top: 20px;
	font-size: 12px;

}


#contenthold 	{width: 700px;
				height: 400px;
				margin-right:15px;
				margin-left: 15px;}


/*Sidebars*/


	 
	
	 
	  #about {
		 
		
		 width: 105px;
		 height: 30px;
		 margin-left:70px;
		 background-image:url(Images/aboutblack.png);
		 background-repeat:no-repeat;
		 
	 }
	 
	  #about a {
		  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
  
}


  

	
	 
	  #work {
		  
		 width: 105px;
		 height: 30px;
		 margin-left:140px;
		 margin-top: -30px;
		 background-image:url(Images/workblack.png);
		 background-repeat:no-repeat;
		 
	 }
	 
	 
	  #work a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
} 
	 
	 
	 
	 
	 #contact {
		 
	
		 margin-left: 210px;
		 margin-top:-30px;
		 width: 105px;
		 height: 30px;
		 background-image:url(Images/contactblack.png);
		 background-repeat:no-repeat;
		 
	 }
	 
	 
	  #contact a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}



 


/*footer*/

footer     
	width: 955px; 
	height: 40px; 
	background-color:#FFF;
	padding-top: 0px; 
	
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	}

footerinside   
	width: 960px;
	margin-right: 10px;}
	
footercontact 
	width: 200px;
	height: 50px;
	float:left;
	margin-left: 10px;}






