/* Start of CMSMS style sheet 'styles' */

/* ----- Page defaults and container ------ */
body {background: url(uploads/images/siteimages/background.jpg) repeat-x; margin: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
#pagecontainer {width: 1000px; margin: 0px auto;}
.clear {clear: both}
h1 {font-size: 1.6em; margin: 0px}

/* ----- Top horizontal navigation menu ------ */
#navmenu {width: 1000px; height: 61px; background: url(uploads/images/siteimages/menu.jpg) no-repeat;}
	#navmenu a {color: #000000; font-size: 0.8em; font-weight: bold; text-decoration: none;}
	#navmenu a:hover {color: #FFFFFF;}
	
	#navmenu #navmenu-1 {width: 101px; margin: 33px 0px 0px 128px; float: left; text-align:center}
	#navmenu #navmenu-2 {width: 101px; margin: 33px 0px 0px 6px; float: left; text-align:center}
	#navmenu #navmenu-3 {width: 101px; margin: 33px 0px 0px 6px; float: left; text-align:center}
	#navmenu #navmenu-4 {width: 101px; margin: 33px 0px 0px 6px; float: left; text-align:center}
	#navmenu #navmenu-5 {width: 101px; margin: 33px 0px 0px 6px; float: left; text-align:center}
	#navmenu #navmenu-6 {width: 101px; margin: 33px 0px 0px 6px; float: left; text-align:center}
	#navmenu #navmenu-7 {width: 101px; margin: 33px 0px 0px 6px; float: left; text-align:center}

/* ----- Four boxes under the header on the home page ------ */
#homebox-1 {position: relative; margin: 6px 0px 10px 55px; width: 214px; height: 212px; float: left; background: url(uploads/images/siteimages/home-product-box.jpg) no-repeat;}
#homebox-2 {position: relative; margin: 6px 0px 10px 10px; width: 214px; height: 212px; float: left; background: url(uploads/images/siteimages/home-puzzle-box.jpg) no-repeat;}
#homebox-3 {position: relative; margin: 6px 0px 10px 10px; width: 214px; height: 212px; float: left; background: url(uploads/images/siteimages/home-downloads-box.jpg) no-repeat;}
#homebox-4 {position: relative; margin: 6px 0px 10px 10px; width: 214px; height: 212px; float: left; background: url(uploads/images/siteimages/home-test-box.jpg) no-repeat;}
	
	#homebox-1 .homeboxheading {margin: 25px 0px 0px 80px; font-size: 1em; font-weight: bold; color: #000; }
	#homebox-2 .homeboxheading {margin: 25px 0px 0px 70px; font-size: 1em; font-weight: bold; color: #FFF; }
	#homebox-3 .homeboxheading {margin: 20px 0px 0px 95px; font-size: 1em; font-weight: bold; color: #363636; }
	#homebox-4 .homeboxheading {margin: 25px 0px 0px 90px; font-size: 1em; font-weight: bold; color: #FFF; }
	
	#homebox-1 p {margin: 5px 5px 0px 80px; font-size: 0.7em; color: #000; }
	#homebox-2 p {margin: 5px 5px 0px 70px; font-size: 0.7em; color: #000; }
	#homebox-3 p {margin: 5px 5px 0px 95px; font-size: 0.7em; color: #000; }
	#homebox-4 p {margin: 5px 5px 0px 90px; font-size: 0.7em; color: #000; }

	.readmore {position:absolute; right: 10px; bottom: 30px; border:none}
	
#insidebox-1 {position: relative; margin: 6px 0px 10px 57px; width: 212px; height: 54px; float: left;}
#insidebox-2 {position: relative; margin: 6px 0px 10px 12px; width: 212px; height: 54px; float: left;}
#insidebox-3 {position: relative; margin: 6px 0px 10px 12px; width: 212px; height: 54px; float: left;}
#insidebox-4 {position: relative; margin: 6px 0px 10px 12px; width: 212px; height: 54px; float: left;}
	
/* ----- Content Area: Left column ------ */

#content-leftcol {margin: 0px 0px 0px 25px; width: 273px; float: left; font-size:0.7em}

	#content-leftcol .boxcontainer {background:url(uploads/images/siteimages/left-menu-footer.png) #03B4E5 bottom no-repeat; margin-bottom: 10px}
	#content-leftcol .boxcontainer .boxheader {background:url(uploads/images/siteimages/left-menu-header.png) #FFF; color:#FFF; height: 37px; width: 273px;}
	#content-leftcol .boxcontainer .boxheader div {padding: 10px 0px 0px 30px; font-weight: bold; font-size: 1.3em}
	#content-leftcol .boxcontainer .boxcontent {padding: 10px; font-size: 1em}

.button {background: url(uploads/images/siteimages/submit.gif) no-repeat top left; width: 66px; height: 22px; border: none;}


/* ----- Content Area: Right column ------ */

#content-rightcol {width: 646px; float: left; margin: 0px 0px 0px 25px; font-size:0.7em}



/* ----- Footer ------ */

#footer {width: 1000px; height: 96px; background: url(uploads/images/siteimages/footer.gif) repeat-x; font-size: 0.7em}

	#footer #linkstrip {text-align:center; padding: 10px 0px 15px 0px;}
	#footer #linkstrip a {text-decoration: none; color: #000000}
	#footer #linkstrip a:hover {text-decoration: underline}

	#footer #copyright {padding-top: 10px; float: left; width: 350px; margin-left: 55px}
	#footer #email {padding-top: 10px; float: left; width: 300px; margin-left: 250px}
		

/* End of 'styles' */

