

/*/---------------------*BASIC*------------------------/*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*END OF RESET -----------------------------------------------------------------*/

/*GRAPHICS PAGE ///////////////////////////////////////////////////////////////*/


.pod {
float: left;
margin: 20px 30px 20px 0px;
padding: 0 }
	
	
.podtop {
float: left;
width: auto;
margin: 0px 40px 20px 20px;
	padding: 0 }
	

p.graphics {
width: auto;
margin-bottom: 40px;
margin-top: 40px;
}



/*TEXT STYLES -----------------------------------------------------------------*/

ol, ul {
	list-style: square;
	 margin: 1.2em 0 1.2em 2em;
	 font-size: 0.9em;
}


ul.col {
	list-style: square;
	 margin: 0.8em 1em 0.8em 1em;
	 color:#759d61;
}

ul.col li {
	 margin: 0;	
	 font-size: 0.9em;
}

p { margin: 1.2em 0;
font-size: 0.9em;	
line-height: 1.3em;
}


p.intro { margin: -1em 0px 2.2em 0;	
width: 100%; text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
 color:#71285b;
	font-size: 1.3em;
	letter-spacing: normal;
	line-height: 1.3;
		word-spacing: -0.05em;}



h3.item_hdr
{
	font-weight: bold;
	
	font-size: 1em;
	display:block;
	text-align: left;
	color: #666666;
	padding-top:6px;

}



.bold_hdr {
		font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 1em;
		font-weight: bold;
	/*text-transform: uppercase;*/
	color: #71285b;
	display:inline;}
	
	h4 {
		font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 0.8em;
		font-style: normal;
	text-transform: uppercase;
	color: #71285b;}
	
		h3 {
	font-weight:normal;
	font: 1.4em Georgia, "Times New Roman", serif;
	letter-spacing: 0em;
	padding: 4px 0;
	display:block;
	color: #71285b;
	line-height: 1;
}
			
		
	h2 {font: 1.2em Georgia, "Times New Roman", serif;
	color: #71285b;
	letter-spacing: 0.1em;
	font-weight:normal;
	margin: 0.6em 0 0 0;}
			
	
		h1 {font-size: 1.5em; /*24px / 16px */
	font-style: italic;
	font-weight:normal;}
	
	h1 a {font-size: 0.458333333em; /*11px / 24px */
	font-style: normal;
	text-transform: uppercase;}
	
	strong {font-weight:bold; }
	
			
.quotetext {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 0.8em;
	line-height: 1.3;
	text-align: center;
	color: #666666;
	margin: 0;
	padding: 0.5em;
	letter-spacing: 0.0em;

}


.quotemarks {
font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1;
		color: #ffcc00;
		font-weight: bolder;
	padding: 0;
		}

.credit {
font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.1;
	text-align: center;
	color: #71285b;
		font-weight: normal;
	font-style:normal;
	font-variant:small-caps;
	
		}
		
		img.newsletter {display:none; }

/*TEXT STYLES END -----------------------------------------------------------------*/


/*CLIENT PAGE TOP 4 COLUMS -----------------------------------------------------------------*/
				
		#col_a {width: 50% !important; /*230 / 960*/
		margin: 1em 0em 1em 0; 
	text-align: left; 
 float: left;

	}
		
			#col_b {width: 50% !important; /*230 / 960*/
		margin: 1em 0em 1em 0em; 
	text-align: left; 
 float: left;

	}
	
		#col_c {width: 50% !important; /*230 / 960*/
		margin: 1em 0em 1em 0; 
	text-align: left; 
 float: left;

	}
	
		#col_d {width: 48% !important; /*230 / 960*/
		margin: 1em 0em 1em 0em; 
	text-align: left; 
 float: left;

	}


#text_col {
		margin: 0em 1em 1em 0em; 
	text-align: left; 
 float: left;
 background-color:#FFffff;
 
 width:96%;

	}

.noshowmobile {
display:none;
}

#clearfloatsmobile {clear:both;}

.clear
	{
	float: left;
	clear: both;
}

body { background: url(../pix/background_strip2a.jpg) repeat-x fixed;
	background-color: #F5f7f2;
	font: normal 100%;
	 color:#333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
	}


