/***************************************************
  Kingsway Design - Layout and Style Definitions
  Copyright© 2008 Kingsway Design
  Developed by Apollo Internet Media
  Justin Kercher - 20/02/2008
  Version: 1.0a
***************************************************/

body {
	background-color: #221E1F;
	font-family: verdana;
	font-size: 1.0em;
}

/***************************************************
	Misc CSS Classes and Styles
***************************************************/
.breaker {
	clear: both;
}

.padding5 {
	padding: 5px;
}

.orange {
	color: #FF9900;
}

h1 {
	font-size: 1.8em;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.4em;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

/***************************************************
	CSS Layout Layer Definitions and Classes
***************************************************/
#frame {
	width: 992px;
	text-align: left;
}

#header {
	background-image:url(../images/black/header.jpg);
	background-repeat: no-repeat;
	height: 223px;
}

	/********************************
		 Menu Bar Classes
	*********************************/

#menubar {
	height:	25px;
	line-height: 24px;
	vertical-align: middle;
	margin-bottom: 10px;
	text-align:center;
	font-weight: bold;
}
	#menubarleft {
		background-image: url(../images/black/menu_left.jpg);
		background-repeat: no-repeat;
		height: 25px;
		width: 8px;
		float: left;
		clear: none;
	}
	
	#menubarright {
		background-image: url(../images/black/menu_right.jpg);
		background-repeat: no-repeat;
		height: 25px;
		width: 8px;
		float: left;
		clear: none;
	}
	
	#menubarmain {
		background-image: url(../images/black/menu_tie.jpg);
		background-repeat: repeat-x;
		height: 25px;
		width: 976px;
		float: left;
		clear: none;
		line-height: 24px;
		vertical-align: middle;
		color: #ffffff;
	}
	
	#menubarmain a {
		width: 110px;
		display: block;
		float: left;
		clear: none;
		color:#333333;
		text-decoration: none;
		text-align:center;
		font-size: 0.8em;
	}
	
	#menubarmain a:hover {
		color: #ffffff;
	}
	
	#menubarmain .seperator {
		background-image: url(../images/black/menu_sep.jpg);
		background-repeat: no-repeat;
		background-position: right;
	}
	
/********************************
	Main Content Container
*********************************/
	
#parentcontent { margin-top: 10px; }
	
/********************************
	Side Bars Classes
*********************************/
.sidemenu {
	width: 156px;
	float: left;
	clear: none;
}

	.sidemenu a {
		color:#999999;
	}
	
	.sidemenu a:hover {
		color: #ffffff;
	}

	.sidemenu .sidetop {
		background-image:url(../images/black/bl_side_top.jpg);
		background-repeat: no-repeat;
		background-color:#000000;
		height: 6px;
		overflow: hidden; /* required for IE6 height issue of divs */
	}

	.sidemenu .sidebottom {
		background-image:url(../images/black/bl_side_bottom.jpg);
		background-repeat: no-repeat;
		background-color:#000000;
		height: 6px;
		clear: both;
		overflow: hidden; /* required for IE6 height issue of divs */
		margin-bottom: 5px;
	}
	
	.sidemenu .sidemain {
		background-image: url(../images/black/bl_side_tile.jpg);
		background-repeat: repeat-y;
		font-size: 0.75em;
		color: #ffffff;
	}
	
	.sidemenu .sidemain p {
		margin: 0px;
		font-size: 0.75em;
	}
	
	.sidemenu li {
		font-size:0.75em;
	}
	
	/********************************
		Side Button Classes
	*********************************/
	.sidemenu .button {
		position: relative;
		left: 2px;
		height: 26px;
		width: 152px;
		background-image:url(../images/black/bl_side_button.jpg);
		background-repeat: no-repeat;
		line-height: 25px;
		color: #ffffff;
		font-size:1.0em;
		display: block;
		text-align: center;
		vertical-align:middle;
		text-decoration: none;
		font-weight: bold;
	}
	
	.sidemenu .buttonheader {
		position: relative;
		left: 2px;
		top: -4px;
		height: 26px;
		width: 152px;
		background-image:url(../images/black/bl_side_button.jpg);
		background-repeat: no-repeat;
		line-height: 25px;
		color: #ffffff;
		font-size:1.0em;
		display: block;
		text-align: left;
		vertical-align:middle;
		text-decoration: none;
		font-weight: bold;
		padding-left: 6px;
	}
	
	.sidemenu .button2 {
		position: relative;
		display: block;
		left: 2px;
		top: -4px;
		height: 24px;
		width: 152px;
		background-image: url(../images/black/bl_side_button2_off.jpg);
		background-repeat: no-repeat;
		color: #333333;		
		line-height: 22px;
		vertical-align: middle;
		text-decoration: none;
		text-align:center;
		font-size: 0.8em;
		font-weight: bold;
	}
	
	.sidemenu .button2:hover {
		background-image: url(../images/black/bl_side_button2_on.jpg);
		color: #ffffff;
	}
	
