/* CSS Document */

/*img, div {
	behavior: url(../iepngfix.htc) 
	}*/
	
/* ----------------- CSS RESETS ---------------------------------------------------*/
	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset,img { 
	border:0;
	}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
	}

/*ol,ul {
	list-style:none;
	}*/

caption,th {
	text-align:left;
	}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}

q:before,q:after {
	content:'';
	}

abbr,acronym { border:0;
	}
	
/* ----------------- CSS RESETS END ---------------------------------------------------*/

body{
	background-color:#f4f5f6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#394a58;
	}
	
span.alert{
	color:#FF0000;
	}
	
a{
	color:#0099cc;
	}
	
a:hover{
	color:#949ea5;
	text-decoration:none;
	}
	
p{
	padding:8px 0;
	font-size:80%;
	line-height:145%;
	}
	
ol, ul{
	margin:0 0 0 40px;
	}
	
li{
	font-size:80%;
	line-height:145%;
	padding-bottom:4px;
	}
	
h1{
	font-size:220%;
	line-height:120%;
	padding-bottom:6px;
	}
	
h2{
	font-size:170%;
	}
	
h3{
	font-size:140%;
	color:#98a1a7;
	}
	
h4{
	font-size:100%;
	line-height:150%;
	padding:6px 0 0 0;
	}

#main-wrapper{
	margin:0 auto;
	width:1025px;
	}
	
#header{
	float:left;
	width:1025px;
	}
	
#menu-container{
	float:left;
	width:753px;
	}
	
#logo-container{
	float:left;
	width:272px;
	}
	
#content-container{
	background-color:#fff;
	width:1025px;
	float:left;
	border:solid 1px #d1d6da;
	}
	
#top-border-home{
	border-top:solid 6px #fecb00;
	float:left;
	width:1023px;
	margin:1px;
	background:url(../images/home-right-sidebar-bg2.png) top right repeat-y;
	}
	
#left-content{
	width:766px;
	float:left;
	}
	
#right-sidebar{
	width:257px;
	float:left;
	}
	
#home-main-graphic{
	float:left;
	width:476px;
	height:518px;
	}
	
#services-panels{
	float:left;
	width:766px;
	padding-top:1px;
	height:181px;
	}
	
#services-panels ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#services-panels li{
	display:inline;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	}
	
#services-panels a{
	height:180px;
	display:inline;
	}
	
#home-text{
	width:726px;
	float:left;
	padding:10px 20px;
	}
	
#page-content-container img {
	padding:0 0 20px 20px;
	}
	
#text {
	margin-top:10px;
	margin-left:20px;
	padding-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	/*MAIN MENU STYLES 
---------------------------------------------------------------------------------------*/
	
span.hide{
	display:none;
	}
	
#menu-container{
	float:left;
	width:753px;
	height:40px;
	padding-top:26px;
	}
	
#menu-container ul{
	padding:0;
	margin:0;
	}
	
#menu-container li{
	display:inline;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
	}
	
#menu-container a{
	height:40px;
	display:block;
	}
	
.About-Us{
	width:101px;
	background:url(../images/btn-about-us.gif) top left no-repeat;
	}
	
.Marketing-Services{
	width:165px;
	background:url(../images/btn-marketing-services.gif) top left no-repeat;
	}
	
.Printing-Services{
	width:148px;
	background:url(../images/btn-printing-services.gif) top left no-repeat;
	}
	
.Government{
	width:114px;
	background:url(../images/btn-government.gif) top left no-repeat;
	}
	
.client-tools{
	width:114px;
	background:url(../images/btn-client-tools.gif) top left no-repeat;
	}
	
.contact-us{
	width:111px;
	background:url(../images/btn-contact-us.gif) top left no-repeat;
	}
	
#menu-container ul li a:hover{
	background-position:0 -40px;
	border:none;
	}

	
#menu-container ul li a.active{
	background-position:0 -80px;
	}
	
	
	


/*     DROP DOWN STYLES 
--------------------------------------*/	

		
#menu-container ul li ul{	
	z-index:100;
	position:absolute;
	background-color:#fff;
	border-right:solid 1px #b2b2b2;
	border-left:solid 1px #b2b2b2;
	border-top:solid 1px #b2b2b2;
	left: -999em;
	height:auto;
	width:185px;
	margin:-4px 0 0 0;
	padding:0;
	}

#menu-container li ul li{
	/*float:none;*/
	margin:0;
	padding:0;
	width:185px;
	border-bottom:solid 1px #b2b2b2;
	line-height:14px;
	}
	
#menu-container li ul li a{
	text-decoration:none;
	font-size:11px;
	color:#0099cc;
	font-weight:bold;
	/*text-transform:uppercase;*/
	height:auto;
	padding:5px 8px;
	/*border-bottom:solid 1px #ccc;*/
	border:none;
	}
	
#menu-container li ul li a:hover{
	color:#949ea5;
	/*color:#394a58;*/
	background-color:#fff;
	border:none;
	}
	
