body {
		margin: 			0px; 
		padding-top:		5px;	
		font: 				12px/1.3 Arial, Helvetica, sans-serif;
		color:				black;
		background-color:	#587d98;
		background-image:	url(images/blueBackground.gif);
		background-repeat:	repeat-x;
		}
html {
		overflow: auto;     /* prevents IE from showing right scroll bar */
}
#layout {
		background-repeat:	repeat-y;
		margin: 			0px auto;
		width:				795px;		
		padding-bottom:		0px;
		background-image: 	url(images/treeBackground.gif);		
		}
ul		{
		float:				left;
		width:				32em;
		margin:				0;
		padding:			0;
		list-style:			none;
		}
li		{
		float:				left;
		width:				9em;
		margin:				0px;

		background-image:	url(images/bullet1.gif);

		background-position: 0 4px;

		background-repeat:	no-repeat;

		padding:			0 0 0 1.5em; 

		}

h1 {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#103d58;

		font-weight:		bold;

		margin:				0px;

		padding:			5px 0px 5px 0px;

		border-style:		none;

		}

p {

		font:				11px/1.3 Verdana, Arial, Helvetica;

		}

h1.pageTopic {

		font:				22px/1.3 Arial, Helvetica, sans-serif;

		font-weight:		bold;

		}

h1.sideMenuTitle {

		font:				15px/1.3 Arial, Helvetica, sans-serif;

		font-weight:		bold;

		}

h1.subPageTopic {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#205988;

		font-weight:		bold;

		text-decoration:	none;

		}

h1.subPageTopicBlack {

		font:				16px/1.3 Arial, Helvetica, sans-serif;

		color:				#000000;

		font-weight:		bold;

		text-decoration:	none;

		}

h1.subPageItems {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#6a8298;

		font-weight:		bold;

		text-decoration:	none;

		}

h1.subPageItems:link {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#6a8298;

		font-weight:		bold;

		text-decoration: 	underline;

		}

h1.subPageItems:visited {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#6a8298;

		font-weight:		bold;

		text-decoration: 	underline;

		}

h1.subPageItems:hover {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#6a8298;

		font-weight:		bold;

		text-decoration: 	underline;

		}

h1.subPageItems:active {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#6a8298;

		font-weight:		bold;

		text-decoration: 	underline;

		}	

h1.subPageItemsComing {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#6a8298;

		font-weight:		bold;

		text-decoration:	none;

		}

h2 {

		font:				11px/1.3 Arial, Helvetica, sans-serif;

		color:				#6a8298;

		font-weight:		bold;

		margin:				0px;

		border-style:		none;

		}

#header {

		margin:				0px;

		padding:			0px;

		height:				125px;

		width:				705px;

		background-image:	url(images/moonshadowHeaderShort.jpg);

		}

#headerBAK {

		margin:				0px;

		padding:			0px;

		height:				150px;

		width:				705px;

		background-image:	url(images/moonshadowHeader.gif);

		}

#footer {	

		margin:				0px;

		padding:			5px 0px 0px 20px;

		width:				685px;

		clear:				both;

		height:				65px;

		background-image:	url(images/footerBox2.gif);

		background-repeat:	no-repeat;

		border:				0px;

		border-top:			1px;

		border-style:		solid;

		border-color:		#000000;

		}

table#customerService {

		width:				275px;

		float:				left;

		padding-left:       12px;

		}

table#customerService td {

		padding: 			0px;



		color:				white;

		font-size:			12px;

		font-family:		Verdana, Arial, Helvetica, sans-serif;

		}

table#screenPrintingItem {

		padding-left:		10px;

		}

table#catalogList {

		padding-left:		20px;

		cellpadding:		10px;

		padding-bottom:     10px;

		}

a:link {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#1d729c;

		font-weight:		normal;

		text-decoration: 	none;

		}

a:visited {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#1d729c;

		font-weight:		normal;

		text-decoration: 	none;

		}

a:hover {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#1d729c;

		font-weight:		normal;

		text-decoration: 	underline;

		}

a:active {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				#1d729c;

		font-weight:		normal;

		text-decoration: 	underline;

		}

