/* PORKPIE PUBLICITY */
/* PAGE STYLES */

BODY  {
scrollbar-arrow-color:	#F1F1F1;
scrollbar-base-color:	#0390FD;
scrollbar-dark-shadow-color:	#3B3BA7;
scrollbar-track-color:	#05E25A;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
background-color: white;
}

body {
	width: 100%;
	background-color: #494949;
	background-image: url(../images/home/bg.gif);
	background-attachment: fixed;
	background-position: left -20px;
	margin: 30px 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
h3 { padding: 0 0 0 0; color: #FFFFFF;}
input, textarea 
{
	background-color: #EFF4FC;
	font-family:	verdana,arial,helvetica;
	font-size:	12px;
	border: 2px solid #83B6D1;
}
div { margin:0;padding:0; }
p { margin:0; padding:0; }
img { border:0; }

li  {
display:	block;
padding: 0px 0px 7px 0px;
}

img.left {
	float:left;
	margin: 5px;
	border: 1px solid #333;
}
img.right {
	float:left;
	margin: 5px;
	border: 1px solid #333;
}

/* SITE MAIN*/

#header {
	background-image: url(../images/home/header.jpg);
	width: 723px;
	height: 83px;
}

#header .navigation {
	position: relative;
	text-align: right;
	right: 20px;
	top: 67px;
	font-size: 10px;
	text-transform:	uppercase;
	color: #ffffff;
}

#header .navigation a {
	color: #ffff00;
	text-decoration: none;
}

#header .navigation a:hover {
	color: #05E25A;
	text-decoration: underline;
}

/* NAV*/

#nav-wrap {
	width: 750px;
	height: 25px;
	padding: 0px 0 0 0;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	background-color: #E5E5E5;
	background-image: url(../images/nav/nav_bg.gif);
}

/* CONTENT*/

#innerbody { margin: 0; width: 100%; }

#content-wrap {
	width: 698px;
	padding: 10px 5px 15px 5px;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	background-image: url(../images/home/content_bg.gif);
	background-color: #E5E5E5;
}

#content-wrap .left-header {
	BORDER-TOP: #000000 4px solid; 
	BORDER-RIGHT: #000000 4px solid; 
	BORDER-LEFT: #000000 4px solid; 
	background-color: #3B3BA7;
	padding: 5px 5px 5px 5px;
	width: 500px;
}

/* LEFT*/

#mainleftcol { 
 	width: 340px;
 	margin-left: 0;
 	float: left; 
 	position: relative; 
}

/* LATEST NEWS*/

#latestnewsbox { 
 	padding: 			10px 7px 10px 7px;
	border: 			4px solid #3B3BA7;
	DISPLAY: 		block;
	background-color:		#FFFFFF;
	font-size: 		12px;
	text-transform: 		uppercase;
	color: 			#000000;
	float: 			left
	width: 			100%;
} 

#latestnewsbox h1 {
	font-size: 		16px;
	padding: 			4px 0 0 0;
	margin-bottom: 		10px;
	color:			#3B3BA7;
	text-transform: 		uppercase; 
	letter-spacing: .		2em;
}

#latestnewsbox a { 
	color:			#0000FF; 
	text-decoration:		underline; 
}

#latestnewsbox a:hover { 
				color: #990033;
}

#latestnews  {
list-style-type:	none;
margin:	0;
padding:	0;
width:	100%;
}

#latestnews li  {
display:	block;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	9pt;
padding-bottom:	.1em;
padding-left:	5px;
padding-right:	0;
padding-top:	.2em;
text-decoration:	none;
}

div.news {
background: url(../images/home/news_arrow.gif) no-repeat 0 8px;
padding: 7px 5px 5px 25px;
}

/* MAIN*/

#leftcol { 
 	width: 500px;
 	margin-left: 0;
 	float: left; 
 	position: relative; 
}

#mainbox { 
 	padding: 10px 7px 10px 7px;
	border: 4px solid #3F4F66;
	DISPLAY: block;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #000000;
	float: left
	width: 100%;
} 

#mainbox h1 {
	font-size: 16px;
	padding: 4px 0 0 0;
	margin-bottom: 10px;
	color: #3B3BA7;
	letter-spacing: .2em;
}

#mainbox h3 {
	font-size: 12px;
	color: #003366;
	text-decoration: underline;
}

#mainbox h4 {
	font-size: 12px;
	color: #003366;
}

#mainbox p {
	margin: 0 0 10pt 0;
}

#mainbox a { 
color: #3B3BA7; 
text-decoration: underline; 
}

#mainbox a:hover { 
color: #990000;
}

#contentbox { 
padding-bottom:	.5em;
padding-left:	5px;
padding-right:	0;
padding-top:	.5em;
BORDER-TOP: #3B3BA6 2px solid; 
BORDER-RIGHT: #3B3BA6 2px solid; 
BORDER-LEFT: #3B3BA6 2px solid; 
BORDER-BOTTOM: #3B3BA6 2px solid; 
DISPLAY: block; 
background-color: #F1F1F1;
width:	95%;
}

