* { padding: 0; margin: 0; }

.clear { clear: both; background: none; }

a.fffccc:link {color: #FFF;}
a.fffccc:active {color: #FFF;}
a.fffccc:visited {color: #FFF;}
a.fffccc:hover {color: #CCC;}

a.embeddedlink:link {color: #FFF; text-decoration:none;}
a.embeddedlink:active {color: #FFF; text-decoration:none;}
a.embeddedlink:visited {color: #FFF; text-decoration:none;}
a.embeddedlink:hover {color: #CCC; text-decoration:none;}

a.redlink:link {color: #990000;}
a.redlink:active {color: #000000;}
a.redlink:visited {color: #003366;}
a.redlink:hover {color: #FF0000;}

a.footlink1:link {color: #999;}
a.footlink1:active {color: #999;}
a.footlink1:visited {color: #999;}
a.footlink1:hover {color: #666;}

a.serviceslink:link {color: #333; text-decoration:none;}
a.serviceslink:active {color: #333; text-decoration:none;}
a.serviceslink:visited {color: #333; text-decoration:none;}
a.serviceslink:hover {color: #333; text-decoration:underline;}

a.portfolioback:link {color: #666;}
a.portfolioback:active {color: #666;}
a.portfolioback:visited {color: #666;}
a.portfolioback:hover {color: #333;}

.latestlink {font-size: 9px}

h1 { font-size: 13pt;
	 font-weight:normal;
}
h2 {
	font-size: 13pt;
	font-weight:normal;
}
h3 {
	font-size: 13pt;
	font-weight:normal;
	margin-bottom: 10px;
}

.pic1 {
	margin: 0px 10px 10px 0px;
	float: left;
	border: 2px solid #999;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image:url(images/bg.jpg);
	background-attachment: fixed;
	background-repeat:repeat-x;
	background-color: #d4d4d4;
}
#wrapper {
	margin: auto;
	width: 1000px;
}
#header {
	color: #333;
	width: 960px;
	height: 165px;
	background-image: url(images/header.jpg);
	position: relative;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
#logo {
	color: #333;
	width: auto;
	height: auto;
	float: left;
	padding-top: 10px;
}
#topright {
	color: #999999;
	width: 370px;
	height: 55px;
	float: right;
	font-size: 11px;
	text-align: center;
	margin: 5px 20px 0px 0px;
}

#topright a:link {color: #777;}
#topright a:active {color: #777;}
#topright a:visited {color: #777;}
#topright a:hover {color: #333;}

#toprightsub1 {
	font-size: 11px;
}
#toprightsub2 {
	width: 370px;
	height: auto;
	margin: 14px 0px 0px 0px;
	font-size: 12px;
	float: right;
}
#navigation {
	width: 960px;
	height: auto;
	clear: both;
	z-index: 1000;
	left: 0px;
	top: 99px;
	position: absolute;
	background-image: url(images/nav.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#banner-breadcrumbs {
	width: 400px;
	height: 40px;
	width: 973px;
	font-size: 12px;
	background-image: url(images/banner_breadcrumbs.png);
	position: absolute;
	left: -12px;
	top: 0px;
	background-repeat: no-repeat;
	font-weight: bold;
}
#breadcrumbs {
	width: 960px;
	height: 40px;
	background-color: #FFFFFF;
	position: relative;
}
#bc-first {
	width: 85px;
	height: 33px;
	color: #FFFFFF;
	padding: 6px 0px 0px 20px;
	float: left;
}
#bc-arrow {
	width: 30px;
	height: 40px;
	background-image: url(images/bc-arrow.jpg);
	float: left;
}
#bc-last {
	width: 25px;
	height: 40px;
	background-image: url(images/bc-last.jpg);
	float: left;
}
#crumb {
	width: auto;
	height: 34px;
	float: left;
	color: #FFFFFF;
	background-image: url(images/bc-crumb.jpg);
	padding: 6px 8px 0px 10px;
}

#crumb a:link {color: #FFF; text-decoration:none;}
#crumb a:active {color: #FFF; text-decoration:none;}
#crumb a:visited {color: #FFF; text-decoration:none;}
#crumb a:hover {color: #FFF; text-decoration:underline;}

#main {
	color: #333;
	width: 960px;
	height: auto;
	background-color: #FFFFFF;
	padding-top: 10px;
}
#left75 {
	margin: 0px 0px 20px 20px;
	padding: 20px;
	width: 635px;
	float: left;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
}
#left66 {
	margin: 0px 0px 20px 20px;
	padding: 20px;
	width: 585px;
	float: left;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
}
#left66  ul {
	list-style: url(images/arrow.png);
	list-style-position: inside;
	}
#left66-2 {
	margin: 0px 0px 20px 20px;
	padding: 20px;
	width: 585px;
	float: left;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
}
#right33 {
	color: #333;
	margin: 0px 20px 20px 0px;
	width: 230px;
	float: right;
	height: auto;
	border: 1px solid #cccccc;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	padding: 20px;
}

#right25 {
	color: #333;
	margin: 0px 20px 20px 0px;
	width: 210px;
	float: right;
	height: auto;
	border: 1px solid #cccccc;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	padding: 10px;
}
#left33 {
	color: #333;
	margin: 0px 0px 20px 20px;
	width: 305px;
	float: left;
	height: auto;
	border: 1px solid #cccccc;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 15px 10px;
}
#left33portfolio {
	color: #333;
	margin: 0px 0px 20px 20px;
	width: 305px;
	float: left;
	height: auto;
	border: 1px solid #cccccc;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	padding: 90px 10px 15px 10px;
	position: relative;
}

#left25 {
	color: #333;
	margin: 0px 0px 20px 20px;
	width: 210px;
	float: left;
	height: auto;
	border: 1px solid #cccccc;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 15px 10px;
}

#left50 {
	margin: 0px 0px 20px 20px;
	padding: 15px;
	width: 420px;
	float: left;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
}
#right50 {
	color: #333;
	margin: 0px 20px 20px 0px;
	width: 400px;
	float: right;
	height: auto;
	border: 1px solid #cccccc;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	padding: 15px;
	font-size: 13px;
}
#right66 {
	margin: 0px 20px 20px 0px;
	padding: 10px 10px 15px 10px;
	width: 550px;
	float: right;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
}
#right75 {
	margin: 0px 20px 20px 0px;
	padding: 10px 10px 15px 10px;
	width: 640px;
	float: right;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
}

