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

body {
	position: relative;
	color: #000000;
	font-family: "Comic Sans MS", cursive;
	font-size: 100%;
	background-color: #EC1C24;
}

a img { /* this selector removes the default blue border displayed in some browswers around an image when it is surrounded by a link */
    border: none;
}

.pagewrapper {
	position: relative;
	height: 1014px;
	width: 1014px;
	margin: 0 auto;
	background-image: url(../assets/images/elegance.png);
	background-repeat: no-repeat;
}

.banner {
	position: relative;
	height: 206px;
	width: 1014px;
	margin: 0px;
}

.menubarwrapper {
	position: relative;
	float: left;
	margin: 0;
	height: 59px;
	width: 1014px;
}

.filler-left {
	position: relative;
	float: left;
	height: 59px;
	width: 244px;
}

.menubar {
	position:relative;
	float: left;
	height: 59px;
	width: 745px;
	margin: 0;
}

.filler-right {
	position: relative;
	float: left;
	height: 59px;
	width: 25px;
}

.mainwrapper {
	position: relative;
	float: left;
	margin: 0;
	height: 666px;
	width: 1014px;
}

.sidebar {
	position: relative;
	float: left;
	margin: 0;	
	height: 100%;
	width: 244px;
}

.maincontent {
	position: relative;
	float: right;
	margin: 0px;
	height: 100%;
	width: 770px;
}

.homewrapper {
	position: relative;
	float: left;
	margin: 0;
	height: 672px;
	width: 745px;
	background-image: url(../assets/images/homepage.png);
}

.footwraper {
	position: relative;
	clear: left;
	margin: 0;
	height: 84px;
	widows: 1014px;
}

.footleft {
	position: relative;
	float: left;
	margin: 0px;
	height: 84px;
	width: 25%;
}

.footer {
	float: left;
	margin: 0;
	height: 84px;
	width: 50%;
}

.footright {
	position: relative;
	float: left;
	margin: 0px;
	height: 84px;
	width: 25%;
}