/* main body markup */
HTML, BODY {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #000000;
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: 11px;
text-align: center;
}

/* position for the main container */
#container {
position: relative;
width: 688px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

/* position 'n markup for the header (top) frame */
#header {
position: relative;
width: 100%;
height: 80px;
}

#logo {
position: relative;
width: 350px;
height: 100%;
background-image: url("../images/typotycoon-logo.gif");
float: left;
border-bottom: 6px solid #048FEE;
margin-bottom: 3px;
}

#searchbar {
position: relative;
width: 338px;
height: 100%;
float: left;
border-bottom: 6px solid #048FEE;
}

	#searchbox {
	position: relative;
	width: 288px; /* actual 300 */
	height: 32px; /* actual 43 */
	float: right;
	margin-top: 27px;
	background-image: url("../images/searchbox.gif");
	padding-top: 11px;
	padding-left: 12px;
	}
	
	#go_button {
	border: 0; 
	width: 29px; 
	height: 18px; 
	margin-bottom: -6px !important;
	margin-left: 1px !important;
	margin-bottom: -4px;
	margin-left: -3px;
	}

#topmenu {
position: relative;
width: 100%;
height: 35px;
/* background-color: #D9D9D9; */
margin-bottom: 13px;
clear: both;
}

/* position 'n markup for the main (center) frame */
#main {
position: relative;
width: 100%;
height: 454px;
margin-top: 50px !important; /* for mozilla */
margin-top: 0px; /* for msie */
border-bottom: 6px solid #C0C0C0;
padding-bottom: 3px;
clear: both;
}

#leftcontent {
position: relative;
width: 147px; /* actual 163 */
height: 270px; /* actual 286 */
background-color: white;
background-image: url("../images/left.gif");
float: left;
margin-bottom: 7px;
padding: 8px;
}

#center {
position: relative;
width: 342px;
height: 286px;
background-color: white;
/*background-image: url("../images/bun_main.jpg");*/
float: left;
margin-left: 7px;
margin-right: 10px;
margin-bottom: 7px;
}

#rightcontent {
position: relative;
width: 150px; /* actual 166 */
height: 270px; /* actual 286 */
background-color: white;
background-image: url("../images/right.gif");
float: left;
margin-bottom: 7px;
padding: 8px;
}

#callus {
position: relative;
width: 147px; /* actual 163 */
height: 142px; /* actual 158 */
background-color: white;
float: left;
margin-right: 7px;
padding: 8px;
}

#box1 {
position: relative;
width: 166px;
height: 160px;
background-color: white;
/*background-image: url("../images/bun1.jpg");*/
float: left;
margin-right: 10px;
}

#box2 {
position: relative;
width: 166px;
height: 160px;
background-color: white;
/*background-image: url("../images/bun2.jpg");*/
float: left;
margin-right: 10px;
}

#box3 {
position: relative;
width: 166px;
height: 160px;
background-color: white;
/*background-image: url("../images/bun3.jpg");*/
float: left;
}

/* position 'n markup for the footer (lower) frame */
#footer {
position: relative;
width: 100%;
height: 50px;
clear: both;
text-align: center;
}

#footermenu {
position: relative;
width: 100%;
height: 25px; /* actual 35px */
padding-top: 10px;
}

#copyright {
position: relative;
width: 100%;
height: 15px;
}