#menu-container li:hover ul, #menu-container li.sfhover ul{
	left:auto;
	/*min-height: 0;*/
	}
	
		
/*#menu-container ul li ul li ul{	
	z-index:100;
	position:absolute;
	background-color:#efefef;
	background-repeat:repeat-y;
	border-right:solid 1px #b2b2b2;
	border-left:solid 1px #b2b2b2;
	border-top:solid 1px #b2b2b2;
	display:none;
	height:auto;
	width:150px;
	padding:0;
	margin:0;
	}

#menu-container li ul li ul li{
	float:none;
	margin:0;
	padding:0;
	width:135px;
	border-bottom:solid 1px #b2b2b2;
	/*border:none;
	display:block;
	height:auto;
	margin:0;
	padding:0;
	}*/
	
/*#menu-container li ul li ul li a{
	text-decoration:none;
	font-size:12px;
	color:#363636;
	font-weight:bold;
	height:auto;
	/*padding:5px 10px;
	border:none;
	}
	
#menu-container li ul li ul li a:hover{
	color:#00853e;
	border:none;
	}
	
#menu-container ul li ul li:hover ul, #menu-container ul li ul li.mainHover ul{
	display:block;
	left:135px;
	}*/
	
	
/*------------------------------------------------------------------------------------------*/

	
	/*CLIENT TOOLS NAVIGATION 
---------------------------------------------------------------------------------------------*/


#client-tools-nav{
	float:left;
	width:232px;
	padding:6px 13px 12px 12px;
	background-color:#fff;
	}
	
#client-tools-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#client-tools-nav li{
	display:inline;
	overflow:hidden;
	list-style:none;
	float:left;
	padding:2px 0;
	margin:0;
	}
	
#client-tools-nav a{
	height:34px;
	display:block;
	}
	
.request-an-estimate{
	background:url(../images/btn-request-an-estimate.gif) top left no-repeat;
	width:230px;
	}
	
.place-a-new-order{
	background:url(../images/btn-place-an-order.gif) top left no-repeat;
	width:230px;
	}
	
.send-a-file{
	background:url(../images/btn-send-a-file.gif) top left no-repeat;
	width:230px;
	}
	
.inventory-management{
	background:url(../images/btn-inventory-management.gif) top left no-repeat;
	width:230px;
	}

	
.easyproof{
	background:url(../images/btn-easyproof.gif) top left no-repeat;
	width:230px;
	}
	
.customer-login{
	background:url(../images/btn-customer-login.gif) top left no-repeat;
	width:230px;
	}
	
#client-tools-nav ul li a:hover{
	background-position:0 -34px;
	border:none;
	}
	
/*------------------------------------------------------------------------------------------*/

#newsletter-nav{
	background-color:#0099cc;
	width:232px;
	padding:6px 13px 12px 12px;
	color:#fff;
	float:left;
	}
	
#newsletter-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#newsletter-nav a{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:80%;
	}
	
#mmsdc-blurb{
	border-top:solid 6px #fecb00;
	float:left;
	width:233px;
	padding:12px;
	}
	
#top-border{
	border-top:solid 6px #fecb00;
	float:left;
	width:1023px;
	margin:1px;
	background:url(../images/sidenav-bg.png) top left repeat-y;
	min-height:500px;
	height:auto !important;
  	height:500px;
	}
	
	
#sidenav-container{
	width:191px;
	float:left;
	padding:0 20px 0 0;
	}
	
#sidenav-container ul{
	margin:0;
	padding:0;
	list-style:none;
	border-top:solid 1px #bac1c6;
	}
	
#sidenav-container li{
	border-bottom:solid 1px #bac1c6;
	padding-bottom:0;
	}
	
#sidenav-container li a{
	font-weight:bold;
	font-size:90%;
	line-height:125%;
	text-decoration:none;
	display:block;
	padding:6px 12px;
	}
	
#sidenav-container li a.active{
	background-color:#f1f1f1;
	color:#949ea5;
	}
	
#sidenav-container h5{
	padding:4px 12px;
	margin-bottom:1px;
	background-color:#fecb00;
	}
	
 #sidenav-container h5 a{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:85%;
	text-decoration:none;
 	}
	
#page-content-container{
	float:left;
	width:772px;
	padding:20px;
	}
	
#page-content-container h4{
	color:#ac2973;
	padding:10px 0 0 0;
	margin:0;
	}
	
	
	/*FOOTER NAV STYLES 
---------------------------------------------------------------------------------------------*/

	
	
#footer-container{
	float:left;
	width:1025px;
	text-align:center;
	/*font-size:11px;*/
	padding:6px 0;
	}
	
#footer-container p{
	font-size:70%;
	}
	
#footer-container li{
	display:inline;
	}
	
#footer-container li a{
	font-size:11px;
	text-decoration:none;
	padding:0 16px 0 12px;
	font-weight:bold;
	}
	
