/*---------------------------------

version: 1.0
author: Jamie Knight
contact: jamie@jkg3.com

Please feel free to learn from this code. Do not copy this code in whole, if you wish for a copy of this code, or any explanation plese contact me at the above adress. 
----------------------------------*/


/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

a { outline:none; }

#magic {

	border:0px;
	
	} 

/* Basics
-----------------------------------------------*/

body {

	width:728px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/mainbg.jpg) top right repeat-y;
	font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	color:#333333;
	line-height:1.4em;
	font-size:14px;
	

	

}

html {

	margin:0px;
	padding:0px;
	background:url(../images/bgtexture.jpg) top right;
	
	}
	
h2, h3 {

	font-weight:100;
	
	}


/* branding
-----------------------------------------------*/

#branding {

	margin:0px;
	background: url(../images/branding2.jpg) top right  no-repeat;
	margin-left:auto;
	margin-right:auto;
	height:192px;
	
}

#branding h1 {

	height:80px;
	width:728px;
	padding:0px;
	margin:0px;
	text-indent:-5000px;


}



/* content
-----------------------------------------------*/

#content {

	width:728px;
	background:url(../images/footerbg.jpg) bottom right no-repeat;
	padding:0px;
	margin:0px;
	padding-bottom:60px;
	margin-top:-117px;

	
	}

#mainContent {

	width:460px;
	margin-left:45px;
	padding-top:65px;
	
	}
	
#subContent {

	width:230px;
	
	}
	

a, a:visited {

	color:#FF9900;
	text-decoration:none;
		
	}
		
a:hover {
	
	color:#999999;
		
	}
	

	
/* navigation
-----------------------------------------------*/

#navigation {

	float:right;
	width:195px;
	
	}
	
#navigation li {

	list-style-type:none;
	text-indent:-5000px;
	width:195px;
	padding:0px;
	margin:0px;
	
	}
	
#navigation #home {

	height:101px;
	
	}
	
#home a {

	background: url(../images/homeInactive.gif) left top no-repeat;
	display:block;
	height:101px;
	padding:0px;
	margin:0px;
	
	}

#navigation #work {

	height:114px;
	
	}
	
#work a {

	background: url(../images/ourworkInactive.gif) left top no-repeat;
	display:block;
	height:114px;
	padding:0px;
	margin:0px;
	
	}
	
#navigation #links {

	height:76px;
	
	}
	
#links a {

	background: url(../images/linksInactive.gif) left top no-repeat;
	display:block;
	height:76px;
	padding:0px;
	margin:0px;
	
	}
	
#navigation #contact {

	height:100px;
	
	}
	
#contact a {

	background: url(../images/contactInactive.gif) left top no-repeat;
	display:block;
	height:100px;
	padding:0px;
	margin:0px;
	
	}