@charset "utf-8";
/* General Selectors */

body {
	margin: 0px;
	padding: 0px;
	font: normal 12px/24px Helvetica, Verdana, Arial, sans-serif;
	background: #eff1f2 url(../images/body_bg.gif) repeat-x top center;
}
html>/**/body {
	margin: 0px;
	padding: 0px;
	font: normal 12px Helvetica, Verdana, Arial, sans-serif;
	background: #eff1f2 url(../images/body_bg.gif) repeat-x top center;
}
label {
	clear: left;
	float: left;
	display: block;
	width: 125px;
}
#inner_body_bg {
	margin: 0px;
	padding: 0px;
	font: normal 12px Helvetica, Verdana, Arial, sans-serif;
	background: #eff1f2 url(../images/inner_body_bg.gif) repeat-x top center;
} 
#breadcrumb {
	font: bold 12px Helvetica, Verdana, Arial, sans-serif;
	height: 37px;
	line-height: 37px;
	clear: both;
	color: #666666;
	background: url(../images/breadcrumb_inner_bg.gif) repeat-x;
	padding-left: 25px;
}
	#breadcrumb a {
		color:#0066CC;
		text-decoration: none;
	}
ul.pink li{
	list-style: none;
	background: url(../images/graphic_design/bullet_pink.gif) no-repeat 0px 3px;
	font: normal 12px Helvetica, Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px 0px 15px 25px;
	color: #575d69;
}
ul.pink {
	padding: 0px 0px 10px 25px;
	margin: 0px 0px 0px 5px;
}
html>/**/ ul.pink {
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 5px;
}
ul.pink li a{
	font: bold 12px Helvetica, Verdana, Arial, sans-serif;
	color: #575d69;
}

/* Rss */

ul.rss li{
	list-style: none;
	background: url(../images/graphic_design/bullet_pink.gif) no-repeat 0px 3px;
	font: normal 12px Helvetica, Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px 10px 15px 15px;
	color: #575d69;
}
ul.rss {
	padding: 0px 10px 10px 15px;
	margin: 0px 0px 0px 5px;
}
html>/**/ ul.rss {
	padding: 0px 10px 0px 15px;
	margin: 0px 0px 0px 5px;
}
ul.rss li a{
	font: bold 12px Helvetica, Verdana, Arial, sans-serif;
	color: #575d69;
}

/* End Rss */

p.right_column {
	padding: 0px 0px 0px 36px;
}

#wrapper {
	width: 1000px;
	margin: 0px auto;
	background: #ffffff;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
input.style {
	background: #efefef;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	border: 1px #c8c9ca solid;
	margin: 3px 0px 0px;
	padding: 5px;
}
#submit {
	cursor: pointer;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
p {
	padding: 10px 0px;
	margin: 0px;
	line-height: 18px; 
}
.hr {
	height: 1px;
	background: #CCCCCC;
	width: 600px;
	margin: 10px 0px 5px;
	padding: 0px;
}
h1 {
	padding: 0px;
	margin: 0px;
}
h2 {
	padding: 10px 0px;
	margin: 0px;
}
h3 {
	padding: 10px 0px;
	margin: 0px;
}
h3.grey {
	font: bold 16px/24px Helvetica, Verdana, Arial, sans-serif;
	padding: 10px 0px 10px 20px;
	margin: 0px;
	color: #575d69;
}
h4.grey {
	padding-left: 20px;
	color: #666666;
}
h4 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	}
/* Links */