#customerServiceTitle	{

		color:				#1b506f;	

		margin-left:				8px;

		width:				220px;

		height:				20px;

		font-family:		Georgia, "Times New Roman", Times, serif;

		font-style:			italic;

		font-weight:		bold;

		font-size:			13px;

		border:				0px;

		border-bottom:		1px;

		border-style:		solid;

		border-color:		#1b506f;		

		}

#mainContainer {

		margin:				0px 0px 0px 45px;

		width:				705px;

		padding:			0px;

		background-repeat:	repeat-y;

		}

#fullContent {

		margin:				0px 0px 0px 0px;

		width:				705px;

		padding:			0px;

		min-height:	        345px;

		background-repeat:	no-repeat;

		}
.ourwork_honorcountry {
		background-image:url(images/ourwork_honorcountry.jpg)
}

.productPage {

		background-image:url(images/guitaristFacingAway.jpg);

		}

.eCommercePage {

		background-image:url(images/couple_laptop_sofa.jpg);

		}

.customerServicePage {

		background-image:url(images/girlPinkListeningMusic.jpg);

		}

.customerContactPage {

		background-image:url(images/fansPointingToSky.jpg);

		}

.clientLoginPage {

		background-image:url(images/girlLayingDownPC.jpg);

		}

.contactPage {



		background-image:url(images/contactUs.jpg);

		}

.matOliveGreen {

		background-color:	#736f45;

		}

.matLightBrown {

		background-color:	#a0542d;

		}

.matDarkPink {

		background-color:	#650f1b;

		}

.matLightGray {

		background-color:	#CCCCCC;

		}

.matMediumGray {

		background-color:   #999999;

		}		

.blueText {

		color:				#205988;

		}

.blackText {

		color:				#000000;

		}

.offWhiteText {

		color:				#F5F5F5

		}

.darkBlueText {

		color:				#103d58;

		}

.custServiceLink {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				white;

		font-weight:		normal;

		text-decoration: 	none;

		}

.custServiceLink :link {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				white;

		font-weight:		normal;

		text-decoration: 	none;

		}

.custServiceLink :visited {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				white;

		font-weight:		normal;

		text-decoration: 	none;

		}

.custServiceLink :hover {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				white;

		font-weight:		normal;

		text-decoration: 	underline;

		}

.custServiceLink :active {

		font:				12px/1.3 Arial, Helvetica, sans-serif;

		color:				white;

		font-weight:		normal;

		text-decoration: 	underline;

		}

#leftHalfContent {	

		margin:				0px;

		padding: 			0px 0px 0px 30px;

		width:				352px;

		border-width:		0px;

		float:				left;

    	min-height:	   		325px;     

		}

#leftHalfMat {

		width:				295px;

		height:				345px;

		filter:				alpha(opacity=40);

		-moz-opacity:		0.4;

		opacity: 			0.4;

		z-index:			2;

		}

#leftHalfText {

		width:				275px;

		height:				325px;

		background-color:	transparent;

		position:			absolute;

		z-index:			2;

		overflow:			auto;

		padding:			10px 10px 5px 10px;

		overflow:			auto;

		}

#customerServiceContent {	

		margin:				0px;

		padding: 			0px 0px 0px 30px;

		width:				352px;

		border-width:		0px;

		float:				left;

		min-height:	   		325px;     

		}

#productListText {

	position:			relative;

	left:				88px;

	top:				100px;

	width: 				220px;

	height: 			165px;     		/* to match DIVs size          */

	margin:				0px;

	padding:			0px;

	background-color:	transparent;   /* transparent background      */

	z-index: 			2;             /* place it over the other DIV */

}
#ourworkText {
	position:			relative;
	left:				12px;
	top:				15px;
	width: 				220px;
	height: 			165px;     		/* to match DIVs size          */
	margin:				0px;
	padding:			0px;
	background-color:	transparent;   /* transparent background      */
	z-index: 			2;             /* place it over the other DIV */
}
#rightHalfMat {

		width:				320px;

		height:				345px;

		filter:				alpha(opacity=30);

		-moz-opacity:		0.3;

		opacity: 			0.3;

		z-index:			2;

		}