/* SPECIALS*/

#specialbox { 
	padding-bottom:		.5em;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		.5em;
	border: 2px solid 		#05E65B; 
	DISPLAY: 		block; 
	background-image: 	url(../images/home/special_bg.jpg);
	background-color: 		#117500;
	font-size: 		12px;
	color: 			#FFFFFF;
	text-transform: 		uppercase;
	text-align:		center;
	font-weight:		bold;
	float: 			left
	width: 			100%;
}

#specialbox h1 {
	font-size: 		14px;
	color: 			#FFD749;
	text-align: 		center;
	text-transform: 		uppercase;
	text-decoration: 		underline;
	letter-spacing: 		.2em;
}

#specialbox
A:link { 
	color: ffff00; 
	border-bottom: 1px dashed #00FF00;
	text-decoration: none; 
}

#specialbox
A:visited {
	color: ffff00;
	border-bottom: 1px dashed #00FF00;
	text-decoration: none;
}

#specialbox
 A:hover {
	color: 00FF00;
	border-bottom: 1px dashed #00FF00;
	text-decoration: none;
}

/* KIT EVAL*/

#kitbox { 
	padding-bottom:		.5em;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		.5em;
	border: 			2px solid #FF0000; 
	DISPLAY:			block; 
	background-image: 	url(../images/home/newsletter_bg.jpg);
	background-color: 		#8C0000;
	font-size: 		10px;
	color: 			#FFFFFF;	
	text-align:		left;
	font-weight:		bold;
	float: left
	width: 100%;
}

#kitbox h1 {
	font-size: 		12px;
	color: 			#FFD749;
	text-align:		center;
	text-transform: 		uppercase;
	text-decoration: 		underline;
}

#kitbox
A:link
{ color: ffff00; text-decoration: underline; }

#kitbox
A:visited
{ color: ffff00; text-decoration: underline; }

#kitbox
 A:hover 
{color: ff0000; text-decoration: none; }

/ *PARTNER* /

#partnerbody { margin: 10px; width: 100%; }

#partnerbox { 
 	padding: 			10px 7px 10px 7px;
	border: 			4px solid #7F97AF;
	DISPLAY: 		block;
	background-color:		#FFFFFF;
	font-size: 		10px;
	color: 			#000000;
	float:			left
	width: 			100%;
	height: 			210px;
} 

#partnerbox h1 {
	font-size: 		12px;
	color: 			#003366;
	margin-bottom: 		10px;
	letter-spacing: 		.2em;
	text-decoration: 		underline;
}

#partnerleftcol { 
 	width: 			33%;
 	margin-left: 		0; 
 	float: 			left; 
 	position: 			relative; 
}

#partnercentercol { 
 	width: 			33%;
 	margin-right: 		0; 
 	float: 			right; 
 	position: 			relative; 
}

#partnerrightcol { 
 	width: 			33%;
 	margin-right: 		0; 
 	float: 			right; 
 	position: relative; 
}

/ *PARTNER HOME* /

#partnerhomebody { margin: 10px; width: 100%; }

#partnerhomebox { 
 	padding: 			10px 7px 10px 7px;
	border: 			4px solid #7F97AF;
	DISPLAY: 		block;
	background-color:		#FFFFFF;
	font-size: 		10px;
	color: 			#000000;
	float:			left
	width: 			100%;
	height: 			210px;
} 

#partnerhomebox h1 {
	font-size: 		12px;
	color: 			#003366;
	margin-bottom: 		10px;
	letter-spacing: 		.2em;
	text-decoration: 		underline;
}

#partnerhomeleftcol { 
 	width: 			50%;
 	margin-left: 		0; 
 	float: 			left; 
 	position: 			relative; 
}

#partnerhomerightcol { 
 	width: 			50%;
 	margin-right: 		0; 
 	float: 			right; 
 	position: relative; 
}

/* RIGHT*/

#mainrightcol { 
 	width: 			340px;
 	margin-right: 		-1; 
 	float: 			right; 
 	position: 			relative; 
}

#rightcol { 
 	width: 			180px;
 	margin-right: 		-1; 
 	float: 			right; 
 	position: 			relative; 
}

/* LATEST WORK*/

#workbox { 
 	padding: 			10px 7px 10px 7px;
	border: 			4px solid #990033;
	DISPLAY:	 		block;
	background-color:		#FFFFFF;
	font-size: 		12px;
	color: 			#000000;
	float: 			left
	width: 			100%;
} 

#latestworkbody { margin: 0px; width: 100%; }

#latestworkbox { 
 	padding: 			0 0 0 0;
	DISPLAY: 		block;
	width: 			100%;
} 

#latestworkboxacol { 
 	padding: 			0px 5px 10px 5px
 	position: 			relative;
	width: 			100px;
	font-size:		10px;
}