img {max-width:100%; height:auto;}
	
#page { width: 100%;
background-color:#ffffff;
margin: 0 auto;
border: #ffffff solid 1px;}

	#nav-box {
background-color: #FFF9E5;
	border-bottom: 1px solid #FFCC00;
	width: 100%;
	height: 24px;
 }

#mini-nav {
	display:none;}



#header { width: 100%; padding: 0; margin:1em 0;  text-align:center; 
	 }
	
h2.second_header {width: 100%; margin: auto; text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
 color:#71285b;
	font-size: 1.2em;
	letter-spacing: normal;
	line-height: 1.3;
		word-spacing: -0.05em;
		clear:both;}
		
		
		

	#intro {width: 100%; margin: auto; text-align:center;}
	
	#intro-text { width: 80%; margin: auto; text-align:center;
	}
		
	
	#intro-image { width: auto; margin: 0; text-align:center; }
	
	img.logos { margin: 0em  0em 0em 0em; text-align:center; }
	
	
.col-hdr-left	 {
	margin-left: 14.58333%; text-align:left;
	margin-top: 1em;

	font-family: Georgia, "Times New Roman", Times, serif;
 color:#71285b;
	font-size: 1em;
		line-height: 1;
		text-transform:uppercase;
		float:left;
		text-align:left;}
		
		.col-hdr-right	 {
	margin-left: 0%; text-align:left;
	margin-top: 1em;
		font-family: Georgia, "Times New Roman", Times, serif;
 color:#71285b;
	font-size: 1em;
		line-height: 1;
				text-transform:uppercase;
		float:left;
		text-align:left;}
	
 /* ---------------------------- ---------------------portfolio pages structure*/


.item {width: 90%;
	margin: 1em ;
	float:left;
	border:none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;}
	
	
.item-left { width: 100%; 
	text-align: center; 
 float: left;
 clear:right;
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px

	}
		
.item-content { 
	padding: 1em;
	text-align: center; 
	}
	
	.item-text { 
	margin: 1em 2em 1em 2em;
	font-family: Verdana, Arial, sans-serif;
		line-height: 1.2;
	text-align: left;
		color: #666666;
		width: 90%
		}
	
 /* -------------------------------------------------content pages structure*/

.item-body {width: 90%;
	margin: 1em ;
	float:left; 
	border: none;
		}		
		.item-content-body { 
	padding: 1em 2em 2em 0;

	}
	
	.item-right-body {
		
		width: 90%;
	 float:left; 
		text-align:left;
			background-color: #ffffff;
			}
	
	.item-right-col { 
	
	margin: 1em;
	padding: 2em;
	border:solid 0.1em #FFCC00;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
	background-color: #fffae7;
	text-align:center;

	}
	
	.item-right { float:left; 
		text-align:left;
			background-color: #fffae7;
						width:100%;
						-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;}
	




h3.item_hdr
{
	font-weight: bold;
	font-size: 1em;
	display:block;
	text-align: left;
	color: #666666;

}
	

	
	
	/*FOOTER -----------------------------------------------------------------*/
	
		#footer { display:none;
		width: 100%;
	margin: 2em auto;
	font: 0.9em Georgia, "Times New Roman", serif; letter-spacing: 0.075em;
	padding: 0;
	width: 100%;
	clear:both;
	text-align:center; }
	
	
	#footernav ul {
list-style-type:none;
margin: 0;

display:block;
	width: 100%;
}

#footer li {
		
	list-style-type: none;
	display:block;
	width: 100%;
	text-align:center;
	border-top: #FFCC00 1px solid;
	background-color: #fffae7;	
	margin:0;
		}

* html #footer li {
			list-style-type: none;
	display:block;
	width: 100%;
	text-align:center;
	border-top: #FFCC00 1px solid;
	background-color: #fffae7;
		
	}
	
#footer li a {
	text-decoration: none;
	color: #71285b;
	padding: 8px;
		text-align:center;
	width:100%;
	display:block;
	border-bottom:none;
	
}

