body {
	background-image: url('./img/bg.jpg');
	background-repeat: repeat-x;
	color: #000;
	background-color : #031932;
  	
}

body#layout-naked {
	background-image: none;
	background-color: White;
}

/* ---------- Block colors ----------- */

#container {
    background-image: url('./img/innerbg.jpg');
	background-repeat: repeat-y;
	background-position: top;
    color : black;
}

#header {
	background-image: url('./img/header.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	height: 360px;
}
#wrapper {
	position: relative;
	margin-top: 0px;
	color: #000;
}

#banner {
	background-image: url('./img/bannerbg.jpg');
	background-repeat: repeat-y;
	height:198px;
}

#banner-contact {
	position: absolute;
	display:block;
	top: 130px;
	left:10px;
	width: 150px;
	z-index: 2;
	font-family : Arial, Helvetica, sans-serif; 
	font-weight : bold; 
	font-size : 13px; 
}

#banner-topframe {
	position: absolute;
	right:180px;
	top: -20px;
	width: 220px;
	height:154px;
	z-index: 100;
}

#banner-btmframe {
	position: absolute;
	right:120px;
	top: 40px;
	width: 223px;
	height:143px;
	z-index: 100;
}

#banner-topframe {
	background-image: url('./img/topframe.png');
	background-repeat: no-repeat;
	display:block;
}

#banner-btmframe {
	background-image: url('./img/btmframe.png');
	background-repeat: no-repeat;
	display:block;
}

#banner-bottom {
	background-image: url('./img/bannerbottom.jpg');
	background-repeat: no-repeat;
}


#sub-menu {
	background-color: #a3bfd9;
}

#main-content {

}
#banner-image-pos {
	float: left;
	right: 0px;
	margin-top: -10px;
	width: 226px;
	z-index:1;
}

#banner-image-descript {
	float: left;
	left: 0px;
	padding-right: 32px;
	padding-left:10px;
	margin-top: 20px;
	width: 430px;
	z-index:1;
}

/* column  */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:980px;			/* width of whole page */
	/*overflow:hidden;		 This chops off any overhanging divs */
	margin-left: 10px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#f4f4f4;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#wrapper a {color: #000}
