﻿/*

 Navy:   #0A0346

 Midblue:#8997C6

 Lgtblue:#CFD4E8

 Red:    #FE0000

*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */




body {

 width:100%;

 font-size:10pt;

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

 background-color:white;

 margin:0;

 padding:0;

}
.toptext img,.logo img,.brochure img,.website img,.banner img,.websitecms img,.christmas img,.christop img { behavior: url("iepngfix.htc") }

img,form {

 border:0px;

 margin:0;

 padding:0;

}



a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
a[name]:hover {
 text-decoration:none;
}
h1,h2 {
 color:#0A0346;
 font-weight:normal;
 font-size:12pt;
}
h4 {
 font-size:8pt;
 padding-top:0;
}
fieldset {
 margin:0;
 padding:10px;
 border:1px solid #8997C6;
 background-color:#CFD4E8;
}
label {
 display:block;
 float:left;
 font-size:8pt;
 width:110px;
 color:#0A0346;
}
input, textarea, select {
 font-size:8pt;
 font-family:Helvetica,arial,sans-serif;
 border:1px solid #8997C6;
 background-color:white;
 width:200px;
}
button {
 border:2px solid #0A0346;
 background-color:white;
 color:#0A0346;
}

#outerbody {
 padding:0;
 margin:5px 0;
 margin-left:120px;
 width:766px;
 background-image:url('image/pageshadow-middle.png');
 background-repeat:repeat-y;
}
#body {
 text-align:left;
 width:750px !important;
 margin:0;
 margin-left:8px !important;
 margin-left:8px;
}
#banner {
 margin:0;
 padding:0;
 padding-bottom:5px;
 height:150px;
 position:relative;
}
#banner h1 {
 position:absolute;
 right:60px !important;
 right:70px;
 bottom:33px !important;
 bottom:51px;
 color:white;
 font-size:14pt;
 font-weight:normal;
}
#menu {

 width:145px;

 float:left;

 margin-left:0;

 text-align:center;

 padding:0;

}

#menu img {

 margin:0;

 padding:0;

}

#menu span {
 display:block;
 width:120px;
 margin-left:7px !important;
 margin-left:6px;
 text-align:left;
}
#menu a {
 display:block;
 color:#0A0346;
 font-size:9pt;
 font-weight:normal;
 width:100px;
 border:1px solid white;
 border-top:0;
 padding:2px 3px 1px 3px;
}
#menu span.first a {
 border-top:1px solid white;
}
#menu a:hover {
 text-decoration:none;
 background-color:#8997C6;
 color:#CFD4E8;
}


#menu span.first a.current-page {

 border-top:0;

}





#content {

 margin:0;


 width:603px;


 padding-bottom:15px;

margin-top:0px;
padding-top:0px;


 color:#0A0346;

 font-size:8pt;
float:right;
margin-right:1px;

}

#content[id] {

 height:auto;

}

#content a {

 color:#0A0346;

}



#footer {

 position:relative;

 clear:both;

 width:740px;

 margin-left:0 !important;

 margin:2em 0 0 10px;

 padding:4px 5px 4px 5px;

 background-color:white;

 color:CFD4E8;

 font-size:10px;

 text-align:left;

}

#footer span {

 border-right:1px solid #0A0346;

 margin:2px 0;

 padding:0 2px;

}

#copyright {


 z-index:10;

 bottom:3.5em;

 background-color:white;

 color:#CFD4E8;

}



.ffix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}





.thumbnail {

 display:block;

 float:left;

 width:130px;

 height:100px;

 text-align:center;

 margin:5px;

 border:1px solid #CFD4E8;

 padding-top:3px;

}

a.thumbnail:hover {

 border:1px solid #FE0000;

}

.thumbnail img {

}

.literature .thumbnail {

 height:140px;

}

.stationery .thumbnail {

 height:155px;

}

.websites .thumbnail {

 height:115px;

}

.packaging .thumbnail {

 height:116px;

}





#imageSlideShow {

 height:320px;

 position:relative;

 padding:0;

}



.subheading {

 font-size:0.75em;

 font-weight:normal;

}








/**********************************************code for new page*************************************/





