/*
Theme Name: Fretwork Tech
Theme URI: http://www.fretworktech.com
Description: Custom WordPress theme for Fretwork Tech
Version: 1.0
Author: Derek Ashauer, ashwebstudio
*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #dcdcdc url(_images/bg.jpg) center top repeat-x;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 14px;
    color: #000;
    line-height: 22px;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table, #wrapcentre ul {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #ff9800;
    text-decoration: underline;
}
a:hover, a:active {
    color: #fec46e;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

img.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
img.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */
#wrapper {
	width: 920px;
	margin: 0 auto 30px auto;
	text-align: left;
	background: #FFF url(_images/wrapper.jpg) 0 0 repeat-y;
}
#container { background: transparent url(_images/top.jpg) 0 0 no-repeat; }

#main {
	background: transparent url(_images/main.gif) 10px 0 no-repeat;
	padding: 25px 0 0 0;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 129px;
}
	#top img#logo {
		float: left;
		margin: 38px 0 0 40px;
		display: inline;
	}

	/* MENU */
	#menu {
		background: url(_images/menu.gif) 0 0 no-repeat;
		width: 500px;		/* Width of entire image */ 
		height: 64px;		/* Height of buttons */
		float: right;
		margin: 35px 40px 0 0;
		display: inline;
	}
	#menu span {
		display: none;
	}
	#menu li, #menu a {
		height: 64px;		/* Each button must have the same height, define it here */ 
		display: block;
	}
	#menu li {
		float: left;
		list-style: none;
		_display: inline;		/* fixes IE/Win double margin float bug (safe) */
	}

	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-01	{ width: 75px; }
	#menu-02 	{ width: 93px; }
	#menu-03 	{ width: 97px; }
	#menu-04 	{ width: 94px; }
	#menu-05	{ width: 78px; }
	#menu-06 	{ width: 63px; }

	/* Changed values should match sum of "width" numbers specified above */ 
	#menu-01 a:hover	{ background: transparent url(_images/menu.gif) 0px -64px no-repeat; }
	#menu-02 a:hover	{ background: transparent url(_images/menu.gif) -75px -64px no-repeat; }
	#menu-03 a:hover	{ background: transparent url(_images/menu.gif) -168px -64px no-repeat; }
	#menu-04 a:hover	{ background: transparent url(_images/menu.gif) -265px -64px no-repeat; }
	#menu-05 a:hover	{ background: transparent url(_images/menu.gif) -359px -64px no-repeat; }
	#menu-06 a:hover	{ background: transparent url(_images/menu.gif) -437px -64px no-repeat; }
	
/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#banner {
	width: 900px;
	margin: 0 0 0 10px;
	height: 319px;
	background: transparent url(_images/banner.jpg) center top no-repeat;
}

#home #content {
	width: 430px;
	float: left;
	margin: 0 0 0 50px;
	display: inline;
}
	/*
	#home #content h1 {
		height: 50px;
		background: transparent url(_images/welcome-header.gif) 0 0 no-repeat;
		text-indent: -3000px;
	}
	*/

#buttons {
	width: 363px;
	float: right;
	margin: 0 10px 0 0;
	background: url(_images/buttons.gif) top left no-repeat;
	height: 300px;
}
	#buttons li span { display: none; }
	#buttons li {
		float: left;
		list-style: none;
	}
	#buttons li, #buttons a { 
		height: 100px;			/* Each button must have the same height, define it here */
		display: block;
		text-align: left;
	}

	/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
	* html #buttons li { height:1% }
	/* End */

	/* Increments of each button height defined above */
	#button1 { top:   0px }
	#button2 { top:  100px }
	#button3 { top:  200px }

	/* width set here should be same width set in #menu */
	#button1, #button2, #button3 { left: 0px; width: 363px; }

	/* Changed values should match "top" numbers specified above */
	#button1 a:hover { background: transparent url(_images/buttons.gif) -363px   -0px no-repeat; }
	#button2 a:hover { background: transparent url(_images/buttons.gif) -363px  -100px no-repeat; }
	#button3 a:hover { background: transparent url(_images/buttons.gif) -363px  -200px no-repeat; }

#sponsors {
	margin: 20px 0 0 50px;
}

/* ----------------------------------- */
/* SUB
/* ----------------------------------- */
#header {
	height: 117px;
	margin: 0 0 0 10px;
}
	#header.services { background: transparent url(_images/header-services.jpg) 0 0 no-repeat; }
	#header.research { background: transparent url(_images/header-research.jpg) 0 0 no-repeat; }
	#header.partners { background: transparent url(_images/header-partners.jpg) 0 0 no-repeat; }
	#header.about { background: transparent url(_images/header-about.jpg) 0 0 no-repeat; }
	#header.contact { background: transparent url(_images/header-contact.jpg) 0 0 no-repeat; }
	
#sub #content {
	width: 545px;
	float: left;
	margin: 0 0 0 50px;
}
	#content li {
		margin-left: 25px;
	}
	#content h1 {
		background: transparent url(_images/icon.gif) 0 0 no-repeat;
		padding: 0 0 4px 33px;
		border-bottom: 1px solid #e1e1e1;
		font-size: 22px;
		line-height: 26px;
		font-weight: normal;
		color: #ff9800;
	}
	#content h2 {
		font-size: 18px;
		font-weight: normal;
	}

#sub #side {
	width: 242px;
	float: right;
	margin: 0 50px 0 0;
}
	#buttons-sub {
		width: 242px;
		background: url(_images/buttons2.gif) top left no-repeat;
		height: 210px;
	}
		#buttons-sub li span { display: none; }
		#buttons-sub li {
			float: left;
			list-style: none;
		}
		#buttons-sub li, #buttons-sub a { 
			height: 70px;			/* Each button must have the same height, define it here */
			display: block;
			text-align: left;
		}

		/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
		* html #buttons-sub li { height:1% }
		/* End */

		/* Increments of each button height defined above */
		#button-sub1 { top:   0px }
		#button-sub2 { top:  70px }
		#button-sub3 { top:  140px }

		/* width set here should be same width set in #menu */
		#button-sub1, #button-sub2, #button-sub3 { left: 0px; width: 242px; }

		/* Changed values should match "top" numbers specified above */
		#button-sub1 a:hover { background: transparent url(_images/buttons2.gif) -242px   -0px no-repeat; }
		#button-sub2 a:hover { background: transparent url(_images/buttons2.gif) -242px  -70px no-repeat; }
		#button-sub3 a:hover { background: transparent url(_images/buttons2.gif) -242px  -140px no-repeat; }

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	margin: 25px 0 0 0;
	padding: 0 50px 30px 50px;
	background: transparent url(_images/footer.jpg) left bottom no-repeat;
}
	#footer p, #footer a {
		color: #acacac;
		font-size: 12px;
	}
	#footer p {
		border-top: 1px solid #f3f3f3;
		padding: 5px 0 0 0;
	}