/********************************
	Center Column (Content)
*********************************/

#main {
	width: 670px;
	float: left;
	clear: none;
	margin: 0px 5px 0px 5px;
}

	#main .maintop {
		background-image:url(../images/black/bl_main_top.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		height: 6px;
		overflow: hidden; /* required for IE6 height issue of divs */
	}
	
	#main .mainbottom {
		background-image:url(../images/black/bl_main_bottom.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		height: 6px;
		overflow: hidden; /* required for IE6 height issue of divs */
	}
	
	#main .maincontent {
		background-image:url(../images/black/bl_main_tile.jpg);		
		background-position: top center;		
		background-repeat: repeat-y;
		color: #ffffff;
		font-size: 0.7em;
	}
	
	#main .maincontent p {
		margin-bottom: 0px;
	}
	
	#main a {
		color: #ffffff;
	}
	
	#main a:hover {
		color: #999999;
	}
	
	.logobox {
		float: left;
		clear: none;
		width:  221px;
		height: 129px;
		margin: 1px;
		cursor: pointer;
	}
	
		.kingsway {
			background-image:url(../images/black/kingswaybox.jpg);
			background-repeat: no-repeat;
		}
	
		.marine {
			background-image:url(../images/black/marinemarketing.jpg);
			background-repeat: no-repeat;
		}
		
		.barcode {
			background-image:url(../images/black/barcodebox.jpg);
			background-repeat: no-repeat;
		}
	
	.portfoliopanel {
		background-image:url(../images/black/portfoliopanel.jpg);
		background-repeat: no-repeat;
		height: 390px;
		line-height: 370px;
		vertical-align:middle;
		text-align: center;
		overflow: hidden;
	}
	
	.clientInfo {
		float: right;
		clear: none;
		width: 328px;
		margin-left: 20px;
	}
	
	.clientInfoTop {
		background-image:url(../images/white/clienttop.jpg);
		background-repeat: no-repeat;
		height: 8px;
	}
	
	.clientInfoBottom {
		background-image: url(../images/white/clientboxbottom.jpg);
		background-repeat: no-repeat;
		height: 8px;
	}
	
	.clientInfoMiddle {
		background-image: url(../images/white/clientboxmiddl.jpg);
	}
	
	.portfolioNav {
		position: relative;
		z-index: 10;
		height: 32px;
		top: 350px;
	}
	
	.maincolumn {
		text-align:left;
		float: left;
		clear: none;
		width: 320px;
		color: #666666;
		margin: 3px;
	}
	
	.colboxtop {
		background-image:url(../images/colboxtop.jpg);
		background-repeat: no-repeat;
		height: 7px;
	}
	
	.colboxmain, .smallcolboxmain {
		background-color: #E7E7E7;
	}
	
	.colboxbottom {
		background-image:url(../images/colboxbottom.jpg);
		background-repeat: no-repeat;
		height: 7px;
	}	
	
	.smallcolboxtop {
		height: 7px;
		background-image:url(../images/small_colboxtop.jpg);
		background-repeat: no-repeat;
	}
	
	.smallcolboxbottom {
		height: 7px;
		background-image:url(../images/small_colboxbottom.jpg);
		background-repeat: no-repeat;
	}