.txttop
{
	background-color:#e8eaf6;
	height:49px;
	border:1px #15135f solid;
	color:#5b598f;
	font-size:22;
	text-indent:16px;
	width:582px;
}




.txttop2
{
	width:582px;
	height:110px;
	background-color:#e8eaf6;
	border:1px #15135f solid;
	color:#7e7ba8;

	margin-top:4px;
}


.txttop3
{
	width:582px;
	height:263px;
	background-color:white;
	 border-left:1px #15135f solid;
	 border-bottom:1px #15135f solid;
	 border-right:1px #15135f solid;
	 margin-top:4px;
	 
}

.leftimg
{
	
	width:289px;
	height:263px;
	background-image:url('image/lftimg.jpg');
	background-repeat:no-repeat;
	float:left;

}
.cntform
{
	width:293px;
	height:263;
	
	float:left;
}

.focuselement
{
	width:255px;
	height:17px;
	
	margin-left:11px;
	margin-top:6px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	border:1px #15135f solid;

	}
	
	.focuselement2
{
	width:255px;
	height:44px;
	
	margin-left:11px;
	margin-top:10px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	border:1px #15135f solid;

	}
	
	
	
	.focuselement4
{
	width:103px;
	height:48px;
	
	margin-left:11px;
	margin-top:10px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	border:1px #15135f solid;

	}
	
	
	.focuselement3
{
	width:88px;
	height:17px;
	
	margin-left:11px;
	margin-top:10px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	border:1px #15135f solid;

	}


.txttop4
{
	
	width:582px;
	height:163px;
	background-color:#e8eaf6;
	border:1px #6e6b9d solid;
	
	margin-top:3px;
	color:#15135f;
}


.middlepanel {
	width:582px;
	height:148px;
	background-image:url('image/midbg.jpg');
	background-repeat:repeat-x;	
	color:#353574;
	border:1px #6e6b9d solid;
	margin-top:3px;
	text-align:left;
	text-indent:10px;
	
}




/****************************************************code for logo*******************************/



.logo
{
	width:603px;
	height:759px;
	background-color:#e8eaf6;
	background-image:url('image/mylogodeal.png');
	background-repeat:no-repeat;
	background-position:left top;
	color:#7e7ba8;
	line-height:18px;
	
	
	font-family:Trebuchet MS;
	font-size:15px; 
	font-weight:bold;
	color:#001b51;
	
}


.toptext
{
	width:603px;
	height:248px;
	margin:0px;
	padding:0px;

}



.point1
{
	margin-top:0px; padding-top:19px; margin-left:57px; width:180px;
}


.point2
{
	margin-top:0px; padding-top:40px; margin-left:57px; width:180px;
}


.point3
{
	margin-top:0px; padding-top:40px; margin-left:57px; width:180px;
}


.point4
{
	margin-top:0px; padding-top:40px; margin-left:57px; width:180px;
}



.point4
{
	margin-top:0px; padding-top:45px; margin-left:57px; width:180px;
}

.point5
{
	margin-top:0px; padding-top:42px; margin-left:57px; width:180px;
}

.point6
{
	margin-top:0px; padding-top:20px; margin-left:57px; width:180px;
}



/**************************************************************code for brochure**************************************/
.brochure
{
	width:603px;
	height:759px;
	background-color:#e8eaf6;
	background-image:url('image/mybrochuredeal.png');
	background-repeat:no-repeat;
	background-position:left top;
	color:#7e7ba8;
	line-height:18px;
	
	
	font-family:Trebuchet MS;
	font-size:16.3px; 
	font-weight:bold;
	color:#072b5e;
	
}




.brochuretoptext
{
	width:603px;
	height:225px;
	margin:0px;
	padding:0px;

}


.brochurepoint1
{
	margin-top:0px; padding-top:19px; margin-left:69px; width:180px;
}



.brochurepoint2
{
	margin-top:0px; padding-top:29px; margin-left:69px; width:180px;
}


.brochurepoint3
{
	margin-top:0px; padding-top:33px; margin-left:69px; width:180px;
}


.brochurepoint4
{
	margin-top:0px; padding-top:51px; margin-left:69px; width:180px;
}


.brochurepoint5
{
	margin-top:0px; padding-top:53px; margin-left:69px; width:180px;
}