a.blue, a.blue:hover, a.blue:active, a.blue:link {
	color: #0066CC;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
a.blue_big, a.blue_big:hover, a.blue_big:active, a.blue_big:link {
	color: #0066CC;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
a.grey, a.grey:hover, a.grey:active, a.grey:link{
	color: #999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	/*text-decoration: none;*/
	}
/* Header */

	#affiliate_program {
		vertical-align: middle;
		padding: 8px 0px;
		margin: 0px;
		line-height: 14px;
		background: #0084c8;
	}
		#affiliate_program a {
			text-decoration: none;
			color: #a3d6ef;
		}
		#affiliate_program a:hover {
			color: #ffffff;
			text-decoration: none;
		}
	div.links {
		float: right;
	}
	
	#header {
		height: 222px;
		margin: 0px auto;
		padding: 0px;
		clear: both;
	}
	#header div {
		width: 1000px;
		white-space: nowrap;
		text-align: center;
	}
		#header #logo {
			height: 222px;
			width: 500px;
			float: left;
			margin: 0px;
			padding: 0px;
		}
		#header #slogan {
			height: 222px;
			width: 500px;
			float: left;
			margin: 0px;
			padding: 0px;
		}
	#highlights {
		width: 1000px;
		padding: 0px;
		margin: 0px;
		height: 221px;
	}
	
		#highlights img.left {
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
		#creative_projects {
			float: left;
			}
		
	/* Left Content */
	
		#left_content {
			background: #ffffff;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #194576;
			float: left;
			width: 625px;
			padding: 0px 15px 0px 28px;
		}
		#content_services {
			background: #ffffff;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #194576;
			float: left;
			padding: 0px 15px 30px 28px;
		}
		#gr_left_content{
			background: #ffffff;
			font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
			color: #194576;
			float: left;
			width: 625px;
			/*height: 1350px;*/
			padding: 0px 15px 0px 28px;
		}
		#left_content_inner {
			background: #ffffff;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #194576;
			float: left;
			width: 957px;
			padding: 0px 15px 0px 28px;
		}
			#services {
				clear: both;
			}
				#services img {
					float: left;
					padding: 5px 0px 0px;
					margin: 0px 10px 10px 0px;
				}
			#services_inner {
				padding: 0px;
				margin: 10px 0px;
				width: 957px;
			}
				#services_inner img {
					float: left;
					padding: 0px;
					margin: 0px 19px 10px 0px;
				}
				.service_description {
					width: 285px;
					height: 170px;
					float: left;
					padding: 0px;
					margin: 0px 17px 10px 15px;
					font: normal 12px/18px Helvetica, Verdana, Arial, Helvetica, sans-serif;
					color: #555555;
				}
				.ecommerce_description {
					width: 285px;
					
					float: left;
					padding: 0px;
					margin: 0px 17px 10px 15px;
					font: normal 12px/18px Helvetica, Verdana, Arial, Helvetica, sans-serif;
					color: #555555;
				}
				.cms_description {
					width: 285px;
					height: 200px;
					float: left;
					padding: 0px;
					margin: 0px 17px 10px 15px;
					font: normal 12px/18px Helvetica, Verdana, Arial, Helvetica, sans-serif;
					color: #555555;
				}
			#projects {
				/*clear: both;*/
				padding: 0px 0px 0px;
			}
			#projects img {
				/*float: left;*/
				padding: 0px 10px 0px 0px;
			}
			
	/* Request a Quote */
	
	#quote_left {
		float: left;
		margin-right: 70px;
	}
	.quote_right {
		float: left;
		margin-right: 50px;
	}
	/* Some Text Links */
	
	#title_services {
		float: left;
		width: 343px;
		margin: 0px;
		padding: 0px;
	}
	#title_projects {
		float: left;
		width: 343px;
		margin: 0px;
		padding: 0px;
	}
	.free_quote_txt {
		float: left;
		font: bold 14px/24px "Helvetica", Arial, sans-serif;
		color: #2882bb;
		margin: 15px 0px 0px;
		padding: 0px;
	}
	.blue_txt {
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #3188bf;
		line-height: 40px;
	}
		.blue_txt a {
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			color: #444444;
			text-decoration: underline;
			line-height: 40px;
			
		}
	/*About Us*/
	#about_us {
		background: #e7e7e7;
		height: 360px;
	}
		#about_us p {
			padding-left: 20px;
			padding-right: 10px;
		}
		
	/*Graphic Design Right Content*/
	
		#gr_right_content {
			float: left;
			width: 332px;
		}
		.btn_left {
			text-align: left;
			margin-right: 84px;
		}
		#adv_banner {
			background: #278fde;
		}
		ul.bullet_blue li{
			list-style: none;
			background: url(../images/graphic_design/bullet_blue.gif) no-repeat 0px 3px;
			font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
			margin: 0px;
			padding: 0px 0px 10px 25px;
			color: #575d69;
		}
	/* Offline Advertising */
	
		#offline_advertising {
			background: #e7e7e7;
			height: 374px;
		}
			#offline_advertising ul li{
				list-style: none;
				background: url(../images/graphic_design/bullet_pink.gif) no-repeat 0px 3px;
				font: bold 12px Helvetica, Verdana, Arial, sans-serif;
				margin: 0px;
				padding: 0px 0px 10px 25px;
				color: #575d69;
			}
			
			#offline_advertising ul {
				padding: 0px 0px 10px 25px;
				margin: 0px 0px 0px 5px;
		}

			#offline_advertising ul li a{
				font: bold 12px Helvetica, Verdana, Arial, sans-serif;
				color: #575d69;
			}
			#offline_advertising div{
				padding: 0px;
				margin: 0px;
				height: 26px;
				text-align: right;
			}
			
	/*Corporate Branding Content*/
			
		#corporate_branding {
			background: #e7e7e7;
			height: 480px;
		}
			#corporate_branding a {
				font: bold 12px Helvetica, Verdana, Arial, sans-serif;
				color: #575d69;
			}
				#corporate_branding div{
					padding: 0px;
					margin: 0px;
					height: 26px;
					text-align: right;
				}
			#more_services {
				background: #e7e7e7 url(../images/graphic_design/title_more_services.gif) no-repeat;
				
			}
				#graphic_design_works p{
					padding: 0px 0px 0px 36px;
					margin:0px;
				}	
				#latest_projects {
					background: #e7e7e7;
					
				}
		/* Graphic Design Left Content */
			
			#logo_pack1{
				float: left;
				margin-right: 10px;
				padding: 10px;
				
			}
			#logo_pack2{
				float: left;
				margin-right: 10px;
				padding: 10px;
				
			}
			#logo_pack3{
				float: left;
				padding: 10px;
				
			}
				#logo_pack3 span {
					font: bold 11px Verdana, Arial, Helvetica, sans-serif;
					color: #0066CC;
				}
		/*Brand Packages*/
			.pack_img {
				float: left;
			}
			.pack_content {
				float: left;
				width: 440px;
			}
			.pack {
				margin: 10px 0px 0px 0px;
				font: bold 12px Helvetica, Verdana, Arial, sans-serif;
				color: #2f84ce;
				float: left;
			}
			img.bullet_blue {
				margin: 10px 20px 0px;
			}
			.pack div.pack_text {
				font: normal 11px Verdana, Arial, Helvetica, sans-serif;
				color: #848484;
				margin-left: 50px;
			}
			img.btn_quote {
				margin-top: 45px;
				float: left;
			}
				
			#Stationary img {
				margin: 0px 5px 0px 0px;
			}
			p#logos img{
				background: #ffffff;
				float: left;
				margin: 0px 6px 6px 0px;
			
			}	
	/*Right Content*/
	
		#right_content {
			float: left;
			width: 332px;
			
		}
			#web_services {
				background: url(../images/web_services_bg.gif) no-repeat;
				height: 277px; 
			}
				#web_services ul {
					padding-top: 73px;
					margin:0px;
				}
				html>/**/body #web_services ul li {
					list-style-image: url(../images/bullet.gif);
					padding: 0px 10px;
					margin: 0px 10px;
				}
				#web_services ul li {
					list-style-image: url(../images/bullet.gif);
					padding: 3px 0px 0px 37px;
					margin: 0px 0px 0px 17px;
				}
				 
					#web_services ul li a{
						list-style-image: url(../images/bullet.gif);
						font: normal 12px/26px Verdana, Arial, Helvetica, sans-serif;
						color: #94731a;
						text-decoration: underline;
						vertical-align: top;
					}
			
			#most_wanted_services {
				background: url(../images/most_wanted_services_bg.jpg) no-repeat;
				height: 253px;
			}
				#most_wanted_services img.adv {
					padding: 86px 0px 6px 0px;
					margin: 0px;
				}
				
				
			#ecommerce_solutions {
				background: url(../images/ecommerce_solutions_bg.gif) no-repeat;
				height: 330px;
			}
				#shopping_carts div{
					float:left;
					padding: 120px 0px 0px 0px;
					margin: 0px;
				}
				#shopping_carts p.img {
					padding: 0px 0px 15px 12px;
					margin: 0px;
				}
				
				#shopping_carts p.btn {
					padding: 14px 5px 22px 12px;
					margin: 0px;
				}
		#rss_feeds {
			background: #e7e7e7;
			height: 750px;
			}
			#rss_feeds a{
				font: bold 12px Helvetica, Verdana, Arial, sans-serif;
				color: #575d69;
				}
	/* Footer */
	
		#footer {
			clear: both;
			background: url(../images/footer_bg.gif) repeat-x;
			height: 60px;
			margin: 0px;
			padding: 0px;
		}
			#nav_footer {
				float: left;
				padding: 14px 0px;
				width: 626px;
				height: 32px;
			}
	
			#nav_footer a {
				font: normal 12px Verdana, Arial, sans-serif;
				text-decoration: none;
				color: #287db7;
				padding: 0px 0px 0px 42px;
			}
			#nav_footer a:hover {
				font: normal 12px Verdana, Arial, sans-serif;
				text-decoration: none;
				color: #5d5d5f;
				padding-left: 42px;
			}
			div.links_footer {
				float: right;
			}
		#copy {
			background: #ffffff;
			height: 60px;
		}
			#copyright {
				font: normal 11px Verdana, Arial, sans-serif;
				padding-top: 0px;
				padding: 10px 0px 0px 40px;
				/*width: 500px;*/
				
				text-align: left;
				float: left;
			}
			#privacy {
				float: right;
				padding: 10px 25px 0px 0px;
			}
div#PackageInfo1,
div#PackageInfo2,
div#PackageInfo3 {
	position: relative;
}	

/* Slider Projects */
			a.projects{ color:#C8DCE5; }
			h3.projects{ margin: 10px 10px 0 10px; color:#FFF; font:16pt Arial, sans-serif; letter-spacing:-1px; font-weight: normal;  }
			
			.boxgrid{ 
				width: 425px; 
				height: 260px; 
				margin:10px; 
				float:left; 
				background: url(../images/projects_box_bg.jpg) repeat-x; 
				border: solid 10px #F0F0F0; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}