/*Creative Portfolio NAV STYLES 
---------------------------------------------------------------------------------------------*/

#create-port r{
	float:left;
	width:750px;
	text-align:center;
	/*font-size:11px;*/
	padding:6px 0 20px 0;
	}
	
#create-port  p{
	font-size:70%;
	}
	
#create-port  li{
	display:inline;
	}
	
#create-port li a{
	font-size:11px;
	text-decoration:none;
	padding:0 10px 0 8px;
	font-weight:bold;
	}
	
#create-port li a.active {
	font-size:11px;
	color:#949ea5;
	text-decoration:none;
	padding:0 10px 0 8px;
	font-weight:bold;
	}
	
	
	/* Admin 
---------------------------------------------------------------------------------------------*/
#admin-content-container
{
	float:left;
	width:500px;
}

.surBody a {
	font-family: arial, sans-serif;
	font-size: 11px; 
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	}	
	
.surBody a:hover {
	font-family: arial, sans-serif;
	font-size: 11px; 
	font-weight:normal;
	color:#6193D9;
	text-decoration:underline;
	}	
	
.surBody td 
{
	font-family: arial, sans-serif;
	font-size: 12px; 
	font-weight:normal;
	color:#000000;
	background-color:#FFFFFF;
	padding:3px 10px 3px 10px; 
	border-bottom:1px solid #ABABAB; 
	border-top:1px solid #DEDDDD; 
	border-right:1px solid #DEDDDD;
	border-left:1px solid #DEDDDD;

}
.surHeader { 
	font-family: arial, sans-serif;
	font-size: 13px; 
	font-weight:Bold;
	color:#000000;
	padding-left:5px;
	} 
	
.surHeaderSm { 
	font-family: arial, sans-serif;
	font-size: 10px; 
	color:#FFFFFF;
	} 

.surTitles {
	font-family: arial, sans-serif;
	font-size: 12px; 
	font-weight:Bold;
	color:#000000;
	}	
	

.surTitles a {
	font-family: arial, sans-serif;
	font-size: 12px; 
	font-weight:Bold;
	color:#000000;
	text-decoration:none;
	}	
	

.surTitles a:hover {
	font-family: arial, sans-serif;
	font-size: 12px; 
	font-weight:Bold;
	color:#6193D9;
	text-decoration:underline;
	}	

.surTitles2 {
	font-family: arial, sans-serif;
	font-size: 12px; 
	font-weight:Bold;
	color:#AFAFAF;
	padding-bottom:5px;
	}	
	

.surTitles2 a {
	font-family: arial, sans-serif;
	font-size: 12px; 
	font-weight:Bold;
	color:#AFAFAF;
	text-decoration:none;
	}	
	

.surTitles2 a:hover {
	font-family: arial, sans-serif;
	font-size: 12px; 
	font-weight:Bold;
	color:#6193D9;
	text-decoration:underline;
	}	
	

.surTitles3 {
	font-family: arial, sans-serif;
	font-size: 17px; 
	font-weight:Bold;
	color:#000000;
	}	
	
.box{
	border: 1px solid #0069b5;
	width:500px;

}
.box2{
	border: 1px solid #0069b5;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;

}
.box td {

}
.surBody2 td 
{
	font-family: arial, sans-serif;
	font-size: 11px; 
	font-weight:normal;
	color:#000000;
}	
/*------------------------------------------------------------------------------------------*/
.button, button {
	border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	background-image:url(/Assets/Images/buttonBg.gif);
	background-position:top;
	background-color:white;
	height:20px;
	width:80px;
	vertical-align: middle;
}
/******************* FIELDSET *******************/
	
fieldset {
	position: relative;
	width:620px;
	background-color:#f8f8f8;
	border:1px solid #aeb9bf;
	/* margin-bottom:20px;*/
	padding-bottom:20px;
	/**background-image:url(/images/white.gif);
	*background-repeat:no-repeat;*/
	margin:0px 0px 10px 0px;
	clear:left;
	}
	
fieldset td{
	text-align:left;
	/*font-size:90%;*/
	}
	
fieldset p{
	padding:0px;
	margin:5px 0px 0px 0px;
	padding-left:10px;
	padding-right:5px;
	font-size:12px;
	}	
	
label {
	/* float:left;*/
	padding:0px;
	margin:5px 0px 0px 0px;
	width:160px;
	}	
	
label.check{
	/* float:left;*/
	width:160px;
	text-align:right;
	padding-right:5px;
	}		
.input {
	/* float:left;*/
	}	
	.box {
	width:215px;
	}	
	
legend {
	font-weight:bold;
	color:#394a58;
	/*font-size:16px;*/
	*margin-top:0px;
	}	
	
/*.small {
	font-size:10px;
	}	*/
	
.req {
	color:#CC0000;
	}	
.cbl 
{
	font-size:85%;
	line-height:145%;
}
.cbl2 
{
	font-size:95%;
	line-height:145%;
}