* {
margin: 0;
padding: 0;
}

#wrapper{
	width: 1010px;
	margin: 20px auto;
	text-align: left;
	position: relative;
}

body {
	color: #000;
	font-size: small;
}

#header {
        width:100%;
		height: 210px;
		background: url(../images/layout/jack-banner.jpg) no-repeat top center;
    }

	/* 'widths' sub menu */
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#f0f0f0;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#f0f0f0;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 50px 0 200px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:230px;
        position:relative;
        left:203px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
    }
    #footer p {
        padding:10px;
        margin:0;
    }



.box-t {background: #e8e8e8 url(../images/layout/box-t.gif) 0 0 repeat-x;}
.box-b {background: url(../images/layout/box-b.gif) 0 100% repeat-x}
.box-l {background: url(../images/layout/box-l.gif) 0 0 repeat-y;}
.box-r {background: url(../images/layout/box-r.gif) 100% 0 repeat-y}
.box-bl {background: url(../images/layout/box-bl.gif) 0 100% no-repeat}
.box-br {background: url(../images/layout/box-br.gif) 100% 100% no-repeat}
.box-tl {background: url(../images/layout/box-tl.gif) 0 0 no-repeat}
.box-tr {background: url(../images/layout/box-tr.gif) 100% 0 no-repeat; padding:15px;} 

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../images/layout/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/layout/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/layout/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 15px 30px 5px;
	color: white; 
	font-weight: normal; 
	font-size: 1.4em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/layout/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 15px 31px;
}


div#search {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 315px;
	height: 50px;
	background: url('../images/layout/searchbar.gif') no-repeat left;
}

input#searchdata {
	width:182px;
	height: 50px;
	background: transparent;
	border: 0;
	float:left;
	font-size: 100%;
	font-weight: bold;
	padding-left:15px;
}

input#submitsearch {
	width:109px;
	height: 50px;
	background: url('../images/layout/searchbutton.gif') no-repeat left;
	border: 0;
	float:left;
}