#footer li a:visited {
text-decoration: none;
color: #71285b;
padding: 8px;
	text-align:center;
		width:100%;
		display:block;
		border-bottom:none;
		
}

#footer li a:hover {
	text-decoration: none;
padding: 8px 8px 8px 8px;
	color: #759d61;
		text-align:center;
	background-color: #FFFFFF;
	width:100%; 
	display:block;
	border-bottom: #712858 1px solid;
	}
	

	

	
	
		#colophon { width: 98%;
	margin: 0em auto;
	font: 0.9em Georgia, "Times New Roman", serif; letter-spacing: 0.075em;
text-align: right;
	padding: 0;
	height: 20px; 
	clear:both;

	
	}
	
	

/* LINKS //////////////// LINKS  /////////////////////////////////////////////////////// */



	
	a:link.header {
	color: #71285b;
	text-decoration: none;
		border-bottom:none;}
	
	a:hover.header {
	color: color: #759d61;	border-bottom:none;}

	a:visited.header {
	color: #71285b;
	text-decoration: none; 	border-bottom:none;}
	


a.main  {color:#666666;
	text-decoration: none;
line-height: 1.6;
	padding: 2px;
		border-bottom:none;
}

a:link.main {color:#666666;
	text-decoration: none;
	line-height: 1.6;
	padding: 2px 2px 2px 0px;
	border-bottom:none;
}

a:visited.main {
	color: #666666;
	text-decoration: none;
	line-height: 1.6;
	padding: 2px 2px 2px 0px;
	border-bottom:none;
}



a:active.main  {
color:  #badb0a;
text-decoration: none;
border-bottom: solid 1px  #ffcc00;
padding: 2px 2px 2px 0px;

}


a  {color:#666666;
	text-decoration: none;
	}

a:link {color:#666666;
	text-decoration: none;
border-bottom: 1px dashed #cccccc;
}

a:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dashed #cccccc;
	}

a:hover{
	color: #759d61;
	text-decoration: none;
	
}

a:active {
color:  #badb0a;
text-decoration: none;
}




/* IMAGE LINKS */

a:link.link_img {
color:#666666;
	text-decoration: none;
border-bottom: none;
}

a:visited.link_img {
	color: #666666;
	text-decoration: none;
border-bottom: none;
	}




/*if browser window is bigger than this do this*/


		
		
		
		
				.noshowmobile {
display: none;
}
		
		
	
	#mini-nav {display:none;}
	
	

	
	
	h2.second_header {width: 100%; margin: 0; text-align:left;  
padding-left: 6.25%;  /*60 / 960*/
float:left;
	 text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
 color:#71285b;
	font-size: 1.2em;
	letter-spacing: normal;
	line-height: 1.3;
		word-spacing: -0.05em;
		clear:both;}
		
	
	#page { width: 90%;

margin:auto;
max-width:1000px;
}


		
		#nav { width: 100%;
	margin: auto;
	font: 0.7em Georgia, "Times New Roman", serif; letter-spacing: 0.075em;
text-align: left;
	padding: 2px 0 0 0;
	width: 100%; 
	}
	

	
/* ---------------------------- ---------------------content pages structure*/

	.item-body {width: 90.625% !important;/* 870 / 960 */
	margin: 1em 1em 1em 9.375%; /* left margin 90 / 960*/
	float:left;
	border:none;}
	
	.item-left-body { width: 90% !important; /*540 / 870*/
	text-align: left; 
 float: left;

	}
	
	
	.item-content-body { 
	padding: 1em 2em 2em 0;

	}
	
	.item-right-body {
		display:none;
		
			}
	
	.item-right-col { 
	display:none;


	}
	
	
	.item-right-col-nl{ 
	display:none;

	}
	


	


		
	
	#nav ul {
list-style-type:none;
margin: 0px 10px 0 0;
padding: 0px 0px 0 0;
}

#nav li {
	float: right;
	padding: 0px 16px 0 6px;
	margin:0;
	list-style-type: none;
	background-image: url(../pix/nav_star.gif);
	background-position: RIGHT;
	background-repeat: no-repeat;
	}

