@charset "UTF-8";

/* style rules for the main page layout */
body
	{
		background-image: url(../layoutImages/backgroundQs.jpg);
		background-repeat: repeat;
		margin: 0; 
		padding: 0;
		text-align: center; 
		color: #000000;
	}

#container 
	{
		width: 960px;  /* width of the page container, this is the full fixed width page */
		background-image: url(../layoutImages/bottomContactDetails.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		margin-top: 10px;
		margin-bottom: 10px;
		border: 1px solid #000000;
		text-align: left; /* this overrides the text-align: center on the body element. */
	}
	
#companyTitleImage
	{
		margin: 30px auto; /* the auto margins (in conjunction with a width) center the page */
		margin-top: 0px;
		position: absolute;
		z-index: 1;
	}
	
#header 
	{
		padding: 0;
		margin: 30px auto; /* the auto margins (in conjunction with a width) center the page */
		margin-bottom: 0px;
		background-image: url(../layoutImages/headerBackground.jpg);
		border: 1px solid #000000;
		border-bottom: none;
		width: 900px;
		height: 185px;
		position: relative;
		z-index: 10;
	}
	
#definition
	{
		width: 380px;
		float: right;
		margin: 20px;
		z-index: 20;
	}
	
#quoteBox
	{
		width: 190px;
		float: right;
		border: 2px solid #EABC4A;
		background-image: url(../layoutImages/quoteBoxBackground.jpg);
		margin: 20px;
		margin-right: 10px;
		padding-bottom: 5px;
		z-index: 20;
	}
	
#navigation
	{
		padding: 0px;
		margin: 30px auto; /* the auto margins (in conjunction with a width) center the page */
		margin-top: 0px;
		margin-bottom: 0px;
		border: 1px solid #000000;
		background-image: url(../layoutImages/navBarBackground.jpg);
		background-position: 50%;
		background-repeat: repeat-x;
		width: 900px;
		position: relative;		
		z-index: 10;
	}
	
#navigationTable
	{
		width: 100%;
		text-align: center;
	}

#mainContent
	{
		padding: 0;
		padding-top: 10px;
		margin: 30px auto; /* the auto margins (in conjunction with a width) center the page */
		margin-top: 0px;
		border: 1px solid #000000;
		border-top: none;
		width: 900px;
		
		background-image: url(../layoutImages/mainContentBackground.jpg);
		background-repeat: repeat-y;
		background-position: 100%;
		position: relative;
		z-index: 10;
	}
	
#leftSideContent
	{
		width: 650px;
		margin: 10px;
		margin-top: 0px;
		z-index: 20;
	}
	
#rightSideContent
	{
		width: 200px;
		margin: 10px;
		margin-top: 0px;
		float: right;
		z-index: 20;
	}
	
#certTable
	{
		text-align: center;
		width: 180px;
		margin-left: 15px;
	}
	
#quoteBoxForm
	{
		text-align: center;
	}
	
.floatBreak
	{
		clear: both;
	}
	
/* style rules for the home page layout */

.homeBox	/* style rules that are the same for all three of the home page boxes */
	{
		width: 210px;
		border: 1px solid #555555;
		margin-bottom: 10px;
	}
	
.homeBoxPic	/* the images in the three news boxes */
	{
		margin: 10px;
		border: 1px solid #555555;
		float: left;
	}

#latestNewsBox
	{
	}
	
#recentClientsBox
	{
		float: right;
		margin-right: 7px;
	}
	
#articlesBox
	{
		float: right;
	}
	
#aboutQWDBox
	{
		width: 648px;
		margin-top: 8px;
		margin-bottom: 10px;
		border: 1px solid #555555;
		float: left;
	}
	
/* style rules for the services portfolio and more info pages layout */
/* these are the pages that use the javascript ajaxFunctions file to return information */

#ajaxListBox
	{
		width: 210px;
		float: left;
		border: 1px solid #555555;
		margin-bottom: 10px;
	}
	
#ajaxReturnBox
	{
		width: 430px;
		float: right;
		border: 1px solid #555555;
		margin-bottom: 10px;
	}

/* style rules for pages that only require one div tag in the main content section of the page */
/* these pages are Contact Us, Links, and Sitemap */

.miscBox
	{
		width: 648px;
		border: 1px solid #555555;
		background-image: url(../layoutImages/boxBottomBackground.jpg);
	}
	
/* other styles such as image floats */

.articlePicture	/* the images at the beginning of the articles on the more info page */
	{
		margin: 10px;
		border: 1px solid #555555;
		float: left;
	}
	
form
	{
		margin-top: 5px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 5px;
	}
	
.sitemapList	/* the lists of links to services, clients and articles on the sitemap page */
	{
		margin-left: 10px;
	}
	
#animatedLogo	/* the flash animated logo sample */
	{
		margin: 10px;
		float: left;
	}
	
#ajaxLoader	/* the logo that is displayed while waiting for the ajax load */
	{
		margin-left: 100px;
		margin-top: 20px;
		margin-bottom: 45px;
	}