@charset "UTF-8";
/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0;
	background-image:url(images/topbg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
h1, h2, form, span {
	margin:0;
	padding:0
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:900px;
	padding-left:25px;
	padding-right:25px
}
#top {
	background:url(images/logo.jpg) no-repeat left;
	height:30px;
	margin-top:10px;
	margin-bottom:45px;
	text-align:right;
	padding-top:70px;
	font-size:11px;
	color:#666666;
}
#banner {
	height:151px;
	width:640px;
	padding-left:225px;
	background:url(images/top_banner.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	margin-left:15px
}
#main {
	width:855px;
	margin-left:19px;
	margin-top:15px
}

#main_sub {
	width:855px;
	margin-left:19px;
	margin-top:15px;
	color:#666666;
	font-size:14px;
}
#main #left {
	width:469px;
	float:left
}
#main #right {
	width:379px;
	float:right
}
#foot {margin-left:auto; margin-right:auto; background:url(images/btm_line.jpg) top repeat-x; margin-top:12px; padding-top:10px}

#foot2 {
	width:895px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px; color:#666666; margin-bottom:10px
}
#foot2 a, #foot2 a:hover {color:#009900; text-decoration:none}
#foot2 #one{ width:45%; float:left}
#foot2 #two{ width:55%; float:right; text-align:right}
.banbox {
	width:210px;
	float:left;
	padding-top:92px;
	line-height:22px;
	text-align:left
}
.clear {
	clear:both
}
.green {
	color:#009900
}
.prodbox {
	background:url(images/box_mid.jpg);
	margin-bottom:16px;
	margin-right:1px
}
.prodbox .prod_top {
	background: url(images/box_top.jpg);
	height:14px;
	background-repeat:no-repeat;
}
.prodbox .prod_btm {
	background:url(images/box_btm.jpg);
	height:11px;
}
.prodbox .prod_business {
	background:url(images/hdr_bizcards.jpg);
	background-repeat:no-repeat;
	height:41px;
	margin-left:5px;
	margin-right:5px;
	color:#666666;
	font-size:30px;
	padding-left:100px;
	padding-top:10px;
	font-weight:bold
}
.prodbox .prod_postcard {
	background:url(images/hdr_postcards.jpg);
	background-repeat:no-repeat;
	height:47px;
	margin-left:5px;
	margin-right:5px;
	color:#666666;
	font-size:30px;
	padding-left:100px;
	padding-top:10px;
	font-weight:bold
}
.prodbox .prod_brochure {
	background:url(images/hdr_brochure.jpg);
	background-repeat:no-repeat;
	height:47px;
	margin-left:5px;
	margin-right:5px;
	color:#666666;
	font-size:30px;
	padding-left:100px;
	padding-top:10px;
	font-weight:bold
}
.prodbox .prod_content .pl, .prodbox .prod_content .pr {
	width:45%;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	line-height:22px;
	padding:10px
}
.prodbox .prod_content .pl h2, .prodbox .prod_content .pr h2, #main_sub h2 {
	font-size:18px;
	margin-bottom:4px
}
.box2 {
	width:377px;
	background:url(images/box2_mid.jpg) repeat-y;
}
.box2 .box_top {
	height:12px;
	background:url(images/box2_top.jpg) no-repeat;
}
.box2 .box_content {
	font-size:12px;
	color:#666666;
	padding:10px;
}
.box2 .box_btm {
	height:12px;
	background:url(images/box2_btm.jpg) no-repeat;
}
.box2 h1 {
	font-size:30px;
	color:#666666;
	font-weight:bold;
	margin-bottom:8px;
	padding-bottom:4px;
	border-bottom:solid 1px #CCCCCC;
	margin-left:5px;
	margin-right:10px
}
.box2 h2 {
	font-size:18px;
	margin-bottom:4px;
	margin-left:8px;
	margin-top:10px
}
.box2 .l1, .box2 .r1 {
	width:140px;
	margin-top:9px;
	margin-left:15px;
	font-size:14px;
	float:left;
	line-height:22px;
}
.box2 .r3 {
	width:175px;
	margin-top:7px;
	margin-left:5px;
	font-size:14px;
	float:left
}
.box2 .sep {
	background:url(images/box2_shadow.jpg) no-repeat center;
	height:7px;
	margin-bottom:10px;
	margin-top:15px
}
.smtxt {
	font-size:11px;
	text-align:center;
	margin-top:6px
}
.subtxt {
	font-size:11px;
	color:#666666;
	text-align:center;
	font-weight:bold
}

form .fl {
width:133px;
height:20px;
text-align:right;
padding-top:4px;
font-weight:bold;
margin-bottom:3px;
float:left;
}
form .fr{
width:454px;
height:20px;
text-align:left;
margin-bottom:3px;
float:right;
}
form .tr{
width:454px;
height:95px;
text-align:left;
margin-bottom:3px;
float:right;
}

/* RECENT PROJECTS STYLES */

#recentbanner
{
padding: 0;
margin: 0;
background: url('images/recent_header.jpg') top left no-repeat;
height: 94px;
width: 867px;
margin-left: auto;
margin-right: auto;
}

#recentmain
{
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 867px;
margin-top: 15px;
}

#recenttl
{
margin: 0;
padding: 0;
float: left;
width: 423px;
}

#recenttr
{
margin: 0;
padding: 0;
float: right;
width: 423px;
}

.smboxtop
{
margin: 0;
padding: 0;
background: url('images/sm_box_top.gif') top left no-repeat;
width: 423px;
height: 21px;
}

.smboxmid
{
margin: 0;
padding: 0;
background: url('images/sm_box_mid.gif') top left repeat-y;
width: 423px;
}

#lrgboxmid h1 {font-family: arial, helvetica, sans-serif; font-size: 14px; padding: 10px 0 0 0; color: gray;}
#lrgboxmid p {margin: 0; font-family: arial, helvetica, sans-serif; font-size: 12px; color: gray; padding: 0 20px 0 20px; text-align: justify; line-height: 14px;}

.smboxmidL
{
margin: 0;
padding: 0;
background: url('images/pcards_icon.gif') top left no-repeat;
width: 423px;
height: 60px;
}

.smboxmidR
{
margin: 0;
padding: 0;
background: url('images/bcards_icon.gif') top left no-repeat;
width: 423px;
height: 60px;
}

.smboxbot
{
margin: 0;
padding: 0;
background: url('images/sm_box_bot.gif') top left no-repeat;
width: 423px;
height: 26px;
}

#recentbot
{
margin: 0;
padding: 0;
margin-top: 15px;
width: 867px;
}

#lrgboxtop
{
margin: 0;
padding: 0;
background: url('images/lrg_box_top.gif') top left no-repeat;
width: 867px;
height: 24px;
}

#lrgboxmid
{
margin: 0;
padding: 0;
background: url('images/lrg_box_mid.gif') top left repeat-y;
width: 867px;
}

#lrgboxmidicon
{
margin: 0;
padding: 0;
background: url('images/recent_sub.jpg') top left no-repeat;
width: 867px;
height: 64px;
}

#lrgboxbot
{
margin: 0;
padding: 0;
background: url('images/lrg_box_bot.gif') top left no-repeat;
width: 867px;
height: 26px;
}

.clientbox
{
padding: 0;
margin: 0;
float: left;
width: 260px;
padding-left: 22px;
padding-bottom: 10px;
}

.templates
{
color: gray;
font-size: 16px;
padding-left: 15px;
}

#lrgboxmid ul
{
list-style-type: none;
padding: 0;
margin: 0;
padding-left: 15px;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
}

.dl {font-size: 10px; padding-bottom: 6px;}