#customerServiceMat {

		width:				320px;

		height:				345px;

		filter:				alpha(opacity=30);

		-moz-opacity:		0.3;

		opacity: 			0.3;

		z-index:			2;

		}

#rightHalfText {

		width:				300px;

		height:				335px;

		background-color:	transparent;

		position:			absolute;

		z-index:			2;

		overflow:			auto;

		padding:			10px 10px 5px 10px;

		}

#leftThird {
		margin:				0px;
		padding-left: 		0px;
		width:				235px;
		border-width:		0px;
		float:				left;
		height:				inherit;
		min-height:	   		345px;     

		}

#rightTwoThirdContent {
	margin:				0px;
	padding-left: 		0px;
	width:				470px;
	border-width:		0px;
	float:				left;
	min-height:	   		345px;
		}

#rightTwoThirdMat {
		width:				450px;
		height:				345px;
		background-color:	#B5B5B5;
		filter:				alpha(opacity=20);
		-moz-opacity:		0.2;
		opacity: 			0.2;
		z-index:			2;
		}
#rightTwoThirdText {
	width:				419px;
	height:				321px;
	background-color:	transparent;
	position:			relative;
	z-index:			2;
	overflow:			auto;
	padding:			10px 10px 5px 20px;
		}

#rightContactContent {	

		margin:				0px;

		padding: 	 		10px 0px 0px 30px;

		width:				440px;

		border-width:		0px;

		float:				left;

		min-height:	   		345px;     

		}

#rightContactMat {

		width:				450px;

		height:				345px;

		background-color:	#CCCCCC;

		filter:				alpha(opacity=20);

		-moz-opacity:		0.2;

		opacity: 			0.2;

		z-index:			2;

		}

#rightContactText {

		width:				340px;

		border-width:		0px;

		height:				325px;

		background-color:	transparent;

		float:				left;

		z-index:			2;

		padding:			10px 20px 10px 80px;

		}

#leftcontent	{

		margin:				0px;

		padding-left: 		0px;

		width:				219px;

		border-width:		0px;

		float:				left;

		border-right:		1px solid #8396ab;

		border-bottom:		1px solid #8396ab;

		height:				inherit;

		}

#twoThirdContent	{

		margin:				0px;

		padding-left: 		0px;

		width:				470px;

		border-width:		0px;

		float:				left;

		height:				inherit;

		}

#thirdContent	{



	margin:				0px;

	width:				235px;

	border-width:		0px;

	float:				left;

	height:				inherit;

	min-height: 		345px;

	padding: 0px;

		}

#halfContent {

		margin:				0px;

		padding-left: 		0px;

		width:				352px;

		border-width:		0px;

		float:				left;

		height:				inherit;

		min-height:	   		345px;     

		}

.homeRightThird {

		margin-left:		15px;

		margin-right:		15px;

		}

#aboutProducts {

		border:				0px;

		border-left:		1px;

		border-style:		solid;

		border-color:		#000000;

		padding-left:		12px;

		margin-left:		26px;

		width:				190px;

		height:				inherit;

		}

#navholder	{

		margin-left:		0px;

		padding:			0px;

		width:				705px;

		height:				30px;		

		background:			url(images/navBar.jpg) no-repeat;

	}

#bannernav {

		position:			relative;

		left:				80px;

		top:				0px;

		width:				650px;

		margin:				0px;

		}

#bannernav td {

		width:				70px;

		height:				30px;

		margin:				0px;

		padding:			0px;

		}



#bannernav td a {

		display:			block;

		width:				70px;

		height:				30px;

		padding:			0px;

		margin:				0px;

		}

#rightcontent	{

		margin:				0px;

		padding:			0px;

		width:				440px;		

		float:				left;

		height:				inherit;

		}

#rightContentIndent {

		margin:				5px;

		}

#newsheader	{

		width:				208px;

		height:				30px;

		margin:				5px 0px 0px 5px;

		background:			url(images/newsTitle.gif) no-repeat;

		}

#featuringheader {

		width:				430px;

		height:				30px;

		margin:				5px 0px 0px 5px;

		background:			url(images/featuringtitle.gif) no-repeat;	

		}