#latestworkboxbcol { 
 	padding: 			0px 5px 10px 5px
 	position: 			relative;
	width: 			240px;
	font-size:		10px;
	text-transform: 		uppercase; 
}

#workbox h1 {
	font-size: 		16px;
	padding: 			4px 0 0 0;
	margin-bottom: 		12px;
	color: 			#990033;
	letter-spacing: 		.2em;
	text-transform: 		uppercase;
}

#workbox p {
	margin: 0 0 10pt 0;
}

#workbox a { 
color: #990000; 
text-decoration: underline; 
}

#workbox a:hover { 
color: #ff0000;
}

/* FEATURED CLIENT*/

#featuredbox { 
 	padding: 			0 0 0 0;
	border: 			0;
	DISPLAY: 		block;
	background-color:		#D9D7D2;
	float: 			left
	width: 			100%;
} 

#featuredbox h1 {
	font-size: 		16px;
	padding: 			5px, 5px, 5px, 5px;
	color:			#C2001A;
	text-transform: 		uppercase;
	text-decoration: 		underline; 
	letter-spacing: 		.2em;
}

/* NEWSLETTER*/

#newsletterbox { 
	padding-bottom:		.5em;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		.5em;
	border: 2px solid 		#0263FE; 
	DISPLAY: 		block; 
	background-image: 	url(../images/home/right_bg.jpg);	
	background-color: 		#0F0F65;
	font-size: 		10px;
	color: 			#FFFFFF;
	text-transform: 		uppercase;
	font-weight:		bold;
	text-align:		center;
	float: 			left
	width: 			100%;
}

#newsletterbox h1 {
	font-size: 		12px;
	color: 			#FFD749;
	text-align:		center;
	text-transform: 		uppercase;
	text-decoration: 		underline;
}

#newsletterbox
A:link
{ color: ffff00; text-decoration: underline; text-transform: uppercase;}

#newsletterbox
A:visited
{ color: ff9900; text-decoration: underline; }

#newsletterbox
 A:hover 
{color: 036CFE; text-decoration: none; }

/* CONTENT MORE*/

#content-wrap .clear {
	height: 1px !IMPORTANT;
	height: 0px;
	clear: both;
}
#content-wrap .float {
	display: block;
	cursor: hand;
	float: left;
	width: 130px;
	margin: 15px 10px 10px 10px;
	padding: 10px 10px 10px 10px;

	border: 1px solid #CC0000;
	background-color: #E7E7E7;
}
#content-wrap a .float {
	text-decoration: none;
}

/* FOOTER*/

#footer {
	background-image: url(../images/home/footer.jpg);
	width: 723px;
	height: 20px;
}

#bottom
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: 000000;text-transform: uppercase;}

#bottom
A:link
{ color: 3B3BA6; text-decoration: underline; }

#bottom
A:visited
{ color: 3B3BA6; text-decoration: underline; }

#bottom
 A:hover 
{color: 3B3BA6; text-decoration: none; }

/* Mozilla [11] code */ 
#body > #innerbody { border-bottom: 1px solid transparent; } 
#leftcol { margin-right: 1px; } 
#rightcol { margin-left: 1px; } 
#rightcol p { padding-left: 10px; } 
#centercol { margin: 0 -8px 0 -2px; } 

/* PORTFOLIO*/

#portbody { margin: 0px; width: 100%; }

#portbox { 
 	padding: 0 0 0 0;
	border: 0;
	DISPLAY: block;
	font-size: 10px;
	color: #000000;
	float: left
	width: 100%;
	text-transform: uppercase;
	text-align:	center;
	font-weight:	bold;
	width: 100%;
	height: 400px;
} 

#portbox h1 {
	font-size: 12px;
	color: #003366;
	text-transform: lowercase;
	margin-bottom: 10px;
}

#portbox h2 {
	font-size: 13px;
	color: #273095;
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: 10px;
}

#portboxleftcol { 
 	width: 33%;
 	margin-left: 0;
	margin-bottom: 10px;  
 	float: left; 
 	position: relative; 
}

#portboxcentercol { 
 	width: 33%;
 	margin-right: 0; 
	margin-bottom: 10px; 
 	float: left; 
 	position: relative; 
}

#portboxrightcol { 
 	width: 33%;
 	margin-right: 0;
	margin-bottom: 10px;  
 	float: right; 
 	position: relative; 
}

#portboxleft { 
 	width: 50%;
 	margin-right: 0;
	margin-bottom: 10px;  
 	float: left; 
 	position: relative; 
}

#portboxright { 
 	width: 50%;
 	margin-right: 0;
	margin-bottom: 10px;  
 	float: right; 
 	position: relative; 
}

#portbox
A:link {
	color: 000000; 
	text-decoration: underline; 
}

#portbox
A:visited {
	color: 000000; 
	text-decoration: underline; 
}

#portbox
 A:hover {
	color: ff0000; 
	text-decoration: none; 
}