* html #nav li {
	float: right;
	padding: 2px 16px 0px 6px;
	margin: 0px;
	list-style-type: none;
	background-image: url(images/nav_star.gif);
	background-position: right;
	background-repeat: no-repeat;
	}
	
#nav a {
	text-decoration: none;
	color: #71285b;
	line-height: 1;
	padding: 0;
	border-bottom:none;
}

#nav a:visited {
text-decoration: none;
	color: #71285b;
	padding: 0;
	border-bottom:none;
}

#nav a:hover {
	text-decoration: none;
	color:#759d61;
	border-top-style: solid;
	border-top-color: #FFCC00;
	border-top-width: 1px;
	background-color: #FFFFFF;
	padding: 0;
	
}

#header { width: 100%; margin: 0; text-align:left;  
padding-left: 6.25%;  /*60 / 960*/
padding-top: 1em;
padding-bottom: 1em;
float:left;

}
	
	#intro {width: 100%; margin: auto; 
	}
	
	#intro-left { width: 65.625%; /* 630 / 960 */
		text-align: left; 
 float: left; 
}
 
 #intro-text { 
	margin-left:14.2871%; /*90 / 630*/
	margin-right:0px;
	text-align: left; 
 float: left; 
 width:auto;}
 
	
	#intro-image {width: 34.375%; /* 330 / 960 */
		text-align: left; 
 float: left; 
}
 
	
img.logos { margin: 2em  0em 0em 3em; text-align:center; }




#clearfloatsmobile {clear:none;}

		/*Clients 4 columns*/
		
		#col_a {width: 23.95833% !important; /*230 / 960*/
		margin: 1em 0em 1em 6.25%; /* left margin 60 / 960*/
	text-align: left; 
 float: left;

	}
			#col_b {width: 23.95833% !important; /*230 / 960*/
		margin: 1em 0em 1em 0em; 
	text-align: left; 
 float: left;

	}
	
		#col_c {width: 23.95833% !important; /*230 / 960*/
		margin: 1em 0em 1em 0em; 
	text-align: left; 
 float: left;

	}
	
		#col_d {width: 21.875% !important; /*220 / 960*/
		margin: 1em 0em 1em 0em; 
	text-align: left; 
 float: left;

	}

		
				.noshowmobile {
display: block;
}
		
		#nav {display: block;}
	
	#mini-nav {display:none;}


		
		#nav { width: 100%;
	margin: auto;
	font: 0.7em Georgia, "Times New Roman", serif; letter-spacing: 0.075em;
text-align: left;
	padding: 6px 0 0 0;
	width: 100%; 
	}
		


#footer ul {
list-style-type: none;
margin: 2em auto;
padding: 0px;
width:100%;
display:block;
text-align: center;	
float:left;
background-color: #fffae7;	border-top: #FFCC00 1px solid;
}

#footer li {
	text-transform:lowercase;
		border-top: none;
	width:auto;
		float: left;
	background-color: #ffffff;	
		display:block;
		margin:0 0.8em;
		
	}

* html #footer li {
	text-transform:lowercase;
		list-style-type: none;
		border-top:none;
	width: auto;
background-color: #fffae7;

	
	}
	
#footer a {
	text-decoration: none;
	color: #71285b;
		padding: 8px;
		background-color: #fffae7;

	
}

#footer a:visited {
text-decoration: none;
	color: #71285b;
padding: 8px;
	background-color: #fffae7;	

	
}

#footer a:hover,
#footer a:focus {
	text-decoration: none;
padding: 8px;
	color: #759d61;
	width: 100%;
	background-color: #ccFF99;
	display:block;
	
	}	
	


		/*if browser window is bigger than this do this*/
	

		
		

		
		#nav {display: block;
		}
		
		#nav { width: 100%;
	margin: auto;
	font: 0.9em Georgia, "Times New Roman", serif; letter-spacing: 0.075em;
text-align: left;
	padding: 4px 0 0 0;
	width: 100%; margin: auto;
	 }
	
	#mini-nav {display:none;}
	
	#page { width: 90%;

margin:auto;
max-width:1000px}


#nav { width: 100%; max-width:1000px}



		




		