/************************************************************* Christmas****************************************/
.christmas
{
	width:603px;
	height:759px;
	background-color:#e8eaf6;
	background-image:url('image/christmas2.png');
	background-repeat:no-repeat;
	background-position:left top;
	color:#7e7ba8;
	line-height:18px;
	
	
	font-family:Trebuchet MS;
	font-size:16.3px; 
	font-weight:bold;
	color:#072b5e;
	
}

.christmaspoint1
{
	margin-top:0px; padding-top:90px; margin-left:97px; width:300px; font-size:19px; font-weight:normal; line-height:20px;
}

.christmaspoint2
{
	margin-top:0px; padding-top:40px; margin-left:97px; width:300px; font-size:19px; font-weight:normal; line-height:20px;
}

.christop
{
	width:603px;
	height:225px;
	margin:0px;
	padding:0px;

}


/***************************************************************Cards*****************************************/

.christmascards
{
	width:603px;
	height:759px;
	background-color:#e8eaf6;
	background-image:url('image/card.png');
	background-repeat:no-repeat;
	background-position:left top;
	color:#7e7ba8;
	line-height:18px;
	
	
	font-family:Trebuchet MS;
	font-size:16.3px; 
	font-weight:bold;
	color:#072b5e;

}
.christmascards table td{ color:#072b5e;}


.ref1
{
	margin-top:0px; padding-top:93px; font-size:15px; font-weight:normal;
}

.ref2
{
	margin-top:0px; padding-top:108px; font-size:15px; font-weight:normal;
}


.ref3
{
	margin-top:0px; padding-top:112px; font-size:15px; font-weight:normal;
}

.ref4
{
	margin-top:0px; padding-top:140px; font-size:15px; font-weight:normal;
}



.cardref1
{
	 width:100px;  float:left; padding-left:0px; margin-left:70px;
}

.cardref2
{
  width:100px;  float:left; padding-left:0px; margin-left:90px;


}


.cardref3
{
 width:100px;  float:left; padding-left:0px; margin-left:90px;


}

.cardref4
{
 width:82px;  float:left; padding-left:0px; margin-left:42px;

}

.cardref5
{
 width:82px;  float:left; padding-left:0px; margin-left:28px;


}

.cardref6
{
 width:82px;  float:left; padding-left:0px; margin-left:28px;


}


.cardref7
{
 width:82px;  float:left; padding-left:0px; margin-left:26px;


}
.cardref8
{
 width:82px;  float:left; padding-left:0px; margin-left:27px;


}












/**************************************************************code for website deal**************************************/


.website
{
	width:603px;
	height:759px;
	background-color:#e8eaf6;
	background-image:url('image/mywebsitedeal.png');
	background-repeat:no-repeat;
	background-position:left top;
	color:#7e7ba8;
	line-height:18px;
	
	
	font-family:Trebuchet MS;
	font-size:11px; 
	font-weight:bold;
	color:#072b5e;
	
}

.websitecms
{
	width:603px;
	min-height:759px;

	background-color:#e8eaf6;
	background-image:url('image/web3-cms.png');
	background-repeat:no-repeat;
	background-position:left top;
	color:#7e7ba8;
	line-height:18px;
	
	
	font-family:Trebuchet MS;
	font-size:11px; 
	font-weight:bold;
	color:#072b5e;
	
}




.websitetoptext
{
	width:603px;
	height:225px;
	margin:0px;
	padding:0px;

}

.left
{
	margin-top:0px;  margin-left:59px; width:225px; line-height:15px;
}




.webpoint1
{
	margin-top:0px; padding-top:23px;  width:225px;
}



.webpoint2
{
	margin-top:0px; padding-top:25px;  width:225px;
}


.webpoint3
{
	margin-top:0px; padding-top:2px;  width:225px;
}


.webpoint4
{
	margin-top:0px; padding-top:23px;  width:225px;
}


.webpoint5
{
	margin-top:0px; padding-top:4px;  width:225px;
}





.cmswebpoint1
{
	margin-top:0px; padding-top:26px;  width:225px;
}

.cmsleft
{
	margin-top:0px;  margin-left:57px; width:225px; line-height:15px;

}


.cmswebpoint2
{
	margin-top:0px; padding-top:9px;  width:225px;
}


.cmswebpoint3
{
	margin-top:0px; padding-top:7px;  width:225px;
}


.cmswebpoint4
{
	margin-top:0px; padding-top:10px;  width:225px;
}


.cmswebpoint5
{
	margin-top:0px; padding-top:20px;  width:225px;
}











/**************************************************************code for banner deal**************************************/


.banner
{
	width:603px;
	height:759px;
	background-color:#e8eaf6;
	background-image:url('image/mybannerdeal.png');
	background-repeat:no-repeat;
	background-position:left top;
	color:#7e7ba8;
	line-height:18px;
	
	
	font-family:Trebuchet MS;
	font-size:20px; 

	font-style:italic;
	color:#072b5e;
	
	
}


.bannertoptext
{
	width:603px;
	height:330px;
	margin:0px;
	padding:0px;

}


.bannertxt
{
	margin-top:0px; padding-top:180px;  width:225px; margin-top:4px;  margin-left:46px; line-height:22px;
}
































.banertxt1
{
	
	width:196px;
	color:#ee2e24;
	font-size:45px;
	margin-top:36px;
	margin-left:23px;
	font-weight:bolder;
	font-family:Trebuchet MS;
line-height:45px;
}


.banertxt2
{
	
	width:545px;
	color:#002a5c;
	font-size:35px;
	font-weight:bold;
	margin-top:95px;
	margin-left:23px;
	font-style:italic;
	font-family:Trebuchet MS;
	

}

.logo1
{
	font-family:Trebuchet MS;
	color:#002a5c;
	font-size:19px;
	width:180px;
	font-weight:bold;
	margin-left:75px;
	margin-top:18px;


	
}



.logo2
{
	font-family:Trebuchet MS;
	color:#002a5c;
	font-size:19px;
	width:360px;
	font-weight:bold;
	margin-left:75px;
	margin-top:75px;


	
}








.banertxt6{
	margin-top:0px;
    margin-left:308px;
	font-weight:bold;
	width:265px;
	color:#002a5c;
	

	font-size:18px;
	font-style:italic;
	font-family:Trebuchet MS;
	font-style:italic;


}



.bottom
{
	
	width:603px;
	height:90px;
	background-color:#002a5c;
	text-align:center;
	font-size:10px;
	color:white;
	font-family:Trebuchet MS;
	font-style:italic;
	line-height:13px;
	padding-top:4px;
	


}
















#imageDetails a:visited, #imageDetails a:link, #imageDetails a:hover {

 color:#0A0346;

}