#launchFeature {

		position: 			relative;

		left:				10px;

		top:				10px;

		font-family:		Arial, Helvetica, sans-serif;

		font-size:			10px;

		color:				black;

		}

#projectviewframe {

		width:				430px;

		height:				370px;

		margin:				5px 0px 0px 5px;

		background:			url(images/viewerbox.jpg) no-repeat;	

		}

#rightcontenttitle {

		width:				430px;

		height:				30px;

		margin:				5px 0px 0px 5px;

		background:			url(images/right_content_title.gif) no-repeat;	

		}

#rightcontenttitletext {

		position:			relative;

		left:				8px;

		top:				6px;

		width:				400px;

		margin:				0px;

		color:				black;

		font-family:		Arial, Helvetica, sans-serif;

		font-size:			12px;

		font-weight:		bold;

		}

#smallfeaturetext {

		position:			relative;

		left:				8px;

		top:				6px;

		width:				100px;

		margin:				0px;

		color:				black;

		font-family:		Arial, Helvetica, sans-serif;

		font-size:			9px;

		font-weight:		bold;

		}

#leftcontenttitle {

		width:				208px;

		height:				30px;

		margin:				5px 0px 0px 5px;

		background:			url(images/left_content_title.gif) no-repeat;	

		}

#leftcontenttitletext {

		position:			relative;

		left:				7px;

		top:				6px;

		width:				190px;

		margin:				0px;

		color:				black;

		font-family:		Arial, Helvetica, sans-serif;

		font-size:			12px;

		font-weight:		bold;

		}

#rightcontentnav {

		position:			relative;

		left:				11px;

		top:				5px;

		width:				200px;

		margin:				0px;

		color:				white;

		font-family:		Arial, Helvetica, sans-serif;

		font-size:			12px;

		}

#news	{

		width:				198px;

		height:				394px;

		padding:			0px 5px 5px 5px;

		text-align:			left;

		margin:				0px 5px 5px 5px;

		overflow:			auto;

		border-width:		1px;

		border-color:		#8396ab;

		text-align:			left;

		}

.header1 {

		font-family: 			Arial, Helvetica, sans-serif;

		font-size: 				11px;

		color: 					#000000;

		font-weight:			bold;

		}

#featureimage {

		width:				140px;

		height:				140px;

		padding:			5px 0px 0px 5px;

		float:				left;

		}

#featuredesc {

		width:				140px;

		height:				55px;

		margin:				0px 0px 0px 5px;

		float:				left;

		background:			url(images/featuredescblocksmall.gif) no-repeat;

		}

.featuredesctext {

		position:			relative;

		left:				8px;

		top:				8px;

		width:				120px;

		margin:				0px 0px 4px 0px;

		color:				gray;

		font-family:		Arial, Helvetica, sans-serif;

		font-size:			12px;

		}

.featuredesctext :link {

		color:gray;

		text-decoration:none;

		}

.featuredesctext :visited {

		color:gray;

		text-decoration:none;

	}

.featuredesctext :hover {



		color:gray;

		text-decoration:underline;

		}

.featuredesctext :active {

		color:gray;

		text-decoration:none;

		}

#featureimagebig {

		width:				430px;

		height:				140px;

		padding:			5px 0px 0px 5px;

		float:				left;

		}		

#featuredescbig {

		width:				430px;

		height:				55px;

		padding:			5px 0px 0px 5px;

		float:				left;

	}

.formlabelRight {

		font-family:	Arial, Helvetica, sans-serif;

		font-size: 		12px;

    	color:			black;

		text-align: 	right;

		}

.formlabelLeft {

		font-family:	Arial, Helvetica, sans-serif;

		font-size: 		12px;

		color:			black;

		text-align:		left;

		vertical-align:	top;

		}

.formField {

		font-family:	Arial, Helvetica, sans-serif;

		font-size: 		12px;

		color:			black;

		text-align: 	left;

		}

.contactUsText {

		text-align:		center;

		}

#errdiv {

 color: #000000;

 background: #FCFADC;

 border: 1px #d8d885 none;



}

