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

/*no margins or padding anywhere (I want to specify my own)*/
* {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
	width: 100%;
}

/*set the basic font and font size*/
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
#wrapper {
	width: 762px;
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
}
#banner {
	clear: both;
	height: 94px;
	list-style-type: none;
}
#banner li a {
	display: block;
}
/*set the size of the logo link*/
#banner .btnLogo a {
	height: 94px;
	width: 102px;
}
/*set the size of the other 3 banner links*/
#banner .btnWork a, #banner .btnHot a, #banner .btnMake a {
	height: 94px;
	width: 208px;
}
#banner .btnLogo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 94px;
	width: 102px;
}
/*the three banners are all the same size*/
#banner .btnWork, #banner .btnHot, #banner .btnMake {
	height: 94px;
	width: 208px;
	display:block;
	margin-left: 12px;
}
/*set the background images for each link*/
#banner .btnWork {
	background-image: url(../images/banner_01.gif);
}
#banner .btnHot {
	background-image: url(../images/banner_02.gif);
}
#banner .btnMake {
	background-image: url(../images/banner_03.gif);
}
#banner li {
	float: left;
}
#mainMenu {
	display: block;
	height: 24px;
	width: 762px;
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
}
/*remove bullets from the menuLinks unordered list*/
/*menuLinks replaces ul because it's the id of the ul tag*/
/*if there are other ul tags on page the css will be separate*/
#mainMenu #menuLinks {
	list-style-type: none;
	float:right;
}
#mainMenu #menuLinks li {
	display:inline;
	font-size: 70%;
	color:#5FB8CD;
	line-height: 24px;
}
#mainMenu #menuLinks a {
	color: #875988;
	text-decoration: none;
}
#mainMenu #menuLinks a:hover {
	color: #875988;
	text-decoration: underline;
}

/* Hides from IE Mac \*/
* html #content {
	height:1%;
}
#box/*contains the tiled vertical border dotted lines*/
 {
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-bottom: 6px;
	background-position: left top;
	background-image: url(../images/border_top_tall.gif);
}