#content100-web {
	margin: 0px 0px 20px 20px;
	padding: 20px;
	width: 890;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	width: 880px;
	height: auto;
	float: left;
	text-align: left;
}
#content100-portfolio {
	margin: 0px 20px 20px 20px;
	padding: 20px;
	width: 890;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	width: 880px;
	height: auto;
	float: left;
	clear: both;
}
#content100-portfolio a:link {color: #B9B9B9;}
#content100-portfolio a:active {color: #B9B9B9;}
#content100-portfolio a:visited {color: #B9B9B9;}
#content100-portfolio a:hover {color: #B9B9B9;}

#content100-portfolio  ul {
	list-style: none;
	}
#content100-web  ul {
	list-style: url(images/arrow.png);
	list-style-position: inside;
	}
#content100-photo {
	margin: 0px 0px 20px 20px;
	padding: 5px 15px 0px 15px;
	width: 890;
	height: auto;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	width: 890px;
	height: auto;
	float: left;
}
#browseservices {
	width: 960px;
	clear: both;
	color: #333;
	height: auto;
	padding: 70px 0px 0px 0px;
	background-color: #F2F2F2;
	font-size: 12px;
	position: relative;
}
#browseservices  a:link {color: #777;
}
#browseservices  a:active {color: #777;
}
#browseservices  a:visited {color: #777;
}
#browseservices  a:hover {color: #333;
}
#browseservices  ul {
	list-style: url(images/arrow.png);
	list-style-position: inside;
	margin-left: 0px;
	}
#browseservices li {
}
#footer1 {
	width: 960px;
	height: 140px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
}
#footer2 {
	width: 960px;
	padding: 5px 20px 30px 20px;
	height: auto;
	text-align: center;
	color: #999999;
	font-size: 9px;
}