.address {

	text-align:left;

	font-size:11px;

	color:#8997C6;

	margin-top:0px;

	margin-left:10px;

}

.address em {

	font-weight:normal;

	font-style:normal;

	color:#0A0346;

	padding-bottom:2px;

}

#menu .address a {

	display:inline;

	color:#8997C6;

	font-size:11px;

}

#menu .address a:hover {

	background-color:white;

	text-decoration:underline;

}



#hotlink {

	background-color:red;

	color:white;

	float:right;

	margin-right:25px;

	margin-top:10px;

	padding:1px 3px;

}

input.radio, input.checkbox {

	width:auto;

}



.testimonials {

	float:right;

	border:1px solid #8997C6;

	background-color:rgb(232,235,244);

	padding:5px;

	margin:0;

	margin-left:10px;

	margin-right:5px;

}

.testimonials iframe {

	width:185px;

	height:500px !important;

	height:550px;

}

.testimonial {

	background-color:rgb(232,235,244);

	font-size:11px;

	color:rgb(107,107,145);

}

.testimonial a {

	color:rgb(107,107,145);

}

.testimonial em {

	font-size:1.15em;

	font-weight:bold;

	font-style:normal;

	margin:0;

	padding:0;

}












#menu a:hover {
 text-decoration:none;
 background-color:#8997C6;
 color:#CFD4E8;
}
#menu a.current-page, #menu a.current-page:hover {
 width:120px !important;
 width:121px;
 background:#8997C6 url('image/current-page.png') repeat-y top right;
 color:white;
 padding:2px 4px;
 border:0;
 border-left:1px solid white;
}
#menu span.first a.current-page {
 border-top:0;
}


