/* CSS Document */

/**************************************************************************************************/
/*                                       PAGE LAYOUT CSS                                          */
/*                                   Written by Mohamed Issa                                      */
/**************************************************************************************************/


/*                                     Sytle For All page                                         */
/**************************************************************************************************/

body {
	background-color: #ffffff;
	margin-top: 0px; /*Butt up the page to the top of the browser window*/
}

.page {
	background-image: url(../images/bg_cork.jpg);
	background-repeat: repeat-y; /*BG Image repeats on the y axis*/

	width: 915px;
	
	/*Centre Justify the page*/
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 0px;
}

.fgHeader {
	margin-top: 0px;
	background-color: #ffffff;
}

.fgNav {
	margin-top: 0px;
	background-color: #ffffff;
}

#navHome {
	position: absolute;
	z-index: 1;
	left: 336px;
	top: 161px;
	background-image: url(../images/menu_bg_paper.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 298px;
	height: 275px;
	visibility: hidden;

	
}

 .mainContent {
	margin-right: 35px;
	padding: 5px;
}

 .qLinks {
	margin-left: 35px;
	padding: 5px;
	padding-left: 5px;
	
}

.ql_content {
	background-image:  url("../content_images/content_menu_bg.gif");
	background-repeat: repeat-y;
	
	padding-left: 25px;
	padding-right: 25px;
}

.fgContainer {
	/*background-image: url(../images/bg_cork.jpg);*/
}

.fgFooter {
	margin-bottom: 0px;
	
}

/*This class determins the width of the colums*/
.clm01 {
	width: 300px;
	float: left;
}

.clm02 {
	width: 615px;
	float: left;
}


/*The following classes are preset heights for the colums*/
.v01 {height:100px;}
.v02 {height:200px;}
.v03 {height:300px;}
.v04 {height:400px;}



 /*This class is used to force enclosing divs to stretch around floated divs*/
.footer{
	clear: both;
	background-color: #ffffff;
}



/*                                          Sytles by page                                         */
/**************************************************************************************************/


.home_content {
	background-image:  url("../content_images/a4_page_bg.gif");
	background-repeat: repeat-y;
	padding: 20px;
}


.project_content {
	background-image:  url("../content_images/rip_paper_bg.gif");
	padding-left: 20px;
	padding-right: 20px;
}