#shadowleft {
	width: 980px;
	padding-right: 20px;
	background: transparent url(images/shadowl.png) repeat-y left top;
}
#shadowright {
	width: 980px;
	padding-left: 20px;
	background: transparent url(images/shadowr.png) repeat-y right top;
}
#shadowbottom {
	width: 1000px;
	background: transparent url(images/shadowb.png) right top;
	height: 25px;
	background-repeat: no-repeat;
	clear: both;
}
#banner-browseservices {
	width: 400px;
	height: 45px;
	width: 980px;
	color: #FFFFFF;
	font-size: 14px;
	background-image: url(images/banner_lg.png);
	padding: 15px 0px 0px 20px;
	position: absolute;
	left: -20px;
	top: 0px;
	background-repeat: no-repeat;
	font-weight: bold;
}
#banner-small {
	width: 400px;
	height: 63px;
	width: 335px;
	color: #FFFFFF;
	/* [disabled]font-size: 14px; */
	background-image: url(images/banner_sm.png);
	padding: 7px 0px 0px 20px;
	position: absolute;
	left: -12px;
	top: 10px;
	background-repeat: no-repeat;
	/* [disabled]font-weight: bold; */
}
#banner-small a:link {color: #FFF;}
#banner-small a:active {color: #FFF;}
#banner-small a:visited {color: #FFF;}
#banner-small a:hover {color: #CCC;}

#servicecolumn1 {
	width: 210px;
	height: auto;
	float: left;
	background-image: url(images/contenttop.gif);
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 10px 0px 15px 10px;
	margin: 0px 0px 15px 21px;
}
#servicecolumn2 {
	width: 210px;
	height: auto;
	float: left;
	padding: 10px 0px 15px 10px;
	background-image: url(images/contenttop.gif);
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0px 0px 15px 10px;
}
#servicessmallright {
	width: 220px;
	height: auto;
	float: left;
	padding: 10px 0px 15px 10px;
	background-image: url(images/contenttop.gif);
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 0px;
}

#servicecolumn3 {
	width: 210px;
	height: auto;
	float: left;
	padding: 10px 0px 15px 10px;
	background-image: url(images/contenttop.gif);
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0px 0px 15px 10px;
}
#servicecolumn4 {
	width: 210px;
	height: auto;
	float: left;
	padding: 10px 0px 15px 10px;
	background-image: url(images/contenttop.gif);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	margin: 0px 0px 15px 10px;
}
#footer1left {
	width: 230px;
	height: 90px;
	float: left;
	text-align: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 25px;
	font-size: 11px;
	border-right: 1px solid #ccc;
	padding: 10px 20px 0px 0px;
}
#footer1middle {
	width: 260px;
	height: 75px;
	float: left;
	text-align: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 25px;
	font-size: 16px;
	border-right: 1px solid #ccc;
	padding: 25px 0px 0px 0px;
}
#footer1right {
	width: 360px;
	height: 95px;
	float: right;
	text-align: left;
	color: #FFFFFF;
	margin: 20px 10px 0px 0px;
	font-size: 11px;
	padding: 5px 0px 0px 0px;
}
.pic2 {
	border: 2px solid #999;
}
.pic3 {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.faq {
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}
.question {
	padding: 10px;
	height: auto;
	width: auto;
	border-bottom: 1px solid #cccccc;
}
.answer {
	padding: 10px 10px 10px 30px;
	height: auto;
	width: auto;
}
.update {
	height: auto;
	width: 210px;
}
.updatecal {
	background-image: url(images/cal.png);
	float: left;
	height: 27px;
	width: 39px;
	padding: 12px 0px 0px 0px;
}
.updatetext {
	height: auto;
	width: 160px;
	float: left;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
}
.updatemonth {
	font-size: 8px;
	text-align: center;
}
.updateday {
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}
.launchsite {
	float: right;
	margin: 10px;
}
#testimonial-lg {
	height: auto;
	width: 230px;
	background-image: url(images/testimonialbg-lg.png);
	padding: 40px 30px 20px 40px;
	color: #666;
	font-style: italic;
	background-repeat: no-repeat;
	float: left;
}
#testimonial-box {
	height: auto;
	width: 820px;
	padding: 30px;
	color: #666;
	font-style: italic;
	background-color: #F7F7F7;
	margin: 0px 0px 30px 0px;
	border: 1px solid #CCC;
}

.pfo-webbox {
	margin: 10px 10px 20px 10px;
	float: left;
	height: 150px;
	width: 260px;
	border-bottom: 2px solid #ccc;
}
.pfo-webbox-img {
	height: 110px;
	width: 260px;
	border-bottom: 1px solid #ccc;
}
.processpicleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.redtext {
	color: #900;
}
.graytext {
	color: #666;
}
.portfoliosub {
	background-image: url(images/contenttopdark.gif);
	background-repeat: no-repeat;
	padding: 15px 20px 20px 20px;
	border: 1px solid #CCC;
}
#gray-box1 {
	height: auto;
	width: 378px;
	padding: 10px;
	background-image: url(images/bg.jpg);
	border: 1px solid #ccc;
}